@platformscode/core 0.0.40 → 0.0.42

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 (246) hide show
  1. package/dist/cjs/dga-accordion.cjs.entry.js +3 -3
  2. package/dist/cjs/dga-avatar_10.cjs.entry.js +8 -8
  3. package/dist/cjs/dga-checkbox.cjs.entry.js +4 -4
  4. package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
  5. package/dist/cjs/dga-data-table.cjs.entry.js +4 -4
  6. package/dist/cjs/dga-date-field.cjs.entry.js +5 -5
  7. package/dist/cjs/dga-digital-signature.cjs.entry.js +6 -6
  8. package/dist/cjs/dga-dropdown.cjs.entry.js +4 -4
  9. package/dist/cjs/dga-helper-text_3.cjs.entry.js +6 -6
  10. package/dist/cjs/dga-notification.cjs.entry.js +9 -9
  11. package/dist/cjs/dga-prefix.cjs.entry.js +3 -3
  12. package/dist/cjs/dga-radio-button.cjs.entry.js +3 -3
  13. package/dist/cjs/dga-search-box_2.cjs.entry.js +3 -3
  14. package/dist/cjs/dga-suffix.cjs.entry.js +3 -3
  15. package/dist/cjs/dga-tag_3.cjs.entry.js +3 -3
  16. package/dist/cjs/dga-textarea.cjs.entry.js +5 -5
  17. package/dist/cjs/index--xeGXgkU.js +49 -0
  18. package/dist/collection/components/dga-accordion/dga-accordion.js +3 -3
  19. package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.js +3 -3
  20. package/dist/collection/components/dga-carousel/dga-carousel.js +5 -5
  21. package/dist/collection/components/dga-checkbox/dga-checkbox.js +4 -4
  22. package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js +2 -2
  23. package/dist/collection/components/dga-data-table/dga-data-table.js +4 -4
  24. package/dist/collection/components/dga-date-field/dga-date-field.js +5 -5
  25. package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +6 -6
  26. package/dist/collection/components/dga-drawer/tab-link.js +3 -3
  27. package/dist/collection/components/dga-dropdown/dga-dropdown.js +4 -4
  28. package/dist/collection/components/dga-icon/utils.js +1 -1
  29. package/dist/collection/components/dga-notification/dga-notification.js +9 -9
  30. package/dist/collection/components/dga-radio-button/dga-radio-button.js +3 -3
  31. package/dist/collection/components/dga-search-box/dga-search-box.js +3 -3
  32. package/dist/collection/components/dga-text-input/dga-prefix.js +3 -3
  33. package/dist/collection/components/dga-text-input/dga-suffix.js +3 -3
  34. package/dist/collection/components/dga-text-input/dga-text-input.js +6 -6
  35. package/dist/collection/components/dga-textarea/dga-textarea.js +5 -5
  36. package/dist/components/dga-accordion-usage.js +2 -2
  37. package/dist/components/dga-accordion.js +1 -1
  38. package/dist/components/dga-avatar-usage.js +2 -2
  39. package/dist/components/dga-avatar.js +1 -1
  40. package/dist/components/dga-breadcrumbs-usage.js +2 -2
  41. package/dist/components/dga-breadcrumbs.js +1 -1
  42. package/dist/components/dga-button-leading-icon.js +1 -1
  43. package/dist/components/dga-button-usage.js +2 -2
  44. package/dist/components/dga-button-v2-usage.js +3 -3
  45. package/dist/components/dga-button-v2.js +1 -1
  46. package/dist/components/dga-button.js +1 -1
  47. package/dist/components/dga-card-usage.js +6 -6
  48. package/dist/components/dga-card-v2-usage.js +5 -5
  49. package/dist/components/dga-card-v2.js +1 -1
  50. package/dist/components/dga-card.js +1 -1
  51. package/dist/components/dga-carousel-usage.js +2 -2
  52. package/dist/components/dga-carousel.js +1 -1
  53. package/dist/components/dga-checkbox-usage.js +2 -2
  54. package/dist/components/dga-checkbox.js +1 -1
  55. package/dist/components/dga-chip-usage.js +2 -2
  56. package/dist/components/dga-chip.js +1 -1
  57. package/dist/components/dga-circular-progress-bar-usage.js +2 -2
  58. package/dist/components/dga-circular-progress-bar.js +1 -1
  59. package/dist/components/dga-codesnippet-usage.js +5 -5
  60. package/dist/components/dga-codesnippet.js +1 -1
  61. package/dist/components/dga-data-table-usage.js +4 -4
  62. package/dist/components/dga-data-table.js +1 -1
  63. package/dist/components/dga-date-field-usage.js +7 -7
  64. package/dist/components/dga-date-field.js +1 -1
  65. package/dist/components/dga-datepicker-usage.js +6 -6
  66. package/dist/components/dga-datepicker.js +1 -1
  67. package/dist/components/dga-digital-signature-usage.js +2 -2
  68. package/dist/components/dga-digital-signature.js +1 -1
  69. package/dist/components/dga-drawer-usage.js +7 -7
  70. package/dist/components/dga-drawer.js +1 -1
  71. package/dist/components/dga-dropdown-usage.js +2 -2
  72. package/dist/components/dga-dropdown.js +1 -1
  73. package/dist/components/dga-featured-icon-usage.js +2 -2
  74. package/dist/components/dga-featured-icon.js +1 -1
  75. package/dist/components/dga-feedback-icon.js +1 -1
  76. package/dist/components/dga-file-upload-usage.js +2 -2
  77. package/dist/components/dga-file-upload.js +1 -1
  78. package/dist/components/dga-filteration-usage.js +8 -8
  79. package/dist/components/dga-filteration.js +1 -1
  80. package/dist/components/dga-floating-button-usage.js +2 -2
  81. package/dist/components/dga-footer-usage.js +2 -2
  82. package/dist/components/dga-footer.js +1 -1
  83. package/dist/components/dga-header-action-btn.js +1 -1
  84. package/dist/components/dga-header-menu-item-usage.js +11 -11
  85. package/dist/components/dga-header-menu.js +1 -1
  86. package/dist/components/dga-header-usage.js +16 -16
  87. package/dist/components/dga-header.js +4 -4
  88. package/dist/components/dga-helper-text.js +1 -1
  89. package/dist/components/dga-huge-icon-usage.js +1 -1
  90. package/dist/components/dga-icon.js +1 -1
  91. package/dist/components/dga-inline-alert-usage.js +2 -2
  92. package/dist/components/dga-inline-alert.js +1 -1
  93. package/dist/components/dga-list-item.js +1 -1
  94. package/dist/components/dga-list-usage.js +2 -2
  95. package/dist/components/dga-metric-v2.js +2 -2
  96. package/dist/components/dga-metric.js +2 -2
  97. package/dist/components/dga-modal-usage.js +4 -4
  98. package/dist/components/dga-modal-v2-usage.js +4 -4
  99. package/dist/components/dga-modal-v2.js +1 -1
  100. package/dist/components/dga-modal.js +1 -1
  101. package/dist/components/dga-nav-header-actions.js +1 -1
  102. package/dist/components/dga-nav-header-link.js +1 -1
  103. package/dist/components/dga-nav-header-sub-menu-link.js +1 -1
  104. package/dist/components/dga-notification-toast-usage.js +3 -3
  105. package/dist/components/dga-notification-toast.js +1 -1
  106. package/dist/components/dga-notification-usage.js +2 -2
  107. package/dist/components/dga-notification.js +1 -1
  108. package/dist/components/dga-number-input-usage.js +3 -3
  109. package/dist/components/dga-number-input.js +1 -1
  110. package/dist/components/dga-prefix.js +1 -1
  111. package/dist/components/dga-progress-indicator-step-v3.js +1 -1
  112. package/dist/components/dga-progress-indicator-step.js +1 -1
  113. package/dist/components/dga-progress-indicator-usage.js +2 -2
  114. package/dist/components/dga-progress-indicator-v3-usage.js +2 -2
  115. package/dist/components/dga-quote-usage.js +3 -3
  116. package/dist/components/dga-quote.js +1 -1
  117. package/dist/components/dga-radio-button-usage.js +2 -2
  118. package/dist/components/dga-radio-button.js +1 -1
  119. package/dist/components/dga-search-box-usage.js +3 -3
  120. package/dist/components/dga-search-box.js +1 -1
  121. package/dist/components/dga-second-nav-header-usage.js +5 -5
  122. package/dist/components/dga-slideout-menu-header.js +1 -1
  123. package/dist/components/dga-slideout-menu-usage.js +5 -5
  124. package/dist/components/dga-suffix.js +4 -4
  125. package/dist/components/dga-table-usage.js +3 -3
  126. package/dist/components/dga-tabs-usage.js +3 -3
  127. package/dist/components/dga-tabs.js +1 -1
  128. package/dist/components/dga-tag-usage.js +2 -2
  129. package/dist/components/dga-tag.js +1 -1
  130. package/dist/components/dga-text-input-usage.js +4 -4
  131. package/dist/components/dga-text-input.js +1 -1
  132. package/dist/components/dga-textarea-usage.js +2 -2
  133. package/dist/components/dga-textarea.js +1 -1
  134. package/dist/components/dga-tooltip-usage.js +2 -2
  135. package/dist/components/dga-tooltip.js +1 -1
  136. package/dist/components/floating-button.js +1 -1
  137. package/dist/components/month-navigator.js +1 -1
  138. package/dist/components/nds-avatar-usage.js +2 -2
  139. package/dist/components/nds-avatar.js +1 -1
  140. package/dist/components/nds-button-usage.js +3 -3
  141. package/dist/components/{p-D25UKaEu.js → p-BAPjyrNp.js} +4 -4
  142. package/dist/components/{p-CFUMF5YN.js → p-BF6_ERMr.js} +1 -1
  143. package/dist/components/{p-Bg_-hNst.js → p-BJrxiXmB.js} +1 -1
  144. package/dist/components/{p-C8mvgvMh.js → p-BKfnRn0P.js} +1 -1
  145. package/dist/components/{p-CK4S8BVY.js → p-BNPbguNe.js} +5 -5
  146. package/dist/components/{p-9t9pP5wb.js → p-BZG2B88o.js} +2 -2
  147. package/dist/components/{p-q1GCTpAl.js → p-BZI3LXWp.js} +1 -1
  148. package/dist/components/{p-BFq0-7mf.js → p-Bd50SSFJ.js} +3 -3
  149. package/dist/components/{p-CPgUKuiN.js → p-Bfv_mWUY.js} +5 -5
  150. package/dist/components/{p-BK2eNLm-.js → p-Bi-2__eK.js} +5 -5
  151. package/dist/components/{p-CZCeh3H_.js → p-BihOMqmi.js} +6 -6
  152. package/dist/components/{p-z4AKbeqV.js → p-Bj8Vp6oE.js} +2 -2
  153. package/dist/components/{p-C-IvTIch.js → p-BjrZNDyK.js} +5 -5
  154. package/dist/components/{p-D95vhfgu.js → p-BkDe4y9_.js} +1 -1
  155. package/dist/components/{p-BT-zFDF3.js → p-BmPVaRTe.js} +3 -3
  156. package/dist/components/p-BuKglUC2.js +26 -0
  157. package/dist/components/{p-NSwdL19x.js → p-BwpHb_8r.js} +4 -4
  158. package/dist/components/{p-BuRQ_6As.js → p-C8Ozv32x.js} +1 -1
  159. package/dist/components/{p-y48iBw8b.js → p-C9YG36pj.js} +2 -2
  160. package/dist/components/{p-DSwWrZlM.js → p-CEYmo_c9.js} +8 -8
  161. package/dist/components/{p-CG1PUR2T.js → p-CFMYKcBU.js} +5 -5
  162. package/dist/components/{p-BzIa2Cq3.js → p-CGwqjtn-.js} +1 -1
  163. package/dist/components/{p-D4GcJ_x8.js → p-CHUq3rQN.js} +5 -5
  164. package/dist/components/{p-BptOYTd-.js → p-CKah__ix.js} +1 -1
  165. package/dist/components/{p-Bgym2s7u.js → p-CP8PmlKN.js} +6 -6
  166. package/dist/components/{p-DcTPr2gD.js → p-CUGdhnfo.js} +10 -10
  167. package/dist/components/{p-BFp2aZZz.js → p-CW97yWbX.js} +2 -2
  168. package/dist/components/{p-Dvv3BdO_.js → p-CYGKeISr.js} +4 -4
  169. package/dist/components/{p-BLvJ2oPi.js → p-CYajWDGN.js} +7 -7
  170. package/dist/components/{p-BKbPoVUo.js → p-CbLRWZlK.js} +2 -2
  171. package/dist/components/{p-0khNFxl0.js → p-ChssKQKt.js} +11 -11
  172. package/dist/components/{p-J8MM0JsY.js → p-CrvBIdcM.js} +7 -7
  173. package/dist/components/{p-DnuBXAJ-.js → p-D-V0Nkke.js} +1 -1
  174. package/dist/components/{p-Dva9vsYN.js → p-D8NqfDaD.js} +5 -5
  175. package/dist/components/{p-D_XsbuGG.js → p-DDt-WBYV.js} +4 -4
  176. package/dist/components/{p-B_3saRrm.js → p-DEVyJhwC.js} +1 -1
  177. package/dist/components/{p-DlvOoZQ9.js → p-DK1GaSZF.js} +1 -1
  178. package/dist/components/{p-BNhIil8E.js → p-DONaw3QE.js} +1 -1
  179. package/dist/components/{p-ZwTMDF83.js → p-DTsUXHcb.js} +2 -2
  180. package/dist/components/{p-F66ktz1L.js → p-DXR7mtuz.js} +3 -3
  181. package/dist/components/{p-f2MDwTxU.js → p-DZ5ItuuV.js} +4 -4
  182. package/dist/components/{p-B1kxhXdl.js → p-DZg2yEu-.js} +1 -1
  183. package/dist/components/{p-Cpuem5Xg.js → p-Db_NU6un.js} +1 -1
  184. package/dist/components/{p-CdnvAuto.js → p-DdK43o7A.js} +1 -1
  185. package/dist/components/{p-UOJXt-FO.js → p-Dp6P2jmh.js} +1 -1
  186. package/dist/components/{p-TfV0XO6J.js → p-Dv3NkDjT.js} +2 -2
  187. package/dist/components/{p-PzjGna5K.js → p-Ml7LP76y.js} +2 -2
  188. package/dist/components/{p-CncwSLJZ.js → p-Q7FZspWs.js} +3 -3
  189. package/dist/components/{p-Bwl3mtDP.js → p-bBcGyivj.js} +6 -6
  190. package/dist/components/{p-XxWV99_u.js → p-g3GwPygu.js} +6 -6
  191. package/dist/components/{p-BNYQpuTv.js → p-gAToCGvl.js} +1 -1
  192. package/dist/components/{p-CGrf7k7J.js → p-gxdS7w39.js} +1 -1
  193. package/dist/components/{p-DnLupBQZ.js → p-yjX9myTl.js} +4 -4
  194. package/dist/components/{p-BOjMTu4v.js → p-zFaGF6yx.js} +2 -2
  195. package/dist/components/{p-DWDgZ64y.js → p-zVn-LSJh.js} +1 -1
  196. package/dist/components/side-panel-menu.js +1 -1
  197. package/dist/components/submenu-component.js +1 -1
  198. package/dist/components/tab-component.js +1 -1
  199. package/dist/components/tab-link.js +1 -1
  200. package/dist/core/core.esm.js +1 -1
  201. package/dist/core/{p-0fc50a9a.entry.js → p-02c872c7.entry.js} +1 -1
  202. package/dist/core/{p-ca658904.entry.js → p-0be2b251.entry.js} +1 -1
  203. package/dist/core/p-15a89989.entry.js +1 -0
  204. package/dist/core/p-275013a4.entry.js +1 -0
  205. package/dist/core/p-2a6338e4.entry.js +1 -0
  206. package/dist/core/{p-dda02fce.entry.js → p-3015c21f.entry.js} +1 -1
  207. package/dist/core/{p-4011fa2f.entry.js → p-3f813056.entry.js} +1 -1
  208. package/dist/core/p-46d07811.entry.js +1 -0
  209. package/dist/core/{p-c5766c7b.entry.js → p-4eb146fd.entry.js} +1 -1
  210. package/dist/core/p-543ccee8.entry.js +1 -0
  211. package/dist/core/{p-ee9eebbf.entry.js → p-7026cde0.entry.js} +1 -1
  212. package/dist/core/{p-17884b9c.entry.js → p-8c44d899.entry.js} +1 -1
  213. package/dist/core/{p-90c8f575.entry.js → p-96895959.entry.js} +1 -1
  214. package/dist/core/{p-15a804c0.entry.js → p-ac7ab6ad.entry.js} +1 -1
  215. package/dist/core/{p-45836373.entry.js → p-be289142.entry.js} +1 -1
  216. package/dist/core/{p-3a8c8253.entry.js → p-eb92fb4d.entry.js} +1 -1
  217. package/dist/core/p-h7paZUO2.js +1 -0
  218. package/dist/esm/dga-accordion.entry.js +3 -3
  219. package/dist/esm/dga-avatar_10.entry.js +8 -8
  220. package/dist/esm/dga-checkbox.entry.js +4 -4
  221. package/dist/esm/dga-circular-progress-bar.entry.js +2 -2
  222. package/dist/esm/dga-data-table.entry.js +4 -4
  223. package/dist/esm/dga-date-field.entry.js +5 -5
  224. package/dist/esm/dga-digital-signature.entry.js +6 -6
  225. package/dist/esm/dga-dropdown.entry.js +4 -4
  226. package/dist/esm/dga-helper-text_3.entry.js +6 -6
  227. package/dist/esm/dga-notification.entry.js +9 -9
  228. package/dist/esm/dga-prefix.entry.js +3 -3
  229. package/dist/esm/dga-radio-button.entry.js +3 -3
  230. package/dist/esm/dga-search-box_2.entry.js +3 -3
  231. package/dist/esm/dga-suffix.entry.js +3 -3
  232. package/dist/esm/dga-tag_3.entry.js +3 -3
  233. package/dist/esm/dga-textarea.entry.js +5 -5
  234. package/dist/esm/index-h7paZUO2.js +26 -0
  235. package/package.json +2 -2
  236. package/dist/cjs/index-BKdUE5XK.js +0 -59
  237. package/dist/collection/assets/icons/index.js +0 -31
  238. package/dist/components/p-BdIwaaMc.js +0 -33
  239. package/dist/core/p-397f73c9.entry.js +0 -1
  240. package/dist/core/p-46d64e7f.entry.js +0 -1
  241. package/dist/core/p-BYA91_SW.js +0 -1
  242. package/dist/core/p-e2db0483.entry.js +0 -1
  243. package/dist/core/p-e769c217.entry.js +0 -1
  244. package/dist/core/p-e9f54e9e.entry.js +0 -1
  245. package/dist/esm/index-BYA91_SW.js +0 -33
  246. package/dist/types/assets/icons/index.d.ts +0 -31
@@ -1 +1 @@
1
- import{r as a,h as d,H as o,a as i}from"./p-B4CGwdkg.js";import{g as t}from"./p-OZG1OajU.js";import{S as n}from"./p-BFEqPAFn.js";import{a as e,t as r}from"./p-BYA91_SW.js";const p=class{constructor(d){a(this,d),this.id=t(),this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.optionList=[],this.dropdownOpen=!1,this.handleClickOutside=a=>{this.containerRef&&!this.containerRef.contains(a.target)&&this.closeDropdown()},this.componentId=`dga-dropdown-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleValueChange(a){a&&this.updateSelectedFromValue(a)}initializeOptions(){const a=[...this.options].map((a=>Object.assign(Object.assign({},a),{selected:!1})));this.optionList=a,this.value&&this.updateSelectedFromValue(this.value)}updateSelectedFromValue(a){const d=[...this.optionList];this.multiSelect&&Array.isArray(a)?d.forEach((d=>{d.selected=a.includes(d[this.trackBy])})):this.multiSelect||"string"!=typeof a||d.forEach((d=>{d.selected=d[this.trackBy]===a})),this.optionList=d,this.updateDropdownLabel()}updateDropdownLabel(){var a;const d=this.optionList.filter((a=>a.selected)),o=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector(".dropdown__label");if(o)if(d.length>0){const a=d.map((a=>a[this.optionLabel]));o.textContent=a.join(", "),o.classList.add("dropdown__label--selection")}else o.textContent="",o.classList.remove("dropdown__label--selection")}componentWillLoad(){this.initializeOptions(),this.sxStyleManager=new n(this.componentId,this.el)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.updateDropdownLabel(),this.processStyling()}disconnectedCallback(){var a;document.removeEventListener("click",this.handleClickOutside),null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}handleAddPressed(a){a.currentTarget.classList.add("active")}handleRemovePressed(a){a.currentTarget.classList.remove("active")}toggleDropdown(){var a,d;this.dropdownOpen=!this.dropdownOpen,this.dropdownOpen?null===(a=this.btnRef)||void 0===a||a.classList.add("open"):null===(d=this.btnRef)||void 0===d||d.classList.remove("open")}closeDropdown(){var a;this.dropdownOpen=!1,null===(a=this.btnRef)||void 0===a||a.classList.remove("open")}handleToggleDropdown(a){a.stopPropagation(),this.toggleDropdown()}setSelectedOptions(a,d){const o=[...this.optionList];if(this.multiSelect){if(o[d].selected=!o[d].selected,this.onChange){const a=o.filter((a=>a.selected)).map((a=>a[this.trackBy]));this.onChange(a)}this.getSelectedOptions&&this.getSelectedOptions({selectedList:o.filter((a=>a.selected)),selectedOption:a,selectedIndex:d})}else o.forEach((a=>a.selected=!1)),o[d].selected=!0,this.onChange&&this.onChange(a[this.trackBy]),this.getSelectedOptions&&this.getSelectedOptions(a);this.optionList=o,this.updateDropdownLabel()}handleOptionClick(a,d,o){a.stopPropagation(),this.setSelectedOptions(d,o),this.multiSelect||this.closeDropdown()}handleSxChange(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}render(){const a={dropdown:!0,[`dropdown--${this.size}`]:!0,"dropdown--error":this.error,[`dropdown--${this.variant}`]:"default"!==this.variant,"dropdown--disabled":this.disabled,"dropdown--readonly":this.readonly,"dropdown--multi-select":this.multiSelect,[this.extraClass]:!!this.extraClass};return d(o,{key:"ff8dc8673259e7bacb2703dde7bb3d17e8af27e1",id:this.componentId,style:this.rootStyles,dir:document.documentElement.getAttribute("dir")},d("div",{key:"b8dad639f09b07cdd8f329a48208155f4e606435",id:this.id,ref:a=>this.containerRef=a,class:Object.keys(a).filter((d=>a[d])).join(" ")},d("button",{key:"df0aa0da2be3a81023fa6e36aacb9948645d35af",class:"dropdown__btn",ref:a=>this.btnRef=a,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},d("span",{key:"79e6a6dbb554bc68f8c48dc4c107ea2168915198",class:"dropdown__label"}),d("span",{key:"058bd91a878ae46e3b76f9404edb9b6e59bd92bc",class:"dropdown__label-placeholder"},this.placeholder),d("span",{key:"7ccd158c8014ae64d396c40fbf38917038965d23",class:"dropdown__chevron"},d("dga-icon",{key:"9738abf656051fd0ec84c6306ca3f25811c7bd46",icon:e,size:20}))),d("ul",{key:"29ba83632bd28c44c1b33de8b57e94882cac37d3",class:"dropdown__list"},this.optionList.map(((a,o)=>d("li",{key:a[this.trackBy]||t()},d("button",{class:{dropdown__option:!0,"dropdown__option--checkbox":this.multiSelect,selected:a.selected},"data-value":a[this.trackBy],onClick:d=>this.handleOptionClick(d,a,o),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},this.multiSelect&&d("div",{class:"dropdown__option-icon-container"},d("span",{class:"dropdown__option-icon"},d("dga-icon",{icon:r,size:20}))),d("span",{class:"dropdown__option-label"},a[this.optionLabel]||""),!this.multiSelect&&a.selected&&d("span",{class:"dropdown__option-icon"},d("dga-icon",{icon:r,size:20})))))))))}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"],options:["initializeOptions"],sx:["handleSxChange"]}}};p.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dropdown--lg .dropdown__option-label,.dropdown--lg .dropdown__label,.dropdown--lg .dropdown__label-placeholder,.dropdown__btn,.dropdown__label{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dropdown--md .dropdown__option-label,.dropdown--md .dropdown__label,.dropdown--md .dropdown__label-placeholder,.dropdown__option-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.dropdown__list-group-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dropdown__btn.open{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dropdown__list{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dropdown{display:flex;flex-direction:column;width:100%;min-width:200px;position:relative;border-radius:var(--radius-sm);}.dropdown__label{color:var(--colors-text-placeholder);display:none}.dropdown__label--selection{color:var(--field-text-filled);display:inline-block}.dropdown__label--selection~.dropdown__label-placeholder{display:none}.dropdown__chevron{position:absolute;top:50%;right:var(--spacing-xl);transform:translateY(-50%);color:var(--icon-default);transition:all 0.4s ease-in-out;display:flex}.dropdown__btn{cursor:pointer;height:auto;min-height:40px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default);padding:var(--spacing-none) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative;color:var(--form-field-text-placeholder)}.dropdown__btn:focus{outline:0}.dropdown__btn:hover{border-color:var(--form-field-border-hovered)}.dropdown__btn::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dropdown__btn.open .dropdown__chevron{transform:rotate(180deg) translateY(50%)}.dropdown__btn.open::after{width:100%}.dropdown__btn.active{background-color:var(--Colors-Gray-neutral-50)}.dropdown__btn.active::after{width:50%}.dropdown--readonly .dropdown__btn,.dropdown--disabled .dropdown__btn{border-color:var(--colors-gray-neutral-300)}.dropdown--readonly .dropdown__btn:hover,.dropdown--disabled .dropdown__btn:hover{border-color:var(--colors-gray-neutral-300);box-shadow:none !important}.dropdown--readonly .dropdown__btn::after,.dropdown--disabled .dropdown__btn::after{display:none}.dropdown--readonly .dropdown__btn,.dropdown--readonly .dropdown__label,.dropdown--readonly .dropdown__label-placeholder,.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--form-field-text-placeholder)}.dropdown--readonly .dropdown__chevron,.dropdown--disabled .dropdown__chevron{color:var(--colors-gray-neutral-300)}.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--colors-gray-neutral-300)}.dropdown__list{display:flex;padding:var(--spacing-md);flex-direction:column;align-items:flex-start;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--form-field-background-default);position:absolute;left:0;right:0;top:40px;overflow-y:auto;list-style:none;height:auto;max-height:0;padding-block:0;z-index:-2;opacity:0;overflow:hidden;transition:z-index 0.1s ease-in-out, padding-block 0.1s ease-in-out, max-height 0.2s 0.01s ease-in-out;pointer-events:none}.dropdown__list::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.dropdown__list::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.dropdown__list::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--colors-gray-neutral-300);background-clip:content-box;mix-blend-mode:multiply}.dropdown__list li{width:100%;padding:0;margin:0}.dropdown__list-group{list-style:none}.dropdown__list-group-label{padding:var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-none, 0px) var(--spacing-md, 8px) !important;color:var(--colors-text-quarterary)}.dropdown__btn.open+.dropdown__list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto;width:max-content;min-width:100%}.dropdown__option{cursor:pointer;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md);border-radius:var(--radius-sm);background-color:transparent;border:0;margin:0}.dropdown__option-label{color:var(--text-default)}.dropdown__option-icon{opacity:0}.dropdown__option:hover{background-color:var(--form-option-background-hover)}.dropdown__option:focus{outline:2px solid var(--border-black)}.dropdown__option.active{outline:none;background-color:var(--form-option-background-pressed)}.dropdown__option.selected>.dropdown__option-icon{opacity:1}.dropdown__option--checkbox .dropdown__option-icon{display:none !important;color:var(--form-field-background-default);font-size:18px !important;font-weight:bolder !important}.dropdown__option--checkbox.selected>.dropdown__option-icon-container{background-color:var(--form-field-border-pressed)}.dropdown__option--checkbox.selected>.dropdown__option-icon-container>.dropdown__option-icon{opacity:1;display:inline-block !important;color:var(--field-background-default) !important}.dropdown__option--checkbox .dropdown__option-icon-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--text-display);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin:var(--spacing-xs);-webkit-user-select:none;-ms-user-select:none;user-select:none}.dropdown--multi-select{min-height:40px;height:auto}.dropdown--multi-select .dropdown__option{justify-content:flex-start}.dropdown--error .dropdown__btn{border:1px solid var(--form-field-border-error) !important}.dropdown--error .dropdown__btn::after{background-color:var(--form-field-border-error) !important}.dropdown__feedback-icon{height:100%;display:inline-flex;align-items:center;margin-right:calc(var(--spacing-xl) + 10px)}.dropdown__feedback-icon span{font-size:20px;position:relative;z-index:0}.dropdown__feedback-icon span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dropdown__feedback-icon--success{color:var(--text-success)}.dropdown__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dropdown__feedback-icon--error{color:var(--text-error)}.dropdown__feedback-icon--error span::after{background-color:var(--text-error-100)}.dropdown__feedback-icon--warning{color:var(--text-warning)}.dropdown__feedback-icon--warning span::after{background-color:var(--text-warning-100)}.dropdown--lighter .dropdown__btn{border-color:transparent}.dropdown--lighter .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--lighter .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--lighter .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--darker .dropdown__btn{border-color:transparent;background-color:var(--form-field-background-darker)}.dropdown--darker .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--darker .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--darker .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--lg .dropdown__btn{height:auto;min-height:40px}.dropdown--lg .dropdown__feedback-icon span{font-size:20px}.dropdown--lg .dropdown__list{top:40px}.dropdown--lg .dropdown__option-icon{font-size:24px}.dropdown--md .dropdown__btn{height:auto;min-height:32px}.dropdown--md .dropdown__feedback-icon span{font-size:16px}.dropdown--md .dropdown__list{top:32px}.dropdown--md .dropdown__option-icon{font-size:20px}:host([dir=rtl]) .dropdown__chevron{right:auto;left:var(--spacing-xl)}';export{p as dga_dropdown}
1
+ import{r as a,h as d,H as o,a as i}from"./p-B4CGwdkg.js";import{g as t}from"./p-OZG1OajU.js";import{S as n}from"./p-BFEqPAFn.js";import{a as e,t as r}from"./p-h7paZUO2.js";const p=class{constructor(d){a(this,d),this.id=t(),this.size="lg",this.variant="default",this.error=!1,this.disabled=!1,this.readonly=!1,this.multiSelect=!1,this.options=[],this.optionLabel="name",this.trackBy="value",this.optionList=[],this.dropdownOpen=!1,this.handleClickOutside=a=>{this.containerRef&&!this.containerRef.contains(a.target)&&this.closeDropdown()},this.componentId=`dga-dropdown-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleValueChange(a){a&&this.updateSelectedFromValue(a)}initializeOptions(){const a=[...this.options].map((a=>Object.assign(Object.assign({},a),{selected:!1})));this.optionList=a,this.value&&this.updateSelectedFromValue(this.value)}updateSelectedFromValue(a){const d=[...this.optionList];this.multiSelect&&Array.isArray(a)?d.forEach((d=>{d.selected=a.includes(d[this.trackBy])})):this.multiSelect||"string"!=typeof a||d.forEach((d=>{d.selected=d[this.trackBy]===a})),this.optionList=d,this.updateDropdownLabel()}updateDropdownLabel(){var a;const d=this.optionList.filter((a=>a.selected)),o=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector(".dropdown__label");if(o)if(d.length>0){const a=d.map((a=>a[this.optionLabel]));o.textContent=a.join(", "),o.classList.add("dropdown__label--selection")}else o.textContent="",o.classList.remove("dropdown__label--selection")}componentWillLoad(){this.initializeOptions(),this.sxStyleManager=new n(this.componentId,this.el)}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),this.updateDropdownLabel(),this.processStyling()}disconnectedCallback(){var a;document.removeEventListener("click",this.handleClickOutside),null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}handleAddPressed(a){a.currentTarget.classList.add("active")}handleRemovePressed(a){a.currentTarget.classList.remove("active")}toggleDropdown(){var a,d;this.dropdownOpen=!this.dropdownOpen,this.dropdownOpen?null===(a=this.btnRef)||void 0===a||a.classList.add("open"):null===(d=this.btnRef)||void 0===d||d.classList.remove("open")}closeDropdown(){var a;this.dropdownOpen=!1,null===(a=this.btnRef)||void 0===a||a.classList.remove("open")}handleToggleDropdown(a){a.stopPropagation(),this.toggleDropdown()}setSelectedOptions(a,d){const o=[...this.optionList];if(this.multiSelect){if(o[d].selected=!o[d].selected,this.onChange){const a=o.filter((a=>a.selected)).map((a=>a[this.trackBy]));this.onChange(a)}this.getSelectedOptions&&this.getSelectedOptions({selectedList:o.filter((a=>a.selected)),selectedOption:a,selectedIndex:d})}else o.forEach((a=>a.selected=!1)),o[d].selected=!0,this.onChange&&this.onChange(a[this.trackBy]),this.getSelectedOptions&&this.getSelectedOptions(a);this.optionList=o,this.updateDropdownLabel()}handleOptionClick(a,d,o){a.stopPropagation(),this.setSelectedOptions(d,o),this.multiSelect||this.closeDropdown()}handleSxChange(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}render(){const a={dropdown:!0,[`dropdown--${this.size}`]:!0,"dropdown--error":this.error,[`dropdown--${this.variant}`]:"default"!==this.variant,"dropdown--disabled":this.disabled,"dropdown--readonly":this.readonly,"dropdown--multi-select":this.multiSelect,[this.extraClass]:!!this.extraClass};return d(o,{key:"b78d060f102522dc015c831becc7361845eadbc7",id:this.componentId,style:this.rootStyles,dir:document.documentElement.getAttribute("dir")},d("div",{key:"8dabc4da671d1ae4e2319e699512957c319af1f9",id:this.id,ref:a=>this.containerRef=a,class:Object.keys(a).filter((d=>a[d])).join(" ")},d("button",{key:"8d719dade4a0e144a4d7b34bfc629d09c2fe0e4c",class:"dropdown__btn",ref:a=>this.btnRef=a,disabled:this.disabled||this.readonly,onClick:this.handleToggleDropdown.bind(this),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},d("span",{key:"bed08e603f260b7330803af02a95f8e4b521d332",class:"dropdown__label"}),d("span",{key:"f8261f2c8a45a51030bda47014869af037bbae63",class:"dropdown__label-placeholder"},this.placeholder),d("span",{key:"f0c7656539f3ba111af88b8accc2d9f904a4ae06",class:"dropdown__chevron"},d("dga-icon",{key:"223ba6b4db7e78b5561e7d227873b7fb0a453d44",icon:e,size:20}))),d("ul",{key:"ab35fae0abb43c65241ca0be55b02c9875bbbd84",class:"dropdown__list"},this.optionList.map(((a,o)=>d("li",{key:a[this.trackBy]||t()},d("button",{class:{dropdown__option:!0,"dropdown__option--checkbox":this.multiSelect,selected:a.selected},"data-value":a[this.trackBy],onClick:d=>this.handleOptionClick(d,a,o),onMouseDown:this.handleAddPressed.bind(this),onMouseUp:this.handleRemovePressed.bind(this),onMouseOut:this.handleRemovePressed.bind(this),type:"button"},this.multiSelect&&d("div",{class:"dropdown__option-icon-container"},d("span",{class:"dropdown__option-icon"},d("dga-icon",{icon:r,size:20}))),d("span",{class:"dropdown__option-label"},a[this.optionLabel]||""),!this.multiSelect&&a.selected&&d("span",{class:"dropdown__option-icon"},d("dga-icon",{icon:r,size:20})))))))))}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"],options:["initializeOptions"],sx:["handleSxChange"]}}};p.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dropdown--lg .dropdown__option-label,.dropdown--lg .dropdown__label,.dropdown--lg .dropdown__label-placeholder,.dropdown__btn,.dropdown__label{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dropdown--md .dropdown__option-label,.dropdown--md .dropdown__label,.dropdown--md .dropdown__label-placeholder,.dropdown__option-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.dropdown__list-group-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dropdown__btn.open{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dropdown__list{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dropdown{display:flex;flex-direction:column;width:100%;min-width:200px;position:relative;border-radius:var(--radius-sm);}.dropdown__label{color:var(--colors-text-placeholder);display:none}.dropdown__label--selection{color:var(--field-text-filled);display:inline-block}.dropdown__label--selection~.dropdown__label-placeholder{display:none}.dropdown__chevron{position:absolute;top:50%;right:var(--spacing-xl);transform:translateY(-50%);color:var(--icon-default);transition:all 0.4s ease-in-out;display:flex}.dropdown__btn{cursor:pointer;height:auto;min-height:40px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default);padding:var(--spacing-none) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative;color:var(--form-field-text-placeholder)}.dropdown__btn:focus{outline:0}.dropdown__btn:hover{border-color:var(--form-field-border-hovered)}.dropdown__btn::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dropdown__btn.open .dropdown__chevron{transform:rotate(180deg) translateY(50%)}.dropdown__btn.open::after{width:100%}.dropdown__btn.active{background-color:var(--Colors-Gray-neutral-50)}.dropdown__btn.active::after{width:50%}.dropdown--readonly .dropdown__btn,.dropdown--disabled .dropdown__btn{border-color:var(--colors-gray-neutral-300)}.dropdown--readonly .dropdown__btn:hover,.dropdown--disabled .dropdown__btn:hover{border-color:var(--colors-gray-neutral-300);box-shadow:none !important}.dropdown--readonly .dropdown__btn::after,.dropdown--disabled .dropdown__btn::after{display:none}.dropdown--readonly .dropdown__btn,.dropdown--readonly .dropdown__label,.dropdown--readonly .dropdown__label-placeholder,.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--form-field-text-placeholder)}.dropdown--readonly .dropdown__chevron,.dropdown--disabled .dropdown__chevron{color:var(--colors-gray-neutral-300)}.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--colors-gray-neutral-300)}.dropdown__list{display:flex;padding:var(--spacing-md);flex-direction:column;align-items:flex-start;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--form-field-background-default);position:absolute;left:0;right:0;top:40px;overflow-y:auto;list-style:none;height:auto;max-height:0;padding-block:0;z-index:-2;opacity:0;overflow:hidden;transition:z-index 0.1s ease-in-out, padding-block 0.1s ease-in-out, max-height 0.2s 0.01s ease-in-out;pointer-events:none}.dropdown__list::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.dropdown__list::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.dropdown__list::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--colors-gray-neutral-300);background-clip:content-box;mix-blend-mode:multiply}.dropdown__list li{width:100%;padding:0;margin:0}.dropdown__list-group{list-style:none}.dropdown__list-group-label{padding:var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-none, 0px) var(--spacing-md, 8px) !important;color:var(--colors-text-quarterary)}.dropdown__btn.open+.dropdown__list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto;width:max-content;min-width:100%}.dropdown__option{cursor:pointer;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md);border-radius:var(--radius-sm);background-color:transparent;border:0;margin:0}.dropdown__option-label{color:var(--text-default)}.dropdown__option-icon{opacity:0}.dropdown__option:hover{background-color:var(--form-option-background-hover)}.dropdown__option:focus{outline:2px solid var(--border-black)}.dropdown__option.active{outline:none;background-color:var(--form-option-background-pressed)}.dropdown__option.selected>.dropdown__option-icon{opacity:1}.dropdown__option--checkbox .dropdown__option-icon{display:none !important;color:var(--form-field-background-default);font-size:18px !important;font-weight:bolder !important}.dropdown__option--checkbox.selected>.dropdown__option-icon-container{background-color:var(--form-field-border-pressed)}.dropdown__option--checkbox.selected>.dropdown__option-icon-container>.dropdown__option-icon{opacity:1;display:inline-block !important;color:var(--field-background-default) !important}.dropdown__option--checkbox .dropdown__option-icon-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--text-display);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin:var(--spacing-xs);-webkit-user-select:none;-ms-user-select:none;user-select:none}.dropdown--multi-select{min-height:40px;height:auto}.dropdown--multi-select .dropdown__option{justify-content:flex-start}.dropdown--error .dropdown__btn{border:1px solid var(--form-field-border-error) !important}.dropdown--error .dropdown__btn::after{background-color:var(--form-field-border-error) !important}.dropdown__feedback-icon{height:100%;display:inline-flex;align-items:center;margin-right:calc(var(--spacing-xl) + 10px)}.dropdown__feedback-icon span{font-size:20px;position:relative;z-index:0}.dropdown__feedback-icon span::after{content:"";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dropdown__feedback-icon--success{color:var(--text-success)}.dropdown__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dropdown__feedback-icon--error{color:var(--text-error)}.dropdown__feedback-icon--error span::after{background-color:var(--text-error-100)}.dropdown__feedback-icon--warning{color:var(--text-warning)}.dropdown__feedback-icon--warning span::after{background-color:var(--text-warning-100)}.dropdown--lighter .dropdown__btn{border-color:transparent}.dropdown--lighter .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--lighter .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--lighter .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--darker .dropdown__btn{border-color:transparent;background-color:var(--form-field-background-darker)}.dropdown--darker .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--darker .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--darker .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--lg .dropdown__btn{height:auto;min-height:40px}.dropdown--lg .dropdown__feedback-icon span{font-size:20px}.dropdown--lg .dropdown__list{top:40px}.dropdown--lg .dropdown__option-icon{font-size:24px}.dropdown--md .dropdown__btn{height:auto;min-height:32px}.dropdown--md .dropdown__feedback-icon span{font-size:16px}.dropdown--md .dropdown__list{top:32px}.dropdown--md .dropdown__option-icon{font-size:20px}:host([dir=rtl]) .dropdown__chevron{right:auto;left:var(--spacing-xl)}';export{p as dga_dropdown}
@@ -1 +1 @@
1
- import{r as t,h as s,H as e,a as i}from"./p-B4CGwdkg.js";import{g as a}from"./p-OZG1OajU.js";import{S as h}from"./p-BFEqPAFn.js";import{o as c,d,c as n}from"./p-BYA91_SW.js";const r=class{constructor(s){t(this,s),this.helperText="",this.error=!1}render(){var t;return s("div",{key:"f2a73d39268684cec9fba2210c59ebc7f5c5741c",class:"dga-helper-text "+(this.error?"dga-helper-text--error":"")},s("span",{key:"80f3bfa13dc22335d4fc636a069acbea322d3b3e",class:"dga-helper-text__icon"},this.helperTextIcon&&(null===(t=this.helperTextIcon)||void 0===t?void 0:t.name)&&s("dga-icon",{key:"2bd2fe44c408bff2ffc26a71712b9717f94b6579",name:this.helperTextIcon.name,variant:this.helperTextIcon.variant,type:this.helperTextIcon.type,size:16})),s("span",{key:"e886b1b9c9a018aa623df4920d53272615187e66",class:"dga-helper-text__desc"},this.helperText))}},o=class{constructor(s){t(this,s),this.label="",this.variant="default",this.size="md",this.disabled=!1,this.required=!1}render(){return s("label",{key:"972ee04f32e79084d35fd5c47f922ca01019c1ec",class:`dga-label dga-label--${this.size} ${this.disabled?"disabled":""}`},this.required&&s("span",{key:"07cb58fcbc3eda4d621bda3a5263d87dc5a1583b",class:"star"},"*"),this.label)}},f={success:s("dga-icon",{icon:n}),error:s("dga-icon",{icon:d}),warning:s("dga-icon",{icon:c})},l=class{constructor(s){t(this,s),this.size="lg",this.type="text",this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=a(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(t,s){t!==s&&(this.textInputEl.value=t)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new h(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const t="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(t)}disconnectedCallback(){var t;null===(t=this.sxStyleManager)||void 0===t||t.cleanup()}render(){return s(e,{key:"6a7418f442f89d250b71a49abb24329d63ab6634",id:this.componentId,style:this.rootStyles},s("div",{key:"111513b59d70e0695cafdd3bad7b1a2cfdb4c471",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&s("dga-label",{key:"ecfdad326868959f54caa6ae050d893f88dd2891",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"fac3f3bc3c844263f1bc61a8c145a3527ec16bf7",class:`input input--${this.size} ${this.error?"input--error":""} ${"default"!==this.variant?`input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"input--disabled":""} ${this.readonly?"readOnly":""}`,ref:t=>this.inputContainerRef=t},s("slot",{key:"7f984cb04e2f0595d9645e7ad75eec7ed7f35372",name:"prefix"}),this.icon&&s("span",{key:"ff68fe935f634c0fbe46884e6da2d939547a48ac",class:"input__icon"},s("dga-icon",{key:"0f73e6935cfcf8805153b4beca14be2dfb82daeb",name:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"9fc19c8968a223fb7888e3ead0018901044a42c2",ref:t=>this.textInputEl=t,value:this.value,name:this.name,type:this.type,onFocus:()=>this.isFocused=!0,onBlur:t=>{this.isFocused=!1,this.onBlur(t)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),this.error?s("span",{class:"input__feedback-icon input__feedback-icon--error "+(this.feedbackIconRing?"input__feedback-icon--ring":"")}):this.feedbackIcon?s("span",{class:`input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"input__feedback-icon--ring":""}`},f[this.feedbackIconType]):null,s("slot",{key:"ec58f555af3ba84febf9358b96331e072c6616fc",name:"suffix"})," "),this.helperText&&s("dga-helper-text",{key:"10c91a2f4376725600f7b3172be27f57bb455dfc",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};export{r as dga_helper_text,o as dga_label,l as dga_text_input}
1
+ import{r as t,h as s,H as e,a as i}from"./p-B4CGwdkg.js";import{g as a}from"./p-OZG1OajU.js";import{S as h}from"./p-BFEqPAFn.js";import{h as c,d,c as n}from"./p-h7paZUO2.js";const r=class{constructor(s){t(this,s),this.helperText="",this.error=!1}render(){var t;return s("div",{key:"f2a73d39268684cec9fba2210c59ebc7f5c5741c",class:"dga-helper-text "+(this.error?"dga-helper-text--error":"")},s("span",{key:"80f3bfa13dc22335d4fc636a069acbea322d3b3e",class:"dga-helper-text__icon"},this.helperTextIcon&&(null===(t=this.helperTextIcon)||void 0===t?void 0:t.name)&&s("dga-icon",{key:"2bd2fe44c408bff2ffc26a71712b9717f94b6579",name:this.helperTextIcon.name,variant:this.helperTextIcon.variant,type:this.helperTextIcon.type,size:16})),s("span",{key:"e886b1b9c9a018aa623df4920d53272615187e66",class:"dga-helper-text__desc"},this.helperText))}},f=class{constructor(s){t(this,s),this.label="",this.variant="default",this.size="md",this.disabled=!1,this.required=!1}render(){return s("label",{key:"972ee04f32e79084d35fd5c47f922ca01019c1ec",class:`dga-label dga-label--${this.size} ${this.disabled?"disabled":""}`},this.required&&s("span",{key:"07cb58fcbc3eda4d621bda3a5263d87dc5a1583b",class:"star"},"*"),this.label)}},o={success:s("dga-icon",{icon:n}),error:s("dga-icon",{icon:d}),warning:s("dga-icon",{icon:c})},l=class{constructor(s){t(this,s),this.size="lg",this.type="text",this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.helperText="",this.disabled=!1,this.readonly=!1,this.required=!1,this.fullwidth=!0,this.name=a(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(t,s){t!==s&&(this.textInputEl.value=t)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new h(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const t="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(t)}disconnectedCallback(){var t;null===(t=this.sxStyleManager)||void 0===t||t.cleanup()}render(){return s(e,{key:"6aa60ba409a3daa08995c7042f6e0578ab3d42ef",id:this.componentId,style:this.rootStyles},s("div",{key:"f21c1e7ec1df3fda3b5b468718458f4c9da1d1ec",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&s("dga-label",{key:"2985269173692f0f9638402a4062c5c927d1ed04",label:this.label,size:this.size,required:this.required,disabled:this.disabled}),s("div",{key:"7da9cba2a6d61c6c9b84c190b118062daf96b6a8",class:`input input--${this.size} ${this.error?"input--error":""} ${"default"!==this.variant?`input--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"input--disabled":""} ${this.readonly?"readOnly":""}`,ref:t=>this.inputContainerRef=t},s("slot",{key:"938045265a03fd1d1393f52defe1cdacbfb6298d",name:"prefix"}),this.icon&&s("span",{key:"71f77370f325428d8191f378913a9f7f27ecf7dc",class:"input__icon"},s("dga-icon",{key:"eb7797c2c6f0af3fd5ef57130422f9f8413daa7f",name:this.icon.name,variant:this.icon.variant,type:this.icon.type,size:20})),s("input",{key:"d010084df3fc542cce7f2788e4c5afc2991ec406",ref:t=>this.textInputEl=t,value:this.value,name:this.name,type:this.type,onFocus:()=>this.isFocused=!0,onBlur:t=>{this.isFocused=!1,this.onBlur(t)},class:"input__field",placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,required:this.required,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput}),this.error?s("span",{class:"input__feedback-icon input__feedback-icon--error "+(this.feedbackIconRing?"input__feedback-icon--ring":"")}):this.feedbackIcon?s("span",{class:`input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"input__feedback-icon--ring":""}`},o[this.feedbackIconType]):null,s("slot",{key:"e6cd3315f8c85fe53cebc72ff572daff1c272077",name:"suffix"})," "),this.helperText&&s("dga-helper-text",{key:"60e8d8ff507ae72edf582fba86d3360c14610787",helperText:this.helperText,helperTextIcon:this.helperTextIcon,error:this.error})))}get el(){return i(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};export{r as dga_helper_text,f as dga_label,l as dga_text_input}
@@ -0,0 +1 @@
1
+ const l="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M9.616 3.635c1.058-1.838 3.71-1.838 4.768 0l8.043 13.989c1.054 1.833-.27 4.12-2.384 4.12H3.957c-2.115 0-3.438-2.287-2.384-4.12zm2.896 12.8a.75.75 0 0 0-1.06.056l-.01.011a.75.75 0 1 0 1.115 1.003l.01-.01a.75.75 0 0 0-.055-1.06M12 8.244a.75.75 0 0 0-.75.75v4a.75.75 0 1 0 1.5 0v-4a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>",a="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m.512 15.191a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06M12 6.25a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 1.5 0V7a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>",s="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M11.452 16.497a.75.75 0 0 1 1.115 1.004l-.01.01a.75.75 0 0 1-1.115-1.003zM12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 1.5a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5' clip-rule='evenodd'/></svg>",e="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/></svg>",o="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M15.53 5.47a.75.75 0 0 1 0 1.06L10.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/></svg>",v="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M8.471 5.47a.75.75 0 0 0 0 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.061 1.06l6-6a.75.75 0 0 0 0-1.06l-6-6a.75.75 0 0 0-1.06 0' clip-rule='evenodd'/></svg>",g="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 15.53a.75.75 0 0 0 1.06 0L12 10.06l5.47 5.47a.75.75 0 1 0 1.06-1.06l-6-6a.75.75 0 0 0-1.06 0l-6 6a.75.75 0 0 0 0 1.06' clip-rule='evenodd'/></svg>",n="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M6.227 6.227a.75.75 0 0 1 1.061 0l4.713 4.712 4.712-4.712a.75.75 0 1 1 1.06 1.06L13.061 12l4.712 4.712a.75.75 0 1 1-1.06 1.06L12 13.062l-4.713 4.712a.75.75 0 0 1-1.06-1.06L10.94 12 6.227 7.288a.75.75 0 0 1 0-1.061' clip-rule='evenodd'/></svg>",i="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m5.53 6.72a.75.75 0 0 0-1.06 0L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>",t="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M21.75 4.142A1.75 1.75 0 0 0 20 2.392H4a1.75 1.75 0 0 0-1.75 1.75v1.586c0 .464.184.91.513 1.238l6.414 6.414a.25.25 0 0 1 .073.177v5.805a1.75 1.75 0 0 0 1.326 1.698l2 .5a1.75 1.75 0 0 0 2.174-1.698v-6.305a.25.25 0 0 1 .073-.177l6.415-6.414a1.75 1.75 0 0 0 .512-1.238zM20 3.892a.25.25 0 0 1 .25.25v1.586a.25.25 0 0 1-.073.177l-6.414 6.414a1.75 1.75 0 0 0-.513 1.238v6.305a.25.25 0 0 1-.31.242l-2-.5a.25.25 0 0 1-.19-.242v-5.805c0-.464-.184-.91-.513-1.238L3.823 5.905a.25.25 0 0 1-.073-.177V4.143a.25.25 0 0 1 .25-.25z' clip-rule='evenodd'/></svg>",r="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 9.5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-.75-.75m.512-3.809a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06' clip-rule='evenodd'/></svg>",c="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M8.86 6.25c3.24 0 5.89 2.85 5.89 5.75 0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-2.08-1.99-4.25-4.39-4.25H7.15C4.7 7.75 2.76 9.67 2.76 12c0 2 1.44 3.71 3.41 4.14.31.07.64.11.98.11.41 0 .75.34.75.75s-.34.75-.75.75c-.45 0-.88-.05-1.3-.14-2.62-.58-4.6-2.86-4.6-5.61 0-3.2 2.66-5.75 5.89-5.75z'/><path fill='currentColor' d='M16.86 6.25c.45 0 .88.05 1.3.14 2.61.58 4.59 2.85 4.59 5.61 0 3.19-2.66 5.75-5.89 5.75h-1.71c-3.24 0-5.89-2.85-5.89-5.75 0-.41.34-.75.75-.75s.75.34.75.75c0 2.08 1.99 4.25 4.39 4.25h1.71c2.45 0 4.39-1.92 4.39-4.25 0-2-1.44-3.71-3.41-4.14-.31-.07-.64-.11-.98-.11-.41 0-.75-.34-.75-.75s.34-.75.75-.75'/></svg>",d="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 9.25a.75.75 0 0 1 .75.75v1a7.75 7.75 0 0 1-7 7.713v2.537H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h2.25v-2.537a7.75 7.75 0 0 1-7-7.713v-1a.75.75 0 0 1 1.5 0v1a6.25 6.25 0 1 0 12.5 0v-1a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25A3.75 3.75 0 0 1 15.75 5v6a3.75 3.75 0 1 1-7.5 0V5A3.75 3.75 0 0 1 12 1.25m0 1.5A2.25 2.25 0 0 0 9.75 5v6a2.25 2.25 0 0 0 4.5 0V5A2.25 2.25 0 0 0 12 2.75' clip-rule='evenodd'/></svg>",w="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.5 12.25a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5h-12a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/><path fill='currentColor' d='M18.75 12.25a.5.5 0 0 0-.5-.5h-12a.5.5 0 0 0 0 1h12a.5.5 0 0 0 .5-.5m.5 0a1 1 0 0 1-1 1h-12a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1'/><path fill='currentColor' d='M18.5 12.25a.25.25 0 0 0-.25-.25h-12a.25.25 0 1 0 0 .5h12a.25.25 0 0 0 .25-.25m1 0c0 .69-.56 1.25-1.25 1.25h-12a1.25 1.25 0 1 1 0-2.5h12c.69 0 1.25.56 1.25 1.25'/></svg>",f="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m3.358 7.392a.75.75 0 0 0-1.06 0L12 10.94 9.701 8.642a.75.75 0 0 0-1.06 1.06L10.94 12l-2.3 2.298a.75.75 0 0 0 1.061 1.06L12 13.06l2.298 2.298a.75.75 0 1 0 1.06-1.06L13.06 12l2.298-2.298a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>",u="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M6.227 6.227a.75.75 0 0 1 1.061 0L12 10.94l4.713-4.713a.75.75 0 1 1 1.06 1.061L13.061 12l4.712 4.713a.75.75 0 1 1-1.06 1.06L12 13.061l-4.712 4.712a.75.75 0 0 1-1.06-1.06L10.94 12 6.227 7.288a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/><path fill='currentColor' d='M16.536 6.05a1 1 0 1 1 1.414 1.415L13.414 12l4.536 4.536a1 1 0 1 1-1.414 1.414L12 13.414 7.465 17.95a1 1 0 1 1-1.414-1.414L10.586 12 6.05 7.465A1 1 0 1 1 7.465 6.05L12 10.586zm1.06.354a.5.5 0 0 0-.706 0l-4.713 4.712a.25.25 0 0 1-.354 0L7.111 6.404a.5.5 0 1 0-.707.707l4.712 4.712a.25.25 0 0 1 0 .354L6.404 16.89a.5.5 0 1 0 .707.707l4.712-4.712.038-.032a.25.25 0 0 1 .316.032l4.713 4.712a.5.5 0 0 0 .707-.707l-4.712-4.713a.25.25 0 0 1 0-.354l4.712-4.712a.5.5 0 0 0 0-.707'/></svg>",m="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 12c0 .55-.44 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.56 0 1 .45 1 1'/></svg>",h="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 14.95c.13-.12.29-.19.46-.19s.34.07.47.2l1.4 1.44V5.91c0-.36.29-.66.66-.66s.66.29.66.66V16.4l1.4-1.44c.25-.26.67-.27.93-.01.26.25.27.67.01.93l-2.54 2.6c-.12.12-.29.2-.47.2s-.35-.08-.47-.2l-2.52-2.6a.66.66 0 0 1 .01-.93'/></svg>",p="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 8.98c.13.12.29.19.46.19s.34-.07.47-.2l1.4-1.44v10.49c0 .36.29.66.66.66s.66-.29.66-.66V7.53l1.4 1.44c.25.26.67.27.93.01.26-.25.27-.67.01-.93l-2.54-2.6a.67.67 0 0 0-.47-.2c-.18 0-.35.08-.47.2l-2.52 2.6a.66.66 0 0 0 .01.93'/></svg>",x="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M12.777 16.015a.777.777 0 1 0-1.554 0v2.072a.777.777 0 0 0 1.554 0z'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25a4.92 4.92 0 0 0-4.922 4.922v2.793a7.771 7.771 0 1 0 9.843 0V6.172A4.92 4.92 0 0 0 12 1.25m0 5.958a7.74 7.74 0 0 0-3.368.765V6.172a3.367 3.367 0 1 1 6.735 0v1.801A7.74 7.74 0 0 0 12 7.208m0 1.554a6.217 6.217 0 1 0 0 12.434 6.217 6.217 0 0 0 0-12.434' clip-rule='evenodd'/></svg>",M="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>",C="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>";export{e as a,h as b,i as c,a as d,x as e,t as f,g,l as h,r as i,u as j,s as k,c as l,f as m,w as n,C as o,n as p,d as q,m as r,p as s,M as t,o as u,v}
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
2
2
  import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
3
- import { a as arrowDown01StrokeRoundedIcon } from './index-BYA91_SW.js';
3
+ import { a as arrowDown01Stroke } from './index-h7paZUO2.js';
4
4
 
5
5
  const dgaAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.dga-accordion-item__body{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold,.dga-accordion-item__title{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-accordion-list{padding:0;margin:0;list-style:none;display:inline-block;width:100%}.dga-accordion-list__item:last-child{border-bottom:1px solid var(--border-neutral-primary)}.dga-accordion-item{border-top:1px solid var(--border-neutral-primary);width:100%;min-width:366px;z-index:1;position:relative}.dga-accordion-item__header{display:flex;padding:var(--spacing-xl);align-items:center;justify-content:space-between;gap:var(--spacing-xl);cursor:pointer;border:2px solid transparent}.dga-accordion-item__header:hover{background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-accordion-item__title{color:var(--text-default);width:100%}.dga-accordion-item__arrow{transition:transform 0.3s ease-in-out}.dga-accordion-item__arrow,.dga-accordion-item__arrow>dga-icon{width:16px;height:16px;font-size:16px;display:flex;align-items:center;justify-content:center}.dga-accordion-item__body{display:flex;align-items:flex-start;padding:0 var(--spacing-6xl) 0 var(--spacing-xl);gap:var(--spacing-md);color:var(--text-primary-paragraph);max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease-in-out}.dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-xl);opacity:1}.dga-accordion-item.active .dga-accordion-item__arrow{transform:rotate(180deg)}.dga-accordion-item__header:focus-visible{background-color:transparent;border:2px solid var(--border-black);outline:none;position:relative;z-index:1}.dga-accordion-item__header:active{background-color:var(--button-background-neutral-pressed);outline:none}.dga-accordion-item.disabled .dga-accordion-item__header:active,.dga-accordion-item.disabled .dga-accordion-item__header:focus,.dga-accordion-item.disabled .dga-accordion-item__header:hover{background-color:transparent;outline:none;border:2px solid transparent}.dga-accordion-item.disabled .dga-accordion-item__title,.dga-accordion-item.disabled .dga-accordion-item__arrow,.dga-accordion-item.disabled .dga-accordion-item__arrow path,.dga-accordion-item.disabled .dga-accordion-item__body{color:var(--text-default-disabled) !important;stroke:var(--text-default-disabled) !important}.dga-accordion-item--lg .dga-accordion-item__header{padding:var(--spacing-xl)}.dga-accordion-item--md .dga-accordion-item__header{padding:var(--spacing-lg) var(--spacing-xl)}.dga-accordion-item--sm .dga-accordion-item__header{padding:var(--spacing-md) var(--spacing-xl)}.dga-accordion-item--flush{width:100%;position:relative;border-top:0;}.dga-accordion-item--flush:before{content:\"\";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right, transparent 0 16px, var(--border-neutral-primary) 16px calc(100% - 16px), transparent calc(100% - 16px) 100%)}.dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-none) 0 var(--spacing-6xl)}.dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-none) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item .dga-accordion-item__body{padding:0 var(--spacing-xl) 0 var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading .dga-accordion-item__body{padding:0 var(--spacing-6xl) 0 var(--spacing-none)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-3xl) var(--spacing-6xl)}:is(html[lang=ar],html[dir=rtl]) .dga-accordion-item--icon-leading.active .dga-accordion-item__body{padding:var(--spacing-md) var(--spacing-6xl) var(--spacing-3xl) var(--spacing-none)}";
6
6
 
@@ -78,10 +78,10 @@ const DgaAccordion = class {
78
78
  (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
79
79
  }
80
80
  render() {
81
- return (h(Host, { key: '6b7f248d049962a31852494982aae097f845b6d2', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dc779632150b7131b3a10df8456d3483c425a093', class: `dga-accordion-item dga-accordion-item--${this.size}
81
+ return (h(Host, { key: '181b73d3f7c6eb115e989569f561a9eaca1fbfd5', id: this.componentId, style: this.rootStyles }, h("div", { key: '6118ea7b5ccfb6d3a915c1aeedf4fceba6fd82fe', class: `dga-accordion-item dga-accordion-item--${this.size}
82
82
  ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
83
83
  ${this.flush ? 'dga-accordion-item--flush' : ''}
84
- ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'eb0765180720a772ed051376804e91c974f6350d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '10a7179aa3f63b20fe62adc424c7ee6f66c3d543', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1d3d202d04d7064ebd07fd1787668b1faa4800bb', icon: arrowDown01StrokeRoundedIcon, size: 16 }))), h("div", { key: 'dfa6c94d8459ac12fde816b8b0a141510216ad4f', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: '240fa1783b6bb6a97f8816cd80db4c597e48c147', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'f9b8857f2777b816d56ae9dd631dd054a3754f93', icon: arrowDown01StrokeRoundedIcon, size: 16 })))), h("div", { key: 'c329052e497804e895268ee0ff42b5e559bc0eb6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
84
+ ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '124db51f4b46ed1ade0cd7da813b6b7f8704684d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '4f4963002350927dd54d8c284d6750316e18e366', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'de4ea604c04398be322d658460fa7dba80ed0fcb', icon: arrowDown01Stroke, size: 16 }))), h("div", { key: '9aafe980e3d2cfcd8ed301f6ae9a116b1312ac0e', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'fee3db656a10ca3c2c815681d15fec5585f9f001', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1f734edd55c7b9f04a2c55877dccc8eb085af934', icon: arrowDown01Stroke, size: 16 })))), h("div", { key: '6d104c561977302ef3c923e9f7c3b89a01c3f2c6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
85
85
  }
86
86
  get el() { return getElement(this); }
87
87
  static get watchers() { return {
@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, a as getElement, c as createEvent,
2
2
  import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
3
3
  import { S as SxHandler } from './sx-handler-SsJVD279.js';
4
4
  import { i as isRTL } from './dir-CH66vbCC.js';
5
- import { x as arrowLeft01StrokeRoundedIcon, y as arrowRight01StrokeRoundedIcon } from './index-BYA91_SW.js';
5
+ import { u as arrowLeft01Stroke, v as arrowRight01Stroke } from './index-h7paZUO2.js';
6
6
  import { p as parseCSSValue } from './index-OZG1OajU.js';
7
7
 
8
8
  const dgaAvatarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-avatar{position:relative;border-radius:var(--radius-full);border:2px solid var(--border-white, #FFF);display:flex;align-items:center;justify-content:center;background:var(--button-background-neutral-default);overflow:hidden}.dga-avatar--image img{width:100%;height:100%;object-fit:cover}.dga-avatar--square{border-radius:var(--radius-8)}.dga-avatar--square.dga-avatar--border::after{border-radius:var(--radius-8)}.dga-avatar--border::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--radius-full);border:1px solid var(--alpha-black-20, rgba(22, 22, 22, 0.2))}.dga-avatar--120{width:120px;height:120px;border-width:4px}.dga-avatar--120.dga-avatar--border::after{border-width:2px}.dga-avatar--120 .dga-avatar__text{text-transform:uppercase}.dga-avatar--120 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:80px}.dga-avatar--120 .dga-avatar__icon>*{width:100%;height:100%;font-size:80px}.dga-avatar--80{width:80px;height:80px}.dga-avatar--80 .dga-avatar__text{text-transform:uppercase}.dga-avatar--80 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:56px}.dga-avatar--80 .dga-avatar__icon>*{width:100%;height:100%;font-size:56px}.dga-avatar--68{width:68px;height:68px}.dga-avatar--68 .dga-avatar__text{text-transform:uppercase}.dga-avatar--68 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:40px}.dga-avatar--68 .dga-avatar__icon>*{width:100%;height:100%;font-size:40px}.dga-avatar--48{width:48px;height:48px}.dga-avatar--48 .dga-avatar__text{text-transform:uppercase}.dga-avatar--48 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--48 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--40{width:40px;height:40px}.dga-avatar--40 .dga-avatar__text{text-transform:uppercase}.dga-avatar--40 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--40 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--32{width:32px;height:32px}.dga-avatar--32 .dga-avatar__text{text-transform:uppercase}.dga-avatar--32 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}.dga-avatar--32 .dga-avatar__icon>*{width:100%;height:100%;font-size:24px}.dga-avatar--24{width:24px;height:24px}.dga-avatar--24 .dga-avatar__text{text-transform:uppercase}.dga-avatar--24 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.dga-avatar--24 .dga-avatar__icon>*{width:100%;height:100%;font-size:16px}";
@@ -254,12 +254,12 @@ const DgaBreadcrumbs = class {
254
254
  }
255
255
  // Add a helper method to get the correct arrow icon
256
256
  getArrowIcon() {
257
- return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
257
+ return isRTL(this.el) ? arrowLeft01Stroke : arrowRight01Stroke;
258
258
  }
259
259
  render() {
260
260
  const { el } = this;
261
261
  const dir = isRTL(el) ? 'rtl' : 'ltr';
262
- return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
262
+ return (h(Host, { key: '93301b9f955ccd351f2b66db743cff7e85d7bbc2', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: 'e2a36bf12bf3e2f90759a0f7ea3b6513d6660c54', "aria-label": "breadcrumb" }, h("ul", { key: 'b9489fab0d67bde87cd2c60418edc59df95d56d6', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
263
263
  if (this.isEllipsisItem(item)) {
264
264
  return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
265
265
  this.toggleMenu();
@@ -413,20 +413,20 @@ const DgaCarousel = class {
413
413
  }
414
414
  }
415
415
  render() {
416
- return (h(Host, { key: 'dc950a5127fcf0d2494292dc65e606927bbc725a', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: 'edc3f5ab7927670769094b0df60172c812fc71af', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '9940760e8b572b1f12f0b7959643d684759235a4', class: {
416
+ return (h(Host, { key: '8281b5d5103f1c8f599db6a997e41157a68f0207', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '15fe94e00e30bac50a0502c072f2f4b009d66ee9', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: 'cef5bea86ca0b332688a2a72802b82a2f81413d5', class: {
417
417
  'KCarousel-arrow': true,
418
418
  'KCarousel-arrow--active': this.showLeftArrow(),
419
419
  [this.isRTL() ? 'right' : 'left']: true,
420
420
  [`KCarousel-arrow--${this.arrowsVariant}`]: true,
421
- }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: 'c61e7d802e20d24a200720931ff46480eac5d521', icon: this.isRTL() ? arrowRight01StrokeRoundedIcon : arrowLeft01StrokeRoundedIcon, size: 24 }))), h("div", { key: 'a73f5dbc7dc7f5b183e78ad2269e451afebd9619', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'c46d896345b1fad1c770d356a5a659e81ac049f1', style: {
421
+ }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '2d81bcc904700245afaeee48f1b01e9df6b8f2b8', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: 'fddeca0507ed99e70b544df7562e2e66642ef3e8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'a199aaa586385d8d78e2bdbb9f72112f5d250303', style: {
422
422
  display: 'flex',
423
423
  transition: `transform ${this.transitionDuration}ms ease-in-out`,
424
- }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4919aeb6ccb9a776501bc658ffb70f5a231a1aae' }))), this.variant === 'arrows' && (h("a", { key: 'f5fcf92cb7b65c7341b7a2c258a9f61b43f749cd', class: {
424
+ }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '572b34ba786324452793b6045f54c4c542c3b2f3' }))), this.variant === 'arrows' && (h("a", { key: 'ba168881cf6eeed6aa0dfce301d1564141246d32', class: {
425
425
  'KCarousel-arrow': true,
426
426
  'KCarousel-arrow--active': this.showRightArrow(),
427
427
  [this.isRTL() ? 'left' : 'right']: true,
428
428
  [`KCarousel-arrow--${this.arrowsVariant}`]: true,
429
- }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: 'b3ce42feeef312e23890953e13c42ac67c5b093d', icon: this.isRTL() ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: 'ed8d58023b7eaa294085d05a7d4b94e7b646ea75', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
429
+ }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '6a3476b2d26f6385e0e462bd6b4b8433e361cce2', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '1bf5c2c50241205e5c8937f29945c58dd6792027', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
430
430
  'KCarousel-dot': true,
431
431
  'is-active': this.isHighlighted(index),
432
432
  }, onClick: () => {
@@ -578,7 +578,7 @@ const getNamedUrl = (iconName, iconEl) => {
578
578
  }
579
579
  try {
580
580
  const variant = normalizeVariant(iconEl.variant);
581
- const assetPath = `assets/svg/${variant}/${iconName}-${variant}.svg`;
581
+ const assetPath = `assets/svg/${iconName}-${variant}.svg`;
582
582
  const result = getAssetPath(assetPath);
583
583
  return result;
584
584
  }
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, a as getElement } from './index-B4CGwdkg.js';
2
2
  import { g as guid } from './index-OZG1OajU.js';
3
3
  import { i as isRTL } from './dir-CH66vbCC.js';
4
- import { q as minusSignSolidRoundedIcon, r as tick03SolidRoundedIcon, u as remove01SolidRoundedIcon, p as alertCircleStrokeRoundedIcon } from './index-BYA91_SW.js';
4
+ import { n as minusSignSolid, o as tick03Solid, r as remove01Solid, k as alertCircleStroke } from './index-h7paZUO2.js';
5
5
 
6
6
  const dgaCheckboxCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.checkbox__helper-text{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.checkbox__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.checkbox__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.checkbox{display:flex;gap:var(--spacing-xl);padding:var(--spacing-none);cursor:pointer;width:fit-content;user-select:none}.checkbox-icon{display:none !important;color:var(--colors-base-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.checkbox-main{flex-direction:column;gap:var(--spacing-xs);width:100%}.checkbox-main,.checkbox-main__content{display:flex;column-gap:var(--spacing-xl)}.checkbox-main__content{align-items:flex-start}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox input:checked~.checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox input:checked~.checkbox-container .checkbox__checked-icon{display:inline-flex !important}.checkbox input:hover~.checkbox-container::after{transform:translate(-50%, -50%) scale(1)}.checkbox.active input:not(:checked)~.checkbox-container{background-color:var(--controls-control-pressed)}.checkbox-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.checkbox-container::after{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.checkbox--lg .checkbox-container{width:24px;height:24px;min-width:24px}.checkbox--md .checkbox-container{width:20px;height:20px;min-width:20px}.checkbox--sm .checkbox-container{width:16px;height:16px;min-width:16px}.checkbox--indeterminate .checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox--indeterminate .checkbox-container .checkbox-icon{display:none}.checkbox--indeterminate .checkbox-container .checkbox__indeterminate-icon{display:inline-block !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__indeterminate-icon{display:none !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__checked-icon{display:inline-block !important}.checkbox input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:var(--background-disabled)}.checkbox input:disabled~.checkbox__label,.checkbox input:disabled~div>.checkbox__label,.checkbox input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox__label{color:var(--text-display, #1F2A37)}.checkbox__helper-text{color:var(--colors-text-tertiary);margin-block:var(--spacing-xs)}.checkbox__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.checkbox__warning-icon{width:16px;height:16px;display:flex;align-items:center}.checkbox--brand input:checked~.checkbox-container{border-color:var(--controls-control-primary-checked);background-color:var(--controls-control-primary-checked)}.checkbox--brand input:checked~.checkbox__label,.checkbox--brand input:checked~div>.checkbox__label{color:var(--colors-text-brand-secondary)}.checkbox--brand input:checked:disabled~.checkbox-container{background-color:var(--background-disabled)}.checkbox--brand input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:transparent}.checkbox--brand input:disabled~.checkbox-container::after{display:none}.checkbox--brand input:disabled~.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox--brand.active input:not(:disabled):checked~.checkbox-container{background-color:var(--controls-control-primary-hovered)}.checkbox--readonly .checkbox-container{background-color:transparent !important}.checkbox--readonly .checkbox-container .checkbox-icon{color:var(--controls-control-neutral-hovered)}";
7
7
 
@@ -56,18 +56,18 @@ const DgaCheckbox = class {
56
56
  const { el, disabled } = this;
57
57
  const dir = isRTL(el) ? 'rtl' : 'ltr';
58
58
  console.log(dir);
59
- return (h("label", { key: '914bef532c5b8db2f14286da148559cfb9e01a05', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
59
+ return (h("label", { key: 'ed75568da7227f06b7d6990e4f10492eb4b0465c', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
60
60
  // onMouseDown={this.handleActive}
61
61
  // onMouseUp={this.handleRemoveActive}
62
62
  // onMouseOut={this.handleRemoveActive}
63
63
  // onChange={() => this.handleRemoveActive}
64
64
  // htmlFor={id}
65
- tabindex: disabled ? undefined : 0 }, h("div", { key: '9da5b55a5d2f723c855b8763d23dac56a053b4c3', class: "checkbox-main" }, h("div", { key: 'b495d64ead27edc57fdfc14ea8d1fcfcc4f5f9ac', class: "checkbox-main__content" }, h("input", { key: '551676bc6b093fede2803a2be402d1fc0764218f', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
65
+ tabindex: disabled ? undefined : 0 }, h("div", { key: '07ed6d67c79d63aecb4c95310cd61d986ad9117f', class: "checkbox-main" }, h("div", { key: 'a3035f9f3b4bf70a7645642638c5bbd247223b07', class: "checkbox-main__content" }, h("input", { key: '7366ac79c5ea7d41b81b46cf5c5c91ea91d9f4a5', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
66
66
  var _a;
67
67
  (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
68
68
  const target = e.target;
69
69
  this.isChecked = target.checked;
70
- }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '73271ba2c977965bc2f0adfa36a8a5c38bfa50d6', class: "checkbox-container" }, h("span", { key: 'e923228b8e5b0c284c43ddf780d63869035a12c8', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '6a5d54480965d27fe58febee30b25f44b3bf10a8', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd7fd216760b839fae1c39c3cd1774fcaea918e92', icon: remove01SolidRoundedIcon }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '491e606096b61f29761871b03750771673ae5f4f', class: "checkbox__warning" }, h("span", { key: 'c5c9d4941f05c095168fb0c88eb76c236b662d1c', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'd87ef6bab51cdb6d2cf5e045a5e236d64e4fa8b1', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'e76e886ef019852b2b5a0eb4dbac9e14aefb05d7', class: "checkbox__warning-text" }, this.alertText))))));
70
+ }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'd66f8308f488ee08a6e2418eefab966da61cb9d9', class: "checkbox-container" }, h("span", { key: 'a7c8141cca44b52c8f86ac57178ddfaafe4638f4', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '38efe16ce548e2cdb83250a3bef63c8cd0a7006c', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'a53749dc91764914e997a7b45159de3b034e3d0a', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'a158ab9dd10f6d47d7a51fa4600fe19ba58044da', class: "checkbox__warning" }, h("span", { key: 'bf4598419344a13397be31434f6472860fe2a55a', class: "checkbox__warning-icon" }, h("dga-icon", { key: '172e9f65e293d92f65da0be8823bccb67d86cc76', icon: alertCircleStroke, size: 16 })), h("span", { key: '4ca7ce4da7c31a7e3364aeed10acc4c0b36ea643', class: "checkbox__warning-text" }, this.alertText))))));
71
71
  }
72
72
  get el() { return getElement(this); }
73
73
  static get watchers() { return {