@platformscode/core 0.0.48 → 0.0.49

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 (1122) hide show
  1. package/dist/cjs/core.cjs.js +2 -2
  2. package/dist/cjs/date-cell_3.cjs.entry.js +15 -15
  3. package/dist/cjs/dga-accordion-usage.cjs.entry.js +2 -2
  4. package/dist/cjs/dga-accordion.cjs.entry.js +2 -2
  5. package/dist/cjs/dga-action-menu_8.cjs.entry.js +17 -17
  6. package/dist/cjs/dga-actions.cjs.entry.js +1 -1
  7. package/dist/cjs/dga-apex-chart-usage.cjs.entry.js +2 -2
  8. package/dist/cjs/dga-apex-chart.cjs.entry.js +1 -1
  9. package/dist/cjs/dga-avatar-group.cjs.entry.js +175 -0
  10. package/dist/cjs/dga-avatar-usage.cjs.entry.js +47 -0
  11. package/dist/cjs/dga-avatar.cjs.entry.js +78 -0
  12. package/dist/cjs/dga-breadcrumbs-usage.cjs.entry.js +33 -0
  13. package/dist/cjs/dga-breadcrumbs.cjs.entry.js +150 -0
  14. package/dist/cjs/dga-button-leading-icon.cjs.entry.js +1 -1
  15. package/dist/cjs/dga-button-usage.cjs.entry.js +4 -4
  16. package/dist/cjs/dga-button-v2-usage.cjs.entry.js +3 -3
  17. package/dist/cjs/dga-button_11.cjs.entry.js +1015 -0
  18. package/dist/cjs/dga-card-actions_4.cjs.entry.js +5 -5
  19. package/dist/cjs/dga-card-image.cjs.entry.js +2 -2
  20. package/dist/cjs/dga-card-title.cjs.entry.js +2 -2
  21. package/dist/cjs/dga-card-v2-usage.cjs.entry.js +4 -4
  22. package/dist/cjs/dga-carousel-usage.cjs.entry.js +30 -30
  23. package/dist/cjs/dga-carousel-v2.cjs.entry.js +2 -2
  24. package/dist/cjs/dga-carousel_2.cjs.entry.js +138 -0
  25. package/dist/cjs/dga-chart-usage.cjs.entry.js +3 -3
  26. package/dist/cjs/dga-chart.cjs.entry.js +1 -1
  27. package/dist/cjs/dga-checkbox-usage.cjs.entry.js +2 -2
  28. package/dist/cjs/dga-chip-usage.cjs.entry.js +5 -5
  29. package/dist/cjs/dga-chip.cjs.entry.js +3 -3
  30. package/dist/cjs/dga-circle-skeleton_4.cjs.entry.js +5 -5
  31. package/dist/cjs/dga-circular-progress-bar-usage.cjs.entry.js +2 -2
  32. package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
  33. package/dist/cjs/dga-codesnippet-usage.cjs.entry.js +2 -2
  34. package/dist/cjs/dga-codesnippet.cjs.entry.js +5 -5
  35. package/dist/cjs/dga-collapse-usage.cjs.entry.js +2 -2
  36. package/dist/cjs/dga-collapse.cjs.entry.js +2 -2
  37. package/dist/cjs/dga-content-switcher-usage.cjs.entry.js +2 -2
  38. package/dist/cjs/dga-content-switcher_3.cjs.entry.js +4 -4
  39. package/dist/cjs/dga-data-table-usage.cjs.entry.js +2 -2
  40. package/dist/cjs/dga-data-table.cjs.entry.js +1 -1
  41. package/dist/cjs/dga-date-field-usage.cjs.entry.js +2 -2
  42. package/dist/cjs/dga-date-field.cjs.entry.js +2 -2
  43. package/dist/cjs/dga-datepicker-usage.cjs.entry.js +2 -2
  44. package/dist/cjs/dga-divider-usage.cjs.entry.js +7 -7
  45. package/dist/cjs/dga-divider.cjs.entry.js +19 -0
  46. package/dist/cjs/dga-drawer-usage.cjs.entry.js +3 -3
  47. package/dist/cjs/dga-drawer_3.cjs.entry.js +4 -4
  48. package/dist/cjs/dga-dropdown-usage.cjs.entry.js +7 -7
  49. package/dist/cjs/dga-dropdown.cjs.entry.js +211 -0
  50. package/dist/cjs/dga-featured-icon-usage.cjs.entry.js +13 -13
  51. package/dist/cjs/dga-feedback-icon-usage.cjs.entry.js +2 -2
  52. package/dist/cjs/dga-feedback-icon.cjs.entry.js +1 -1
  53. package/dist/cjs/dga-file-upload-usage.cjs.entry.js +14 -0
  54. package/dist/cjs/dga-file-upload.cjs.entry.js +93 -0
  55. package/dist/cjs/dga-filteration-usage.cjs.entry.js +2 -2
  56. package/dist/cjs/dga-filteration.cjs.entry.js +1 -1
  57. package/dist/cjs/dga-flex.cjs.entry.js +2 -2
  58. package/dist/cjs/dga-floating-button-usage.cjs.entry.js +4 -4
  59. package/dist/cjs/dga-footer-usage.cjs.entry.js +4 -4
  60. package/dist/cjs/dga-footer.cjs.entry.js +3 -3
  61. package/dist/cjs/dga-grid-container_2.cjs.entry.js +1 -1
  62. package/dist/cjs/dga-grid-usage.cjs.entry.js +3 -3
  63. package/dist/cjs/{dga-header-action-btn-DR1nQza_.js → dga-header-action-btn-DutV96gs.js} +8 -8
  64. package/dist/cjs/dga-header-action-btn_11.cjs.entry.js +6 -6
  65. package/dist/cjs/dga-header-menu-item-usage.cjs.entry.js +7 -7
  66. package/dist/cjs/dga-header-menu-vv2.cjs.entry.js +2 -2
  67. package/dist/cjs/dga-header-menu_5.cjs.entry.js +6 -6
  68. package/dist/cjs/dga-header-usage.cjs.entry.js +14 -14
  69. package/dist/cjs/dga-header.cjs.entry.js +3 -3
  70. package/dist/cjs/dga-helper-text_2.cjs.entry.js +4 -4
  71. package/dist/cjs/dga-huge-icon-usage.cjs.entry.js +14 -0
  72. package/dist/cjs/dga-inline-alert-usage.cjs.entry.js +2 -2
  73. package/dist/cjs/dga-inline-alert.cjs.entry.js +4 -4
  74. package/dist/cjs/dga-label.cjs.entry.js +19 -0
  75. package/dist/cjs/dga-linear-progress-bar-usage.cjs.entry.js +2 -2
  76. package/dist/cjs/dga-linear-progress-bar.cjs.entry.js +5 -5
  77. package/dist/cjs/dga-list-item_2.cjs.entry.js +1 -1
  78. package/dist/cjs/dga-list-usage.cjs.entry.js +2 -2
  79. package/dist/cjs/dga-list.cjs.entry.js +2 -2
  80. package/dist/cjs/dga-loading-usage.cjs.entry.js +2 -2
  81. package/dist/cjs/dga-loading.cjs.entry.js +56 -0
  82. package/dist/cjs/dga-menu-group_2.cjs.entry.js +44 -0
  83. package/dist/cjs/dga-menu-list.cjs.entry.js +17 -0
  84. package/dist/cjs/dga-menu-usage.cjs.entry.js +32 -0
  85. package/dist/cjs/{dga-card.cjs.entry.js → dga-menu-v2.cjs.entry.js} +46 -76
  86. package/dist/cjs/dga-menu.cjs.entry.js +2 -2
  87. package/dist/cjs/dga-metric-chart-v2.cjs.entry.js +1 -1
  88. package/dist/cjs/dga-metric-chart.cjs.entry.js +2 -2
  89. package/dist/cjs/dga-metric-usage.cjs.entry.js +6 -6
  90. package/dist/cjs/dga-metric-v2.cjs.entry.js +1 -1
  91. package/dist/cjs/dga-metric.cjs.entry.js +1 -1
  92. package/dist/cjs/dga-modal-actions_5.cjs.entry.js +10 -10
  93. package/dist/cjs/dga-modal-usage.cjs.entry.js +2 -2
  94. package/dist/cjs/dga-modal-v2-usage.cjs.entry.js +3 -3
  95. package/dist/cjs/dga-modal.cjs.entry.js +5 -5
  96. package/dist/cjs/{dga-nav-header-sub-menu-link-DVR6BVB_.js → dga-nav-header-sub-menu-link-DJBKL-Gb.js} +3 -3
  97. package/dist/cjs/dga-notification-toast-usage.cjs.entry.js +4 -4
  98. package/dist/cjs/dga-notification-toast.cjs.entry.js +4 -4
  99. package/dist/cjs/dga-notification-usage.cjs.entry.js +2 -2
  100. package/dist/cjs/dga-notification.cjs.entry.js +5 -5
  101. package/dist/cjs/dga-number-input-usage.cjs.entry.js +5 -5
  102. package/dist/cjs/dga-number-input.cjs.entry.js +4 -4
  103. package/dist/cjs/dga-pagination-usage.cjs.entry.js +2 -2
  104. package/dist/cjs/dga-pagination.cjs.entry.js +4 -4
  105. package/dist/cjs/dga-prefix.cjs.entry.js +1 -1
  106. package/dist/cjs/dga-progress-indicator-step-v3.cjs.entry.js +2 -2
  107. package/dist/cjs/dga-progress-indicator-usage.cjs.entry.js +2 -2
  108. package/dist/cjs/dga-progress-indicator-v3-usage.cjs.entry.js +2 -2
  109. package/dist/cjs/dga-progress-indicator-v3.cjs.entry.js +2 -2
  110. package/dist/cjs/dga-progress-indicator_2.cjs.entry.js +3 -3
  111. package/dist/cjs/dga-quote-usage.cjs.entry.js +2 -2
  112. package/dist/cjs/dga-quote.cjs.entry.js +2 -2
  113. package/dist/cjs/dga-radial-stepper-usage.cjs.entry.js +9 -9
  114. package/dist/cjs/dga-radial-stepper.cjs.entry.js +1 -1
  115. package/dist/cjs/dga-radio-button-usage.cjs.entry.js +4 -4
  116. package/dist/cjs/dga-radio-button.cjs.entry.js +1 -1
  117. package/dist/cjs/dga-rating-usage.cjs.entry.js +3 -3
  118. package/dist/cjs/dga-rating.cjs.entry.js +2 -2
  119. package/dist/cjs/dga-search-box-usage.cjs.entry.js +2 -2
  120. package/dist/cjs/dga-search-box_2.cjs.entry.js +4 -4
  121. package/dist/cjs/dga-second-nav-header-usage.cjs.entry.js +8 -8
  122. package/dist/cjs/dga-skeleton-component.cjs.entry.js +1 -1
  123. package/dist/cjs/dga-skeleton-usage.cjs.entry.js +2 -2
  124. package/dist/cjs/dga-slideout-menu-usage.cjs.entry.js +2 -2
  125. package/dist/cjs/dga-slideout-menu_4.cjs.entry.js +7 -7
  126. package/dist/cjs/dga-slider-usage.cjs.entry.js +3 -3
  127. package/dist/cjs/dga-slider.cjs.entry.js +2 -2
  128. package/dist/cjs/dga-status-tag.cjs.entry.js +2 -2
  129. package/dist/cjs/dga-structured-list-usage.cjs.entry.js +3 -3
  130. package/dist/cjs/dga-structured-list.cjs.entry.js +2 -2
  131. package/dist/cjs/dga-suffix.cjs.entry.js +1 -1
  132. package/dist/cjs/dga-switch-usage.cjs.entry.js +2 -2
  133. package/dist/cjs/dga-switch.cjs.entry.js +2 -2
  134. package/dist/cjs/dga-table-body.cjs.entry.js +2 -2
  135. package/dist/cjs/dga-table-of-content-usage.cjs.entry.js +20 -20
  136. package/dist/cjs/dga-table-of-content.cjs.entry.js +1 -1
  137. package/dist/cjs/dga-table-usage.cjs.entry.js +3 -3
  138. package/dist/cjs/dga-table.cjs.entry.js +2 -2
  139. package/dist/cjs/dga-tabs-usage.cjs.entry.js +13 -13
  140. package/dist/cjs/dga-tabs.cjs.entry.js +2 -2
  141. package/dist/cjs/dga-tag-usage.cjs.entry.js +14 -14
  142. package/dist/cjs/dga-tag_3.cjs.entry.js +1 -1
  143. package/dist/cjs/dga-text-input-usage.cjs.entry.js +3 -3
  144. package/dist/cjs/dga-textarea-usage.cjs.entry.js +2 -2
  145. package/dist/cjs/dga-textarea.cjs.entry.js +2 -2
  146. package/dist/cjs/dga-tooltip-usage.cjs.entry.js +3 -3
  147. package/dist/cjs/floating-button.cjs.entry.js +2 -2
  148. package/dist/cjs/{index-BeCzzE4d.js → index-DuIfHULw.js} +1 -1
  149. package/dist/cjs/loader.cjs.js +2 -2
  150. package/dist/cjs/nds-accordion-usage.cjs.entry.js +2 -2
  151. package/dist/cjs/nds-accordion.cjs.entry.js +4 -4
  152. package/dist/cjs/nds-avatar-usage.cjs.entry.js +10 -10
  153. package/dist/cjs/nds-avatar.cjs.entry.js +1 -1
  154. package/dist/cjs/nds-button-usage.cjs.entry.js +3 -3
  155. package/dist/cjs/nds-button.cjs.entry.js +2 -2
  156. package/dist/cjs/nds-chip-usage.cjs.entry.js +5 -5
  157. package/dist/cjs/nds-chip.cjs.entry.js +3 -3
  158. package/dist/cjs/nds-floating-button-usage.cjs.entry.js +2 -2
  159. package/dist/cjs/nds-floating-button.cjs.entry.js +3 -3
  160. package/dist/cjs/nds-link-usage.cjs.entry.js +2 -2
  161. package/dist/cjs/nds-link.cjs.entry.js +2 -2
  162. package/dist/cjs/nds-table-of-content-usage.cjs.entry.js +20 -20
  163. package/dist/cjs/nds-table-of-content.cjs.entry.js +1 -1
  164. package/dist/collection/assets/styles/main.css +1 -12
  165. package/dist/collection/components/dga-accordion/dga-accordion.css +0 -1
  166. package/dist/collection/components/dga-avatar/dga-avatar.css +3 -0
  167. package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.css +0 -2
  168. package/dist/collection/components/dga-button/dga-button.css +0 -4
  169. package/dist/collection/components/dga-button-v2/dga-button-v2.js +1 -1
  170. package/dist/collection/components/dga-button-v2/dga-button.css +0 -4
  171. package/dist/collection/components/dga-card/dga-card.css +31 -7
  172. package/dist/collection/components/dga-card/dga-card.js +8 -3
  173. package/dist/collection/components/dga-card-v2/dga-card-actions.js +1 -1
  174. package/dist/collection/components/dga-card-v2/dga-card-content.js +1 -1
  175. package/dist/collection/components/dga-card-v2/dga-card-expandable-content.js +1 -1
  176. package/dist/collection/components/dga-card-v2/dga-card-image.js +1 -1
  177. package/dist/collection/components/dga-card-v2/dga-card-title.js +1 -1
  178. package/dist/collection/components/dga-card-v2/dga-card-v2.js +1 -1
  179. package/dist/collection/components/dga-carousel/dga-carousel.js +4 -4
  180. package/dist/collection/components/dga-carousel-item/dga-carousel-item.js +1 -1
  181. package/dist/collection/components/dga-carousel-v2/dga-carousel-v2.js +1 -1
  182. package/dist/collection/components/dga-checkbox/dga-checkbox.js +3 -3
  183. package/dist/collection/components/dga-chip/dga-chip.js +2 -2
  184. package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js +1 -1
  185. package/dist/collection/components/dga-codeSnippet/dga-codeSnippet.js +4 -4
  186. package/dist/collection/components/dga-collapse/dga-collapse.js +1 -1
  187. package/dist/collection/components/dga-content-switcher/dga-content-switcher-item.js +1 -1
  188. package/dist/collection/components/dga-content-switcher/dga-content-switcher-panel.js +1 -1
  189. package/dist/collection/components/dga-content-switcher/dga-content-switcher.js +1 -1
  190. package/dist/collection/components/dga-data-table/dga-data-table-usage.js +1 -1
  191. package/dist/collection/components/dga-data-table/dga-table.body.js +1 -1
  192. package/dist/collection/components/dga-data-table/dga-table.js +1 -1
  193. package/dist/collection/components/dga-date-field/dga-date-field.css +0 -3
  194. package/dist/collection/components/dga-datepicker/DateCell.js +1 -1
  195. package/dist/collection/components/dga-datepicker/MonthNavigator.js +4 -4
  196. package/dist/collection/components/dga-datepicker/dga-datepicker.css +0 -4
  197. package/dist/collection/components/dga-datepicker/dga-datepicker.js +7 -7
  198. package/dist/collection/components/dga-digital-signature/dga-digital-signature.css +3 -4
  199. package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +1 -1
  200. package/dist/collection/components/dga-divider/dga-divider.js +1 -1
  201. package/dist/collection/components/dga-drawer/DrawerMenu.js +1 -1
  202. package/dist/collection/components/dga-drawer/dga-drawer.css +0 -3
  203. package/dist/collection/components/dga-drawer/tab-component.js +1 -1
  204. package/dist/collection/components/dga-dropdown/dga-dropdown.css +0 -1
  205. package/dist/collection/components/dga-dropdown/dga-dropdown.js +2 -2
  206. package/dist/collection/components/dga-file-upload/dga-file-upload.css +0 -4
  207. package/dist/collection/components/dga-file-upload/dga-file-upload.js +1 -1
  208. package/dist/collection/components/dga-flex/dga-flex.js +1 -1
  209. package/dist/collection/components/dga-floating-button/dga-floatingButton.js +1 -1
  210. package/dist/collection/components/dga-footer/dga-footer.js +1 -1
  211. package/dist/collection/components/dga-footer/footer.css +0 -4
  212. package/dist/collection/components/dga-header/dga-nav-header-sub-menu.css +0 -2
  213. package/dist/collection/components/dga-header/dga-nav-header-sub-menu.js +1 -1
  214. package/dist/collection/components/dga-inline-alert/dga-inline-alert.css +0 -4
  215. package/dist/collection/components/dga-inline-alert/dga-inline-alert.js +2 -2
  216. package/dist/collection/components/dga-linear-progress-bar/dga-linear-progress-bar.js +4 -4
  217. package/dist/collection/components/dga-link/dga-link.css +0 -5
  218. package/dist/collection/components/dga-link/dga-link.js +93 -8
  219. package/dist/collection/components/dga-list/dga-list.js +1 -1
  220. package/dist/collection/components/dga-loading/dga-loading.css +0 -2
  221. package/dist/collection/components/dga-menu/dga-action-menu.css +0 -2
  222. package/dist/collection/components/dga-menu/dga-action-menu.js +1 -1
  223. package/dist/collection/components/dga-menu/dga-menu-group.js +1 -1
  224. package/dist/collection/components/dga-menu/dga-menu-item.css +0 -2
  225. package/dist/collection/components/dga-menu/dga-menu-item.js +1 -1
  226. package/dist/collection/components/dga-menu/dga-menu-list.js +1 -1
  227. package/dist/collection/components/dga-menu/dga-menu-v2.js +1 -1
  228. package/dist/collection/components/dga-menu/dga-menu.js +1 -1
  229. package/dist/collection/components/dga-metric/dga-metric-chart.js +1 -1
  230. package/dist/collection/components/dga-modal/dga-modal.css +0 -4
  231. package/dist/collection/components/dga-modal/dga-modal.js +3 -3
  232. package/dist/collection/components/dga-modal-v2/dga-modal-actions.js +2 -2
  233. package/dist/collection/components/dga-modal-v2/dga-modal-body.js +1 -1
  234. package/dist/collection/components/dga-modal-v2/dga-modal-header.js +1 -1
  235. package/dist/collection/components/dga-modal-v2/dga-modal-title.js +1 -1
  236. package/dist/collection/components/dga-modal-v2/dga-modal-v2.js +2 -2
  237. package/dist/collection/components/dga-modal-v2/dga-modal.css +0 -4
  238. package/dist/collection/components/dga-notification/dga-notification.css +0 -4
  239. package/dist/collection/components/dga-notification/dga-notification.js +3 -3
  240. package/dist/collection/components/dga-notification-toast/dga-notification-toast.css +0 -4
  241. package/dist/collection/components/dga-notification-toast/dga-notification-toast.js +2 -2
  242. package/dist/collection/components/dga-number-input/dga-number-input.css +0 -1
  243. package/dist/collection/components/dga-number-input/dga-number-input.js +2 -2
  244. package/dist/collection/components/dga-pagination/dga-pagination.css +0 -2
  245. package/dist/collection/components/dga-pagination/dga-pagination.js +2 -2
  246. package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js +1 -1
  247. package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js +1 -1
  248. package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js +1 -1
  249. package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js +1 -1
  250. package/dist/collection/components/dga-quote/dga-quote.js +1 -1
  251. package/dist/collection/components/dga-rating/dga-rating.js +1 -1
  252. package/dist/collection/components/dga-search-box/dga-search-box.css +0 -1
  253. package/dist/collection/components/dga-search-box/dga-search-box.js +2 -2
  254. package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js +1 -1
  255. package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js +1 -1
  256. package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js +1 -1
  257. package/dist/collection/components/dga-second-nav-header/dga-second-nav-header.js +1 -1
  258. package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js +1 -1
  259. package/dist/collection/components/dga-skeleton/dga-line-skeleton.js +1 -1
  260. package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js +1 -1
  261. package/dist/collection/components/dga-skeleton/dga-square-skeleton.js +1 -1
  262. package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-actions.js +1 -1
  263. package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-header.js +2 -2
  264. package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-items.js +1 -1
  265. package/dist/collection/components/dga-slideout-menu/dga-slideout-menu.js +2 -2
  266. package/dist/collection/components/dga-slider/dga-slider.js +1 -1
  267. package/dist/collection/components/dga-structured-list/dga-structured-list.js +1 -1
  268. package/dist/collection/components/dga-switch/dga-switch.js +1 -1
  269. package/dist/collection/components/dga-tabs/dga-tabs.css +0 -3
  270. package/dist/collection/components/dga-tag/dga-status-tag.js +1 -1
  271. package/dist/collection/components/dga-text-input/dga-helper-text.js +1 -1
  272. package/dist/collection/components/dga-text-input/dga-label.js +1 -1
  273. package/dist/collection/components/dga-text-input/dga-text-input.js +2 -2
  274. package/dist/collection/components/dga-textarea/dga-textarea.js +1 -1
  275. package/dist/collection/nds-components/dga-header/dga-header-action.css +0 -2
  276. package/dist/collection/nds-components/dga-header/dga-header-action.js +3 -3
  277. package/dist/collection/nds-components/dga-header/dga-header-menu-item-usage.js +6 -6
  278. package/dist/collection/nds-components/dga-header/dga-header-menu-item.js +2 -2
  279. package/dist/collection/nds-components/dga-header/dga-header-menu.js +1 -1
  280. package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.css +0 -2
  281. package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.js +1 -1
  282. package/dist/collection/nds-components/dga-header/dga-header-sub-menu-item.js +1 -1
  283. package/dist/collection/nds-components/dga-header/dga-header-sub-menu.css +0 -2
  284. package/dist/collection/nds-components/dga-header/dga-header-sub-menu.js +1 -1
  285. package/dist/collection/nds-components/dga-header/dga-header.js +1 -1
  286. package/dist/collection/nds-components/dga-header/dga-logo-placeholder.js +2 -2
  287. package/dist/collection/nds-components/nds-accordion/nds-accordion-usage.js +1 -1
  288. package/dist/collection/nds-components/nds-accordion/nds-accordion.css +0 -1
  289. package/dist/collection/nds-components/nds-accordion/nds-accordion.js +2 -2
  290. package/dist/collection/nds-components/nds-avatar/nds-avatar-usage.js +9 -9
  291. package/dist/collection/nds-components/nds-button/nds-button-usage.js +2 -2
  292. package/dist/collection/nds-components/nds-button/nds-button.css +0 -4
  293. package/dist/collection/nds-components/nds-chip/nds-chip-usage.js +4 -4
  294. package/dist/collection/nds-components/nds-chip/nds-chip.js +2 -2
  295. package/dist/collection/nds-components/nds-floating-button/nds-floating-button-usage.js +1 -1
  296. package/dist/collection/nds-components/nds-floating-button/nds-floating-button.js +2 -2
  297. package/dist/collection/nds-components/nds-link/nds-link-usage.js +1 -1
  298. package/dist/collection/nds-components/nds-link/nds-link.js +1 -1
  299. package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content-usage.js +19 -19
  300. package/dist/collection/usage/dga-accordion-usage.js +1 -1
  301. package/dist/collection/usage/dga-apex-chart-usage.js +1 -1
  302. package/dist/collection/usage/dga-avatar-usage.js +9 -9
  303. package/dist/collection/usage/dga-breadcrumbs-usage.js +2 -2
  304. package/dist/collection/usage/dga-button-usage.js +3 -3
  305. package/dist/collection/usage/dga-button-v2-usage.js +2 -2
  306. package/dist/collection/usage/dga-card-usage.js +2 -2
  307. package/dist/collection/usage/dga-card-v2-usage.js +3 -3
  308. package/dist/collection/usage/dga-carousel-usage.js +29 -29
  309. package/dist/collection/usage/dga-chart-usage.js +2 -2
  310. package/dist/collection/usage/dga-checkbox-usage.js +1 -1
  311. package/dist/collection/usage/dga-chip-usage.js +4 -4
  312. package/dist/collection/usage/dga-circular-progress-bar-usage.js +1 -1
  313. package/dist/collection/usage/dga-codeSnippet-usage.js +1 -1
  314. package/dist/collection/usage/dga-collapse-usage.js +1 -1
  315. package/dist/collection/usage/dga-content-switcher-usage.js +1 -1
  316. package/dist/collection/usage/dga-date-field-usage.js +1 -1
  317. package/dist/collection/usage/dga-datepicker-usage.js +1 -1
  318. package/dist/collection/usage/dga-digitalSignature-usage.js +9 -1
  319. package/dist/collection/usage/dga-divider-usage.js +6 -6
  320. package/dist/collection/usage/dga-drawer-usage.js +2 -2
  321. package/dist/collection/usage/dga-dropdown-usage.js +6 -6
  322. package/dist/collection/usage/dga-featured-icon-usage.js +12 -12
  323. package/dist/collection/usage/dga-feedback-icon-usage.js +1 -1
  324. package/dist/collection/usage/dga-file-upload-usage.js +1 -1
  325. package/dist/collection/usage/dga-filteration-usage.js +1 -1
  326. package/dist/collection/usage/dga-floatingButton-usage.js +3 -3
  327. package/dist/collection/usage/dga-footer-usage.js +3 -3
  328. package/dist/collection/usage/dga-grid-usage.js +2 -2
  329. package/dist/collection/usage/dga-header-usage.js +13 -13
  330. package/dist/collection/usage/dga-huge-icon-usage.js +1 -1
  331. package/dist/collection/usage/dga-inline-alert-usage.js +1 -1
  332. package/dist/collection/usage/dga-linear-progress-bar-usage.js +1 -1
  333. package/dist/collection/usage/dga-link-usage.js +1 -1
  334. package/dist/collection/usage/dga-list-usage.js +1 -1
  335. package/dist/collection/usage/dga-loading-usage.js +1 -1
  336. package/dist/collection/usage/dga-menu-usage.js +1 -1
  337. package/dist/collection/usage/dga-metric-usage.js +5 -5
  338. package/dist/collection/usage/dga-modal-usage.js +1 -1
  339. package/dist/collection/usage/dga-modal-v2-usage.js +2 -2
  340. package/dist/collection/usage/dga-notification-toast-usage.js +3 -3
  341. package/dist/collection/usage/dga-notification-usage.js +1 -1
  342. package/dist/collection/usage/dga-number-input-usage.js +4 -4
  343. package/dist/collection/usage/dga-pagination-usage.js +1 -1
  344. package/dist/collection/usage/dga-progress-indicator-usage.js +1 -1
  345. package/dist/collection/usage/dga-progress-indicator-v3-usage.js +1 -1
  346. package/dist/collection/usage/dga-quote-usage.js +1 -1
  347. package/dist/collection/usage/dga-radial-stepper-usage.js +8 -8
  348. package/dist/collection/usage/dga-radio-button-usage.js +3 -3
  349. package/dist/collection/usage/dga-rating-usage.js +2 -2
  350. package/dist/collection/usage/dga-search-box-usage.js +1 -1
  351. package/dist/collection/usage/dga-second-nav-header-usage.js +7 -7
  352. package/dist/collection/usage/dga-skeleton-usage.js +1 -1
  353. package/dist/collection/usage/dga-slideout-menu-usage.js +1 -1
  354. package/dist/collection/usage/dga-slider-usage.js +2 -2
  355. package/dist/collection/usage/dga-structured-list-usage.js +2 -2
  356. package/dist/collection/usage/dga-switch-usage.js +1 -1
  357. package/dist/collection/usage/dga-table-of-content-usage.js +19 -19
  358. package/dist/collection/usage/dga-table-usage.js +2 -2
  359. package/dist/collection/usage/dga-tabs-usage.js +12 -12
  360. package/dist/collection/usage/dga-tag-usage.js +13 -13
  361. package/dist/collection/usage/dga-text-input-usage.js +2 -2
  362. package/dist/collection/usage/dga-textarea-usage.js +1 -1
  363. package/dist/collection/usage/dga-tooltip-usage.js +2 -2
  364. package/dist/components/date-cell.js +1 -1
  365. package/dist/components/dga-accordion-usage.js +4 -4
  366. package/dist/components/dga-accordion.js +1 -1
  367. package/dist/components/dga-action-menu.js +1 -1
  368. package/dist/components/dga-actions.js +1 -1
  369. package/dist/components/dga-apex-chart-usage.js +2 -2
  370. package/dist/components/dga-apex-chart.js +1 -1
  371. package/dist/components/dga-avatar-group.js +1 -1
  372. package/dist/components/dga-avatar-usage.js +13 -13
  373. package/dist/components/dga-avatar.js +1 -1
  374. package/dist/components/dga-breadcrumbs-usage.js +6 -6
  375. package/dist/components/dga-breadcrumbs.js +1 -1
  376. package/dist/components/dga-button-leading-icon.js +1 -1
  377. package/dist/components/dga-button-usage.js +6 -6
  378. package/dist/components/dga-button-v2-usage.js +7 -7
  379. package/dist/components/dga-button-v2.js +1 -1
  380. package/dist/components/dga-button.js +1 -1
  381. package/dist/components/dga-card-actions.js +1 -1
  382. package/dist/components/dga-card-content.js +1 -1
  383. package/dist/components/dga-card-expandable-content.js +1 -1
  384. package/dist/components/dga-card-image.js +2 -2
  385. package/dist/components/dga-card-title.js +2 -2
  386. package/dist/components/dga-card-usage.js +9 -9
  387. package/dist/components/dga-card-v2-usage.js +14 -14
  388. package/dist/components/dga-card-v2.js +1 -1
  389. package/dist/components/dga-card.js +1 -1
  390. package/dist/components/dga-carousel-item.js +1 -1
  391. package/dist/components/dga-carousel-usage.js +33 -33
  392. package/dist/components/dga-carousel-v2.js +3 -3
  393. package/dist/components/dga-carousel.js +1 -1
  394. package/dist/components/dga-chart-usage.js +4 -4
  395. package/dist/components/dga-chart.js +1 -1
  396. package/dist/components/dga-checkbox-usage.js +4 -4
  397. package/dist/components/dga-checkbox.js +1 -1
  398. package/dist/components/dga-chip-usage.js +7 -7
  399. package/dist/components/dga-chip.js +1 -1
  400. package/dist/components/dga-circle-skeleton.js +1 -1
  401. package/dist/components/dga-circular-progress-bar-usage.js +4 -4
  402. package/dist/components/dga-circular-progress-bar.js +1 -1
  403. package/dist/components/dga-codesnippet-usage.js +7 -7
  404. package/dist/components/dga-codesnippet.js +1 -1
  405. package/dist/components/dga-collapse-usage.js +3 -3
  406. package/dist/components/dga-collapse.js +1 -1
  407. package/dist/components/dga-content-switcher-item.js +1 -1
  408. package/dist/components/dga-content-switcher-panel.js +1 -1
  409. package/dist/components/dga-content-switcher-usage.js +5 -5
  410. package/dist/components/dga-content-switcher.js +1 -1
  411. package/dist/components/dga-data-table-usage.js +6 -6
  412. package/dist/components/dga-data-table.js +1 -1
  413. package/dist/components/dga-date-field-usage.js +11 -11
  414. package/dist/components/dga-date-field.js +1 -1
  415. package/dist/components/dga-datepicker-usage.js +10 -10
  416. package/dist/components/dga-datepicker.js +1 -1
  417. package/dist/components/dga-digital-signature-usage.js +13 -5
  418. package/dist/components/dga-digital-signature.js +1 -1
  419. package/dist/components/dga-divider-usage.js +8 -8
  420. package/dist/components/dga-divider.js +1 -1
  421. package/dist/components/dga-drawer-usage.js +10 -10
  422. package/dist/components/dga-drawer.js +1 -1
  423. package/dist/components/dga-dropdown-usage.js +11 -11
  424. package/dist/components/dga-dropdown.js +1 -1
  425. package/dist/components/dga-featured-icon-usage.js +15 -15
  426. package/dist/components/dga-featured-icon.js +1 -1
  427. package/dist/components/dga-feedback-icon-usage.js +2 -2
  428. package/dist/components/dga-feedback-icon.js +2 -2
  429. package/dist/components/dga-file-upload-usage.js +6 -6
  430. package/dist/components/dga-file-upload.js +1 -1
  431. package/dist/components/dga-filteration-usage.js +12 -12
  432. package/dist/components/dga-filteration.js +1 -1
  433. package/dist/components/dga-flex.js +1 -1
  434. package/dist/components/dga-floating-button-usage.js +6 -6
  435. package/dist/components/dga-footer-usage.js +6 -6
  436. package/dist/components/dga-footer.js +1 -1
  437. package/dist/components/dga-grid-container.js +1 -1
  438. package/dist/components/dga-grid-item.js +1 -1
  439. package/dist/components/dga-grid-usage.js +5 -5
  440. package/dist/components/dga-header-action-btn.js +1 -1
  441. package/dist/components/dga-header-action.js +1 -1
  442. package/dist/components/dga-header-menu-item-usage.js +29 -29
  443. package/dist/components/dga-header-menu-item.js +1 -1
  444. package/dist/components/dga-header-menu-vv2.js +2 -2
  445. package/dist/components/dga-header-menu.js +1 -1
  446. package/dist/components/dga-header-mobile-actions.js +1 -1
  447. package/dist/components/dga-header-sub-menu-column.js +1 -1
  448. package/dist/components/dga-header-sub-menu-item.js +1 -1
  449. package/dist/components/dga-header-sub-menu.js +1 -1
  450. package/dist/components/dga-header-usage.js +42 -42
  451. package/dist/components/dga-header-vv2.js +1 -1
  452. package/dist/components/dga-header.js +10 -10
  453. package/dist/components/dga-helper-text.js +1 -1
  454. package/dist/components/dga-huge-icon-usage.js +3 -3
  455. package/dist/components/dga-icon.js +1 -1
  456. package/dist/components/dga-inline-alert-usage.js +4 -4
  457. package/dist/components/dga-inline-alert.js +1 -1
  458. package/dist/components/dga-label.js +1 -1
  459. package/dist/components/dga-line-skeleton.js +1 -1
  460. package/dist/components/dga-linear-progress-bar-usage.js +4 -4
  461. package/dist/components/dga-linear-progress-bar.js +1 -1
  462. package/dist/components/dga-link-usage.js +3 -3
  463. package/dist/components/dga-link.js +1 -1
  464. package/dist/components/dga-list-item.js +1 -1
  465. package/dist/components/dga-list-usage.js +5 -5
  466. package/dist/components/dga-list-v2.js +1 -1
  467. package/dist/components/dga-list.js +2 -2
  468. package/dist/components/dga-loading-usage.js +3 -3
  469. package/dist/components/dga-loading.js +1 -1
  470. package/dist/components/dga-logo-placeholder.js +1 -1
  471. package/dist/components/dga-menu-group.js +1 -1
  472. package/dist/components/dga-menu-item.js +1 -1
  473. package/dist/components/dga-menu-list.js +1 -1
  474. package/dist/components/dga-menu-usage.js +7 -7
  475. package/dist/components/dga-menu-v2.js +1 -1
  476. package/dist/components/dga-menu.js +2 -2
  477. package/dist/components/dga-metric-chart-v2.js +1 -1
  478. package/dist/components/dga-metric-chart.js +1 -1
  479. package/dist/components/dga-metric-usage.js +7 -7
  480. package/dist/components/dga-metric-v2.js +4 -4
  481. package/dist/components/dga-metric.js +4 -4
  482. package/dist/components/dga-modal-actions.js +1 -1
  483. package/dist/components/dga-modal-body.js +1 -1
  484. package/dist/components/dga-modal-header.js +1 -1
  485. package/dist/components/dga-modal-title.js +1 -1
  486. package/dist/components/dga-modal-usage.js +6 -6
  487. package/dist/components/dga-modal-v2-usage.js +13 -13
  488. package/dist/components/dga-modal-v2.js +1 -1
  489. package/dist/components/dga-modal.js +1 -1
  490. package/dist/components/dga-nav-header-actions.js +1 -1
  491. package/dist/components/dga-nav-header-link.js +1 -1
  492. package/dist/components/dga-nav-header-logos.js +1 -1
  493. package/dist/components/dga-nav-header-main.js +1 -1
  494. package/dist/components/dga-nav-header-menu.js +1 -1
  495. package/dist/components/dga-nav-header-sub-menu-column.js +1 -1
  496. package/dist/components/dga-nav-header-sub-menu-link.js +1 -1
  497. package/dist/components/dga-nav-header-sub-menu.js +1 -1
  498. package/dist/components/dga-nav-header.js +1 -1
  499. package/dist/components/dga-notification-toast-usage.js +7 -7
  500. package/dist/components/dga-notification-toast.js +1 -1
  501. package/dist/components/dga-notification-usage.js +4 -4
  502. package/dist/components/dga-notification.js +1 -1
  503. package/dist/components/dga-number-input-usage.js +9 -9
  504. package/dist/components/dga-number-input.js +1 -1
  505. package/dist/components/dga-pagination-usage.js +4 -4
  506. package/dist/components/dga-pagination.js +1 -1
  507. package/dist/components/dga-prefix.js +1 -1
  508. package/dist/components/dga-progress-indicator-step-v3.js +3 -3
  509. package/dist/components/dga-progress-indicator-step.js +1 -1
  510. package/dist/components/dga-progress-indicator-usage.js +5 -5
  511. package/dist/components/dga-progress-indicator-v3-usage.js +5 -5
  512. package/dist/components/dga-progress-indicator-v3.js +2 -2
  513. package/dist/components/dga-progress-indicator.js +1 -1
  514. package/dist/components/dga-quote-usage.js +6 -6
  515. package/dist/components/dga-quote.js +1 -1
  516. package/dist/components/dga-radial-stepper-usage.js +11 -11
  517. package/dist/components/dga-radial-stepper.js +1 -1
  518. package/dist/components/dga-radio-button-usage.js +6 -6
  519. package/dist/components/dga-radio-button.js +1 -1
  520. package/dist/components/dga-rating-usage.js +4 -4
  521. package/dist/components/dga-rating.js +1 -1
  522. package/dist/components/dga-rectangle-skeleton.js +1 -1
  523. package/dist/components/dga-search-box-usage.js +5 -5
  524. package/dist/components/dga-search-box.js +1 -1
  525. package/dist/components/dga-second-nav-header-actions.js +1 -1
  526. package/dist/components/dga-second-nav-header-content.js +1 -1
  527. package/dist/components/dga-second-nav-header-item.js +1 -1
  528. package/dist/components/dga-second-nav-header-usage.js +21 -21
  529. package/dist/components/dga-second-nav-header.js +1 -1
  530. package/dist/components/dga-skeleton-component.js +1 -1
  531. package/dist/components/dga-skeleton-usage.js +7 -7
  532. package/dist/components/dga-slideout-menu-actions.js +1 -1
  533. package/dist/components/dga-slideout-menu-header.js +1 -1
  534. package/dist/components/dga-slideout-menu-items.js +1 -1
  535. package/dist/components/dga-slideout-menu-usage.js +14 -14
  536. package/dist/components/dga-slideout-menu.js +1 -1
  537. package/dist/components/dga-slider-usage.js +5 -5
  538. package/dist/components/dga-slider.js +1 -1
  539. package/dist/components/dga-square-skeleton.js +1 -1
  540. package/dist/components/dga-status-tag.js +1 -1
  541. package/dist/components/dga-structured-list-usage.js +4 -4
  542. package/dist/components/dga-structured-list.js +1 -1
  543. package/dist/components/dga-suffix.js +2 -2
  544. package/dist/components/dga-switch-usage.js +4 -4
  545. package/dist/components/dga-switch.js +1 -1
  546. package/dist/components/dga-table-body.js +2 -2
  547. package/dist/components/dga-table-of-content-usage.js +21 -21
  548. package/dist/components/dga-table-of-content.js +1 -1
  549. package/dist/components/dga-table-usage.js +6 -6
  550. package/dist/components/dga-table.js +2 -2
  551. package/dist/components/dga-tabs-usage.js +16 -16
  552. package/dist/components/dga-tabs.js +1 -1
  553. package/dist/components/dga-tag-usage.js +17 -17
  554. package/dist/components/dga-tag.js +1 -1
  555. package/dist/components/dga-text-input-usage.js +8 -8
  556. package/dist/components/dga-text-input.js +1 -1
  557. package/dist/components/dga-textarea-usage.js +4 -4
  558. package/dist/components/dga-textarea.js +1 -1
  559. package/dist/components/dga-tooltip-usage.js +5 -5
  560. package/dist/components/dga-tooltip.js +1 -1
  561. package/dist/components/floating-button.js +1 -1
  562. package/dist/components/index.js +1 -1
  563. package/dist/components/month-navigator.js +1 -1
  564. package/dist/components/nds-accordion-usage.js +3 -3
  565. package/dist/components/nds-accordion.js +1 -1
  566. package/dist/components/nds-avatar-usage.js +13 -13
  567. package/dist/components/nds-avatar.js +2 -2
  568. package/dist/components/nds-button-usage.js +8 -8
  569. package/dist/components/nds-button.js +1 -1
  570. package/dist/components/nds-chip-usage.js +6 -6
  571. package/dist/components/nds-chip.js +1 -1
  572. package/dist/components/nds-floating-button-usage.js +4 -4
  573. package/dist/components/nds-floating-button.js +1 -1
  574. package/dist/components/nds-link-usage.js +5 -5
  575. package/dist/components/nds-link.js +1 -1
  576. package/dist/components/nds-table-of-content-usage.js +21 -21
  577. package/dist/components/nds-table-of-content.js +1 -1
  578. package/dist/components/{p-BFVvq-cL.js → p--tMegTP4.js} +4 -4
  579. package/dist/components/{p-BpZ7puTS.js → p-3iqQMUow.js} +3 -3
  580. package/dist/components/{p-gfrHUWdv.js → p-6QvzwII5.js} +2 -2
  581. package/dist/components/{p-BpG2NEOZ.js → p-85h-4DuK.js} +5 -5
  582. package/dist/components/{p-Czn3uHeu.js → p-8N6g0j6Z.js} +4 -4
  583. package/dist/components/{p-Diu4Y_-N.js → p-97R4z8de.js} +2 -2
  584. package/dist/components/{p-Cwtd1L0l.js → p-B0xQl3VA.js} +3 -3
  585. package/dist/components/{p-cJQustFG.js → p-B14aqFGg.js} +2 -2
  586. package/dist/components/{p-BOLOPFjK.js → p-B1ekvjhr.js} +3 -3
  587. package/dist/components/{p-Caj7fXBG.js → p-B3K8uOfe.js} +2 -2
  588. package/dist/components/{p-DLmlYd6I.js → p-B5ifhY_P.js} +1 -1
  589. package/dist/components/{p-OsHibrbt.js → p-B7XHK1VO.js} +3 -3
  590. package/dist/components/{p-DN8e5dPG.js → p-BAdxHiJ0.js} +7 -7
  591. package/dist/components/{p-F-Rv-KOJ.js → p-BD1fnR0w.js} +3 -3
  592. package/dist/components/{p-DhcV7pYz.js → p-BE9L3_8e.js} +3 -3
  593. package/dist/components/{p-BWdMNFNq.js → p-BLABWj1w.js} +1 -1
  594. package/dist/components/{p-BCri8rfy.js → p-BQD2YdEi.js} +2 -2
  595. package/dist/components/{p-BeJrtJoi.js → p-BTJMZCqA.js} +5 -5
  596. package/dist/components/{p-C3jZGqP0.js → p-BTW0zmd3.js} +2 -2
  597. package/dist/components/{p-YtoXb49j.js → p-BYVQfy-u.js} +2 -2
  598. package/dist/components/{p-BoYRAjdM.js → p-BZ-GDi4v.js} +2 -2
  599. package/dist/components/{p-D31usNN3.js → p-B_CKQpN8.js} +3 -3
  600. package/dist/components/{p-BFJKvClv.js → p-Baww4Hli.js} +2 -2
  601. package/dist/components/{p-tw2HcrSM.js → p-BdC9G5yq.js} +2 -2
  602. package/dist/components/{p-DFc6YEAq.js → p-Be8NBFfg.js} +4 -4
  603. package/dist/components/{p-taruOGnO.js → p-BgOL_zV2.js} +6 -6
  604. package/dist/components/{p-Alkk0JV1.js → p-BgkHJMRe.js} +2 -2
  605. package/dist/components/{p-DONc75B7.js → p-Bke0Wg5h.js} +2 -2
  606. package/dist/components/{p-D1iUHOi2.js → p-BkoLUO2v.js} +2 -2
  607. package/dist/components/{p-CnCTi7YY.js → p-BlgehTPT.js} +2 -2
  608. package/dist/components/{p-Df-edIyX.js → p-Bml5Fqkq.js} +3 -3
  609. package/dist/components/{p-CFv5Kf7H.js → p-BoghL_1e.js} +2 -2
  610. package/dist/components/{p-C4nJndpv.js → p-BqF-Nw_Y.js} +2 -2
  611. package/dist/components/{p-COdf_3sg.js → p-BrT2PObL.js} +2 -2
  612. package/dist/components/{p-DQFyaLe1.js → p-Bt8SPizY.js} +1 -1
  613. package/dist/components/{p-Cj0T9u87.js → p-BtZloQh1.js} +4 -4
  614. package/dist/components/{p-CQYS06F-.js → p-BzgqEk__.js} +10 -10
  615. package/dist/components/{p-Czju-mjU.js → p-C05zhJ_Y.js} +3 -3
  616. package/dist/components/{p-CwxoAMTN.js → p-C1z-oJS3.js} +16 -16
  617. package/dist/components/{p-BNvgT9-U.js → p-C2JDtxhB.js} +3 -3
  618. package/dist/components/{p-BrDpsYbA.js → p-C3TwkwNP.js} +10 -10
  619. package/dist/components/{p-BQ5AIZAT.js → p-C3iNonQK.js} +2 -2
  620. package/dist/components/{p-LGvT-hnZ.js → p-C9HEYdAe.js} +2 -2
  621. package/dist/components/{p-FMVaetlM.js → p-CA2ar_je.js} +6 -6
  622. package/dist/components/{p-CtWM0ncY.js → p-CAERc4vs.js} +1 -1
  623. package/dist/components/{p-CDlSIdGe.js → p-CAccKWkS.js} +3 -3
  624. package/dist/components/{p-Ds-u8fgH.js → p-CAcdaqEy.js} +3 -3
  625. package/dist/components/{p-BmfgGZ8C.js → p-CD1zYlQX.js} +3 -3
  626. package/dist/components/{p-BbGtTx5_.js → p-CDMKY2c-.js} +1 -1
  627. package/dist/components/{p-D5Vszovj.js → p-CF86ehtt.js} +1 -1
  628. package/dist/components/{p-bFSzOpoS.js → p-CHeHQfrt.js} +7 -7
  629. package/dist/components/{p-ikFwv_6l.js → p-CKKNT8y4.js} +3 -3
  630. package/dist/components/{p-AzlxeME9.js → p-CL0x3HtU.js} +3 -3
  631. package/dist/components/{p-HOEJqyVI.js → p-CLcPlA1l.js} +6 -6
  632. package/dist/components/{p-tmaXNm9l.js → p-CPgpv3Z7.js} +2 -2
  633. package/dist/components/{p-B4tBgtv2.js → p-CSDiDsDN.js} +2 -2
  634. package/dist/components/{p-BCi4fSQC.js → p-CTk6tID8.js} +2 -2
  635. package/dist/components/{p-C2xEV0al.js → p-CWL2ZA5w.js} +3 -3
  636. package/dist/components/{p-Do6DLmc3.js → p-CWlbqSIy.js} +2 -2
  637. package/dist/components/{p-PFG26znP.js → p-CdRzlpx1.js} +2 -2
  638. package/dist/components/{p-B1nb6rEO.js → p-Cg-749Pa.js} +2 -2
  639. package/dist/components/{p-BSqwMjy-.js → p-CgT9rr1E.js} +2 -2
  640. package/dist/components/{p-vRfRORo6.js → p-CkeAvMll.js} +3 -3
  641. package/dist/components/{p-8OkgeeAw.js → p-Cktj-wpB.js} +2 -2
  642. package/dist/components/{p-BRo6OHJC.js → p-CmJArJer.js} +3 -3
  643. package/dist/components/{p-C3eyOp-9.js → p-CpzUxRTH.js} +4 -4
  644. package/dist/components/{p-KuNqQRTQ.js → p-CqUocyYD.js} +3 -3
  645. package/dist/components/{p-C1wrb6mL.js → p-CqmCtiRl.js} +1 -1
  646. package/dist/components/{p-DQgfdt3k.js → p-CrduJbTH.js} +6 -6
  647. package/dist/components/{p-UTUS7fp4.js → p-Cu3DUz00.js} +6 -6
  648. package/dist/components/{p-CcKCI16B.js → p-CwFPFjba.js} +5 -5
  649. package/dist/components/{p-DVgetj4j.js → p-CzcTp0g2.js} +2 -2
  650. package/dist/components/{p-DolMTIe3.js → p-D0dxDlLP.js} +5 -5
  651. package/dist/components/{p-CbuTUOE1.js → p-D1BB-kah.js} +3 -3
  652. package/dist/components/{p-BCyblzsD.js → p-D3W8Ppxl.js} +2 -2
  653. package/dist/components/{p-D5p3QKC1.js → p-D3r5Kurk.js} +2 -2
  654. package/dist/components/{p-BmCvK3M_.js → p-D7gSlPw3.js} +2 -2
  655. package/dist/components/{p-Dd5K3C0u.js → p-D8gOMiDr.js} +2 -2
  656. package/dist/components/{p-D-czV9oo.js → p-DBFWc6Ud.js} +3 -3
  657. package/dist/components/{p-wXotPsGH.js → p-DCUoWuem.js} +2 -2
  658. package/dist/components/{p-CQe7o0GE.js → p-DD00nrxW.js} +5 -5
  659. package/dist/components/{p-Cy6fL2bh.js → p-DFQ9kKUg.js} +6 -6
  660. package/dist/components/{p-Dp1nPvDG.js → p-DNAR5ou0.js} +40 -8
  661. package/dist/components/{p-aFky9yNa.js → p-DNdGBS4-.js} +2 -2
  662. package/dist/components/{p-bjVUkzLJ.js → p-DO74BZcc.js} +3 -3
  663. package/dist/components/{p-DWljOezU.js → p-DUDfqUwg.js} +4 -4
  664. package/dist/components/{p-tb8SCZpW.js → p-DVNrEJsF.js} +2 -2
  665. package/dist/components/{p-CZ9I9SNH.js → p-DVQReIPX.js} +2 -2
  666. package/dist/components/{p-DM9rQ2pk.js → p-DVl2aDFr.js} +2 -2
  667. package/dist/components/{p-Dh7VtB8o.js → p-DX85Q1SX.js} +3 -3
  668. package/dist/components/{p-D2ALvzBo.js → p-DYnJUtXI.js} +8 -8
  669. package/dist/components/{p-DB_tZJpR.js → p-D_BWUNqp.js} +3 -3
  670. package/dist/components/{p-CmVJlTB7.js → p-Da8cYMnr.js} +2 -2
  671. package/dist/components/{p-Ibpu9_Iz.js → p-DcvmZQlW.js} +4 -4
  672. package/dist/components/{p-Bw0w3yDQ.js → p-Dh90qUSm.js} +9 -9
  673. package/dist/components/{p-DiPnddhu.js → p-DhPHlC7h.js} +2 -2
  674. package/dist/components/{p-C5rvuNEG.js → p-DhaBpZEb.js} +2 -2
  675. package/dist/components/{p-LRM86WYo.js → p-Dk4oZVge.js} +2 -2
  676. package/dist/components/p-DrJOWVZZ.js +69 -0
  677. package/dist/components/{p-CoaHEYIH.js → p-Dw7ph1tI.js} +3 -3
  678. package/dist/components/{p-Bj_gBD2S.js → p-DwSYDs6g.js} +4 -4
  679. package/dist/components/{p-BobLgmx5.js → p-Dwz5EI00.js} +3 -3
  680. package/dist/components/{p-BlMDAcsF.js → p-DxK5qouX.js} +2 -2
  681. package/dist/components/{p-CuCeynMm.js → p-Dzst0-mZ.js} +7 -7
  682. package/dist/components/{p-Crxenr5F.js → p-EM3U0EYL.js} +5 -5
  683. package/dist/components/{p-CuTJDVOr.js → p-Ef_vxBII.js} +4 -4
  684. package/dist/components/{p-mL_mYH93.js → p-Nd0TqzIn.js} +3 -3
  685. package/dist/components/{p-ChKjxePf.js → p-Q-XrGzcM.js} +6 -6
  686. package/dist/components/{p-B9VoGQI3.js → p-QUy2Lr1k.js} +3 -3
  687. package/dist/components/{p-CK8sYDkf.js → p-Rco3xweU.js} +2 -2
  688. package/dist/components/{p-CkeBUcTP.js → p-WeOJazCU.js} +1 -1
  689. package/dist/components/{p-L8gsKwu_.js → p-Xo5zKsI_.js} +4 -4
  690. package/dist/components/{p-DrQmUE55.js → p-YnYHk7bt.js} +2 -2
  691. package/dist/components/{p-DryceGjU.js → p-Zyn01YFl.js} +7 -7
  692. package/dist/components/{p-DL1OtDu9.js → p-_RoyZfKr.js} +6 -6
  693. package/dist/components/{p-BFAXAulL.js → p-b6bxHeWX.js} +8 -8
  694. package/dist/components/{p-ByVwY6qT.js → p-bKAx6gWi.js} +2 -2
  695. package/dist/components/{p-uINAFqWi.js → p-dLfXpfxx.js} +2 -2
  696. package/dist/components/{p-vv1PaoPp.js → p-dd-1RBl0.js} +2 -2
  697. package/dist/components/{p-BHzGHwKq.js → p-gDlGRjp5.js} +15 -10
  698. package/dist/components/{p-C-LSy_t3.js → p-nk0NjeAV.js} +2 -2
  699. package/dist/components/{p-C4D72vXp.js → p-nlMzVuqu.js} +7 -7
  700. package/dist/components/{p-BXjxx_iZ.js → p-rveE1-nF.js} +3 -3
  701. package/dist/components/{p-Dp6foQAZ.js → p-tf7cIqs3.js} +5 -5
  702. package/dist/components/{p-Bes1Ypr6.js → p-v5oHxLBb.js} +2 -2
  703. package/dist/components/{p-CZQd5XwB.js → p-ybXkMD_m.js} +6 -6
  704. package/dist/components/side-panel-menu.js +1 -1
  705. package/dist/components/submenu-component.js +1 -1
  706. package/dist/components/tab-component.js +1 -1
  707. package/dist/components/tab-link.js +1 -1
  708. package/dist/core/core.css +2 -2
  709. package/dist/core/core.esm.js +1 -1
  710. package/dist/core/p-011408ea.entry.js +1 -0
  711. package/dist/core/p-0593a404.entry.js +1 -0
  712. package/dist/core/{p-ec93ec9a.entry.js → p-05d830ec.entry.js} +1 -1
  713. package/dist/core/p-062a9b7c.entry.js +1 -0
  714. package/dist/core/{p-ed3f4d83.entry.js → p-064812c5.entry.js} +1 -1
  715. package/dist/core/p-0b46d35c.entry.js +1 -0
  716. package/dist/core/{p-8899354c.entry.js → p-0ffe0e6c.entry.js} +1 -1
  717. package/dist/core/p-101486aa.entry.js +1 -0
  718. package/dist/core/p-1072a03d.entry.js +1 -0
  719. package/dist/core/{p-5f5858a1.entry.js → p-12a1e83d.entry.js} +1 -1
  720. package/dist/core/{p-2ac84ea2.entry.js → p-13baa473.entry.js} +1 -1
  721. package/dist/core/p-13da150b.entry.js +1 -0
  722. package/dist/core/p-16204791.entry.js +1 -0
  723. package/dist/core/{p-5e661311.entry.js → p-16d26413.entry.js} +1 -1
  724. package/dist/core/p-16fe4c61.entry.js +1 -0
  725. package/dist/core/p-1c2bc1c0.entry.js +1 -0
  726. package/dist/core/p-1d9e3694.entry.js +1 -0
  727. package/dist/core/p-1ecffe8f.entry.js +1 -0
  728. package/dist/core/p-1f0a6c94.entry.js +1 -0
  729. package/dist/core/{p-60fc5afc.entry.js → p-1fbe72dc.entry.js} +1 -1
  730. package/dist/core/p-1fdcd353.entry.js +1 -0
  731. package/dist/core/{p-d761fd31.entry.js → p-20db26e7.entry.js} +1 -1
  732. package/dist/core/p-2107658c.entry.js +1 -0
  733. package/dist/core/{p-74e2f191.entry.js → p-218127b7.entry.js} +1 -1
  734. package/dist/core/{p-e393ddb9.entry.js → p-21d34a5d.entry.js} +1 -1
  735. package/dist/core/{p-895663a8.entry.js → p-2230b5ba.entry.js} +1 -1
  736. package/dist/core/{p-b77d19e8.entry.js → p-28f2a754.entry.js} +1 -1
  737. package/dist/core/p-2a2a7dd8.entry.js +1 -0
  738. package/dist/core/{p-ef830d61.entry.js → p-2ad64d58.entry.js} +1 -1
  739. package/dist/core/{p-20c998ce.entry.js → p-2cd8e8f8.entry.js} +1 -1
  740. package/dist/core/{p-f70b3dfc.entry.js → p-2de4f9e2.entry.js} +1 -1
  741. package/dist/core/p-3101a0df.entry.js +1 -0
  742. package/dist/core/p-319d692a.entry.js +1 -0
  743. package/dist/core/p-31b24437.entry.js +1 -0
  744. package/dist/core/{p-940a2910.entry.js → p-344434e3.entry.js} +1 -1
  745. package/dist/core/p-35945090.entry.js +1 -0
  746. package/dist/core/p-366f9516.entry.js +1 -0
  747. package/dist/core/{p-a2bc1ced.entry.js → p-39fcdc9b.entry.js} +1 -1
  748. package/dist/core/{p-68adb706.entry.js → p-3a3d959d.entry.js} +1 -1
  749. package/dist/core/{p-4a589cc1.entry.js → p-3a8da8ec.entry.js} +1 -1
  750. package/dist/core/{p-4db83417.entry.js → p-3b2f5899.entry.js} +1 -1
  751. package/dist/core/p-3c7a41c7.entry.js +1 -0
  752. package/dist/core/p-40b52ae2.entry.js +1 -0
  753. package/dist/core/{p-d6e28a58.entry.js → p-41098859.entry.js} +1 -1
  754. package/dist/core/{p-5d58e631.entry.js → p-42ffe374.entry.js} +1 -1
  755. package/dist/core/{p-42d035ab.entry.js → p-43b07565.entry.js} +1 -1
  756. package/dist/core/p-43fc45c6.entry.js +1 -0
  757. package/dist/core/{p-d92574f2.entry.js → p-440a4e94.entry.js} +1 -1
  758. package/dist/core/{p-2362b6d0.entry.js → p-453fb310.entry.js} +1 -1
  759. package/dist/core/{p-bd48b2fa.entry.js → p-48af7044.entry.js} +1 -1
  760. package/dist/core/p-4VMvxBRd.js +1 -0
  761. package/dist/core/p-4cbcf3c0.entry.js +1 -0
  762. package/dist/core/p-4e5dfc5e.entry.js +1 -0
  763. package/dist/core/p-518ad713.entry.js +1 -0
  764. package/dist/core/p-51ce872e.entry.js +1 -0
  765. package/dist/core/p-53875203.entry.js +1 -0
  766. package/dist/core/{p-32db4181.entry.js → p-55016e4b.entry.js} +1 -1
  767. package/dist/core/p-5597b20b.entry.js +1 -0
  768. package/dist/core/{p-6139d288.entry.js → p-56200f99.entry.js} +1 -1
  769. package/dist/core/p-57656a46.entry.js +1 -0
  770. package/dist/core/{p-243c4a4d.entry.js → p-5d3c4b20.entry.js} +1 -1
  771. package/dist/core/p-66678195.entry.js +1 -0
  772. package/dist/core/{p-2b06e81a.entry.js → p-69b06385.entry.js} +1 -1
  773. package/dist/core/p-6ac35fc0.entry.js +1 -0
  774. package/dist/core/{p-f1e27eb3.entry.js → p-6cb93c9a.entry.js} +1 -1
  775. package/dist/core/p-6d92459d.entry.js +1 -0
  776. package/dist/core/{p-7258bbf4.entry.js → p-70ad40d8.entry.js} +1 -1
  777. package/dist/core/{p-767b3a8d.entry.js → p-756232c8.entry.js} +1 -1
  778. package/dist/core/{p-1917203c.entry.js → p-76a2490c.entry.js} +1 -1
  779. package/dist/core/p-77a62e3f.entry.js +1 -0
  780. package/dist/core/p-79b87bfc.entry.js +1 -0
  781. package/dist/core/{p-8130ea18.entry.js → p-7bd83ad4.entry.js} +1 -1
  782. package/dist/core/{p-eab658b4.entry.js → p-7c190bcc.entry.js} +1 -1
  783. package/dist/core/{p-73391934.entry.js → p-7fbf5ff2.entry.js} +1 -1
  784. package/dist/core/p-7fbfbfa5.entry.js +1 -0
  785. package/dist/core/p-80025298.entry.js +1 -0
  786. package/dist/core/{p-e5bc35ef.entry.js → p-8111b6ab.entry.js} +1 -1
  787. package/dist/core/{p-15a25a90.entry.js → p-84952eb8.entry.js} +1 -1
  788. package/dist/core/p-86d3240e.entry.js +1 -0
  789. package/dist/core/{p-0a9f3eae.entry.js → p-8706d88e.entry.js} +1 -1
  790. package/dist/core/{p-8b53a943.entry.js → p-8717534b.entry.js} +1 -1
  791. package/dist/core/{p-efc2f76d.entry.js → p-8771cd48.entry.js} +1 -1
  792. package/dist/core/p-87e5f042.entry.js +1 -0
  793. package/dist/core/{p-9be9285a.entry.js → p-885a3731.entry.js} +1 -1
  794. package/dist/core/p-894fa147.entry.js +1 -0
  795. package/dist/core/p-89e06eff.entry.js +1 -0
  796. package/dist/core/{p-10e2afbc.entry.js → p-8ae265b5.entry.js} +1 -1
  797. package/dist/core/p-8bc4cb22.entry.js +1 -0
  798. package/dist/core/p-8d571df7.entry.js +1 -0
  799. package/dist/core/p-9032d582.entry.js +1 -0
  800. package/dist/core/p-907d6345.entry.js +1 -0
  801. package/dist/core/{p-cf8a74d2.entry.js → p-93d20214.entry.js} +1 -1
  802. package/dist/core/p-947195f0.entry.js +1 -0
  803. package/dist/core/{p-48171d3b.entry.js → p-954859f8.entry.js} +1 -1
  804. package/dist/core/{p-b6b54100.entry.js → p-965bf10d.entry.js} +1 -1
  805. package/dist/core/p-979aaaf8.entry.js +1 -0
  806. package/dist/core/p-988b17c3.entry.js +1 -0
  807. package/dist/core/p-990d433f.entry.js +1 -0
  808. package/dist/core/{p-13ef1519.entry.js → p-9af0972b.entry.js} +1 -1
  809. package/dist/core/p-9ddfac20.entry.js +1 -0
  810. package/dist/core/{p-7707d7e8.entry.js → p-9fc3ca55.entry.js} +1 -1
  811. package/dist/core/p-9ff8609d.entry.js +1 -0
  812. package/dist/core/p-BLSc18AE.js +2 -0
  813. package/dist/core/{p-BKYXZxHx.js → p-BeGjGURp.js} +1 -1
  814. package/dist/core/p-Nwydtyq9.js +1 -0
  815. package/dist/core/p-a0c96425.entry.js +1 -0
  816. package/dist/core/{p-b7f29749.entry.js → p-a2968b84.entry.js} +1 -1
  817. package/dist/core/{p-560141f7.entry.js → p-a3ce0bfd.entry.js} +1 -1
  818. package/dist/core/p-a5b1d0d4.entry.js +1 -0
  819. package/dist/core/{p-dafd94b5.entry.js → p-a895cbb9.entry.js} +1 -1
  820. package/dist/core/{p-bcdf9168.entry.js → p-a8cf534b.entry.js} +1 -1
  821. package/dist/core/p-aaa31ad4.entry.js +1 -0
  822. package/dist/core/{p-f225b2e7.entry.js → p-ab757234.entry.js} +1 -1
  823. package/dist/core/p-ab9005bd.entry.js +1 -0
  824. package/dist/core/p-abd6a9be.entry.js +1 -0
  825. package/dist/core/{p-2052af79.entry.js → p-aefa1b4c.entry.js} +1 -1
  826. package/dist/core/{p-469b8cdc.entry.js → p-b0ffb1f6.entry.js} +1 -1
  827. package/dist/core/{p-d971c9ed.entry.js → p-b441316f.entry.js} +1 -1
  828. package/dist/core/p-b9114abc.entry.js +1 -0
  829. package/dist/core/{p-bad6e7a7.entry.js → p-ba075b7e.entry.js} +1 -1
  830. package/dist/core/p-bb5a33d6.entry.js +1 -0
  831. package/dist/core/p-bb7a18ec.entry.js +1 -0
  832. package/dist/core/{p-45a0ae36.entry.js → p-bd1332a6.entry.js} +1 -1
  833. package/dist/core/{p-b227fd2e.entry.js → p-bd72df67.entry.js} +1 -1
  834. package/dist/core/{p-1437ee5e.entry.js → p-be0990c4.entry.js} +1 -1
  835. package/dist/core/{p-124e567d.entry.js → p-be4d044c.entry.js} +1 -1
  836. package/dist/core/p-c01d3960.entry.js +1 -0
  837. package/dist/core/{p-e858307c.entry.js → p-c8c5608d.entry.js} +1 -1
  838. package/dist/core/p-c9d03721.entry.js +1 -0
  839. package/dist/core/{p-18c9d08f.entry.js → p-cda55e1b.entry.js} +1 -1
  840. package/dist/core/{p-48517b79.entry.js → p-cf4692ee.entry.js} +1 -1
  841. package/dist/core/{p-02267fc3.entry.js → p-cfb26aa5.entry.js} +1 -1
  842. package/dist/core/{p-c3fd02f1.entry.js → p-d517b79c.entry.js} +1 -1
  843. package/dist/core/{p-7e8ffba8.entry.js → p-d9681ce4.entry.js} +1 -1
  844. package/dist/core/{p-7486b13a.entry.js → p-dabadd05.entry.js} +1 -1
  845. package/dist/core/p-daca727d.entry.js +1 -0
  846. package/dist/core/p-db2972d5.entry.js +1 -0
  847. package/dist/core/{p-0ec46d3a.entry.js → p-dc4747fb.entry.js} +1 -1
  848. package/dist/core/p-de6ed8e2.entry.js +1 -0
  849. package/dist/core/p-debbe211.entry.js +1 -0
  850. package/dist/core/{p-a6de6270.entry.js → p-df3d582d.entry.js} +1 -1
  851. package/dist/core/{p-abfd0702.entry.js → p-dfa60efc.entry.js} +1 -1
  852. package/dist/core/{p-5fb33296.entry.js → p-e0936953.entry.js} +1 -1
  853. package/dist/core/{p-fb4000ef.entry.js → p-e1a96159.entry.js} +1 -1
  854. package/dist/core/{p-d5b21ba4.entry.js → p-e1be146d.entry.js} +1 -1
  855. package/dist/core/p-e3fc1e94.entry.js +1 -0
  856. package/dist/core/{p-3405d83a.entry.js → p-e63c8f2a.entry.js} +1 -1
  857. package/dist/core/{p-e7015f78.entry.js → p-e83d0c94.entry.js} +1 -1
  858. package/dist/core/p-e8958f4a.entry.js +1 -0
  859. package/dist/core/p-eb5f9caf.entry.js +1 -0
  860. package/dist/core/p-ed06670b.entry.js +1 -0
  861. package/dist/core/{p-7b225035.entry.js → p-edc32581.entry.js} +1 -1
  862. package/dist/core/p-efbba419.entry.js +1 -0
  863. package/dist/core/p-f1381e3f.entry.js +1 -0
  864. package/dist/core/{p-c2882207.entry.js → p-f205373a.entry.js} +1 -1
  865. package/dist/core/{p-e54c63ec.entry.js → p-f2a5e7e0.entry.js} +1 -1
  866. package/dist/core/{p-844fd2db.entry.js → p-f86ec9ed.entry.js} +1 -1
  867. package/dist/core/{p-7c8dfce3.entry.js → p-f98df7f9.entry.js} +1 -1
  868. package/dist/core/p-fb70b197.entry.js +1 -0
  869. package/dist/core/{p-1afcf346.entry.js → p-fb712497.entry.js} +1 -1
  870. package/dist/core/p-fb874433.entry.js +1 -0
  871. package/dist/core/p-ffeffe8c.entry.js +1 -0
  872. package/dist/esm/core.js +3 -3
  873. package/dist/esm/date-cell_3.entry.js +15 -15
  874. package/dist/esm/dga-accordion-usage.entry.js +2 -2
  875. package/dist/esm/dga-accordion.entry.js +3 -3
  876. package/dist/esm/dga-action-menu_8.entry.js +17 -17
  877. package/dist/esm/dga-actions.entry.js +1 -1
  878. package/dist/esm/dga-apex-chart-usage.entry.js +2 -2
  879. package/dist/esm/dga-apex-chart.entry.js +1 -1
  880. package/dist/esm/dga-avatar-group.entry.js +173 -0
  881. package/dist/esm/dga-avatar-usage.entry.js +45 -0
  882. package/dist/esm/dga-avatar.entry.js +76 -0
  883. package/dist/esm/dga-breadcrumbs-usage.entry.js +31 -0
  884. package/dist/esm/dga-breadcrumbs.entry.js +148 -0
  885. package/dist/esm/dga-button-leading-icon.entry.js +1 -1
  886. package/dist/esm/dga-button-usage.entry.js +4 -4
  887. package/dist/esm/dga-button-v2-usage.entry.js +3 -3
  888. package/dist/esm/dga-button_11.entry.js +1003 -0
  889. package/dist/esm/dga-card-actions_4.entry.js +5 -5
  890. package/dist/esm/dga-card-image.entry.js +2 -2
  891. package/dist/esm/dga-card-title.entry.js +2 -2
  892. package/dist/esm/dga-card-v2-usage.entry.js +4 -4
  893. package/dist/esm/dga-carousel-usage.entry.js +30 -30
  894. package/dist/esm/dga-carousel-v2.entry.js +3 -3
  895. package/dist/esm/dga-carousel_2.entry.js +135 -0
  896. package/dist/esm/dga-chart-usage.entry.js +3 -3
  897. package/dist/esm/dga-chart.entry.js +1 -1
  898. package/dist/esm/dga-checkbox-usage.entry.js +2 -2
  899. package/dist/esm/dga-chip-usage.entry.js +5 -5
  900. package/dist/esm/dga-chip.entry.js +3 -3
  901. package/dist/esm/dga-circle-skeleton_4.entry.js +5 -5
  902. package/dist/esm/dga-circular-progress-bar-usage.entry.js +2 -2
  903. package/dist/esm/dga-circular-progress-bar.entry.js +3 -3
  904. package/dist/esm/dga-codesnippet-usage.entry.js +2 -2
  905. package/dist/esm/dga-codesnippet.entry.js +5 -5
  906. package/dist/esm/dga-collapse-usage.entry.js +2 -2
  907. package/dist/esm/dga-collapse.entry.js +2 -2
  908. package/dist/esm/dga-content-switcher-usage.entry.js +2 -2
  909. package/dist/esm/dga-content-switcher_3.entry.js +4 -4
  910. package/dist/esm/dga-data-table-usage.entry.js +2 -2
  911. package/dist/esm/dga-data-table.entry.js +2 -2
  912. package/dist/esm/dga-date-field-usage.entry.js +2 -2
  913. package/dist/esm/dga-date-field.entry.js +3 -3
  914. package/dist/esm/dga-datepicker-usage.entry.js +2 -2
  915. package/dist/esm/dga-divider-usage.entry.js +7 -7
  916. package/dist/esm/dga-divider.entry.js +17 -0
  917. package/dist/esm/dga-drawer-usage.entry.js +3 -3
  918. package/dist/esm/dga-drawer_3.entry.js +4 -4
  919. package/dist/esm/dga-dropdown-usage.entry.js +7 -7
  920. package/dist/esm/dga-dropdown.entry.js +209 -0
  921. package/dist/esm/dga-featured-icon-usage.entry.js +13 -13
  922. package/dist/esm/dga-feedback-icon-usage.entry.js +2 -2
  923. package/dist/esm/dga-feedback-icon.entry.js +1 -1
  924. package/dist/esm/dga-file-upload-usage.entry.js +12 -0
  925. package/dist/esm/dga-file-upload.entry.js +91 -0
  926. package/dist/esm/dga-filteration-usage.entry.js +2 -2
  927. package/dist/esm/dga-filteration.entry.js +1 -1
  928. package/dist/esm/dga-flex.entry.js +2 -2
  929. package/dist/esm/dga-floating-button-usage.entry.js +4 -4
  930. package/dist/esm/dga-footer-usage.entry.js +4 -4
  931. package/dist/esm/dga-footer.entry.js +3 -3
  932. package/dist/esm/dga-grid-container_2.entry.js +1 -1
  933. package/dist/esm/dga-grid-usage.entry.js +3 -3
  934. package/dist/esm/{dga-header-action-btn-BrDyTTV7.js → dga-header-action-btn-DTq2xlch.js} +8 -8
  935. package/dist/esm/dga-header-action-btn_11.entry.js +6 -6
  936. package/dist/esm/dga-header-menu-item-usage.entry.js +7 -7
  937. package/dist/esm/dga-header-menu-vv2.entry.js +2 -2
  938. package/dist/esm/dga-header-menu_5.entry.js +6 -6
  939. package/dist/esm/dga-header-usage.entry.js +14 -14
  940. package/dist/esm/dga-header.entry.js +3 -3
  941. package/dist/esm/dga-helper-text_2.entry.js +5 -5
  942. package/dist/esm/dga-huge-icon-usage.entry.js +12 -0
  943. package/dist/esm/dga-inline-alert-usage.entry.js +2 -2
  944. package/dist/esm/dga-inline-alert.entry.js +4 -4
  945. package/dist/esm/dga-label.entry.js +17 -0
  946. package/dist/esm/dga-linear-progress-bar-usage.entry.js +2 -2
  947. package/dist/esm/dga-linear-progress-bar.entry.js +6 -6
  948. package/dist/esm/dga-list-item_2.entry.js +1 -1
  949. package/dist/esm/dga-list-usage.entry.js +2 -2
  950. package/dist/esm/dga-list.entry.js +2 -2
  951. package/dist/esm/dga-loading-usage.entry.js +2 -2
  952. package/dist/esm/dga-loading.entry.js +54 -0
  953. package/dist/esm/dga-menu-group_2.entry.js +41 -0
  954. package/dist/esm/dga-menu-list.entry.js +15 -0
  955. package/dist/esm/dga-menu-usage.entry.js +30 -0
  956. package/dist/esm/{dga-card.entry.js → dga-menu-v2.entry.js} +46 -76
  957. package/dist/esm/dga-menu.entry.js +2 -2
  958. package/dist/esm/dga-metric-chart-v2.entry.js +1 -1
  959. package/dist/esm/dga-metric-chart.entry.js +2 -2
  960. package/dist/esm/dga-metric-usage.entry.js +6 -6
  961. package/dist/esm/dga-metric-v2.entry.js +1 -1
  962. package/dist/esm/dga-metric.entry.js +1 -1
  963. package/dist/esm/dga-modal-actions_5.entry.js +10 -10
  964. package/dist/esm/dga-modal-usage.entry.js +2 -2
  965. package/dist/esm/dga-modal-v2-usage.entry.js +3 -3
  966. package/dist/esm/dga-modal.entry.js +5 -5
  967. package/dist/esm/{dga-nav-header-sub-menu-link-x1tRbzfl.js → dga-nav-header-sub-menu-link-D87rix0Y.js} +3 -3
  968. package/dist/esm/dga-notification-toast-usage.entry.js +4 -4
  969. package/dist/esm/dga-notification-toast.entry.js +4 -4
  970. package/dist/esm/dga-notification-usage.entry.js +2 -2
  971. package/dist/esm/dga-notification.entry.js +6 -6
  972. package/dist/esm/dga-number-input-usage.entry.js +5 -5
  973. package/dist/esm/dga-number-input.entry.js +4 -4
  974. package/dist/esm/dga-pagination-usage.entry.js +2 -2
  975. package/dist/esm/dga-pagination.entry.js +5 -5
  976. package/dist/esm/dga-prefix.entry.js +2 -2
  977. package/dist/esm/dga-progress-indicator-step-v3.entry.js +2 -2
  978. package/dist/esm/dga-progress-indicator-usage.entry.js +2 -2
  979. package/dist/esm/dga-progress-indicator-v3-usage.entry.js +2 -2
  980. package/dist/esm/dga-progress-indicator-v3.entry.js +2 -2
  981. package/dist/esm/dga-progress-indicator_2.entry.js +3 -3
  982. package/dist/esm/dga-quote-usage.entry.js +2 -2
  983. package/dist/esm/dga-quote.entry.js +2 -2
  984. package/dist/esm/dga-radial-stepper-usage.entry.js +9 -9
  985. package/dist/esm/dga-radial-stepper.entry.js +1 -1
  986. package/dist/esm/dga-radio-button-usage.entry.js +4 -4
  987. package/dist/esm/dga-radio-button.entry.js +2 -2
  988. package/dist/esm/dga-rating-usage.entry.js +3 -3
  989. package/dist/esm/dga-rating.entry.js +2 -2
  990. package/dist/esm/dga-search-box-usage.entry.js +2 -2
  991. package/dist/esm/dga-search-box_2.entry.js +5 -5
  992. package/dist/esm/dga-second-nav-header-usage.entry.js +8 -8
  993. package/dist/esm/dga-skeleton-component.entry.js +1 -1
  994. package/dist/esm/dga-skeleton-usage.entry.js +2 -2
  995. package/dist/esm/dga-slideout-menu-usage.entry.js +2 -2
  996. package/dist/esm/dga-slideout-menu_4.entry.js +7 -7
  997. package/dist/esm/dga-slider-usage.entry.js +3 -3
  998. package/dist/esm/dga-slider.entry.js +3 -3
  999. package/dist/esm/dga-status-tag.entry.js +2 -2
  1000. package/dist/esm/dga-structured-list-usage.entry.js +3 -3
  1001. package/dist/esm/dga-structured-list.entry.js +2 -2
  1002. package/dist/esm/dga-suffix.entry.js +2 -2
  1003. package/dist/esm/dga-switch-usage.entry.js +2 -2
  1004. package/dist/esm/dga-switch.entry.js +3 -3
  1005. package/dist/esm/dga-table-body.entry.js +2 -2
  1006. package/dist/esm/dga-table-of-content-usage.entry.js +20 -20
  1007. package/dist/esm/dga-table-of-content.entry.js +1 -1
  1008. package/dist/esm/dga-table-usage.entry.js +3 -3
  1009. package/dist/esm/dga-table.entry.js +2 -2
  1010. package/dist/esm/dga-tabs-usage.entry.js +13 -13
  1011. package/dist/esm/dga-tabs.entry.js +2 -2
  1012. package/dist/esm/dga-tag-usage.entry.js +14 -14
  1013. package/dist/esm/dga-tag_3.entry.js +2 -2
  1014. package/dist/esm/dga-text-input-usage.entry.js +3 -3
  1015. package/dist/esm/dga-textarea-usage.entry.js +2 -2
  1016. package/dist/esm/dga-textarea.entry.js +3 -3
  1017. package/dist/esm/dga-tooltip-usage.entry.js +3 -3
  1018. package/dist/esm/floating-button.entry.js +2 -2
  1019. package/dist/esm/{index-BhVuiKHy.js → index-BLSc18AE.js} +1 -1
  1020. package/dist/esm/{index-BKYXZxHx.js → index-BeGjGURp.js} +1 -1
  1021. package/dist/esm/loader.js +3 -3
  1022. package/dist/esm/nds-accordion-usage.entry.js +2 -2
  1023. package/dist/esm/nds-accordion.entry.js +4 -4
  1024. package/dist/esm/nds-avatar-usage.entry.js +10 -10
  1025. package/dist/esm/nds-avatar.entry.js +1 -1
  1026. package/dist/esm/nds-button-usage.entry.js +3 -3
  1027. package/dist/esm/nds-button.entry.js +2 -2
  1028. package/dist/esm/nds-chip-usage.entry.js +5 -5
  1029. package/dist/esm/nds-chip.entry.js +3 -3
  1030. package/dist/esm/nds-floating-button-usage.entry.js +2 -2
  1031. package/dist/esm/nds-floating-button.entry.js +3 -3
  1032. package/dist/esm/nds-link-usage.entry.js +2 -2
  1033. package/dist/esm/nds-link.entry.js +2 -2
  1034. package/dist/esm/nds-table-of-content-usage.entry.js +20 -20
  1035. package/dist/esm/nds-table-of-content.entry.js +1 -1
  1036. package/dist/types/components/dga-card/dga-card.d.ts +1 -0
  1037. package/dist/types/components/dga-link/dga-link.d.ts +17 -0
  1038. package/dist/types/components.d.ts +24 -0
  1039. package/package.json +1 -1
  1040. package/dist/cjs/dga-avatar_23.cjs.entry.js +0 -1759
  1041. package/dist/cjs/dga-button.cjs.entry.js +0 -78
  1042. package/dist/cjs/dga-card-usage.cjs.entry.js +0 -21
  1043. package/dist/cjs/dga-digital-signature-usage.cjs.entry.js +0 -14
  1044. package/dist/cjs/dga-digital-signature.cjs.entry.js +0 -116
  1045. package/dist/cjs/dga-featured-icon.cjs.entry.js +0 -28
  1046. package/dist/cjs/dga-link-usage.cjs.entry.js +0 -15
  1047. package/dist/components/p-o3Ih3d7z.js +0 -69
  1048. package/dist/core/p-024b0273.entry.js +0 -1
  1049. package/dist/core/p-09379a47.entry.js +0 -1
  1050. package/dist/core/p-09519a2f.entry.js +0 -1
  1051. package/dist/core/p-0960f2a8.entry.js +0 -1
  1052. package/dist/core/p-0b33fe73.entry.js +0 -1
  1053. package/dist/core/p-0cad8637.entry.js +0 -1
  1054. package/dist/core/p-0e0a8eef.entry.js +0 -1
  1055. package/dist/core/p-0ec8d437.entry.js +0 -1
  1056. package/dist/core/p-12b11fe5.entry.js +0 -1
  1057. package/dist/core/p-14712a42.entry.js +0 -1
  1058. package/dist/core/p-16f05d2e.entry.js +0 -1
  1059. package/dist/core/p-177f5e4f.entry.js +0 -1
  1060. package/dist/core/p-181b0e93.entry.js +0 -1
  1061. package/dist/core/p-182a2f35.entry.js +0 -1
  1062. package/dist/core/p-19e73efd.entry.js +0 -1
  1063. package/dist/core/p-1aaab9e3.entry.js +0 -1
  1064. package/dist/core/p-1e285683.entry.js +0 -1
  1065. package/dist/core/p-23e39fbb.entry.js +0 -1
  1066. package/dist/core/p-2b9e7e11.entry.js +0 -1
  1067. package/dist/core/p-2f66aa35.entry.js +0 -1
  1068. package/dist/core/p-34272014.entry.js +0 -1
  1069. package/dist/core/p-356cbe22.entry.js +0 -1
  1070. package/dist/core/p-375ae7df.entry.js +0 -1
  1071. package/dist/core/p-38f6a070.entry.js +0 -1
  1072. package/dist/core/p-3916f217.entry.js +0 -1
  1073. package/dist/core/p-3a316e7c.entry.js +0 -1
  1074. package/dist/core/p-418b7fc7.entry.js +0 -1
  1075. package/dist/core/p-491ab6e0.entry.js +0 -1
  1076. package/dist/core/p-4c72d683.entry.js +0 -1
  1077. package/dist/core/p-5b3fc70d.entry.js +0 -1
  1078. package/dist/core/p-5c43bb27.entry.js +0 -1
  1079. package/dist/core/p-5e63376e.entry.js +0 -1
  1080. package/dist/core/p-5f428abb.entry.js +0 -1
  1081. package/dist/core/p-675e3a98.entry.js +0 -1
  1082. package/dist/core/p-68b76026.entry.js +0 -1
  1083. package/dist/core/p-697bcea6.entry.js +0 -1
  1084. package/dist/core/p-769fde43.entry.js +0 -1
  1085. package/dist/core/p-777c3aeb.entry.js +0 -1
  1086. package/dist/core/p-87090323.entry.js +0 -1
  1087. package/dist/core/p-874b75f0.entry.js +0 -1
  1088. package/dist/core/p-911fbed9.entry.js +0 -1
  1089. package/dist/core/p-9d189683.entry.js +0 -1
  1090. package/dist/core/p-B8dSJpK3.js +0 -1
  1091. package/dist/core/p-BhVuiKHy.js +0 -2
  1092. package/dist/core/p-DVaWpHTe.js +0 -1
  1093. package/dist/core/p-aa317748.entry.js +0 -1
  1094. package/dist/core/p-acf8425c.entry.js +0 -1
  1095. package/dist/core/p-af97bb11.entry.js +0 -1
  1096. package/dist/core/p-b060c640.entry.js +0 -1
  1097. package/dist/core/p-b131ebe6.entry.js +0 -1
  1098. package/dist/core/p-b696b6bc.entry.js +0 -1
  1099. package/dist/core/p-c05e4777.entry.js +0 -1
  1100. package/dist/core/p-c32d5059.entry.js +0 -1
  1101. package/dist/core/p-c5adbc69.entry.js +0 -1
  1102. package/dist/core/p-c5b56f75.entry.js +0 -1
  1103. package/dist/core/p-ce53ce0f.entry.js +0 -1
  1104. package/dist/core/p-d04e0e9f.entry.js +0 -1
  1105. package/dist/core/p-d2ac62f0.entry.js +0 -1
  1106. package/dist/core/p-d304415f.entry.js +0 -1
  1107. package/dist/core/p-d62a2a2b.entry.js +0 -1
  1108. package/dist/core/p-d6908ed6.entry.js +0 -1
  1109. package/dist/core/p-dd623e5b.entry.js +0 -1
  1110. package/dist/core/p-e26afe80.entry.js +0 -1
  1111. package/dist/core/p-e9eb8afa.entry.js +0 -1
  1112. package/dist/core/p-ea50b588.entry.js +0 -1
  1113. package/dist/core/p-eabed8ef.entry.js +0 -1
  1114. package/dist/core/p-f8b5649d.entry.js +0 -1
  1115. package/dist/core/p-ffbc06ae.entry.js +0 -1
  1116. package/dist/esm/dga-avatar_23.entry.js +0 -1735
  1117. package/dist/esm/dga-button.entry.js +0 -76
  1118. package/dist/esm/dga-card-usage.entry.js +0 -19
  1119. package/dist/esm/dga-digital-signature-usage.entry.js +0 -12
  1120. package/dist/esm/dga-digital-signature.entry.js +0 -114
  1121. package/dist/esm/dga-featured-icon.entry.js +0 -26
  1122. package/dist/esm/dga-link-usage.entry.js +0 -13
@@ -1,1759 +0,0 @@
1
- 'use strict';
2
-
3
- var index = require('./index-BeCzzE4d.js');
4
- var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
5
- var sxHandler = require('./sx-handler-B_o_us-z.js');
6
- var dir = require('./dir-BgBDbebe.js');
7
- var index$1 = require('./index-BvSPeG4E.js');
8
- var index$2 = require('./index-BCWGzgj9.js');
9
-
10
- const dgaAvatarCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}";
11
-
12
- const DgaAvatar = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.type = 'icon';
16
- this.size = 32;
17
- this.square = false;
18
- this.border = false;
19
- this.text = 'AB';
20
- this.imgUrl = '/assets/avatar-img.png';
21
- this.alt = '';
22
- // Generate a unique ID if not provided
23
- this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
24
- // Computed inline styles
25
- this.rootStyles = {};
26
- }
27
- renderChildComponent() {
28
- var _a, _b, _c, _d;
29
- if (this.type === 'initials')
30
- return index.h("span", { class: "dga-avatar__text" }, this.text);
31
- if (this.type === 'image')
32
- return index.h("img", { class: "dga-avatar__img", src: this.imgUrl, alt: this.alt });
33
- if (this.type === 'icon')
34
- return (index.h("div", { class: "dga-avatar__icon" }, index.h("dga-icon", { icon: ((_a = this.icon) === null || _a === void 0 ? void 0 : _a.name) || '', variant: (_b = this.icon) === null || _b === void 0 ? void 0 : _b.variant, type: (_c = this.icon) === null || _c === void 0 ? void 0 : _c.type, color: (_d = this.icon) === null || _d === void 0 ? void 0 : _d.color })));
35
- }
36
- handleSxChange() {
37
- this.processStyling();
38
- }
39
- componentWillLoad() {
40
- // Initialize style manager with element reference
41
- this.sxStyleManager = new sxStyleManager.SxStyleManager(this.componentId, this.el);
42
- }
43
- componentDidLoad() {
44
- // Process styling after the component is fully loaded and shadow DOM is ready
45
- this.processStyling();
46
- // window.alert('componentDidLoad');
47
- // const closestAvatarGroup = this.el.closest('dga-avatar-group')
48
- // console.log('closestAvatarGroup , closestAvatarGroup', closestAvatarGroup, closestAvatarGroup?.stacked);
49
- }
50
- componentDidUpdate() {
51
- // Re-process styling after updates
52
- this.processStyling();
53
- }
54
- processStyling() {
55
- if (!this.sx)
56
- return;
57
- // Handle both string and object formats
58
- const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
59
- this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
60
- }
61
- disconnectedCallback() {
62
- var _a;
63
- // Clean up styles when component is removed
64
- (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
65
- }
66
- render() {
67
- return (index.h(index.Host, { key: 'c35e7be94cc165e3fe49f08e3e3cc026d434763f', part: "dga-avatar-root", id: this.componentId, style: Object.assign({}, this.rootStyles) }, index.h("div", { key: '5a7152b6a8da9d633569fa319566541c5168b4e4', class: {
68
- 'dga-avatar': true,
69
- [`dga-avatar--${this.type}`]: true,
70
- [`dga-avatar--${this.size}`]: true,
71
- 'dga-avatar--square': this.square,
72
- 'dga-avatar--border': this.border,
73
- } }, this.renderChildComponent())));
74
- }
75
- get el() { return index.getElement(this); }
76
- static get watchers() { return {
77
- "sx": ["handleSxChange"]
78
- }; }
79
- };
80
- DgaAvatar.style = dgaAvatarCss;
81
-
82
- const dgaAvatarGroupCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}:host{display:block;height:fit-content}.dga-avatar-group{display:flex;gap:var(--spacing-xs, 4px)}.dga-avatar-group--stacked{gap:0}.dga-avatar-group--stacked>dga-avatar:nth-child(n){margin-left:-10px;z-index:1;}.dga-avatar-group--stacked>dga-avatar:nth-child(n):nth-child(n+1){z-index:auto}";
83
-
84
- const DgaAvatarGroup = class {
85
- constructor(hostRef) {
86
- index.registerInstance(this, hostRef);
87
- /******************
88
- * States
89
- ******************/
90
- /**
91
- * Internal state to track overflow count.
92
- */
93
- this.overflowCount = 0;
94
- /**
95
- * Whether the avatars are stacked.
96
- */
97
- this.stacked = false;
98
- /**
99
- * The size of the avatars.
100
- * Supported sizes: 24, 32, 40, 48, 68, 80, 120.
101
- * Default is 32.
102
- */
103
- this.size = 32;
104
- /**
105
- * Whether the avatars are square.
106
- * Default is false.
107
- */
108
- this.square = false;
109
- /**
110
- * Whether the avatars have a border.
111
- * Default is false.
112
- */
113
- this.border = false;
114
- }
115
- /******************
116
- * Methods
117
- ******************/
118
- /**
119
- * Get the overlap value, using size-based defaults if not provided.
120
- */
121
- getOverlap() {
122
- if (!this.stacked) {
123
- return 0;
124
- }
125
- const sizeOverlapMap = {
126
- 24: 8,
127
- 32: 10,
128
- 40: 12,
129
- 48: 16,
130
- 68: 20,
131
- 80: 24,
132
- 120: 32,
133
- };
134
- return sizeOverlapMap[this.size];
135
- }
136
- onPropsChange() {
137
- this.calculateOverflow();
138
- this.updateChildAvatars();
139
- }
140
- componentWillLoad() {
141
- this.sxHandler = new sxHandler.SxHandler(this.el, 'dga-slider');
142
- this.calculateOverflow();
143
- }
144
- componentDidLoad() {
145
- this.sxHandler.processSx(this.sx);
146
- this.setupSlotListener();
147
- this.updateChildAvatars();
148
- }
149
- sxChanged() {
150
- this.sxHandler.processSx(this.sx);
151
- }
152
- disconnectedCallback() {
153
- this.sxHandler.cleanup();
154
- }
155
- /**
156
- * Calculate overflow count from light DOM children.
157
- * Called before render to avoid state changes during componentDidLoad.
158
- */
159
- calculateOverflow() {
160
- // Get avatars from light DOM (children of the host element)
161
- const avatars = Array.from(this.el.children).filter(el => el.tagName.toLowerCase() === 'dga-avatar');
162
- // Calculate overflow
163
- if (this.max !== undefined && this.max > 0 && avatars.length > this.max) {
164
- this.overflowCount = avatars.length - this.max;
165
- }
166
- else {
167
- this.overflowCount = 0;
168
- }
169
- }
170
- /**
171
- * Setup listener for slot changes.
172
- */
173
- setupSlotListener() {
174
- var _a;
175
- const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
176
- if (slot) {
177
- slot.addEventListener('slotchange', () => {
178
- this.calculateOverflow();
179
- this.updateChildAvatars();
180
- });
181
- }
182
- }
183
- /**
184
- * Update child avatar elements with set properties.
185
- */
186
- updateChildAvatars() {
187
- var _a;
188
- const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
189
- if (!slot)
190
- return;
191
- const assignedElements = slot.assignedElements({ flatten: true });
192
- const avatars = assignedElements.filter(el => el.tagName.toLowerCase() === 'dga-avatar');
193
- const rtl = dir.isRTL(this.el);
194
- avatars.forEach((avatar, index) => {
195
- // Apply size to all avatars
196
- avatar.setAttribute('size', this.size.toString());
197
- // Apply stroke for visual separation
198
- if (this.border) {
199
- avatar.setAttribute('border', 'true');
200
- }
201
- else {
202
- avatar.removeAttribute('border');
203
- }
204
- if (this.square) {
205
- avatar.setAttribute('square', 'true');
206
- }
207
- else {
208
- avatar.removeAttribute('square');
209
- }
210
- // Hide avatars beyond max
211
- if (this.max !== undefined && this.max > 0 && index >= this.max) {
212
- avatar.style.display = 'none';
213
- }
214
- else {
215
- avatar.style.display = '';
216
- // Apply wrapper styling for overlap and z-index
217
- const isLast = index === Math.min(avatars.length, this.max || avatars.length) - 1 && this.overflowCount === 0;
218
- // First avatar = lower z-index (1), last avatar = higher z-index
219
- const zIndex = rtl ? Math.min(avatars.length, this.max || avatars.length) - 1 : index + 1;
220
- avatar.style.zIndex = String(zIndex);
221
- avatar.style.position = 'relative';
222
- avatar.style.marginInlineEnd = isLast ? '0' : `-${this.getOverlap()}px`;
223
- }
224
- });
225
- }
226
- render() {
227
- return (index.h(index.Host, { key: 'c8bc6274ed07dbb4b9ed7c1218325b91e26c720b', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("div", { key: 'ce2c51e46db6dd3dc6960ef6eca1c3276e617be9', class: {
228
- 'dga-avatar-group': true,
229
- 'dga-avatar-group--stacked': this.stacked,
230
- } }, index.h("slot", { key: 'a5254a405a09462777dfeb48ca188d2fdf4e28bd' }), this.overflowCount > 0 && (index.h("dga-avatar", { key: '2043496bdc309b3c49f4d19a39f238a1959ef3e0', type: "initials", text: `+${this.total ? this.total - this.max : this.overflowCount}`, size: this.size, square: this.square, border: this.border, style: {
231
- zIndex: String((this.max || 0) + 1), // Overflow badge gets highest z-index
232
- position: 'relative',
233
- marginInlineEnd: '0',
234
- } })))));
235
- }
236
- get el() { return index.getElement(this); }
237
- static get watchers() { return {
238
- "max": ["onPropsChange"],
239
- "size": ["onPropsChange"],
240
- "border": ["onPropsChange"],
241
- "square": ["onPropsChange"],
242
- "stacked": ["onPropsChange"],
243
- "total": ["onPropsChange"],
244
- "sx": ["sxChanged"]
245
- }; }
246
- };
247
- DgaAvatarGroup.style = dgaAvatarGroupCss;
248
-
249
- const DgaAvatarUsage = class {
250
- constructor(hostRef) {
251
- index.registerInstance(this, hostRef);
252
- this.variant = 'neutral';
253
- }
254
- render() {
255
- return (index.h("div", { key: 'd5b575addc28ea25f33ca03c29408d2b20fac559' }, index.h("h1", { key: '5ec4ea50b8598e8187048ef3e091aea12713baef' }, "Avatar Example"), index.h("div", { key: '5d9a95c2a95d9a04f87107e26e2f8a8fc763c748', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'f42a047e5a6d2e1477a998b1d4eaef7cb86cba56', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'c57c5b0664c50f47c68a15ecbf5161b68414006b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, index.h("dga-avatar-group", { key: 'f0ec2fb074cbcb1d4d287412e801e83f66cb784c', stacked: false, max: 3, size: 120, dir: 'rtl', border: true }, index.h("dga-avatar", { key: '63f9afe53398a9c032e06a1b1d4d9e79d3607872', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: '953204bf2a54c434242ce7426f762992a201377b', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: 'dcefff60abe1efb4c40e2cbafb6ef7babe660998', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: '0767e83c94a8aed91595897f16846f78344d7245', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: 'df97c156b5344991332281e31788754f86a3ab3b', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: '66766a22aa545e184e6b9d9e5b4aa8ab05ddceaa', size: 120, border: false, type: "initials", text: "Ar" }), index.h("dga-avatar", { key: 'ef128c401394888e1f38785964cefc862eea4bea', size: 120, border: false, type: "initials", text: "Ar" })), index.h("dga-avatar", { key: '470c9d076f1bb66b1fe2be423c70f31f15fa8864', size: 120, border: false, square: true, sx: {
256
- "& .dga-avatar": {
257
- borderRadius: "100px"
258
- }
259
- } }), index.h("dga-avatar", { key: 'de5b33ef6b14c455ee807390069ee482c5df5a62', size: 120, border: true, square: true })), index.h("dga-avatar", { key: 'd8fe3e13f9e3bccfa80a848e7eb789eff34e0904', type: "icon", size: 120, icon: {
260
- name: 'user',
261
- variant: "stroke",
262
- type: "rounded"
263
- } }), index.h("dga-avatar", { key: 'd5ae86845358863ccf7eee1e713dd6b29b178588', type: "icon", size: 80, icon: {
264
- name: 'user',
265
- variant: "stroke",
266
- type: "rounded"
267
- } }), index.h("dga-avatar", { key: '40fd38368ac24bde47582ae9c12407f1db47e8b9', type: "icon", size: 68, icon: {
268
- name: 'user',
269
- variant: "stroke",
270
- type: "rounded"
271
- } }), index.h("dga-avatar", { key: '2da5a9fa10828ec88626cc8289ee958ea467192c', type: "icon", size: 48, icon: {
272
- name: 'user',
273
- variant: "stroke",
274
- type: "rounded"
275
- } }), index.h("dga-avatar", { key: 'e9c5dfc826802ee1d8e7b4533ba402999fb845b7', type: "icon", size: 40, icon: {
276
- name: 'user',
277
- variant: "stroke",
278
- type: "rounded"
279
- } }), index.h("dga-avatar", { key: 'f880c6af3e442f4abd7daf6c0c3fa577a9b108d7', type: "icon", size: 32, icon: {
280
- name: 'user',
281
- variant: "stroke",
282
- type: "rounded"
283
- } }), index.h("dga-avatar", { key: '859579027619003668361fc457fca98f0b2b5a4d', type: "icon", size: 24, icon: {
284
- name: 'user',
285
- variant: "stroke",
286
- type: "rounded"
287
- } })), index.h("dga-avatar-group", { key: 'b169bf1835c76762801cc921b119d132514e1c2d', stacked: true }, index.h("dga-avatar", { key: 'ef58e7b6e3fc28e8837b780ce5e6c9ee9d2e4b3c', type: "initials", text: 'AB', size: 40 }), index.h("dga-avatar", { key: '5bcfe61df7e6f23a651af2aac243112add7b21e2', type: "initials", text: 'CD', size: 40 }), index.h("dga-avatar", { key: 'dabbffe674359d0af3310b48a8b00bc778904328', type: "initials", text: 'SB', size: 40 }), index.h("dga-avatar", { key: '24fe71af5fe712c4c65f3036374dd96787a2aabd', type: "initials", text: 'WK', size: 40 }), index.h("dga-avatar", { key: 'c27007cef964cb29c20bd80820b66626d541bc27', type: 'initials', text: `+4`, size: 40 })), index.h("div", { key: 'ecab8c019e14bbbae7a4de41bb30ebb4f6e6d624', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
288
- }
289
- };
290
-
291
- const dgaBreadcrumbsCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.dga-breadcrumb-dropdown-item{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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,.dga-breadcrumb-dropdown{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}:host{display:block}@media only screen and (max-width: 768px){.dga-breadcrumb{justify-content:center}}.dga-breadcrumb{display:flex;align-items:center}.dga-breadcrumb-item{position:relative;display:inline-flex;align-items:center;gap:var(--size-4, 4px);color:var(--link-neutral);cursor:pointer;padding-right:var(--size-4, 4px)}.dga-breadcrumb-item.active{color:var(--text-default-disabled)}.dga-breadcrumb-item:not(:first-child){display:flex;align-items:center}.dga-breadcrumb-item .disabled-link{cursor:text;color:#9da4ae}.dga-breadcrumb-item .disabled-link:hover{text-decoration:none}.dga-breadcrumb-item .disabled-link:hover .link__label{text-decoration:none}.dga-breadcrumb-item.ellipsis .link{align-items:flex-end}.dga-breadcrumb-icon{color:var(--text-default-disabled);width:16px;height:16px;font-size:20px;display:flex;align-items:center}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-item:first-child{padding-right:0;padding-left:4px}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-icon{transform:rotate(180deg)}.dga-breadcrumb .link{text-decoration:none}.dga-breadcrumb .link:visited{color:var(--link-neutral) !important}.dga-breadcrumb .link.link_empty{cursor:text;color:#9da4ae !important}.dga-breadcrumb .link.link_empty .link__label:hover{text-decoration:none !important}.dga-breadcrumb .link.link_empty:hover{text-decoration:none !important}.dga-breadcrumb .link:focus{border:none !important;outline:none !important}.dga-breadcrumb-icon{cursor:text !important}.dga-breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #e5e7eb);background:var(--background-white, #fff)}.dga-breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.dga-breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #e5e7eb);mix-blend-mode:multiply}.dga-breadcrumb--rtl .dga-breadcrumb-dropdown{right:0;left:auto}";
292
-
293
- const DgaBreadcrumbs = class {
294
- constructor(hostRef) {
295
- index.registerInstance(this, hostRef);
296
- this.breadcrumbClick = index.createEvent(this, "breadcrumbClick");
297
- this.items = []; // Items will be passed as a JSON string
298
- this.max = 5;
299
- this.breadcrumbItems = [];
300
- this.isMenuOpen = false; // State to control menu visibility
301
- this.toggleMenu = () => {
302
- this.isMenuOpen = !this.isMenuOpen;
303
- if (this.isMenuOpen) {
304
- document.addEventListener('click', this.handleOutsideClick);
305
- }
306
- else {
307
- document.removeEventListener('click', this.handleOutsideClick);
308
- }
309
- };
310
- this.closeMenu = () => {
311
- this.isMenuOpen = false;
312
- document.removeEventListener('click', this.handleOutsideClick);
313
- };
314
- this.handleOutsideClick = (event) => {
315
- const target = event.target;
316
- if (!this.el.contains(target)) {
317
- this.closeMenu();
318
- }
319
- };
320
- // Generate a unique ID if not provided
321
- this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
322
- // Computed inline styles
323
- this.rootStyles = {};
324
- }
325
- componentWillLoad() {
326
- this.handleItemsChange(this.items);
327
- this.sxStyleManager = new sxStyleManager.SxStyleManager(this.componentId, this.el);
328
- }
329
- disconnectedCallback() {
330
- var _a;
331
- // Clean up styles
332
- (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
333
- // Clean up event listener on component unmount
334
- document.removeEventListener('click', this.handleOutsideClick);
335
- }
336
- handleItemsChange(newValue) {
337
- try {
338
- this.breadcrumbItems = this.renderItems(newValue);
339
- }
340
- catch (error) {
341
- console.error('Invalid JSON in items prop:', error);
342
- }
343
- }
344
- isEllipsisItem(item) {
345
- return item.ellipsis === true;
346
- }
347
- renderItems(items) {
348
- // If items are less than or equal to max, return all items
349
- if (items.length <= this.max) {
350
- return items;
351
- }
352
- // Ensure max is at least 3 to show first item, ellipsis, and last item
353
- const effectiveMax = Math.max(3, this.max);
354
- // Calculate visible items (excluding ellipsis)
355
- const visibleCount = effectiveMax - 1; // Reserve one spot for ellipsis
356
- // Always show at least first and last item
357
- const firstHalf = Math.max(1, Math.floor(visibleCount / 2));
358
- const secondHalf = Math.max(1, visibleCount - firstHalf);
359
- const firstItems = items.slice(0, firstHalf);
360
- const lastItems = items.slice(-secondHalf);
361
- const middleItems = items.slice(firstHalf, -secondHalf);
362
- // Only create ellipsis if there are middle items
363
- if (middleItems.length === 0) {
364
- return [...firstItems, ...lastItems];
365
- }
366
- return [...firstItems, { ellipsis: true, items: middleItems }, ...lastItems];
367
- }
368
- handleClick(e, link, item) {
369
- e.preventDefault();
370
- e.stopPropagation();
371
- if (!item.disabled) {
372
- this.breadcrumbClick.emit({ e, link, item });
373
- this.closeMenu();
374
- }
375
- }
376
- handleSxChange() {
377
- this.processStyling();
378
- }
379
- componentDidLoad() {
380
- // Process styling after the component is fully loaded and shadow DOM is ready
381
- this.processStyling();
382
- }
383
- componentDidUpdate() {
384
- // Re-process styling after updates
385
- this.processStyling();
386
- }
387
- processStyling() {
388
- if (!this.sx)
389
- return;
390
- // Handle both string and object formats
391
- const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
392
- this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
393
- }
394
- // Add a helper method to get the correct arrow icon
395
- getArrowIcon() {
396
- return dir.isRTL(this.el) ? index$1.arrowLeft01Stroke : index$1.arrowRight01Stroke;
397
- }
398
- render() {
399
- const { el } = this;
400
- const dir$1 = dir.isRTL(el) ? 'rtl' : 'ltr';
401
- return (index.h(index.Host, { key: 'bdc257ee01c879559bf8412cc6703d7f73fb8428', id: this.componentId, style: this.rootStyles, dir: dir$1 }, index.h("nav", { key: '6c5ef2d2e7859a122127f92c5f85c22b47b85817', "aria-label": "breadcrumb" }, index.h("ul", { key: 'f23f6a16a1b8f6e75f470afb892aea718119663d', class: `dga-breadcrumb dga-breadcrumb--${dir$1}` }, this.breadcrumbItems.map((item, index$1) => {
402
- if (this.isEllipsisItem(item)) {
403
- return (index.h("li", { key: index$1, class: "dga-breadcrumb-item ellipsis" }, index.h("span", { class: "dga-breadcrumb-icon" }, index.h("dga-icon", { icon: this.getArrowIcon() })), index.h("a", { onClick: () => {
404
- this.toggleMenu();
405
- return false;
406
- }, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', class: "link link--md link--neutral" }, "..."), this.isMenuOpen && (index.h("ul", { class: "dga-breadcrumb-dropdown" }, item.items.map(ellipsedItem => (index.h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, index.h("a", { onClick: e => this.handleClick(e, ellipsedItem.path, ellipsedItem), class: {
407
- 'disabled-link': ellipsedItem.disabled,
408
- }, href: ellipsedItem.disabled ? undefined : ellipsedItem.path, "aria-disabled": ellipsedItem.disabled ? 'true' : 'false' }, index.h("span", { class: "link__label" }, ellipsedItem.label)))))))));
409
- }
410
- const isLastItem = index$1 === this.breadcrumbItems.length - 1;
411
- const first = index$1 === 0;
412
- return (index.h("li", { key: index$1, class: {
413
- 'dga-breadcrumb-item': true,
414
- 'active': isLastItem,
415
- }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (index.h(index.Fragment, null, !first && (index.h("span", { class: "dga-breadcrumb-icon" }, index.h("dga-icon", { icon: this.getArrowIcon() }))), index.h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
416
- 'link link--md link--neutral': true,
417
- 'disabled-link': item.disabled,
418
- }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, index.h("span", { class: "link__label" }, item.label)))) : (index.h(index.Fragment, null, index.h("span", { class: "dga-breadcrumb-icon" }, index.h("dga-icon", { icon: this.getArrowIcon() })), index.h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
419
- 'link link--md link--neutral': true,
420
- 'disabled-link': item.disabled,
421
- 'link_empty': true,
422
- }, href: item.disabled ? undefined : undefined, "aria-disabled": item.disabled ? 'true' : 'false' }, index.h("span", { class: "link__label" }, item.label))))));
423
- })))));
424
- }
425
- get el() { return index.getElement(this); }
426
- static get watchers() { return {
427
- "items": ["handleItemsChange"],
428
- "sx": ["handleSxChange"]
429
- }; }
430
- };
431
- DgaBreadcrumbs.style = dgaBreadcrumbsCss;
432
-
433
- const DgaBreadcrumbsUsage = class {
434
- constructor(hostRef) {
435
- index.registerInstance(this, hostRef);
436
- this.variant = 'neutral';
437
- }
438
- render() {
439
- return (index.h("div", { key: '73cfb77a5d2347edc8f205e8fc77fbd858fa072c' }, index.h("h1", { key: '734c79ece3ef27aac3f1e38e57822def620a699f' }, "Breadcrumbs Example"), index.h("div", { key: '9a1ccce8621fe0857b935fa27f16577fe6346b64', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '2a223dd95c807a167cb37cdca18e861347908568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: 'ba7c1642071790768b78353ec0b4f29637e4af91', label: "Link", variant: "neutral" }), index.h("dga-breadcrumbs", { key: 'f5661474b23ce42343fc52dd053fe96ff3dc7142', items: [
440
- {
441
- label: 'Home',
442
- path: '/',
443
- },
444
- {
445
- label: 'Products',
446
- path: '/products',
447
- },
448
- {
449
- label: 'Computers',
450
- path: '/products/computers',
451
- disabled: true,
452
- },
453
- {
454
- label: 'Keyboards',
455
- path: '/products/keyboards',
456
- },
457
- ], max: 3 })), index.h("div", { key: '44146a55fe56bf71bad7984dbef972530fb8e74b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
458
- }
459
- };
460
-
461
- const dgaButtonCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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-button{width:fit-content}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--neutral:active::after{display:none !important}.dga-btn--neutral:disabled,.dga-btn--neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--neutral--on-color:visited,.dga-btn--neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--neutral--on-color:disabled,.dga-btn--neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary:active::after{display:none !important}.dga-btn--primary:disabled,.dga-btn--primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary--on-color:visited,.dga-btn--primary--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary--on-color:disabled,.dga-btn--primary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-solid{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary-solid:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary-solid:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary-solid:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary-solid:disabled,.dga-btn--secondary-solid[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary-solid--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary-solid--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary-solid--on-color:visited,.dga-btn--secondary-solid--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary-solid--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary-solid--on-color:disabled,.dga-btn--secondary-solid--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-solid{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary-solid:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-solid:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-solid:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary-solid:active::after{display:none !important}.dga-btn--des-secondary-solid:disabled,.dga-btn--des-secondary-solid[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
462
-
463
- const DgaButton = class {
464
- constructor(hostRef) {
465
- index.registerInstance(this, hostRef);
466
- this.onClick = index.createEvent(this, "onClick");
467
- this.variant = 'primary';
468
- this.size = 'md';
469
- this.type = 'button';
470
- this.onColor = false;
471
- this.destructive = false;
472
- }
473
- handleClick(event) {
474
- if (!this.disabled) {
475
- this.onClick.emit(event);
476
- }
477
- }
478
- componentWillLoad() {
479
- this.el.childNodes.forEach(item => {
480
- const el = item;
481
- if (el.tagName === 'DGA-BUTTON-LEADING-ICON' && el.attributes.getNamedItem('slot') === null) {
482
- el.setAttribute('slot', 'button-leading-icon');
483
- }
484
- });
485
- }
486
- render() {
487
- const classList = [
488
- 'dga-btn',
489
- `dga-btn--${this.size}`,
490
- `dga-btn--${this.destructive ? 'des-' : ''}${this.variant}`,
491
- this.destructive ? `$dga-btn--${this.destructive}` : '',
492
- this.onColor ? `dga-btn--${this.variant}--on-color` : '',
493
- this.iconOnly ? 'dga-btn--icon' : '',
494
- ]
495
- .filter(Boolean)
496
- .join(' ');
497
- return (index.h("button", { key: '8ec15c3c417b8484d00e4ed8fe2aa6c0c64a1544', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, this.leadIcon && this.leadIconProps.name && (index.h("span", { key: '2ff197f387e05e989969ee83e682af782edfc2a8', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon", Object.assign({ key: 'bbb681629325e40cbf1711745c61896830ff394a' }, this.leadIconProps)))), !this.iconOnly && this.label && index.h("span", { key: '03025c3e350e64a4ca15cddb7e9dd548a192744a' }, this.label), index.h("slot", { key: 'e42484ac852a287b49ce19516eb4a685042e769e', name: "trailing-icon" }), this.trailIcon && this.trailIconProps.name && !this.iconOnly && (index.h("span", { key: '6c239a65d179bfc71279729775bd01f7ae9b5725', class: "dga-btn-icon", "aria-hidden": "true" }, index.h("dga-icon", Object.assign({ key: 'aa4c65fe63ac6ab28a30c3e5538962c9ccb7e662' }, this.trailIconProps))))));
498
- }
499
- get el() { return index.getElement(this); }
500
- };
501
- DgaButton.style = dgaButtonCss;
502
-
503
- const dgaCarouselCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}:host(.KCarousel){position:relative;display:inline-block;width:100%}.KCarousel{padding:32px 24px}.KCarousel--arrows>.KCarousel-body{display:flex;align-items:center;gap:44px}.KCarousel--sm .KCarousel-arrow{width:32px !important;height:32px !important}.KCarousel--sm .KCarousel-dot{width:8px !important;height:8px !important}.KCarousel--md .KCarousel-arrow{width:40px !important;height:40px !important}.KCarousel--md .KCarousel-dot{width:12px !important;height:12px !important}.KCarousel--lg .KCarousel-arrow{width:48px !important;height:48px !important}.KCarousel--lg .KCarousel-dot{width:16px !important;height:16px !important}.KCarousel-container{height:100%;display:flex;overflow:hidden}.KCarousel-container .KCarousel-slides{display:flex;height:100%;}.KCarousel-arrow{color:var(--icon-default);background-color:var(--background-body);border-radius:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;aspect-ratio:1/1;cursor:pointer;transition:background-color 0.3s}.KCarousel-arrow--active{color:#fff !important;background-color:var(--stepper-button-completed)}.KCarousel-arrow--primary:hover{background-color:rgba(27, 131, 84, 0.2)}.KCarousel-arrow--subtle{color:var(--icon-default) !important;background-color:transparent}.KCarousel-arrow--subtle:hover{background-color:var(--button-background-neutral-hovered) !important}.KCarousel-dots{display:flex;justify-content:center;align-items:center;margin-top:24px;padding:12px}.KCarousel-dots .KCarousel-dot{cursor:pointer;height:12px;width:12px;margin:0 4px;background-color:var(--background-neutral-200);border-radius:50%;display:inline-block;transition:background-color 0.3s}.KCarousel-dots .KCarousel-dot.is-active{background-color:var(--stepper-button-completed)}";
504
-
505
- const DgaCarousel = class {
506
- constructor(hostRef) {
507
- index.registerInstance(this, hostRef);
508
- this.DIRECTION = {
509
- LEFT: Symbol('LEFT'),
510
- RIGHT: Symbol('RIGHT'),
511
- };
512
- this.variant = 'arrows';
513
- this.showDots = true;
514
- this.steps = 1;
515
- this.transitionDuration = 600;
516
- this.Dir = 'ltr';
517
- this.size = 'lg';
518
- this.arrowsVariant = 'primary';
519
- this.arrows = {
520
- variant: 'primary',
521
- size: 'lg',
522
- };
523
- this.childWidth = 0;
524
- this.childrenLength = 0;
525
- this.currentSlideIndex = 0;
526
- }
527
- isRTL() {
528
- return this.Dir === 'rtl';
529
- }
530
- changeSlide(direction) {
531
- const isMovingForward = direction === this.DIRECTION.RIGHT;
532
- const isMovingBackward = direction === this.DIRECTION.LEFT;
533
- if (this.isRTL()) {
534
- // In RTL: RIGHT means going towards index 0, LEFT means going towards the end
535
- if (isMovingForward && this.currentSlideIndex > 0) {
536
- this.currentSlideIndex--;
537
- }
538
- else if (isMovingBackward && this.currentSlideIndex < this.childrenLength - 1) {
539
- this.currentSlideIndex++;
540
- }
541
- }
542
- else {
543
- // In LTR: RIGHT means going towards the end, LEFT means going towards index 0
544
- if (isMovingForward && this.currentSlideIndex < this.childrenLength - 1) {
545
- this.currentSlideIndex++;
546
- }
547
- else if (isMovingBackward && this.currentSlideIndex > 0) {
548
- this.currentSlideIndex--;
549
- }
550
- }
551
- this.updateSlidePosition();
552
- }
553
- updateSlidePosition() {
554
- if (this.slidesContainer) {
555
- const translateX = this.isRTL() ? this.currentSlideIndex * this.childWidth : -(this.currentSlideIndex * this.childWidth);
556
- this.slidesContainer.style.transform = `translateX(${translateX}px)`;
557
- }
558
- }
559
- showLeftArrow() {
560
- if (this.isRTL()) {
561
- // In RTL: Left arrow shows when we can move towards the end (increase index)
562
- return this.currentSlideIndex < this.childrenLength - 1;
563
- }
564
- // In LTR: Left arrow shows when we can move towards the start (decrease index)
565
- return this.currentSlideIndex > 0;
566
- }
567
- showRightArrow() {
568
- if (this.isRTL()) {
569
- // In RTL: Right arrow shows when we can move towards the start (decrease index)
570
- return this.currentSlideIndex > 0;
571
- }
572
- // In LTR: Right arrow shows when we can move towards the end (increase index)
573
- return this.currentSlideIndex < this.childrenLength - 1;
574
- }
575
- isHighlighted(index) {
576
- return index === this.currentSlideIndex;
577
- }
578
- componentDidLoad() {
579
- var _a;
580
- const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
581
- slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', this.calculateChildWidth.bind(this));
582
- this.calculateChildWidth();
583
- this.updateChildrenLength();
584
- }
585
- calculateChildWidth() {
586
- const child = this.slidesContainer.querySelector('.KCarousel-slides > *');
587
- if (child) {
588
- this.childWidth = child.clientWidth;
589
- }
590
- }
591
- updateChildrenLength() {
592
- if (this.slidesContainer) {
593
- this.childrenLength = this.slidesContainer.childElementCount;
594
- }
595
- }
596
- render() {
597
- return (index.h(index.Host, { key: 'ce574c18fa1b13998decce1da7d2d0b01c51f3c7', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (index.h("div", { key: '6c6c6d4f3161a5693c139893faac56cec7ac05e0', class: "KCarousel-body" }, this.variant === 'arrows' && (index.h("a", { key: '3d7327f1634aede07324a9fdf13db234bd98c147', class: {
598
- 'KCarousel-arrow': true,
599
- 'KCarousel-arrow--active': this.showLeftArrow(),
600
- [this.isRTL() ? 'right' : 'left']: true,
601
- [`KCarousel-arrow--${this.arrowsVariant}`]: true,
602
- }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, index.h("dga-icon", { key: 'a79671e8dda87c8911a4b4bc46ce611c836f4554', icon: this.isRTL() ? index$1.arrowRight01Stroke : index$1.arrowLeft01Stroke, size: 24 }))), index.h("div", { key: 'e48103332021ea42ec5cd651b97c561fad3951a9', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, index.h("div", { key: 'ed50b07154841fe6baa38dda729b316111e78182', style: {
603
- display: 'flex',
604
- transition: `transform ${this.transitionDuration}ms ease-in-out`,
605
- }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '9e21fcf4da484a6e41834979bf60b3cf4afbf27c' }))), this.variant === 'arrows' && (index.h("a", { key: '528f9d0e84877d5257567b98a17d26087f9efa98', class: {
606
- 'KCarousel-arrow': true,
607
- 'KCarousel-arrow--active': this.showRightArrow(),
608
- [this.isRTL() ? 'left' : 'right']: true,
609
- [`KCarousel-arrow--${this.arrowsVariant}`]: true,
610
- }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, index.h("dga-icon", { key: 'cdb37c23d32e7081657772d02d71903ae4d2b96f', icon: this.isRTL() ? index$1.arrowLeft01Stroke : index$1.arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (index.h("div", { key: '486b8a0644b36736f9535f3807f7d6cfa0d04df7', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index$1) => (index.h("span", { class: {
611
- 'KCarousel-dot': true,
612
- 'is-active': this.isHighlighted(index$1),
613
- }, onClick: () => {
614
- this.currentSlideIndex = index$1;
615
- this.updateSlidePosition();
616
- } })))))));
617
- }
618
- get el() { return index.getElement(this); }
619
- };
620
- DgaCarousel.style = dgaCarouselCss;
621
-
622
- const dgaCarouselItemCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}:host{width:fit-content}";
623
-
624
- const CarouselItem = class {
625
- constructor(hostRef) {
626
- index.registerInstance(this, hostRef);
627
- }
628
- render() {
629
- return (index.h(index.Host, { key: 'd0bbd72e283ba2e1178ab091d05ef6964ba66f5c' }, index.h("slot", { key: '34e7e9c6e9982cbf3e8bb4176a8b3ef249ac9d5a' })));
630
- }
631
- };
632
- CarouselItem.style = dgaCarouselItemCss;
633
-
634
- const dgaCheckboxCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.checkbox__helper-text{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.checkbox__label{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.checkbox__warning{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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)}";
635
-
636
- const DgaCheckbox = class {
637
- constructor(hostRef) {
638
- index.registerInstance(this, hostRef);
639
- this.color = 'brand';
640
- this.size = 'md';
641
- this.disabled = false;
642
- this.name = index$2.guid();
643
- this.value = '';
644
- this.showBorderOnFocusAndFocusOute = true;
645
- this.checked = false;
646
- this.isChecked = this.checked;
647
- this.Indeterminate = false;
648
- // private handleActive = () => {
649
- // this.labelRef?.classList.add('active');
650
- // };
651
- // private handleRemoveActive = () => {
652
- // this.labelRef?.classList.remove('active');
653
- // };
654
- this.handleFocus = () => {
655
- var _a;
656
- if (!this.showBorderOnFocusAndFocusOute)
657
- return;
658
- (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.add('focus');
659
- };
660
- this.handleFocusOut = () => {
661
- var _a;
662
- if (!this.showBorderOnFocusAndFocusOute)
663
- return;
664
- (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.remove('focus');
665
- };
666
- this.handleEscape = (event) => {
667
- var _a, _b;
668
- if (event.key === 'Escape') {
669
- this.handleFocusOut();
670
- (_b = (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.blur();
671
- }
672
- };
673
- }
674
- componentWillLoad() {
675
- this.isChecked = this.checked;
676
- }
677
- componentDidLoad() {
678
- window.addEventListener('keydown', this.handleEscape);
679
- }
680
- watchMaxValue(newValue) {
681
- this.isChecked = newValue;
682
- }
683
- render() {
684
- const { el, disabled } = this;
685
- const dir$1 = dir.isRTL(el) ? 'rtl' : 'ltr';
686
- console.log(dir$1);
687
- return (index.h("label", { key: '3797b3159f1762ec3005b0bb7be0395aabfb70b8', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
688
- // onMouseDown={this.handleActive}
689
- // onMouseUp={this.handleRemoveActive}
690
- // onMouseOut={this.handleRemoveActive}
691
- // onChange={() => this.handleRemoveActive}
692
- // htmlFor={id}
693
- tabindex: disabled ? undefined : 0 }, index.h("div", { key: '17c96adea1d5ebf061806842f58e7624813c067e', class: "checkbox-main" }, index.h("div", { key: '89ce5e9f693fd89351860987bf7eb9678455ccb1', class: "checkbox-main__content" }, index.h("input", { key: '70bfa3c78cc49ba9daf61b9c09b784cd9dd16832', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
694
- var _a;
695
- (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
696
- const target = e.target;
697
- this.isChecked = target.checked;
698
- }, onInput: this.onInput, checked: this.isChecked }), index.h("div", { key: 'aff55b7ce81ac8e026c49f32316e30c3ad1fd0e1', class: "checkbox-container" }, index.h("span", { key: '5f8405912600898f88f3cc0916399d83113e62bc', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? index.h("dga-icon", { icon: index$1.minusSignSolid }) : index.h("dga-icon", { icon: index$1.tick03Solid })), index.h("span", { key: '567f0194c26122f3dc8b0b65a19f459f4c7b3af1', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, index.h("dga-icon", { key: 'eaf50145a577853a66e62347051565704f223203', icon: index$1.remove01Solid }))), !this.helperText ? (this.label && index.h("span", { class: "checkbox__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "checkbox__label" }, this.label), index.h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: '825873d64a81a9289906c461e2f9c9c3dfcf320f', class: "checkbox__warning" }, index.h("span", { key: '448af70ab9d3d3a00d7fdd9cc61b49121fc21813', class: "checkbox__warning-icon" }, index.h("dga-icon", { key: 'f5eb84f41cf0b3691256787fafaab7d347246652', icon: index$1.alertCircleStroke, size: 16 })), index.h("span", { key: 'a46d8f245aab571aa7c398b90d07d41bceba59d1', class: "checkbox__warning-text" }, this.alertText))))));
699
- }
700
- get el() { return index.getElement(this); }
701
- static get watchers() { return {
702
- "checked": ["watchMaxValue"]
703
- }; }
704
- };
705
- DgaCheckbox.style = dgaCheckboxCss;
706
-
707
- const dgaDividerCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}:host{display:block}:host([data-orientation=horizontal]){width:100%;height:1px}:host([data-orientation=vertical]){width:1px;height:100%}.dga-divider{display:flex;justify-content:center;align-items:center}.dga-divider--horizontal{width:100%;height:1px}.dga-divider--vertical{width:1px;height:100%}.dga-divider--neutral{background-color:var(--border-neutral-primary)}.dga-divider--alpha-white{background-color:var(--alpha-white-30)}.dga-divider--white{background-color:var(--border-white)}.dga-divider--primary{background-color:var(--border-primary)}";
708
-
709
- const DgaDivider = class {
710
- constructor(hostRef) {
711
- index.registerInstance(this, hostRef);
712
- this.color = 'neutral';
713
- this.orientation = 'horizontal';
714
- }
715
- render() {
716
- return (index.h(index.Host, { key: '1dd081d687f98e22675ea286cdc8e1bf97b84608', "data-orientation": this.orientation }, index.h("span", { key: 'b00cf67b91a620f40466976b528366bc1283443f', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` })));
717
- }
718
- };
719
- DgaDivider.style = dgaDividerCss;
720
-
721
- const dgaDropdownCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.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 \"IBM Plex Sans Arabic\"}.text-sm-regular,.dropdown--md .dropdown__option-label,.dropdown--md .dropdown__label,.dropdown--md .dropdown__label-placeholder,.dropdown__option-label{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.dropdown__list-group-label{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__label--selection{color:var(--form-field-text-filled);display:inline-block}.dropdown__label--selection~.dropdown__label-placeholder{display:none}.dropdown__chevron{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;text-align:start;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)}.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(--border-disabled)}.dropdown--readonly .dropdown__btn:hover,.dropdown--disabled .dropdown__btn:hover{border-color:var(--text-default-disabled);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(--text-default-disabled)}.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--text-default-disabled)}.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(--text-default-disabled);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.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)}:host{display:flex;flex-direction:column;gap:var(--form-field-label-gap, 8px)}.dropdown__label-placeholder,.dropdown__label{flex:1}";
722
-
723
- const DgaDropdown = class {
724
- constructor(hostRef) {
725
- index.registerInstance(this, hostRef);
726
- /******************
727
- * Props
728
- ******************/
729
- this.id = index$2.guid();
730
- this.size = 'lg';
731
- this.variant = 'default';
732
- this.error = false;
733
- this.disabled = false;
734
- this.readonly = false;
735
- this.multiSelect = false;
736
- this.options = [];
737
- this.optionLabel = 'name';
738
- this.trackBy = 'value';
739
- /******************
740
- * State
741
- ******************/
742
- this.optionList = [];
743
- this.dropdownOpen = false;
744
- this.handleClickOutside = (event) => {
745
- if (this.containerRef && !this.containerRef.contains(event.target)) {
746
- this.closeDropdown();
747
- }
748
- };
749
- // Generate a unique ID if not provided
750
- this.componentId = `dga-dropdown-${Math.random().toString(36).substring(2, 9)}`;
751
- // Computed inline styles
752
- this.rootStyles = {};
753
- }
754
- handleValueChange(newValue) {
755
- if (newValue) {
756
- this.updateSelectedFromValue(newValue);
757
- }
758
- }
759
- initializeOptions() {
760
- const cloneList = [...this.options].map(option => (Object.assign(Object.assign({}, option), { selected: false })));
761
- this.optionList = cloneList;
762
- // If we have a value, update selections after options change
763
- if (this.value) {
764
- this.updateSelectedFromValue(this.value);
765
- }
766
- }
767
- updateSelectedFromValue(value) {
768
- const cloneList = [...this.optionList];
769
- if (this.multiSelect && Array.isArray(value)) {
770
- cloneList.forEach(option => {
771
- option.selected = value.includes(option[this.trackBy]);
772
- });
773
- }
774
- else if (!this.multiSelect && typeof value === 'string') {
775
- cloneList.forEach(option => {
776
- option.selected = option[this.trackBy] === value;
777
- });
778
- }
779
- this.optionList = cloneList;
780
- this.updateDropdownLabel();
781
- }
782
- updateDropdownLabel() {
783
- var _a;
784
- const selectedOptions = this.optionList.filter(opt => opt.selected);
785
- // Use the shadow root instead of el to query inside shadow DOM
786
- const dropdownLabel = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown__label');
787
- if (dropdownLabel) {
788
- if (selectedOptions.length > 0) {
789
- const labels = selectedOptions.map(opt => opt[this.optionLabel]);
790
- dropdownLabel.textContent = labels.join(', ');
791
- dropdownLabel.classList.add('dropdown__label--selection');
792
- }
793
- else {
794
- dropdownLabel.textContent = '';
795
- dropdownLabel.classList.remove('dropdown__label--selection');
796
- }
797
- }
798
- }
799
- componentWillLoad() {
800
- this.initializeOptions();
801
- // Initialize style manager with element reference
802
- this.sxStyleManager = new sxStyleManager.SxStyleManager(this.componentId, this.el);
803
- }
804
- componentDidLoad() {
805
- document.addEventListener('click', this.handleClickOutside);
806
- this.updateDropdownLabel();
807
- // Process styling after the component is fully loaded and shadow DOM is ready
808
- this.processStyling();
809
- }
810
- disconnectedCallback() {
811
- var _a;
812
- document.removeEventListener('click', this.handleClickOutside);
813
- // Clean up styles when component is removed
814
- (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
815
- }
816
- handleAddPressed(e) {
817
- const target = e.currentTarget;
818
- target.classList.add('active');
819
- }
820
- handleRemovePressed(e) {
821
- const target = e.currentTarget;
822
- target.classList.remove('active');
823
- }
824
- toggleDropdown() {
825
- var _a, _b;
826
- this.dropdownOpen = !this.dropdownOpen;
827
- if (this.dropdownOpen) {
828
- (_a = this.btnRef) === null || _a === void 0 ? void 0 : _a.classList.add('open');
829
- }
830
- else {
831
- (_b = this.btnRef) === null || _b === void 0 ? void 0 : _b.classList.remove('open');
832
- }
833
- }
834
- closeDropdown() {
835
- var _a;
836
- this.dropdownOpen = false;
837
- (_a = this.btnRef) === null || _a === void 0 ? void 0 : _a.classList.remove('open');
838
- }
839
- handleToggleDropdown(e) {
840
- e.stopPropagation();
841
- this.toggleDropdown();
842
- }
843
- setSelectedOptions(option, index) {
844
- const cloneList = [...this.optionList];
845
- if (!this.multiSelect) {
846
- // Deselect all options for single select
847
- cloneList.forEach(opt => (opt.selected = false));
848
- cloneList[index].selected = true;
849
- if (this.onChange) {
850
- this.onChange(option[this.trackBy]);
851
- }
852
- if (this.getSelectedOptions) {
853
- this.getSelectedOptions(option);
854
- }
855
- }
856
- else {
857
- // Toggle selection for multi-select
858
- cloneList[index].selected = !cloneList[index].selected;
859
- if (this.onChange) {
860
- const selectedValues = cloneList.filter(opt => opt.selected).map(opt => opt[this.trackBy]);
861
- this.onChange(selectedValues);
862
- }
863
- if (this.getSelectedOptions) {
864
- this.getSelectedOptions({
865
- selectedList: cloneList.filter(opt => opt.selected),
866
- selectedOption: option,
867
- selectedIndex: index,
868
- });
869
- }
870
- }
871
- this.optionList = cloneList;
872
- this.updateDropdownLabel();
873
- }
874
- handleOptionClick(e, option, index) {
875
- e.stopPropagation();
876
- this.setSelectedOptions(option, index);
877
- // Close dropdown for single select after selection
878
- if (!this.multiSelect) {
879
- this.closeDropdown();
880
- }
881
- }
882
- handleSxChange() {
883
- this.processStyling();
884
- }
885
- componentDidUpdate() {
886
- // Re-process styling after updates
887
- this.processStyling();
888
- }
889
- processStyling() {
890
- if (!this.sx)
891
- return;
892
- // Handle both string and object formats
893
- const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
894
- this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
895
- }
896
- render() {
897
- const dropdownClasses = {
898
- 'dropdown': true,
899
- [`dropdown--${this.size}`]: true,
900
- 'dropdown--error': this.error,
901
- [`dropdown--${this.variant}`]: this.variant !== 'default',
902
- 'dropdown--disabled': this.disabled,
903
- 'dropdown--readonly': this.readonly,
904
- 'dropdown--multi-select': this.multiSelect,
905
- [this.extraClass]: !!this.extraClass,
906
- };
907
- return (index.h(index.Host, { key: 'a37f9cd1509ac911e3bab3cdc5e6850a7ddda7c9', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, this.label && index.h("dga-label", { key: '298e6088d6bd15be25f10ead800d8abfd87a71ee', label: this.label, size: "md", disabled: this.disabled }), index.h("div", { key: 'c1870569994ea4b6186f0e502e5eb5febfa2bbc6', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
908
- .filter(key => dropdownClasses[key])
909
- .join(' ') }, index.h("button", { key: 'cb62f5fdba63cda5a542ecac9348e7949fc84999', class: "dropdown__btn", ref: el => (this.btnRef = el), 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" }, this.leadingIcon && index.h("dga-icon", { key: '20ed5b8f2e0e997c35c5e9eb80e45b1d0a407438', icon: this.leadingIcon, size: 20, color: 'currentColor' }), index.h("span", { key: 'a31adaac6a0ae6059a355e9d75a610004eb5424a', class: "dropdown__label" }), index.h("span", { key: 'c67326492cb5d7f90fdfa9b1b3d2b5c7ce22691f', class: "dropdown__label-placeholder" }, this.placeholder), index.h("span", { key: '5b7aff41ae6bbd2a7eda6d9b12e64b041118eb67', class: "dropdown__chevron" }, index.h("dga-icon", { key: '42a959f0983b3151afd348e583e59e84e8e9d41e', icon: index$1.arrowDown01Stroke, size: 20 }))), index.h("ul", { key: '2921bb3873f16feb22b45ec718563e7582df0798', class: "dropdown__list" }, this.optionList.map((option, index$3) => (index.h("li", { key: option[this.trackBy] || index$2.guid() }, index.h("button", { class: {
910
- 'dropdown__option': true,
911
- 'dropdown__option--checkbox': this.multiSelect,
912
- 'selected': option.selected,
913
- }, "data-value": option[this.trackBy], onClick: e => this.handleOptionClick(e, option, index$3), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, this.multiSelect && index.h("dga-checkbox", { checked: option.selected }), index.h("span", { class: "dropdown__option-label" }, option[this.optionLabel] || ''), !this.multiSelect && option.selected && (index.h("span", { class: "dropdown__option-icon" }, index.h("dga-icon", { icon: index$1.tick02Solid, size: 20 })))))))))));
914
- }
915
- get el() { return index.getElement(this); }
916
- static get watchers() { return {
917
- "value": ["handleValueChange"],
918
- "options": ["initializeOptions"],
919
- "sx": ["handleSxChange"]
920
- }; }
921
- };
922
- DgaDropdown.style = dgaDropdownCss;
923
-
924
- const dgaFileUploadCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.file-upload__instructions{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.file-upload__file-item--error .file-upload__file-item-msg,.file-upload__file-item--error--error .file-upload__file-item-msg{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular,.file-upload__formats{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.dga-btn--md,.file-upload__file-name{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.file-upload{display:flex;width:100%;max-width:334px;flex-direction:column;align-items:flex-start;gap:var(--size-8, 8px)}.file-upload__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.file-upload__drop-area{display:flex;padding:var(--spacing-3xl);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);width:100%;border-radius:var(--radius-4, 4px);background:var(--background-neutral-100, #F3F4F6);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23D2D6DBFF' stroke-width='2' stroke-dasharray='12%2c6.5' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e\")}.file-upload__icon{font-size:32px;color:var(--text-display);display:flex;align-items:center}.file-upload__content{text-align:center}.file-upload__instructions{font-weight:500 !important;color:var(--text-display)}.file-upload__formats{color:var(--text-primary-paragraph)}.file-upload__item{display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--background-neutral-100)}.file-upload__file-item,.file-upload__file-item--error{display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--background-neutral-100);padding:var(--spacing-md);gap:8px;width:100%}.file-upload__file-item--error,.file-upload__file-item--error--error{border-color:var(--border-error);flex-direction:column;align-items:flex-start;padding:0;overflow:hidden;gap:0}.file-upload__file-item--error .file-upload__file-item,.file-upload__file-item--error--error .file-upload__file-item{border-radius:0;border:0;border-bottom:1px solid var(--border-neutral-primary)}.file-upload__file-item--error .file-upload__file-item-msg,.file-upload__file-item--error--error .file-upload__file-item-msg{display:flex;width:100%;color:var(--text-error-primary);padding:var(--spacing-md);align-items:flex-start;gap:8px}.file-upload__file-status--complete,.file-upload__file-status--error{font-size:28px;display:flex;align-items:center}.file-upload__file-status--complete{color:var(--text-success)}.file-upload__file-status--error{color:var(--text-error-primary)}.file-upload__file-name{color:var(--text-default);overflow:hidden;white-space:nowrap;flex:1}.file-upload__files-list{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.file-upload--drag-over .file-upload__drop-area{background-color:var(--featuredicons-bg-icon-brand-light);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231B8354FF' stroke-width='2' stroke-dasharray='12%2c6.5' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e\")}.file-upload--drag-over .file-upload__icon{color:var(--icon-success)}.file-upload--drag-over .file-upload__instructions{color:var(--text-success)}.file-upload--drag-over .file-upload__formats{color:var(--text-success)}.file-upload--disabled .file-upload__drop-area{background-color:var(--background-disabled)}.file-upload--disabled .file-upload__icon,.file-upload--disabled .file-upload__instructions,.file-upload--disabled .file-upload__formats{color:var(--text-default-disabled)}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn-label{display:inline-flex;line-height:normal}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
925
-
926
- const DgaFileUpload = class {
927
- constructor(hostRef) {
928
- index.registerInstance(this, hostRef);
929
- this.id = index$2.guid();
930
- this.name = index$2.guid();
931
- this.title = 'Drag and drop files here to upload';
932
- this.fileTypesText = 'Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.';
933
- this.actionName = 'Browse Files';
934
- this.disabled = false;
935
- this.files = [];
936
- this.dragState = false;
937
- this.handleFileSelection = (event) => {
938
- const input = event.target;
939
- this.onChange && this.onChange(event);
940
- const selectedFiles = input.files;
941
- if (selectedFiles) {
942
- if (this.maximumFilesSize) {
943
- const isFileOverSize = Array.from(selectedFiles).some(file => {
944
- return file.size > this.maximumFilesSize;
945
- });
946
- if (isFileOverSize) {
947
- this.uploadFileOverSize && this.uploadFileOverSize();
948
- return;
949
- }
950
- }
951
- const fileItems = Array.from(selectedFiles).map(file => ({
952
- name: file.name,
953
- uploadStatus: 'pending', // initial status
954
- }));
955
- this.files = [...this.files, ...fileItems];
956
- this.getUploadedFile && this.getUploadedFile([...this.files]);
957
- }
958
- };
959
- this.handleDrop = (event) => {
960
- event.preventDefault();
961
- event.stopPropagation();
962
- const droppedFiles = event.dataTransfer.files; // Accessing the dropped files
963
- if (droppedFiles) {
964
- const fileItems = Array.from(droppedFiles).map(file => ({
965
- name: file.name,
966
- uploadStatus: 'pending',
967
- }));
968
- this.files = [...this.files, ...fileItems]; // Update state with new files
969
- }
970
- this.dragState = false;
971
- };
972
- this.addDragOverClass = (event) => {
973
- event.preventDefault();
974
- event.stopPropagation();
975
- this.dragState = true;
976
- };
977
- this.removeDragOverClass = (event) => {
978
- event.preventDefault();
979
- event.stopPropagation();
980
- this.dragState = false;
981
- };
982
- }
983
- componentDidLoad() {
984
- const dropArea = document.querySelector('.file-upload__drop-area');
985
- dropArea.addEventListener('dragover', this.addDragOverClass);
986
- dropArea.addEventListener('dragleave', this.removeDragOverClass);
987
- dropArea.addEventListener('drop', this.handleDrop);
988
- }
989
- disconnectedCallback() {
990
- const dropArea = document.querySelector('.file-upload__drop-area');
991
- dropArea.removeEventListener('dragover', this.addDragOverClass);
992
- dropArea.removeEventListener('dragleave', this.removeDragOverClass);
993
- dropArea.removeEventListener('drop', this.handleDrop);
994
- }
995
- handleDeleteFile(index, file) {
996
- this.files = [...this.files.slice(0, index), ...this.files.slice(index + 1)];
997
- this.emitDeleteFile && this.emitDeleteFile(file, index);
998
- }
999
- renderFile(file, index$1) {
1000
- if (file.uploadStatus === 'error') {
1001
- return (index.h("div", { class: "file-upload__file-item--error" }, index.h("div", { class: "file-upload__file-item" }, index.h("span", { class: "file-upload__file-status file-upload__file-status--error" }, index.h("dga-icon", { name: "checkmark-circle-04", variant: "solid", size: 20 })), index.h("span", { class: "file-upload__file-name" }, file.name), index.h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index$1, file) }, index.h("span", { class: "dga-btn-icon" }, index.h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 16 })))), index.h("div", { class: "file-upload__file-item-msg" }, file.errorMessage ? file.errorMessage : 'Here goes the helper text.')));
1002
- }
1003
- return (index.h("div", { class: "file-upload__file-item" }, index.h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && index.h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && index.h("dga-icon", { name: "checkmark-circle-02", variant: "solid", size: 20 })), index.h("span", { class: "file-upload__file-name" }, file.name), index.h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index$1, file) }, index.h("span", { class: "dga-btn-icon" }, index.h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 20 })))));
1004
- }
1005
- render() {
1006
- return (index.h("div", { key: '6fe024e9dde7da6cf59a544a33a3a839fb0d5c22', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, index.h("input", { key: '266614dc86f1aae04c277964dd4f5ddf0767bb74', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), index.h("label", { key: 'd15ac5c2309674462dccc220bc8a66285cf540e5', htmlFor: this.id, class: "file-upload__drop-area" }, index.h("span", { key: 'ed6dd48ff6f44d4c875e0c8905b58e8b6503e222', class: "file-upload__icon" }, index.h("dga-icon", { key: 'fa0e7bc52889622926f3ae1e4857fc279e08b988', name: "file-upload", variant: "stroke", size: 24 })), index.h("div", { key: '779436f9fd957523f28879b6207ffc31735db413', class: "file-upload__content" }, index.h("p", { key: 'd39ee02142f1941015d0e6059924b4af17639b13', class: "file-upload__instructions" }, this.title), index.h("p", { key: '2d48b7610953b1e281ebfedc43fac3f105d6c49e', class: "file-upload__formats" }, this.fileTypesText)), index.h("dga-button-v2", { key: '9ab4052a449ea819a058d386a2d97a089302a601', disabled: this.dragState || this.disabled, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, variant: "secondary-solid", size: "md", label: this.actionName })), index.h("div", { key: '94cfbeca632db22d4af2726eb4abcd24e707473c', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
1007
- }
1008
- };
1009
- DgaFileUpload.style = dgaFileUploadCss;
1010
-
1011
- const DgaFileUploadUsage = class {
1012
- constructor(hostRef) {
1013
- index.registerInstance(this, hostRef);
1014
- }
1015
- render() {
1016
- return (index.h("div", { key: 'a33c3ff34062da1367858638d14f621ef2641753' }, index.h("h1", { key: '0d3e3c387ad4f4f6171969869a80c6afa35e6147' }, "File Upload Example"), index.h("div", { key: 'f4a21e68d08a0da086113ae44c892efd07755896', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: '3e50095fe1d8e5450eb83b4314c7b2bc8c4f4419', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-file-upload", { key: '24401073de0eeb17df155615f9944c6ad5c54f43' })), index.h("div", { key: '31fc03e3c336b56daa68eb09f26f0be3d6774924', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
1017
- }
1018
- };
1019
-
1020
- const DgaHugeIconUsage = class {
1021
- constructor(hostRef) {
1022
- index.registerInstance(this, hostRef);
1023
- }
1024
- render() {
1025
- return (index.h("div", { key: '7dedd9e7dfda49c28d6e349afb42e01f483015cc' }, index.h("h1", { key: '33bf1bfd1d95f8550a2f6df4047d61df48ba6667' }, "Huge Icon Example"), index.h("div", { key: 'ed09e7ac8dd166aac496bbcbf49d9956e1c04f6b', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("dga-icon-v2", { key: 'c3e3978623e4f8d68a28f6fcafcaf9f27a297c7a', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), index.h("dga-icon", { key: '0d79330d0bfef42e1498856c0c44f701dab42bd9', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
1026
- }
1027
- };
1028
-
1029
- let CACHED_MAP;
1030
- const VALID_VARIANTS = ['stroke', 'solid', 'duotone', 'twotone', 'bulk'];
1031
- const DEPRECATED_VARIANT_MAP = {
1032
- twotone: 'stroke',
1033
- duotone: 'solid',
1034
- bulk: 'solid',
1035
- };
1036
- const normalizeVariant = (variant) => {
1037
- var _a;
1038
- if (!variant)
1039
- return 'stroke';
1040
- return (_a = DEPRECATED_VARIANT_MAP[variant]) !== null && _a !== void 0 ? _a : variant;
1041
- };
1042
- /**
1043
- * Parses an icon string in the format `[icon-name]-[variant]`
1044
- * Example: `1st-bracket-circle-solid` -> { name: '1st-bracket-circle', variant: 'solid' }
1045
- * Also handles legacy `[icon-name]-[variant]-[type]` strings by stripping the type.
1046
- * If no variant suffix is found, returns the original string as the name.
1047
- */
1048
- const parseIconString = (iconString) => {
1049
- if (!iconString || typeof iconString !== 'string') {
1050
- return { name: iconString };
1051
- }
1052
- const lowerStr = iconString.toLowerCase().trim();
1053
- const LEGACY_TYPES = ['rounded', 'sharp', 'standard'];
1054
- for (const variant of VALID_VARIANTS) {
1055
- for (const type of LEGACY_TYPES) {
1056
- const suffix = `-${variant}-${type}`;
1057
- if (lowerStr.endsWith(suffix)) {
1058
- const name = lowerStr.slice(0, -suffix.length);
1059
- if (name.length > 0) {
1060
- return { name, variant };
1061
- }
1062
- }
1063
- }
1064
- const suffix = `-${variant}`;
1065
- if (lowerStr.endsWith(suffix)) {
1066
- const name = lowerStr.slice(0, -suffix.length);
1067
- if (name.length > 0) {
1068
- return { name, variant };
1069
- }
1070
- }
1071
- }
1072
- return { name: lowerStr };
1073
- };
1074
- const getIconMap = () => {
1075
- if (typeof window === 'undefined') {
1076
- return new Map();
1077
- }
1078
- else {
1079
- if (!CACHED_MAP) {
1080
- const win = window;
1081
- win.GDSIcons = win.GDSIcons || {};
1082
- CACHED_MAP = win.GDSIcons.map = win.GDSIcons.map || new Map();
1083
- }
1084
- return CACHED_MAP;
1085
- }
1086
- };
1087
- const getUrl = (i) => {
1088
- let url = getSrc(i.src);
1089
- if (url) {
1090
- return url;
1091
- }
1092
- // Check if icon prop contains a full icon string with variant suffix
1093
- // e.g., "1st-bracket-circle-solid"
1094
- if (i.icon && isStr(i.icon) && !isSrc(i.icon)) {
1095
- const parsed = parseIconString(i.icon);
1096
- if (parsed.variant) {
1097
- const iconName = getName(parsed.name, undefined);
1098
- if (iconName) {
1099
- return getNamedUrlWithVariant(iconName, parsed.variant, i);
1100
- }
1101
- }
1102
- }
1103
- url = getName(i.name, i.icon);
1104
- if (url) {
1105
- const parsed = parseIconString(url);
1106
- if (parsed.variant) {
1107
- return getNamedUrlWithVariant(parsed.name, parsed.variant, i);
1108
- }
1109
- return getNamedUrl(url, i);
1110
- }
1111
- if (i.icon) {
1112
- url = getSrc(i.icon);
1113
- if (url) {
1114
- return url;
1115
- }
1116
- }
1117
- return null;
1118
- };
1119
- /**
1120
- * Get the URL for a named icon using an explicit variant value.
1121
- * Used when parsing icon strings like "icon-name-variant"
1122
- */
1123
- const getNamedUrlWithVariant = (iconName, variant, iconEl) => {
1124
- const normalized = normalizeVariant(variant);
1125
- const fullName = `${iconName}-${normalized}`;
1126
- const url = getIconMap().get(fullName) || getIconMap().get(iconName);
1127
- if (url) {
1128
- return url;
1129
- }
1130
- try {
1131
- // const assetPath = `assets/svg/${normalized}/${iconName}-${normalized}.svg`;
1132
- const assetPath = `assets/svg/${iconName}-${normalized}.svg`;
1133
- const result = index.getAssetPath(assetPath);
1134
- return result;
1135
- }
1136
- catch (e) {
1137
- console.log('e', e);
1138
- console.warn(`[GDS Icons Warning]: Could not load icon with name "${iconName}" (variant: ${normalized}). Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
1139
- }
1140
- };
1141
- const getNamedUrl = (iconName, iconEl) => {
1142
- const url = getIconMap().get(iconName);
1143
- if (url) {
1144
- return url;
1145
- }
1146
- try {
1147
- const variant = normalizeVariant(iconEl.variant);
1148
- const assetPath = `assets/svg/${iconName}-${variant}.svg`;
1149
- const result = index.getAssetPath(assetPath);
1150
- return result;
1151
- }
1152
- catch (e) {
1153
- console.log('e', e);
1154
- /**
1155
- * In the custom elements build version of gds-icons, referencing an icon
1156
- * by name will throw an invalid URL error because the asset path is not defined.
1157
- * This catches that error and logs something that is more developer-friendly.
1158
- * We also include a reference to the ion-icon element so developers can
1159
- * figure out which instance of ion-icon needs to be updated.
1160
- */
1161
- console.warn(`[GDS Icons Warning]: Could not load icon with name "${iconName}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
1162
- }
1163
- };
1164
- const getName = (iconName, icon) => {
1165
- if (!iconName && icon && !isSrc(icon)) {
1166
- iconName = icon;
1167
- }
1168
- if (isStr(iconName)) {
1169
- iconName = toLower(iconName);
1170
- }
1171
- if (!isStr(iconName) || iconName.trim() === '') {
1172
- return null;
1173
- }
1174
- // only allow alpha characters and dash
1175
- const invalidChars = iconName.replace(/[a-z]|-|\d/gi, '');
1176
- if (invalidChars !== '') {
1177
- return null;
1178
- }
1179
- return iconName;
1180
- };
1181
- const getSrc = (src) => {
1182
- if (isStr(src)) {
1183
- src = src.trim();
1184
- if (isSrc(src)) {
1185
- return src;
1186
- }
1187
- }
1188
- return null;
1189
- };
1190
- const isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
1191
- const isStr = (val) => typeof val === 'string';
1192
- const toLower = (val) => val.toLowerCase();
1193
-
1194
- const validateContent = (svgContent) => {
1195
- const div = document.createElement('div');
1196
- div.innerHTML = svgContent;
1197
- // setup this way to ensure it works on our buddy IE
1198
- for (let i = div.childNodes.length - 1; i >= 0; i--) {
1199
- if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {
1200
- div.removeChild(div.childNodes[i]);
1201
- }
1202
- }
1203
- // must only have 1 root element
1204
- const svgElm = div.firstElementChild;
1205
- if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {
1206
- const svgClass = svgElm.getAttribute('class') || '';
1207
- svgElm.setAttribute('class', (svgClass + ' s-ion-icon').trim());
1208
- // root element must be an svg
1209
- // lets double check we've got valid elements
1210
- // do not allow scripts
1211
- if (isValid(svgElm)) {
1212
- return div.innerHTML;
1213
- }
1214
- }
1215
- return '';
1216
- };
1217
- const isValid = (elm) => {
1218
- if (elm.nodeType === 1) {
1219
- if (elm.nodeName.toLowerCase() === 'script') {
1220
- return false;
1221
- }
1222
- for (let i = 0; i < elm.attributes.length; i++) {
1223
- const name = elm.attributes[i].name;
1224
- if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {
1225
- return false;
1226
- }
1227
- }
1228
- for (let i = 0; i < elm.childNodes.length; i++) {
1229
- if (!isValid(elm.childNodes[i])) {
1230
- return false;
1231
- }
1232
- }
1233
- }
1234
- return true;
1235
- };
1236
- const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');
1237
- const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;
1238
-
1239
- const gdsIconContent = new Map();
1240
- const requests = new Map();
1241
- let parser;
1242
- /**
1243
- * Safely fallback to an empty svg
1244
- */
1245
- function safeFallback(url) {
1246
- const svg = '';
1247
- gdsIconContent.set(url, svg);
1248
- return svg;
1249
- }
1250
- const getSvgContent = (url, sanitize) => {
1251
- /**
1252
- * See if we already have a request for this url
1253
- */
1254
- const req = requests.get(url);
1255
- if (req) {
1256
- return req;
1257
- }
1258
- if (typeof fetch !== 'undefined' && typeof document !== 'undefined') {
1259
- /**
1260
- * If the url is a data url of an svg, then try to parse it
1261
- * with the DOMParser. This works with content security policies enabled.
1262
- */
1263
- if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
1264
- return Promise.resolve(getSvgByUrl(url));
1265
- }
1266
- return fetchSvg(url, sanitize);
1267
- }
1268
- return Promise.resolve(safeFallback(url));
1269
- };
1270
- function getSvgByUrl(url) {
1271
- if (!parser) {
1272
- /**
1273
- * Create an instance of the DOM parser. This creates a single
1274
- * parser instance for the entire app, which is more efficient.
1275
- */
1276
- parser = new DOMParser();
1277
- }
1278
- const doc = parser.parseFromString(url, 'text/html');
1279
- const svg = doc.querySelector('svg');
1280
- if (svg) {
1281
- gdsIconContent.set(url, svg.outerHTML);
1282
- return svg.outerHTML;
1283
- }
1284
- throw new Error(`Could not parse svg from ${url}`);
1285
- }
1286
- function fetchSvg(url, sanitize) {
1287
- /**
1288
- * We don't already have a request
1289
- */
1290
- const req = fetch(url)
1291
- .then((rsp) => {
1292
- /**
1293
- * When fetching from a file:// URL, some browsers return
1294
- * a 0 status code even when the request succeeds so don't
1295
- * rely on rsp.ok as the only signal of success.
1296
- */
1297
- return rsp
1298
- .text()
1299
- .then((svgContent) => {
1300
- if (svgContent && sanitize !== false) {
1301
- svgContent = validateContent(svgContent);
1302
- }
1303
- const svg = svgContent || '';
1304
- gdsIconContent.set(url, svg);
1305
- return svg;
1306
- })
1307
- .catch(() => safeFallback(url));
1308
- })
1309
- .catch(() => safeFallback(url));
1310
- /**
1311
- * Cache for the same requests
1312
- */
1313
- requests.set(url, req);
1314
- return req;
1315
- }
1316
-
1317
- /**
1318
- * Elements inside of web components sometimes need to inherit global attributes
1319
- * set on the host. For example, the inner input in `ion-input` should inherit
1320
- * the `title` attribute that developers set directly on `ion-input`. This
1321
- * helper function should be called in componentWillLoad and assigned to a variable
1322
- * that is later used in the render function.
1323
- *
1324
- * This does not need to be reactive as changing attributes on the host element
1325
- * does not trigger a re-render.
1326
- */
1327
- const inheritAttributes = (el, attributes = []) => {
1328
- const attributeObject = {};
1329
- attributes.forEach((attr) => {
1330
- if (el.hasAttribute(attr)) {
1331
- const value = el.getAttribute(attr);
1332
- if (value !== null) {
1333
- attributeObject[attr] = el.getAttribute(attr);
1334
- }
1335
- el.removeAttribute(attr);
1336
- }
1337
- });
1338
- return attributeObject;
1339
- };
1340
-
1341
- const dgaIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;box-sizing:content-box !important}.icon-inner,.gds-icon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}@supports (not selector(:dir(rtl))) and (selector(:host-context([dir='rtl']))){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{transform:scaleX(1)}}";
1342
-
1343
- const Icon = class {
1344
- constructor(hostRef) {
1345
- index.registerInstance(this, hostRef);
1346
- this.iconName = null;
1347
- this.inheritedAttributes = {};
1348
- this.didLoadIcon = false;
1349
- this.isVisible = false;
1350
- /**
1351
- * The variant of the icon.
1352
- * Supported options are: `"stroke"` and `"solid"`.
1353
- *
1354
- * Deprecated options:
1355
- * - `"twotone"` → `"stroke"`
1356
- * - `"duotone"` → `"solid"`
1357
- * - `"bulk"` → `"solid"`
1358
- *
1359
- * Deprecated options: `"duotone"`, `"twotone"`, `"bulk"`.
1360
- * @default "stroke"
1361
- */
1362
- this.variant = 'stroke';
1363
- /**
1364
- * @deprecated This prop will be removed in a future release.
1365
- * The type/style of the icon.
1366
- * Available options are: `"rounded"`, `"sharp"`, `"standard"`.
1367
- * @default "rounded"
1368
- */
1369
- this.type = 'rounded';
1370
- /**
1371
- * The size of the icon.
1372
- * Available options are: `"2xs"`, `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`.
1373
- */
1374
- this.size = 24;
1375
- /**
1376
- * If enabled, gds-icon will be loaded lazily when it's visible in the viewport.
1377
- * Default, `false`.
1378
- */
1379
- this.lazy = false;
1380
- /**
1381
- * When set to `false`, SVG content that is HTTP fetched will not be checked
1382
- * if the response SVG content has any `<script>` elements, or any attributes
1383
- * that start with `on`, such as `onclick`.
1384
- * @default true
1385
- */
1386
- this.sanitize = true;
1387
- }
1388
- componentWillLoad() {
1389
- this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);
1390
- }
1391
- connectedCallback() {
1392
- /**
1393
- * purposely do not return the promise here because loading
1394
- * the svg file should not hold up loading the app
1395
- * only load the svg if it's visible
1396
- */
1397
- this.waitUntilVisible(this.el, '50px', () => {
1398
- this.isVisible = true;
1399
- this.loadIcon();
1400
- });
1401
- }
1402
- /**
1403
- * Loads the icon after the component has finished rendering.
1404
- */
1405
- componentDidLoad() {
1406
- /**
1407
- * Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
1408
- * This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
1409
- * This modification pertains to the usage of Angular's binding syntax:
1410
- * `<agds-icon-base [name]="myIconName"></agds-icon-base>`
1411
- */
1412
- if (!this.didLoadIcon) {
1413
- this.loadIcon();
1414
- }
1415
- }
1416
- /**
1417
- * Disconnect the IntersectionObserver.
1418
- */
1419
- disconnectedCallback() {
1420
- if (this.io) {
1421
- this.io.disconnect();
1422
- this.io = undefined;
1423
- }
1424
- }
1425
- /**
1426
- * Wait until the icon is visible in the viewport.
1427
- * @param el - The element to observe.
1428
- * @param rootMargin - The root margin of the observer.
1429
- * @param cb - The callback to call when the element is visible.
1430
- */
1431
- waitUntilVisible(el, rootMargin, cb) {
1432
- /**
1433
- * IntersectionObserver is a browser API that allows you to observe
1434
- * the visibility of an element relative to a root element. It is
1435
- * supported in all modern browsers, except IE and when server-side
1436
- * rendering.
1437
- */
1438
- const hasIntersectionObserverSupport = Boolean(this.lazy && typeof window !== 'undefined' && window.IntersectionObserver);
1439
- /**
1440
- * browser doesn't support IntersectionObserver
1441
- * so just fallback to always show it
1442
- */
1443
- if (!hasIntersectionObserverSupport) {
1444
- return cb();
1445
- }
1446
- const io = (this.io = new window.IntersectionObserver((data) => {
1447
- if (data[0].isIntersecting) {
1448
- io.disconnect();
1449
- this.io = undefined;
1450
- cb();
1451
- }
1452
- }, { rootMargin }));
1453
- io.observe(el);
1454
- }
1455
- /**
1456
- * Watch for changes to the icon name, src, icon, or variant properties.
1457
- * When a change is detected, the icon will be loaded.
1458
- */
1459
- loadIcon() {
1460
- if (this.isVisible) {
1461
- const url = getUrl(this);
1462
- if (url) {
1463
- if (gdsIconContent.has(url)) {
1464
- // sync if it's already loaded
1465
- this.svgContent = gdsIconContent.get(url);
1466
- }
1467
- else {
1468
- // async if it hasn't been loaded
1469
- getSvgContent(url, this.sanitize).then(() => (this.svgContent = gdsIconContent.get(url)));
1470
- }
1471
- this.didLoadIcon = true;
1472
- }
1473
- }
1474
- // Handle parsed icon strings (e.g., "home-solid-rounded") for iconName
1475
- if (this.icon && isStr(this.icon) && !isSrc(this.icon)) {
1476
- const parsed = parseIconString(this.icon);
1477
- if (parsed.variant) {
1478
- this.iconName = parsed.name;
1479
- return;
1480
- }
1481
- }
1482
- this.iconName = getName(this.name, this.icon);
1483
- }
1484
- render() {
1485
- const { flipRtl, iconName, inheritedAttributes, el, color, size } = this;
1486
- /**
1487
- * we have designated that arrows & chevrons should automatically flip (unless flip-rtl
1488
- * is set to false) because "back" is left in ltr and right in rtl, and "forward" is the opposite
1489
- */
1490
- const shouldAutoFlip = iconName ? (iconName.includes('arrow') || iconName.includes('chevron')) && flipRtl !== false : false;
1491
- /**
1492
- * if shouldBeFlippable is true, the icon should change direction when `dir` changes
1493
- */
1494
- const shouldBeFlippable = flipRtl || shouldAutoFlip;
1495
- return (index.h(index.Host, Object.assign({ key: 'fef141c50170ba962a02c663fd096bdb6e0f75e7', role: "img", class: {
1496
- 'flip-rtl': shouldBeFlippable,
1497
- 'icon-rtl': shouldBeFlippable && dir.isRTL(el),
1498
- } }, inheritedAttributes, { style: {
1499
- color: color !== null && color !== void 0 ? color : 'inherit',
1500
- fontSize: index$2.parseCSSValue(size),
1501
- } }), this.svgContent ? (index.h("div", { class: {
1502
- 'icon-inner': true,
1503
- }, innerHTML: this.svgContent })) : (index.h("div", { class: "icon-inner" }))));
1504
- }
1505
- static get assetsDirs() { return ["svg"]; }
1506
- get el() { return index.getElement(this); }
1507
- static get watchers() { return {
1508
- "name": ["loadIcon"],
1509
- "src": ["loadIcon"],
1510
- "icon": ["loadIcon"],
1511
- "variant": ["loadIcon"]
1512
- }; }
1513
- };
1514
- Icon.style = dgaIconCss;
1515
-
1516
- const DgaLabel = class {
1517
- constructor(hostRef) {
1518
- index.registerInstance(this, hostRef);
1519
- this.label = '';
1520
- this.variant = 'default';
1521
- this.size = 'md';
1522
- this.disabled = false;
1523
- this.required = false;
1524
- }
1525
- render() {
1526
- return (index.h("label", { key: 'd4f62c0384e541cfbb78d80e2142a32788286d86', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '3e77785c8272d582635e1a83f6bcbb73776fc9b8', class: "star" }, "*"), this.label));
1527
- }
1528
- };
1529
-
1530
- const dgaLinkCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.link--md,.link{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.link--sm{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.link{display:inline-flex;padding:var(--spacing-none);align-items:center;gap:8px;border-radius:var(--radius-xs);cursor:pointer}.link__icon{display:inline-flex;height:100%;align-items:center;justify-content:center}.link:hover .link__label{text-decoration:underline}.link--inline .link__label{text-decoration:underline}.link,.link--primary{color:var(--link-primary)}.link:hover,.link--primary:hover{color:var(--link-primary-hovered, #54C08A)}.link.active,.link--primary.active{color:var(--link-primary-pressed)}.link.focus,.link--primary.focus{color:var(--link-primary-focused);border:2px solid var(--border-black);border-radius:var(--radius-xs)}.link--neutral{color:var(--link-neutral)}.link--neutral:hover{color:var(--link-neutral-hovered)}.link--neutral.active{color:var(--link-neutral-pressed)}.link--neutral:focus{color:var(--link-neutral-focused);outline:2px solid var(--border-black);border-radius:var(--radius-xs)}.link:visited{color:var(--link-primary-visited) !important}.link--on-color{color:var(--link-oncolor)}.link--on-color:hover{color:var(--link-oncolor-hovered)}.link--on-color.active{color:var(--link-oncolor-pressed)}.link--on-color:visited{color:var(--link-oncolor-visited) !important}.link--on-color:focus{color:var(--link-oncolor-focused);outline:2px solid var(--border-white);border-radius:var(--radius-xs)}.link--disabled{color:var(--link-oncolor-disabled)}.link--disabled:hover{color:var(--link-oncolor-disabled)}.link--disabled:hover .link__label{text-decoration:none}.link--md .link__icon{width:20px;height:20px}.link--sm .link__icon{width:16px;height:16px}:is(html[lang=ar],html[dir=rtl]) .link{flex-direction:row-reverse}";
1531
-
1532
- const DgaLink = class {
1533
- constructor(hostRef) {
1534
- index.registerInstance(this, hostRef);
1535
- this.onClick = index.createEvent(this, "onClick");
1536
- this.variant = 'primary';
1537
- this.size = "md";
1538
- this.target = '_self';
1539
- this.preventScrollReset = false;
1540
- this.state = {};
1541
- this.focus = false;
1542
- this.handleClick = (e) => {
1543
- e.preventDefault();
1544
- this.onClick.emit(e);
1545
- };
1546
- }
1547
- render() {
1548
- if (this.external)
1549
- return (index.h("a", { href: this.url, target: this.target, onClick: event => this.handleClick(event), onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, index.h("span", { class: "link__label" }, this.label), this.icon && this.iconType && index.h("span", { className: "link__icon" }, this.iconType), index.h("slot", null)));
1550
- return (index.h("a", { href: this.url, onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, onClick: this.handleClick, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, index.h("span", { class: "link__label" }, this.label), this.icon && this.iconType && index.h("span", { class: "link__icon" }, this.iconType), index.h("slot", null)));
1551
- }
1552
- };
1553
- DgaLink.style = dgaLinkCss;
1554
-
1555
- const dgaLoadingCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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-loading{display:flex;justify-content:center;align-items:center}.dga-loading__circle{position:relative;border:2px solid var(--background-neutral-100);border-top-color:var(--background-black);mix-blend-mode:multiply;border-radius:50%;width:100%;height:100%;animation:spin 0.5s linear infinite;animation-delay:1ms}.dga-loading--tiny{width:20px;height:20px}.dga-loading--xs{width:24px;height:24px}.dga-loading--sm{width:28px;height:28px}.dga-loading--md{width:32px;height:32px}.dga-loading--lg{width:36px;height:36px}.dga-loading--xl{width:40px;height:40px}.dga-loading--huge{width:44px;height:44px}.dga-loading--neutral .loading__circle{border-color:var(--background-neutral-100);border-top-color:var(--background-black)}.dga-loading--neutral .loading__circle::after,.dga-loading--neutral .loading__circle::before{background-color:var(--background-black)}.dga-loading--brand .dga-loading__circle{border-color:var(--background-neutral-100);border-top-color:var(--background-primary)}.dga-loading--brand .dga-loading__circle::after,.dga-loading--brand .dga-loading__circle::before{background-color:var(--background-primary)}.dga-loading--on-color .dga-loading__circle{border-color:var(--alpha-white-30);border-top-color:var(--background-surface-oncolor);mix-blend-mode:normal}.dga-loading--on-color .dga-loading__circle::after,.dga-loading--on-color .dga-loading__circle::before{background-color:var(--background-surface-oncolor)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
1556
-
1557
- const DgaLoading = class {
1558
- constructor(hostRef) {
1559
- index.registerInstance(this, hostRef);
1560
- this.size = 'md';
1561
- this.variant = 'neutral';
1562
- // Generate a unique ID if not provided
1563
- this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
1564
- // Computed inline styles
1565
- this.rootStyles = {};
1566
- }
1567
- handleSxChange() {
1568
- this.processStyling();
1569
- }
1570
- componentWillLoad() {
1571
- // Initialize style manager with element reference
1572
- this.sxStyleManager = new sxStyleManager.SxStyleManager(this.componentId, this.el);
1573
- }
1574
- componentDidLoad() {
1575
- // Process styling after the component is fully loaded and shadow DOM is ready
1576
- this.processStyling();
1577
- }
1578
- componentDidUpdate() {
1579
- // Re-process styling after updates
1580
- this.processStyling();
1581
- }
1582
- processStyling() {
1583
- if (!this.sx)
1584
- return;
1585
- // Handle both string and object formats
1586
- const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
1587
- this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
1588
- }
1589
- disconnectedCallback() {
1590
- var _a;
1591
- // Clean up styles when component is removed
1592
- (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
1593
- }
1594
- render() {
1595
- const classes = `dga-loading dga-loading--${this.size} dga-loading--${this.variant} ${this.extraClass ? this.extraClass : ''}`;
1596
- return (index.h(index.Host, { key: 'e955f5efca8ca36ebd883b3a4466431c7b53a52b', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '1701c4a339340371ec2307782f298fda3dc98e59', class: classes }, index.h("div", { key: '4610f03034c115e25e08fe7779a489509c38d58e', class: "dga-loading__circle" }))));
1597
- }
1598
- get el() { return index.getElement(this); }
1599
- static get watchers() { return {
1600
- "sx": ["handleSxChange"]
1601
- }; }
1602
- };
1603
- DgaLoading.style = dgaLoadingCss;
1604
-
1605
- const dgaMenuGroupCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold,.menu-group__label{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.menu-group{padding:var(--spacing-md);display:flex;flex-direction:column;gap:12px}.menu-group__label{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);color:var(--text-display)}";
1606
-
1607
- const DgaMenuGroup = class {
1608
- constructor(hostRef) {
1609
- index.registerInstance(this, hostRef);
1610
- }
1611
- render() {
1612
- return (index.h("div", { key: '7c3754d1b544f75820796dbbab4d51a298ef59a3', class: "menu-group" }, this.groupLabel && index.h("span", { key: 'e4f5ab9846f5f36064953c9f01bbb3dbc3d8adfd', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '0b0a8fbe90145a982ab65cd48f910463744a128f', class: "menu-group__items" }, index.h("slot", { key: 'fc3d315ef81449df3ac803320c992641d417d06f' }))));
1613
- }
1614
- };
1615
- DgaMenuGroup.style = dgaMenuGroupCss;
1616
-
1617
- const dgaMenuItemCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.menu-item__trail-element,.menu-item__label{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.menu-item{display:flex;padding:var(--spacing-md);align-items:flex-start;gap:var(--spacing-md);align-self:stretch;align-items:center;cursor:pointer;box-sizing:border-box}.menu-item__icon{width:24px;height:24px}.menu-item__label{min-width:100px;color:var(--text-default);flex:1}.menu-item__trail-element{display:flex;align-items:center;justify-content:center}.menu-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.menu-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #E5E7EB);mix-blend-mode:multiply}.menu-item.disabled{opacity:0.5;pointer-events:none}.menu-item.selected{color:var(--text-primary, #1B8354);background:var(--background-primary-50, #F3FCF6)}.menu-item.selected>.menu-item__label{color:var(--text-primary, #1B8354)}.menu-item.selected>.menu-item__icon{color:var(--icon-primary, #1B8354)}";
1618
-
1619
- const DgaMenuItem = class {
1620
- constructor(hostRef) {
1621
- index.registerInstance(this, hostRef);
1622
- this.onClick = index.createEvent(this, "onClick");
1623
- this.disabled = false;
1624
- this.hasTrailElement = false;
1625
- this.hasLeadIcon = false;
1626
- /**
1627
- * If the menu item is selected, it will be highlighted
1628
- **/
1629
- this.selected = false;
1630
- this.pressed = false;
1631
- }
1632
- handleClick(event) {
1633
- if (!this.disabled) {
1634
- this.onClick.emit(event);
1635
- }
1636
- }
1637
- render() {
1638
- return (index.h("li", { key: 'ae71ece612e21afe0c66eb5f2d38707a89191428', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""} ${this.selected ? 'selected' : ''}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && index.h("span", { key: '68535cd2740f3ea9814e57f80191486a726a12bc', class: "menu-item__icon" }, index.h("slot", { key: 'ee2c3bb85040b5624bfd91836beb5dc18b319e8a', name: "lead-icon" })), index.h("span", { key: '56ae9a8fa134f447e7a577435eeb4ceb8be25521', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: 'bf0ac1c47b25c44d89d5a2a461a13739c3ca657f', class: "menu-item__trail-element" }, index.h("slot", { key: '5d23591270040c96c1d6d4257c88bec5b217853c', name: "trail-element" }))));
1639
- }
1640
- };
1641
- DgaMenuItem.style = dgaMenuItemCss;
1642
-
1643
- const dgaMenuListCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}:host{display:flex;flex-direction:column;border-radius:var(--radius-8, 8px);border:1px solid var(--border-neutral-primary, #D2D6DB);background:var(--background-menu, #FFF);box-shadow:0 24px 48px -12px rgba(16, 24, 40, 0.18)}";
1644
-
1645
- const DgaMenuList = class {
1646
- constructor(hostRef) {
1647
- index.registerInstance(this, hostRef);
1648
- }
1649
- render() {
1650
- return (index.h(index.Host, { key: '7ef15000de42752e0da0655dee02c8f062dde8b9' }, index.h("slot", { key: '68034a572545427cd0c65abf885b00659c8b35e1' })));
1651
- }
1652
- };
1653
- DgaMenuList.style = dgaMenuListCss;
1654
-
1655
- const DgaMenuUsage = class {
1656
- constructor(hostRef) {
1657
- index.registerInstance(this, hostRef);
1658
- this.anchorEl = null;
1659
- this.isMenuOpen = false; // State to control menu visibility
1660
- this.buttonRef = null; // Reference to the button
1661
- this.toggleMenu = () => {
1662
- this.isMenuOpen = !this.isMenuOpen;
1663
- };
1664
- this.closeMenu = () => {
1665
- this.isMenuOpen = false;
1666
- };
1667
- }
1668
- get open() {
1669
- return Boolean(this.anchorEl);
1670
- }
1671
- handleClick(event) {
1672
- this.anchorEl = event.currentTarget;
1673
- }
1674
- handleClose() {
1675
- this.anchorEl = null;
1676
- }
1677
- render() {
1678
- return (index.h("div", { key: '5d33d2322c1519c7fa90bce9bd7b1818cd6179a1' }, index.h("h1", { key: 'f68b06140140294278b3c00a9c9a3738cd26b60b' }, "Menu Example"), index.h("div", { key: '3c6a68e37976f677ded2a74197986ea251984fee', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '86d068bb36f1031499a386d9d19a5971f336197e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '3a64cc3d92e2fbcf6c9992690153efff7ff73300' }, index.h("button", { key: '5237b8d9887f0cee48f8df2522c7be9c407fec43', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), index.h("dga-menu-v2", { key: 'ac324cfa3981f6da906e874816924d23f8c00a6d', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, index.h("dga-menu-group", { key: '7b4f901ba909f77125783d869e9a665352b51d84', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '9b21d7aa65339b2c0ff2f4e0fc72be84f2674cc7', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: 'c9cd324ff72f48f492cdf4a055ef3d1aca4d6f1c', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ca50f8a6bb9a1762400181cf22d6f3063eeb06fa', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '08807b9596f705419c7e4fdab1dcb075826868a3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '48a987f23fd0b5f5592e2b0a60a9cf9f654d4d7f', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd00e7a1d2fb4932e5954bcacb2803d51bcffc1d3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), index.h("dga-divider", { key: '5ef2413651e1bfa880ad1cd3fcf662d9990aa6a2' }), index.h("dga-menu-group", { key: '3aec05fc43b100df78754d9045e12fc1d352dfd3', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '9fb07e824465fd1d6239dbb582ce5adaedf7cf4e', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: '35d5f3d144938883d47906471b5d9119538383ee', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '20026e0a8a469bb325a644afabbb7597c6e95d27', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '663db66c04b1abc376aa1ba253b4cfb223ceef78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: 'b6bffdda641094396521eb1b496db5c708ea5413', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '40230969f873fa73b51cc9519137c6183c60cdf7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))))), index.h("dga-menu-list", { key: 'e4a02896297a488cef4c143d0bc62dc3bc8de528' }, index.h("dga-menu-group", { key: '38ae72673a2779f8db113d33002ed59314f5d128', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '8546485053a8565ed5ef623bf7c2143284d95634', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: 'fca30362c024662e2650e5b9c5d665ba906f6713', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '28cfaf2fe44eb3a5d4f24ed2a2e9c394ffd3d0f6', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '596040d85b400f024918392ee1a052f984a0f992', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '6ce71ebdbc287dc89d7a7ce07db488b57aada532', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8d4caa9226d0c71d45a585d7a93db20ada689db3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), index.h("dga-divider", { key: 'c73f6d4a5fec34ab59d8ad2778db2b08e169f786' }), index.h("dga-menu-group", { key: 'd924910ed86d110e6f4651f3c71e60c5e6aa220b', groupLabel: "GROUP LABEL" }, index.h("dga-menu-item", { key: '570d2cb73156d83883ad5552145f62438945f755', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, index.h("svg", { key: 'f5dd8fcedc5a91e7286a49331a9ca0ce944320c4', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '179c9bc42ddf97ed4c9b33ab2f2c01d719873b58', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), index.h("path", { key: '19d94c125ca8f8f2fdd98db608602f5a1963a6ab', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), index.h("svg", { key: '3df47f9acd0797c880c37ce79c9cff62190f7b9a', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '624838763aa354b644e517d656c65ff2388d7e43', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))))))));
1679
- }
1680
- };
1681
-
1682
- const dgaMenuCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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,.menu{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}.menu{width:240px;border-radius:var(--radius-md);border:1px solid var(--border-default, #cbd5e1);background:var(--colors-base-white)}";
1683
-
1684
- const DgaMenuV2 = class {
1685
- constructor(hostRef) {
1686
- index.registerInstance(this, hostRef);
1687
- this.anchorEl = null;
1688
- this.open = false;
1689
- this.onClose = () => { };
1690
- this.anchorOrigin = {
1691
- vertical: 'bottom',
1692
- horizontal: 'left',
1693
- };
1694
- this.transformOrigin = { vertical: 0, horizontal: 0 };
1695
- this.menuStyle = {};
1696
- this.handleClickOutside = (event) => {
1697
- if (this.anchorEl &&
1698
- !this.anchorEl.contains(event.target) &&
1699
- !event.composedPath().includes(this.anchorEl)) {
1700
- this.onClose();
1701
- }
1702
- };
1703
- }
1704
- handleOpenChange(newValue) {
1705
- if (newValue) {
1706
- this.calculateMenuStyle();
1707
- document.addEventListener('click', this.handleClickOutside);
1708
- }
1709
- else {
1710
- document.removeEventListener('click', this.handleClickOutside);
1711
- }
1712
- }
1713
- calculateMenuStyle() {
1714
- if (!this.anchorEl)
1715
- return;
1716
- const rect = this.anchorEl.getBoundingClientRect();
1717
- // Calculate position using anchorOrigin and transformOrigin
1718
- const top = this.anchorOrigin.vertical === 'bottom' ? rect.bottom : rect.top;
1719
- const left = this.anchorOrigin.horizontal === 'right' ? rect.right : rect.left;
1720
- this.menuStyle = {
1721
- // position: 'absolute',
1722
- position: 'fixed',
1723
- top: `${top + this.transformOrigin.vertical + window.scrollY}px`,
1724
- left: `${left + this.transformOrigin.horizontal + window.scrollX}px`,
1725
- zIndex: '1000',
1726
- };
1727
- }
1728
- render() {
1729
- return (index.h(index.Fragment, { key: 'e74aea94c90e8991c67e676186a5065b19ca3842' }, this.open && (index.h("ul", { key: 'a885b1450b107d5e307c29a97b3e4064f50faab4', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, index.h("slot", { key: '241fbb4ae85c60fc831ca41ff566d428dce7f90d' })))));
1730
- }
1731
- static get watchers() { return {
1732
- "open": ["handleOpenChange"]
1733
- }; }
1734
- };
1735
- DgaMenuV2.style = dgaMenuCss;
1736
-
1737
- exports.dga_avatar = DgaAvatar;
1738
- exports.dga_avatar_group = DgaAvatarGroup;
1739
- exports.dga_avatar_usage = DgaAvatarUsage;
1740
- exports.dga_breadcrumbs = DgaBreadcrumbs;
1741
- exports.dga_breadcrumbs_usage = DgaBreadcrumbsUsage;
1742
- exports.dga_button_v2 = DgaButton;
1743
- exports.dga_carousel = DgaCarousel;
1744
- exports.dga_carousel_item = CarouselItem;
1745
- exports.dga_checkbox = DgaCheckbox;
1746
- exports.dga_divider = DgaDivider;
1747
- exports.dga_dropdown = DgaDropdown;
1748
- exports.dga_file_upload = DgaFileUpload;
1749
- exports.dga_file_upload_usage = DgaFileUploadUsage;
1750
- exports.dga_huge_icon_usage = DgaHugeIconUsage;
1751
- exports.dga_icon = Icon;
1752
- exports.dga_label = DgaLabel;
1753
- exports.dga_link = DgaLink;
1754
- exports.dga_loading = DgaLoading;
1755
- exports.dga_menu_group = DgaMenuGroup;
1756
- exports.dga_menu_item = DgaMenuItem;
1757
- exports.dga_menu_list = DgaMenuList;
1758
- exports.dga_menu_usage = DgaMenuUsage;
1759
- exports.dga_menu_v2 = DgaMenuV2;