@dubai-design-system/components-js 5.1.1 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (235) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/MIGRATION.md +76 -15
  3. package/dist/cjs/dda-accordion.cjs.entry.js +2 -2
  4. package/dist/cjs/dda-alert.cjs.entry.js +4 -4
  5. package/dist/cjs/dda-attach-file.cjs.entry.js +2 -2
  6. package/dist/cjs/dda-avatar.cjs.entry.js +3 -3
  7. package/dist/cjs/dda-banner.cjs.entry.js +2 -2
  8. package/dist/cjs/dda-breadcrumb.cjs.entry.js +2 -2
  9. package/dist/cjs/dda-button.cjs.entry.js +2 -2
  10. package/dist/cjs/dda-checkbox.cjs.entry.js +2 -2
  11. package/dist/cjs/dda-chip.cjs.entry.js +2 -2
  12. package/dist/cjs/dda-credit-card.cjs.entry.js +2 -2
  13. package/dist/cjs/dda-creditcard-field.cjs.entry.js +3 -3
  14. package/dist/cjs/dda-dropdown.cjs.entry.js +3 -3
  15. package/dist/cjs/dda-footer.cjs.entry.js +2 -2
  16. package/dist/cjs/dda-header.cjs.entry.js +14 -12
  17. package/dist/cjs/dda-home-banner.cjs.entry.js +3 -3
  18. package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +3 -3
  19. package/dist/cjs/dda-input.cjs.entry.js +2 -2
  20. package/dist/cjs/dda-link-button.cjs.entry.js +51 -0
  21. package/dist/cjs/dda-link-button_2.cjs.entry.js +3 -3
  22. package/dist/cjs/dda-number-field.cjs.entry.js +2 -2
  23. package/dist/cjs/dda-pagination.cjs.entry.js +3 -3
  24. package/dist/cjs/dda-phonefield.cjs.entry.js +2 -2
  25. package/dist/cjs/dda-progressbar.cjs.entry.js +2 -2
  26. package/dist/cjs/dda-radiobutton.cjs.entry.js +27 -0
  27. package/dist/cjs/dda-range-slider.cjs.entry.js +1 -1
  28. package/dist/cjs/dda-search-input.cjs.entry.js +2 -2
  29. package/dist/cjs/dda-segmented-tabs.cjs.entry.js +4 -4
  30. package/dist/cjs/dda-select.cjs.entry.js +5 -3
  31. package/dist/cjs/dda-sticky-footer.cjs.entry.js +14 -3
  32. package/dist/cjs/dda-tabs.cjs.entry.js +4 -4
  33. package/dist/cjs/dda-textarea.cjs.entry.js +16239 -1401
  34. package/dist/cjs/dda-toggle.cjs.entry.js +3 -3
  35. package/dist/cjs/dda-tooltip.cjs.entry.js +3 -3
  36. package/dist/cjs/dda-ui-card.cjs.entry.js +3 -3
  37. package/dist/cjs/dda-vertical-stepper.cjs.entry.js +2 -2
  38. package/dist/cjs/dda.cjs.js +30 -3
  39. package/dist/cjs/index-DXyiIgGK.js +4637 -0
  40. package/dist/cjs/{index-Bgd2iAET.js → index-Na_7EWDR.js} +1 -1
  41. package/dist/cjs/index.cjs.js +10 -0
  42. package/dist/cjs/loader.cjs.js +2 -2
  43. package/dist/collection/components/dda-alert/dda-alert.stories.js +27 -20
  44. package/dist/collection/components/dda-header/dda-header.js +26 -4
  45. package/dist/collection/components/dda-header/dda-header.stories.js +21 -0
  46. package/dist/collection/components/dda-home-banner/home-banner.css +12 -2
  47. package/dist/collection/components/dda-radiobutton/dda-radiobutton.css +130 -6
  48. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +16 -5
  49. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.stories.js +12 -1
  50. package/dist/collection/components/dda-tabs/dda-tabs.js +1 -1
  51. package/dist/collection/components/dda-textarea/dda-textarea.js +2 -2
  52. package/dist/collection/components/dda-toggle/dda-toggle.js +1 -1
  53. package/dist/collection/components/dda-tooltip/dda-tooltip.js +1 -1
  54. package/dist/collection/components/dda-ui-card/dda-ui-card.js +1 -1
  55. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +1 -1
  56. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +1 -1
  57. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +1 -1
  58. package/dist/collection/global/global.css +130 -6
  59. package/dist/components/dda-accordion.js +59 -1
  60. package/dist/components/dda-alert.js +94 -1
  61. package/dist/components/dda-attach-file.js +138 -1
  62. package/dist/components/dda-avatar.js +107 -1
  63. package/dist/components/dda-banner.js +57 -1
  64. package/dist/components/dda-breadcrumb.js +66 -1
  65. package/dist/components/dda-button.js +6 -1
  66. package/dist/components/dda-button2.js +80 -0
  67. package/dist/components/dda-checkbox.js +59 -1
  68. package/dist/components/dda-chip.js +55 -1
  69. package/dist/components/dda-credit-card.js +54 -1
  70. package/dist/components/dda-creditcard-field.js +133 -1
  71. package/dist/components/dda-dropdown.js +113 -1
  72. package/dist/components/dda-footer.js +72 -1
  73. package/dist/components/dda-header.js +367 -1
  74. package/dist/components/dda-home-banner.js +249 -1
  75. package/dist/components/dda-horizontal-stepper.js +69 -1
  76. package/dist/components/dda-input.js +92 -1
  77. package/dist/components/dda-link-button.js +6 -1
  78. package/dist/components/dda-link-button2.js +81 -0
  79. package/dist/components/dda-number-field.js +127 -1
  80. package/dist/components/dda-pagination.js +133 -1
  81. package/dist/components/dda-phonefield.js +316 -1
  82. package/dist/components/dda-progressbar.js +58 -1
  83. package/dist/components/dda-radiobutton.js +6 -1
  84. package/dist/components/dda-radiobutton2.js +54 -0
  85. package/dist/components/dda-range-slider.js +93 -1
  86. package/dist/components/dda-search-input.js +102 -1
  87. package/dist/components/dda-segmented-tabs.js +133 -1
  88. package/dist/components/dda-select.js +219 -1
  89. package/dist/components/dda-sticky-footer.js +132 -1
  90. package/dist/components/dda-tabs.js +91 -1
  91. package/dist/components/dda-textarea.js +31277 -1
  92. package/dist/components/dda-toggle.js +55 -1
  93. package/dist/components/dda-tooltip.js +6 -1
  94. package/dist/components/dda-tooltip2.js +70 -0
  95. package/dist/components/dda-ui-card.js +71 -1
  96. package/dist/components/dda-vertical-stepper.js +72 -1
  97. package/dist/components/index.js +34 -1
  98. package/dist/components/index2.js +4622 -0
  99. package/dist/components/{p-DpwQ9sGp.js → p-C2Cs3ruo.js} +1 -1
  100. package/dist/components/{p-Bc2V1U4_.js → p-C520q-ka.js} +1 -1
  101. package/dist/components/p-CZO9Eawo.js +1 -0
  102. package/dist/components/{p-D-CHT-as.js → p-D7sJgBDk.js} +1 -1
  103. package/dist/components/p-_-I_65FG.js +1 -0
  104. package/dist/components/unique-id.js +12 -0
  105. package/dist/dda/dda-accordion.entry.js +31 -0
  106. package/dist/dda/dda-alert.entry.js +57 -0
  107. package/dist/dda/dda-attach-file.entry.js +102 -0
  108. package/dist/dda/dda-avatar.entry.js +70 -0
  109. package/dist/dda/dda-banner.entry.js +30 -0
  110. package/dist/dda/dda-breadcrumb.entry.js +40 -0
  111. package/dist/dda/dda-button.entry.js +47 -0
  112. package/dist/dda/dda-checkbox.entry.js +27 -0
  113. package/dist/dda/dda-chip.entry.js +25 -0
  114. package/dist/dda/dda-credit-card.entry.js +26 -0
  115. package/dist/dda/dda-creditcard-field.entry.js +94 -0
  116. package/dist/dda/dda-dropdown.entry.js +75 -0
  117. package/dist/dda/dda-footer.entry.js +34 -0
  118. package/dist/dda/dda-header.entry.js +282 -0
  119. package/dist/dda/dda-home-banner.entry.js +208 -0
  120. package/dist/dda/dda-horizontal-stepper.entry.js +39 -0
  121. package/dist/dda/dda-input.entry.js +56 -0
  122. package/dist/dda/dda-link-button.entry.js +49 -0
  123. package/dist/dda/dda-number-field.entry.js +86 -0
  124. package/dist/dda/dda-pagination.entry.js +86 -0
  125. package/dist/dda/dda-phonefield.entry.js +271 -0
  126. package/dist/dda/dda-progressbar.entry.js +30 -0
  127. package/dist/dda/dda-radiobutton.entry.js +25 -0
  128. package/dist/dda/dda-range-slider.entry.js +55 -0
  129. package/dist/dda/dda-search-input.entry.js +63 -0
  130. package/dist/dda/dda-segmented-tabs.entry.js +96 -0
  131. package/dist/dda/dda-select.entry.js +183 -0
  132. package/dist/dda/dda-sticky-footer.entry.js +61 -0
  133. package/dist/dda/dda-tabs.entry.js +59 -0
  134. package/dist/dda/dda-textarea.entry.js +31241 -0
  135. package/dist/dda/dda-toggle.entry.js +25 -0
  136. package/dist/dda/dda-tooltip.entry.js +46 -0
  137. package/dist/dda/dda-ui-card.entry.js +41 -0
  138. package/dist/dda/dda-vertical-stepper.entry.js +41 -0
  139. package/dist/dda/dda.css +6385 -46
  140. package/dist/dda/dda.esm.js +47 -1
  141. package/dist/dda/index-CFIwfRqf.js +4622 -0
  142. package/dist/dda/index.esm.js +29 -1
  143. package/dist/dda/{p-8b25ae94.entry.js → p-0574c9df.entry.js} +1 -1
  144. package/dist/dda/{p-8494fd9e.entry.js → p-0a86a74c.entry.js} +1 -1
  145. package/dist/dda/{p-1f7b8486.entry.js → p-16f94322.entry.js} +1 -1
  146. package/dist/dda/{p-7ad8cde9.entry.js → p-1acc0fda.entry.js} +1 -1
  147. package/dist/dda/{p-18a3d7b1.entry.js → p-2630152f.entry.js} +1 -1
  148. package/dist/dda/{p-3024288f.entry.js → p-271c5f91.entry.js} +1 -1
  149. package/dist/dda/{p-41b8ed7d.entry.js → p-32746429.entry.js} +1 -1
  150. package/dist/dda/{p-a5456de2.entry.js → p-3835f3b7.entry.js} +1 -1
  151. package/dist/dda/{p-ceca8088.entry.js → p-3d57e957.entry.js} +1 -1
  152. package/dist/dda/{p-04bcda8a.entry.js → p-489a3711.entry.js} +1 -1
  153. package/dist/dda/{p-f43fb910.entry.js → p-58de747b.entry.js} +1 -1
  154. package/dist/dda/p-63754a93.entry.js +1 -0
  155. package/dist/dda/p-87d647e7.entry.js +1 -0
  156. package/dist/dda/{p-8134e59d.entry.js → p-8de4f35e.entry.js} +1 -1
  157. package/dist/dda/{p-d6786b43.entry.js → p-9416d8ec.entry.js} +1 -1
  158. package/dist/dda/p-9541e108.entry.js +1 -0
  159. package/dist/dda/{p-88d884a8.entry.js → p-95b87c55.entry.js} +1 -1
  160. package/dist/dda/{p-fb4db977.entry.js → p-95e1a389.entry.js} +1 -1
  161. package/dist/dda/{p-92fa4777.entry.js → p-96741f45.entry.js} +1 -1
  162. package/dist/dda/{p-56f60336.entry.js → p-98c59aa8.entry.js} +1 -1
  163. package/dist/dda/{p-8f376986.entry.js → p-9c86dc30.entry.js} +1 -1
  164. package/dist/dda/p-CI_UcUy5.js +2 -0
  165. package/dist/dda/p-b6190656.entry.js +1 -0
  166. package/dist/dda/p-c0da1e14.entry.js +1 -0
  167. package/dist/dda/{p-ee862207.entry.js → p-c39d196d.entry.js} +1 -1
  168. package/dist/dda/p-c5ebf7df.entry.js +1 -0
  169. package/dist/dda/{p-65776d80.entry.js → p-d06c5daf.entry.js} +1 -1
  170. package/dist/dda/p-d8fd3f73.entry.js +1 -0
  171. package/dist/dda/{p-ad40eb27.entry.js → p-e660a594.entry.js} +1 -1
  172. package/dist/dda/{p-c055f0d2.entry.js → p-e8ca224f.entry.js} +1 -1
  173. package/dist/dda/p-ea1720d2.entry.js +1 -0
  174. package/dist/dda/{p-97431faf.entry.js → p-ee6d56fc.entry.js} +1 -1
  175. package/dist/dda/{p-ef38e28b.entry.js → p-eecfe091.entry.js} +1 -1
  176. package/dist/dda/{p-90019b80.entry.js → p-eed4a104.entry.js} +1 -1
  177. package/dist/dda/unique-id-B-I003EB.js +12 -0
  178. package/dist/esm/dda-accordion.entry.js +2 -2
  179. package/dist/esm/dda-alert.entry.js +4 -4
  180. package/dist/esm/dda-attach-file.entry.js +2 -2
  181. package/dist/esm/dda-avatar.entry.js +3 -3
  182. package/dist/esm/dda-banner.entry.js +2 -2
  183. package/dist/esm/dda-breadcrumb.entry.js +2 -2
  184. package/dist/esm/dda-button.entry.js +2 -2
  185. package/dist/esm/dda-checkbox.entry.js +2 -2
  186. package/dist/esm/dda-chip.entry.js +2 -2
  187. package/dist/esm/dda-credit-card.entry.js +2 -2
  188. package/dist/esm/dda-creditcard-field.entry.js +3 -3
  189. package/dist/esm/dda-dropdown.entry.js +3 -3
  190. package/dist/esm/dda-footer.entry.js +2 -2
  191. package/dist/esm/dda-header.entry.js +14 -12
  192. package/dist/esm/dda-home-banner.entry.js +3 -3
  193. package/dist/esm/dda-horizontal-stepper.entry.js +3 -3
  194. package/dist/esm/dda-input.entry.js +2 -2
  195. package/dist/esm/dda-link-button.entry.js +49 -0
  196. package/dist/esm/dda-link-button_2.entry.js +3 -3
  197. package/dist/esm/dda-number-field.entry.js +2 -2
  198. package/dist/esm/dda-pagination.entry.js +3 -3
  199. package/dist/esm/dda-phonefield.entry.js +2 -2
  200. package/dist/esm/dda-progressbar.entry.js +2 -2
  201. package/dist/esm/dda-radiobutton.entry.js +25 -0
  202. package/dist/esm/dda-range-slider.entry.js +1 -1
  203. package/dist/esm/dda-search-input.entry.js +2 -2
  204. package/dist/esm/dda-segmented-tabs.entry.js +4 -4
  205. package/dist/esm/dda-select.entry.js +5 -3
  206. package/dist/esm/dda-sticky-footer.entry.js +14 -3
  207. package/dist/esm/dda-tabs.entry.js +4 -4
  208. package/dist/esm/dda-textarea.entry.js +16239 -1401
  209. package/dist/esm/dda-toggle.entry.js +3 -3
  210. package/dist/esm/dda-tooltip.entry.js +3 -3
  211. package/dist/esm/dda-ui-card.entry.js +3 -3
  212. package/dist/esm/dda-vertical-stepper.entry.js +2 -2
  213. package/dist/esm/dda.js +31 -4
  214. package/dist/esm/index-CFIwfRqf.js +4622 -0
  215. package/dist/esm/{index-D6L6zgH9.js → index-CI_UcUy5.js} +1 -1
  216. package/dist/esm/index.js +10 -0
  217. package/dist/esm/loader.js +3 -3
  218. package/dist/types/components/dda-alert/dda-alert.stories.d.ts +5 -1
  219. package/dist/types/components/dda-header/dda-header.d.ts +4 -2
  220. package/dist/types/components/dda-header/dda-header.stories.d.ts +19 -0
  221. package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts +5 -4
  222. package/dist/types/components/dda-sticky-footer/dda-sticky-footer.stories.d.ts +13 -0
  223. package/dist/types/components.d.ts +23 -12
  224. package/package.json +2 -2
  225. package/dist/components/p-Bzqf-PpF.js +0 -1
  226. package/dist/components/p-DJw8qV7U.js +0 -1
  227. package/dist/dda/p-03400387.entry.js +0 -1
  228. package/dist/dda/p-73611084.entry.js +0 -1
  229. package/dist/dda/p-876d55b2.entry.js +0 -1
  230. package/dist/dda/p-D6L6zgH9.js +0 -2
  231. package/dist/dda/p-aa7b4c13.entry.js +0 -1
  232. package/dist/dda/p-c42c8733.entry.js +0 -1
  233. package/dist/dda/p-c77282be.entry.js +0 -1
  234. package/dist/dda/p-ca64abe6.entry.js +0 -1
  235. package/dist/dda/p-e2113e42.entry.js +0 -1
@@ -0,0 +1,34 @@
1
+ import { r as registerInstance, h } from './index-CFIwfRqf.js';
2
+
3
+ const ddaFooterCss = () => ``;
4
+
5
+ const globalCss = () => `:root{--dda-primary-0:#000000;--dda-primary-4:#001110;--dda-primary-5:#001413;--dda-primary-6:#001716;--dda-primary-10:#00201F;--dda-primary-12:#002423;--dda-primary-17:#00302F;--dda-primary-20:#003735;--dda-primary-22:#003C3A;--dda-primary-24:#00413F;--dda-primary-25:#004341;--dda-primary-30:#00504E;--dda-primary-35:#005D5A;--dda-primary-40:#006A67;--dda-primary-50:#008582;--dda-primary-60:#00A19E;--dda-primary-70:#21BEBA;--dda-primary-80:#4DDAD6;--dda-primary-87:#66EEE9;--dda-primary-90:#6FF7F2;--dda-primary-92:#76FDF8;--dda-primary-94:#99FFFA;--dda-primary-95:#D0F5F4;--dda-primary-96:#C2FFFB;--dda-primary-98:#E3FFFD;--dda-primary-99:#F2FFFD;--dda-primary-100:#FFFFFF;--dda-color-primary-40:var(--dda-primary-40);--dda-color-primary-30:var(--dda-primary-30);--dda-color-primary-20:var(--dda-primary-20);--dda-color-primary-10:var(--dda-primary-10);--dda-on-primary-100:var(--dda-primary-100);--dda-on-primary-98:var(--dda-primary-98);--dda-on-primary-96:var(--dda-primary-96);--dda-on-primary-94:var(--dda-primary-94);--dda-primary-variant-96:var(--dda-primary-96);--dda-primary-variant-95:var(--dda-primary-95);--dda-primary-variant-94:var(--dda-primary-94);--dda-primary-variant-92:var(--dda-primary-92);--dda-primary-variant-87:var(--dda-primary-87);--dda-on-primary-variant-40:var(--dda-primary-40);--dda-on-primary-variant-30:var(--dda-primary-30);--dda-on-primary-variant-25:var(--dda-primary-25);--dda-on-primary-variant-20:var(--dda-primary-20);--dda-on-primary-variant-12:var(--dda-primary-12)}:root[data-theme='dark']{--dda-color-primary-40:var(--dda-primary-70);--dda-color-primary-30:var(--dda-primary-80);--dda-color-primary-20:var(--dda-primary-90);--dda-color-primary-10:var(--dda-primary-95);--dda-on-primary-100:var(--dda-primary-10);--dda-on-primary-98:var(--dda-primary-12);--dda-on-primary-96:var(--dda-primary-17);--dda-on-primary-94:var(--dda-primary-20);--dda-primary-variant-96:var(--dda-primary-30);--dda-primary-variant-95:var(--dda-primary-20);--dda-primary-variant-94:var(--dda-primary-25);--dda-primary-variant-92:var(--dda-primary-20);--dda-primary-variant-87:var(--dda-primary-12);--dda-on-primary-variant-40:var(--dda-primary-90);--dda-on-primary-variant-30:var(--dda-primary-90);--dda-on-primary-variant-25:var(--dda-primary-94);--dda-on-primary-variant-20:var(--dda-primary-96);--dda-on-primary-variant-12:var(--dda-primary-98)}:root{--dda-secondary-0:#000000;--dda-secondary-4:#000836;--dda-secondary-5:#000A3D;--dda-secondary-6:#000C43;--dda-secondary-10:#001257;--dda-secondary-12:#001561;--dda-secondary-17:#092072;--dda-secondary-20:#132778;--dda-secondary-22:#192C7D;--dda-secondary-24:#1E3181;--dda-secondary-25:#213484;--dda-secondary-30:#2E4090;--dda-secondary-35:#3B4C9C;--dda-secondary-40:#4758A9;--dda-secondary-50:#6071C4;--dda-secondary-60:#7A8BE0;--dda-secondary-70:#95A6FD;--dda-secondary-80:#B9C3FF;--dda-secondary-87:#D2D8FF;--dda-secondary-90:#DDE1FF;--dda-secondary-92:#E5E6FF;--dda-secondary-94:#ECECFF;--dda-secondary-95:#F0EFFF;--dda-secondary-96:#F3F2FF;--dda-secondary-98:#FBF8FF;--dda-secondary-99:#FEFBFF;--dda-secondary-100:#FFFFFF;--dda-color-secondary-40:var(--dda-secondary-40);--dda-color-secondary-30:var(--dda-secondary-30);--dda-color-secondary-20:var(--dda-secondary-20);--dda-color-secondary-10:var(--dda-secondary-10);--dda-on-secondary-100:var(--dda-secondary-100);--dda-on-secondary-98:var(--dda-secondary-98);--dda-on-secondary-96:var(--dda-secondary-96);--dda-on-secondary-94:var(--dda-secondary-94);--dda-secondary-variant-96:var(--dda-secondary-96);--dda-secondary-variant-95:var(--dda-secondary-95);--dda-secondary-variant-94:var(--dda-secondary-94);--dda-secondary-variant-92:var(--dda-secondary-92);--dda-secondary-variant-87:var(--dda-secondary-87);--dda-on-secondary-variant-30:var(--dda-secondary-30);--dda-on-secondary-variant-25:var(--dda-secondary-25);--dda-on-secondary-variant-20:var(--dda-secondary-20);--dda-on-secondary-variant-12:var(--dda-secondary-12)}:root[data-theme='dark']{--dda-color-secondary-40:var(--dda-secondary-70);--dda-color-secondary-30:var(--dda-secondary-80);--dda-color-secondary-20:var(--dda-secondary-90);--dda-color-secondary-10:var(--dda-secondary-95);--dda-on-secondary-100:var(--dda-secondary-10);--dda-on-secondary-98:var(--dda-secondary-12);--dda-on-secondary-96:var(--dda-secondary-17);--dda-on-secondary-94:var(--dda-secondary-20);--dda-secondary-variant-96:var(--dda-secondary-30);--dda-secondary-variant-95:var(--dda-secondary-30);--dda-secondary-variant-94:var(--dda-secondary-25);--dda-secondary-variant-92:var(--dda-secondary-20);--dda-secondary-variant-87:var(--dda-secondary-12);--dda-on-secondary-variant-30:var(--dda-secondary-90);--dda-on-secondary-variant-25:var(--dda-secondary-94);--dda-on-secondary-variant-20:var(--dda-secondary-96);--dda-on-secondary-variant-12:var(--dda-secondary-98)}:root{--dda-error-0:#000000;--dda-error-4:#280000;--dda-error-5:#2D0000;--dda-error-6:#310001;--dda-error-10:#410001;--dda-error-12:#490001;--dda-error-17:#5C0002;--dda-error-20:#690003;--dda-error-22:#710003;--dda-error-24:#790004;--dda-error-25:#7E0004;--dda-error-30:#930005;--dda-error-35:#A90008;--dda-error-40:#C0000A;--dda-error-50:#E62721;--dda-error-60:#FF5545;--dda-error-70:#FF8A7B;--dda-error-80:#FFB4AA;--dda-error-87:#FFCFC8;--dda-error-90:#FFDAD5;--dda-error-92:#FFE2DD;--dda-error-94:#FFE9E6;--dda-error-95:#FFEDEA;--dda-error-96:#FFF0EE;--dda-error-98:#FFF8F7;--dda-error-99:#FFFBFF;--dda-error-100:#FFFFFF;--dda-color-error-50:var(--dda-error-50);--dda-color-error-40:var(--dda-error-40);--dda-color-error-30:var(--dda-error-30);--dda-color-error-20:var(--dda-error-24);--dda-on-error-100:var(--dda-error-100);--dda-on-error-98:var(--dda-error-98);--dda-on-error-96:var(--dda-error-96);--dda-on-error-94:var(--dda-error-94);--dda-error-variant-90:var(--dda-error-90);--dda-error-variant-95:var(--dda-error-95);--dda-error-variant-94:var(--dda-error-94);--dda-error-variant-92:var(--dda-error-92);--dda-error-variant-90:var(--dda-error-90);--dda-on-error-variant-40:var(--dda-error-40);--dda-on-error-variant-30:var(--dda-error-30);--dda-on-error-variant-25:var(--dda-error-25);--dda-on-error-variant-20:var(--dda-error-20);--dda-on-error-variant-12:var(--dda-error-12)}:root[data-theme='dark']{--dda-color-error-50:var(--dda-error-80);--dda-color-error-40:var(--dda-error-70);--dda-color-error-30:var(--dda-error-90);--dda-color-error-20:var(--dda-error-94);--dda-on-error-100:var(--dda-error-10);--dda-on-error-98:var(--dda-error-12);--dda-on-error-96:var(--dda-error-17);--dda-on-error-94:var(--dda-error-20);--dda-error-variant-96:var(--dda-error-30);--dda-error-variant-95:var(--dda-error-20);--dda-error-variant-94:var(--dda-error-25);--dda-error-variant-92:var(--dda-error-20);--dda-error-variant-90:var(--dda-error-12);--dda-on-error-variant-40:var(--dda-error-70);--dda-on-error-variant-30:var(--dda-error-80);--dda-on-error-variant-25:var(--dda-error-94);--dda-on-error-variant-20:var(--dda-error-96);--dda-on-error-variant-12:var(--dda-error-98)}:root{--dda-warning-0:#000000;--dda-warning-4:#180C00;--dda-warning-5:#1B0E00;--dda-warning-6:#1F1000;--dda-warning-10:#2A1800;--dda-warning-12:#2F1B00;--dda-warning-17:#3D2500;--dda-warning-20:#462B00;--dda-warning-22:#4B2F00;--dda-warning-24:#513300;--dda-warning-25:#543500;--dda-warning-30:#643F00;--dda-warning-35:#734A00;--dda-warning-40:#835400;--dda-warning-50:#A46B00;--dda-warning-60:#C78200;--dda-warning-70:#EB9A00;--dda-warning-80:#FFB956;--dda-warning-87:#FFD39B;--dda-warning-90:#FFDDB5;--dda-warning-92:#FFE4C5;--dda-warning-94:#FFEBD5;--dda-warning-95:#FFEEDD;--dda-warning-96:#FFF1E5;--dda-warning-98:#FFF8F4;--dda-warning-99:#FFFBFF;--dda-warning-100:#FFFFFF;--dda-color-warning-50:var(--dda-warning-50);--dda-color-warning-40:var(--dda-warning-40);--dda-color-warning-30:var(--dda-warning-30);--dda-color-warning-20:var(--dda-warning-20);--dda-on-warning-100:var(--dda-warning-100);--dda-on-warning-98:var(--dda-warning-98);--dda-on-warning-96:var(--dda-warning-96);--dda-on-warning-94:var(--dda-warning-94);--dda-warning-variant-90:var(--dda-warning-90);--dda-warning-variant-95:var(--dda-warning-95);--dda-warning-variant-94:var(--dda-warning-94);--dda-warning-variant-92:var(--dda-warning-92);--dda-warning-variant-90:var(--dda-warning-90);--dda-on-warning-variant-40:var(--dda-warning-40);--dda-on-warning-variant-30:var(--dda-warning-30);--dda-on-warning-variant-25:var(--dda-warning-25);--dda-on-warning-variant-20:var(--dda-warning-20);--dda-on-warning-variant-12:var(--dda-warning-12)}:root[data-theme='dark']{--dda-color-warning-50:var(--dda-warning-80);--dda-color-warning-40:var(--dda-warning-80);--dda-color-warning-30:var(--dda-warning-90);--dda-color-warning-20:var(--dda-warning-94);--dda-on-warning-100:var(--dda-warning-10);--dda-on-warning-98:var(--dda-warning-12);--dda-on-warning-96:var(--dda-warning-17);--dda-on-warning-94:var(--dda-warning-20);--dda-warning-variant-96:var(--dda-warning-30);--dda-warning-variant-95:var(--dda-warning-30);--dda-warning-variant-94:var(--dda-warning-25);--dda-warning-variant-92:var(--dda-warning-20);--dda-warning-variant-90:var(--dda-warning-12);--dda-on-warning-variant-40:var(--dda-warning-80);--dda-on-warning-variant-30:var(--dda-warning-80);--dda-on-warning-variant-25:var(--dda-warning-94);--dda-on-warning-variant-20:var(--dda-warning-96);--dda-on-warning-variant-12:var(--dda-warning-98)}:root{--dda-success-0:#000000;--dda-success-4:#001203;--dda-success-5:#001504;--dda-success-6:#001805;--dda-success-10:#002108;--dda-success-12:#00260A;--dda-success-17:#00320F;--dda-success-20:#003913;--dda-success-22:#003E15;--dda-success-24:#004318;--dda-success-25:#004619;--dda-success-30:#00531F;--dda-success-35:#006025;--dda-success-40:#0D6D2D;--dda-success-50:#318744;--dda-success-60:#4CA25B;--dda-success-70:#67BD73;--dda-success-80:#82DA8C;--dda-success-87:#95EE9E;--dda-success-90:#9EF7A6;--dda-success-92:#A3FCAC;--dda-success-94:#B8FFBB;--dda-success-95:#C6FFC7;--dda-success-96:#D3FFD2;--dda-success-98:#EBFFE7;--dda-success-99:#F6FFF1;--dda-success-100:#FFFFFF;--dda-color-success-50:var(--dda-success-50);--dda-color-success-40:var(--dda-success-40);--dda-color-success-30:var(--dda-success-30);--dda-color-success-20:var(--dda-success-20);--dda-on-success-100:var(--dda-success-100);--dda-on-success-98:var(--dda-success-98);--dda-on-success-96:var(--dda-success-96);--dda-on-success-94:var(--dda-success-94);--dda-success-variant-90:var(--dda-success-90);--dda-success-variant-95:var(--dda-success-95);--dda-success-variant-94:var(--dda-success-94);--dda-success-variant-92:var(--dda-success-92);--dda-success-variant-90:var(--dda-success-90);--dda-on-success-variant-40:var(--dda-success-40);--dda-on-success-variant-30:var(--dda-success-30);--dda-on-success-variant-25:var(--dda-success-25);--dda-on-success-variant-20:var(--dda-success-20);--dda-on-success-variant-12:var(--dda-success-12)}:root[data-theme='dark']{--dda-color-success-50:var(--dda-success-80);--dda-color-success-40:var(--dda-success-87);--dda-color-success-30:var(--dda-success-90);--dda-color-success-20:var(--dda-success-94);--dda-on-success-100:var(--dda-success-10);--dda-on-success-98:var(--dda-success-12);--dda-on-success-96:var(--dda-success-17);--dda-on-success-94:var(--dda-success-20);--dda-success-variant-96:var(--dda-success-30);--dda-success-variant-95:var(--dda-success-30);--dda-success-variant-94:var(--dda-success-25);--dda-success-variant-92:var(--dda-success-20);--dda-success-variant-90:var(--dda-success-12);--dda-on-success-variant-40:var(--dda-success-80);--dda-on-success-variant-30:var(--dda-success-80);--dda-on-success-variant-25:var(--dda-success-94);--dda-on-success-variant-20:var(--dda-success-96);--dda-on-success-variant-12:var(--dda-success-98)}:root{--dda-info-0:#000000;--dda-info-4:#001019;--dda-info-5:#00131C;--dda-info-6:#001620;--dda-info-10:#001E2B;--dda-info-12:#002331;--dda-info-17:#002E3F;--dda-info-20:#003548;--dda-info-22:#00394E;--dda-info-24:#003548;--dda-info-25:#004157;--dda-info-30:#004D66;--dda-info-35:#005977;--dda-info-40:#006687;--dda-info-50:#0080A9;--dda-info-60:#1A9CCA;--dda-info-70:#47B7E6;--dda-info-80:#73D2FF;--dda-info-87:#ACE1FF;--dda-info-90:#C1E8FF;--dda-info-92:#CEEDFF;--dda-info-94:#DBF1FF;--dda-info-95:#E2F3FF;--dda-info-96:#E8F6FF;--dda-info-98:#F4FAFF;--dda-info-99:#FBFCFF;--dda-info-100:#FFFFFF;--dda-color-info-50:var(--dda-info-50);--dda-color-info-40:var(--dda-info-47);--dda-color-info-30:var(--dda-info-30);--dda-color-info-20:var(--dda-info-20);--dda-on-info-100:var(--dda-info-100);--dda-on-info-98:var(--dda-info-98);--dda-on-info-96:var(--dda-info-96);--dda-on-info-94:var(--dda-info-94);--dda-info-variant-90:var(--dda-info-90);--dda-info-variant-95:var(--dda-info-95);--dda-info-variant-94:var(--dda-info-94);--dda-info-variant-92:var(--dda-info-92);--dda-info-variant-90:var(--dda-info-90);--dda-on-info-variant-40:var(--dda-info-40);--dda-on-info-variant-30:var(--dda-info-30);--dda-on-info-variant-25:var(--dda-info-25);--dda-on-info-variant-20:var(--dda-info-20);--dda-on-info-variant-12:var(--dda-info-12)}:root[data-theme='dark']{--dda-color-info-50:var(--dda-info-80);--dda-color-info-40:var(--dda-info-87);--dda-color-info-30:var(--dda-info-90);--dda-color-info-20:var(--dda-info-94);--dda-on-info-100:var(--dda-info-10);--dda-on-info-98:var(--dda-info-12);--dda-on-info-96:var(--dda-info-17);--dda-on-info-94:var(--dda-info-20);--dda-info-variant-96:var(--dda-info-30);--dda-info-variant-95:var(--dda-info-30);--dda-info-variant-94:var(--dda-info-25);--dda-info-variant-92:var(--dda-info-20);--dda-info-variant-90:var(--dda-info-12);--dda-on-info-variant-40:var(--dda-info-80);--dda-on-info-variant-30:var(--dda-info-80);--dda-on-info-variant-25:var(--dda-info-94);--dda-on-info-variant-20:var(--dda-info-96);--dda-on-info-variant-12:var(--dda-info-98)}:root{--dda-neutral-0:#000000;--dda-neutral-4:#0B0F0F;--dda-neutral-5:#0E1211;--dda-neutral-6:#101414;--dda-neutral-10:#191C1C;--dda-neutral-12:#1D2020;--dda-neutral-17:#272B2A;--dda-neutral-20:#2D3131;--dda-neutral-22:#323535;--dda-neutral-24:#363A39;--dda-neutral-25:#383C3C;--dda-neutral-30:#444747;--dda-neutral-35:#4F5353;--dda-neutral-40:#5B5F5E;--dda-neutral-50:#747877;--dda-neutral-60:#8E9191;--dda-neutral-70:#A9ACAB;--dda-neutral-80:#C4C7C6;--dda-neutral-87:#D8DAD9;--dda-neutral-90:#E0E3E2;--dda-neutral-92:#E6E9E8;--dda-neutral-94:#ECEEED;--dda-neutral-95:#EFF1F0;--dda-neutral-96:#F2F4F3;--dda-neutral-98:#F7FAF9;--dda-neutral-99:#FAFDFC;--dda-neutral-100:#FFFFFF;--dda-surface-100:var(--dda-neutral-100);--dda-surface-96:var(--dda-neutral-96);--dda-surface-94:var(--dda-neutral-94);--dda-surface-92:var(--dda-neutral-92);--dda-surface-90:var(--dda-neutral-90);--dda-surface-0:var(--dda-neutral-0);--dda-on-surface-10:var(--dda-neutral-10);--dda-on-surface-20:var(--dda-neutral-20);--dda-on-surface-30:var(--dda-neutral-30);--dda-on-surface-40:var(--dda-neutral-40);--dda-on-surface-0:var(--dda-neutral-0);--dda-on-surface-muted:var(--dda-neutral-40)}:root[data-theme='dark']{--dda-surface-0:var(--dda-neutral-100);--dda-surface-100:var(--dda-neutral-10);--dda-surface-96:var(--dda-neutral-24);--dda-surface-94:var(--dda-neutral-12);--dda-surface-92:var(--dda-neutral-17);--dda-surface-90:var(--dda-neutral-22);--dda-on-surface-0:var(--dda-neutral-100);--dda-on-surface-10:var(--dda-neutral-100);--dda-on-surface-20:var(--dda-neutral-90);--dda-on-surface-30:var(--dda-neutral-80);--dda-on-surface-40:var(--dda-neutral-70);--dda-on-surface-muted:var(--dda-neutral-70)}:root{--dda-neutral-variant-0:#000000;--dda-neutral-variant-4:#07100F;--dda-neutral-variant-5:#091312;--dda-neutral-variant-6:#0C1515;--dda-neutral-variant-10:#141D1D;--dda-neutral-variant-12:#182121;--dda-neutral-variant-17:#222C2B;--dda-neutral-variant-20:#293232;--dda-neutral-variant-22:#2D3736;--dda-neutral-variant-24:#313B3A;--dda-neutral-variant-25:#343D3D;--dda-neutral-variant-30:#3F4948;--dda-neutral-variant-35:#4A5453;--dda-neutral-variant-40:#56605F;--dda-neutral-variant-50:#6F7978;--dda-neutral-variant-60:#889392;--dda-neutral-variant-70:#A3ADAC;--dda-neutral-variant-80:#BEC9C7;--dda-neutral-variant-87:#D2DCDB;--dda-neutral-variant-90:#DAE5E3;--dda-neutral-variant-92:#E0EAE9;--dda-neutral-variant-94:#E6F0EE;--dda-neutral-variant-95:#E8F3F1;--dda-neutral-variant-96:#EBF6F4;--dda-neutral-variant-98:#F1FBFA;--dda-neutral-variant-99:#F4FEFD;--dda-neutral-variant-100:#FFFFFF;--dda-surface-variant-90:var(--dda-neutral-variant-90);--dda-surface-variant-87:var(--dda-neutral-variant-87);--dda-surface-variant-80:var(--dda-neutral-variant-80);--dda-on-surface-variant-40:var(--dda-neutral-variant-40);--dda-on-surface-variant-30:var(--dda-neutral-variant-30);--dda-on-surface-variant-25:var(--dda-neutral-variant-25);--dda-on-surface-variant-20:var(--dda-neutral-variant-20);--dda-on-surface-variant-12:var(--dda-neutral-variant-12)}:root[data-theme='dark']{--dda-surface-variant-90:var(--dda-neutral-variant-30);--dda-surface-variant-87:var(--dda-neutral-variant-25);--dda-surface-variant-80:var(--dda-neutral-variant-22);--dda-on-surface-variant-40:var(--dda-neutral-variant-70);--dda-on-surface-variant-30:var(--dda-neutral-variant-80);--dda-on-surface-variant-25:var(--dda-neutral-variant-94);--dda-on-surface-variant-20:var(--dda-neutral-variant-96);--dda-on-surface-variant-12:var(--dda-neutral-variant-98)}:root{--dda-color-purple:#904EDB;--dda-color-purple-50:#F1E9FF}:root[data-theme='green']{filter:invert(100%) !important}:root{--dda-fw-300:300 !important;--dda-fw-400:400 !important;--dda-fw-500:500 !important;--dda-fw-700:700 !important;--dda-fs-display-lg:3.563em;--dda-fs-display-md:2.813em;--dda-fs-display-sm:2.25em;--dda-fs-headline-lg:2em;--dda-fs-headline-md:1.75em;--dda-fs-headline-sm:1.5em;--dda-fs-title-lg:1.375em;--dda-fs-title-md:1.25em;--dda-fs-title-sm:1.125em;--dda-fs-body-lg:1em;--dda-fs-body-md:0.875em;--dda-fs-body-sm:0.75em;--dda-fs-label-lg:0.875em;--dda-fs-label-md:0.75em;--dda-fs-label-sm:0.625em;--dda-fs-tagline-lg:0.75em;--dda-fs-tagline-md:0.625em;--dda-fs-tagline-sm:0.5em;--dda-h1:3.563em;--dda-h2:3em;--dda-h3:2.5em;--dda-h4:2.063em;--dda-h5:1.75em;--dda-h6:1.438em;--dda-title:1.188em;--dda-body:1em;--dda-caption:0.813em;--dda-label:0.688em}.dda-fw-300{font-weight:var(--dda-fw-300)}.dda-fw-400{font-weight:var(--dda-fw-400)}.dda-fw-500{font-weight:var(--dda-fw-500)}.dda-fw-700{font-weight:var(--dda-fw-700)}.dda-fs-display-lg{font-size:var(--dda-fs-display-lg)}.dda-fs-display-md{font-size:var(--dda-fs-display-md)}.dda-fs-display-sm{font-size:var(--dda-fs-display-sm)}.dda-fs-headline-lg{font-size:var(--dda-fs-headline-lg)}.dda-fs-headline-md{font-size:var(--dda-fs-headline-md)}.dda-fs-headline-sm{font-size:var(--dda-fs-headline-sm)}.dda-fs-title-lg{font-size:var(--dda-fs-title-lg)}.dda-fs-title-md{font-size:var(--dda-fs-title-md)}.dda-fs-title-sm{font-size:var(--dda-fs-title-sm)}.dda-fs-body-lg{font-size:var(--dda-fs-body-lg)}.dda-fs-body-md{font-size:var(--dda-fs-body-md)}.dda-fs-body-sm{font-size:var(--dda-fs-body-sm)}.dda-fs-label-lg{font-size:var(--dda-fs-label-lg)}.dda-fs-label-md{font-size:var(--dda-fs-label-md)}.dda-fs-label-sm{font-size:var(--dda-fs-label-sm)}.dda-fs-tagline-lg{font-size:var(--dda-fs-tagline-lg)}.dda-fs-tagline-md{font-size:var(--dda-fs-tagline-md)}.dda-fs-tagline-sm{font-size:var(--dda-fs-tagline-sm)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.home-contents{width:90vw;margin:0 auto;padding:50px 20px 70px 20px}:root{--dda-quick-links-gap-sm:12px;--dda-quick-links-card-height-sm:112px}.quick-links-wrap{width:100%;position:absolute;bottom:calc(69px - var(--dda-quick-links-pad-bottom) + var(--dda-sticky-footer-height, 0px));z-index:1}@property --dda-quick-links-fade-start{syntax:'<length>';inherits:false;initial-value:0px}@property --dda-quick-links-fade-end{syntax:'<length>';inherits:false;initial-value:0px}.quick-links-wrap,.quick-links{--dda-quick-links-pad-top:12px;--dda-quick-links-pad-bottom:12px;--dda-quick-links-fade:32px}.quick-links{width:90vw;margin:0 auto;display:flex;gap:8px;padding:var(--dda-quick-links-pad-top) 20px var(--dda-quick-links-pad-bottom);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--dda-quick-links-fade) + 4px);scrollbar-width:thin;scrollbar-color:rgba(255, 255, 255, 0.7) transparent}@supports (animation-timeline: scroll()){.quick-links{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--dda-quick-links-fade-start), #000 calc(100% - var(--dda-quick-links-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--dda-quick-links-fade-start), #000 calc(100% - var(--dda-quick-links-fade-end)), transparent);animation:dda-quick-links-fade linear both;animation-timeline:scroll(self inline)}[dir='rtl'] .quick-links{-webkit-mask-image:linear-gradient(to left, transparent, #000 var(--dda-quick-links-fade-start), #000 calc(100% - var(--dda-quick-links-fade-end)), transparent);mask-image:linear-gradient(to left, transparent, #000 var(--dda-quick-links-fade-start), #000 calc(100% - var(--dda-quick-links-fade-end)), transparent)}}@keyframes dda-quick-links-fade{0%{--dda-quick-links-fade-start:0px;--dda-quick-links-fade-end:var(--dda-quick-links-fade)}10%,90%{--dda-quick-links-fade-start:var(--dda-quick-links-fade);--dda-quick-links-fade-end:var(--dda-quick-links-fade)}100%{--dda-quick-links-fade-start:var(--dda-quick-links-fade);--dda-quick-links-fade-end:0px}}.quick-links .link-item{flex:1 0 220px;min-width:0;scroll-snap-align:start;height:170px;display:block;background:var(--dda-surface-100);padding:27px 20px;border-radius:15px 15px;margin-top:15px;transition:all 0.5s ease;position:relative}.quick-links .link-item:hover{margin-top:-12px;border-radius:15px}.quick-links .link-item::after{opacity:0;content:'';position:absolute;top:100%;left:50%;margin-left:-4.5px;width:0;height:0;border:0 solid transparent;border-left-width:9px;border-right-width:9px;border-top:9px solid var(--dda-surface-100);transition:all 0.5s ease}.quick-links .link-item:hover::after{opacity:1}.quick-links .link-item svg{height:35px;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item i{display:block;width:fit-content;font-size:35px;line-height:1;margin-bottom:15px;color:var(--dda-on-surface-variant-40)}.quick-links .link-item .title{display:block;font-size:var(--dda-fs-title-sm);color:var(--dda-surface-0);font-weight:var(--dda-fw-700)}.quick-links .link-item .subtitle{display:block;font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-menu-container{position:relative}@media screen and (max-width: 992px){.slide-content p{width:100%}.quick-links-wrap{position:relative;bottom:45px}.quick-links-wrap .quick-links{width:100%;box-sizing:border-box;padding:20px 20px var(--dda-quick-links-pad-bottom);scrollbar-color:var(--dda-on-surface-variant-40) transparent}.quick-links .link-item{flex:0 0 min(75%, 300px);height:auto;margin:0px;border:solid 1px #ddd;border-radius:15px}}@media only screen and (orientation: landscape) and (max-height: 600px){.slide-content h2{font-size:1.2rem}.slide-content p{font-size:1rem;margin-bottom:5px}}@media only screen and (orientation: landscape) and (max-width: 1600px){.quick-links .link-item{padding:13px;height:128px}.quick-links .link-item svg{height:20px;margin-bottom:5px}.quick-links .link-item i{font-size:20px;margin-bottom:5px}.quick-links .link-item .title{font-size:15px}.quick-links .link-item .subtitle{font-size:12px}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo .govt-logo img{height:39px}.transparent dda-header:not(.dda-scrolled) .dda-header::before{height:100%}}@media only screen and (orientation: landscape) and (max-width: 576px){.slide-content h2{font-size:0.8rem}.slide-content p{font-size:0.5rem;margin-bottom:5px}.slide-content .dda-btn{font-size:13px;padding:7px;height:auto}}.container-xxl{max-width:90vw !important}@media screen and (max-width: 992px) and (min-height: 601px){.quick-links-wrap{position:absolute;bottom:calc(var(--dda-quick-links-gap-sm) - var(--dda-quick-links-pad-bottom) + var(--dda-sticky-footer-height, 0px))}.quick-links-wrap .quick-links{padding-top:var(--dda-quick-links-pad-top);scrollbar-color:rgba(255, 255, 255, 0.7) transparent}.quick-links .link-item{height:var(--dda-quick-links-card-height-sm);padding:16px;border:0}.quick-links .link-item i{font-size:24px;margin-bottom:8px}.quick-links .link-item svg{height:24px;margin-bottom:8px}.quick-links .link-item .title{font-size:var(--dda-fs-body-lg)}.quick-links .link-item .subtitle{font-size:var(--dda-fs-body-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.dda-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:var(--dda-surface-100);background-clip:border-box;border:1px solid var(--dda-surface-90);border-radius:12px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04);overflow:hidden}.dda-card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem;display:flex;flex-direction:column;gap:10px}.dda-card-title{font-size:var(--dda-fs-title-sm);margin-bottom:0}.dda-card-text{font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-variant-30)}.dda-card-text-small{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-text-muted{font-size:var(--dda-fs-body-md);color:var(--dda-on-surface-variant-30)}.dda-card-img{width:100%;height:100%;object-fit:cover}.dda-card-icon{display:block;margin-bottom:15px}.dda-card-icon img{height:24px}.dda-card-link{display:flex;width:100%;align-items:center;justify-content:flex-end;color:var(--dda-color-primary-40);line-height:0;padding:5px 0px;font-size:var(--dda-fs-body-md)}.dda-card-link i{margin:0px 5px;font-size:var(--dda-fs-title-md)}.card-image-label{position:absolute;top:12px;left:12px}.dda-container,.dda-container-fluid,.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.dda-container-sm,.dda-container{max-width:540px}}@media (min-width: 768px){.dda-container-md,.dda-container-sm,.dda-container{max-width:720px}}@media (min-width: 992px){.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:960px}}@media (min-width: 1200px){.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1140px}}@media (min-width: 1400px){.dda-container-xxl,.dda-container-xl,.dda-container-lg,.dda-container-md,.dda-container-sm,.dda-container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.dda-row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.dda-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.dda-col{flex:1 0 0%}.dda-col-auto{flex:0 0 auto;width:auto}.dda-col-1{flex:0 0 auto;width:8.33333333%}.dda-col-2{flex:0 0 auto;width:16.66666667%}.dda-col-3{flex:0 0 auto;width:25%}.dda-col-4{flex:0 0 auto;width:33.33333333%}.dda-col-5{flex:0 0 auto;width:41.66666667%}.dda-col-6{flex:0 0 auto;width:50%}.dda-col-7{flex:0 0 auto;width:58.33333333%}.dda-col-8{flex:0 0 auto;width:66.66666667%}.dda-col-9{flex:0 0 auto;width:75%}.dda-col-10{flex:0 0 auto;width:83.33333333%}.dda-col-11{flex:0 0 auto;width:91.66666667%}.dda-col-12{flex:0 0 auto;width:100%}@media (min-width: 576px){.dda-col-sm{flex:1 0 0%}.dda-col-sm-auto{flex:0 0 auto;width:auto}.dda-col-sm-1{flex:0 0 auto;width:8.33333333%}.dda-col-sm-2{flex:0 0 auto;width:16.66666667%}.dda-col-sm-3{flex:0 0 auto;width:25%}.dda-col-sm-4{flex:0 0 auto;width:33.33333333%}.dda-col-sm-5{flex:0 0 auto;width:41.66666667%}.dda-col-sm-6{flex:0 0 auto;width:50%}.dda-col-sm-7{flex:0 0 auto;width:58.33333333%}.dda-col-sm-8{flex:0 0 auto;width:66.66666667%}.dda-col-sm-9{flex:0 0 auto;width:75%}.dda-col-sm-10{flex:0 0 auto;width:83.33333333%}.dda-col-sm-11{flex:0 0 auto;width:91.66666667%}.dda-col-sm-12{flex:0 0 auto;width:100%}}@media (min-width: 768px){.dda-col-md{flex:1 0 0%}.dda-col-md-auto{flex:0 0 auto;width:auto}.dda-col-md-1{flex:0 0 auto;width:8.33333333%}.dda-col-md-2{flex:0 0 auto;width:16.66666667%}.dda-col-md-3{flex:0 0 auto;width:25%}.dda-col-md-4{flex:0 0 auto;width:33.33333333%}.dda-col-md-5{flex:0 0 auto;width:41.66666667%}.dda-col-md-6{flex:0 0 auto;width:50%}.dda-col-md-7{flex:0 0 auto;width:58.33333333%}.dda-col-md-8{flex:0 0 auto;width:66.66666667%}.dda-col-md-9{flex:0 0 auto;width:75%}.dda-col-md-10{flex:0 0 auto;width:83.33333333%}.dda-col-md-11{flex:0 0 auto;width:91.66666667%}.dda-col-md-12{flex:0 0 auto;width:100%}}@media (min-width: 992px){.dda-col-lg{flex:1 0 0%}.dda-col-lg-auto{flex:0 0 auto;width:auto}.dda-col-lg-1{flex:0 0 auto;width:8.33333333%}.dda-col-lg-2{flex:0 0 auto;width:16.66666667%}.dda-col-lg-3{flex:0 0 auto;width:25%}.dda-col-lg-4{flex:0 0 auto;width:33.33333333%}.dda-col-lg-5{flex:0 0 auto;width:41.66666667%}.dda-col-lg-6{flex:0 0 auto;width:50%}.dda-col-lg-7{flex:0 0 auto;width:58.33333333%}.dda-col-lg-8{flex:0 0 auto;width:66.66666667%}.dda-col-lg-9{flex:0 0 auto;width:75%}.dda-col-lg-10{flex:0 0 auto;width:83.33333333%}.dda-col-lg-11{flex:0 0 auto;width:91.66666667%}.dda-col-lg-12{flex:0 0 auto;width:100%}}@media (min-width: 1200px){.dda-col-xl{flex:1 0 0%}.dda-col-xl-auto{flex:0 0 auto;width:auto}.dda-col-xl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xl-3{flex:0 0 auto;width:25%}.dda-col-xl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xl-6{flex:0 0 auto;width:50%}.dda-col-xl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xl-9{flex:0 0 auto;width:75%}.dda-col-xl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xl-12{flex:0 0 auto;width:100%}}@media (min-width: 1400px){.dda-col-xxl{flex:1 0 0%}.dda-col-xxl-auto{flex:0 0 auto;width:auto}.dda-col-xxl-1{flex:0 0 auto;width:8.33333333%}.dda-col-xxl-2{flex:0 0 auto;width:16.66666667%}.dda-col-xxl-3{flex:0 0 auto;width:25%}.dda-col-xxl-4{flex:0 0 auto;width:33.33333333%}.dda-col-xxl-5{flex:0 0 auto;width:41.66666667%}.dda-col-xxl-6{flex:0 0 auto;width:50%}.dda-col-xxl-7{flex:0 0 auto;width:58.33333333%}.dda-col-xxl-8{flex:0 0 auto;width:66.66666667%}.dda-col-xxl-9{flex:0 0 auto;width:75%}.dda-col-xxl-10{flex:0 0 auto;width:83.33333333%}.dda-col-xxl-11{flex:0 0 auto;width:91.66666667%}.dda-col-xxl-12{flex:0 0 auto;width:100%}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-inline-grid{display:inline-grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-0{margin:0 !important}.m-1{margin:0.25rem !important}.m-2{margin:0.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important}.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:0.25rem !important}.mt-2{margin-top:0.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:0.25rem !important}.me-2{margin-right:0.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:0.25rem !important}.mb-2{margin-bottom:0.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:0.25rem !important}.ms-2{margin-left:0.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:0.25rem !important}.p-2{padding:0.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important}.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem !important}.pt-2{padding-top:0.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:0.25rem !important}.pe-2{padding-right:0.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:0.25rem !important}.pb-2{padding-bottom:0.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:0.25rem !important}.ps-2{padding-left:0.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.no-gutters{margin-right:0;margin-left:0}.dda-dashboard-header-main{background-color:var(--dda-surface-100)}.dda-db-header-top{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-bottom{display:flex;justify-content:space-between;align-items:center;padding:0px 30px;border-bottom:1px solid var(--dda-surface-90)}.dda-db-header-left{display:flex;align-items:center;gap:15px}.dda-db-header-left .logo{width:100px;height:37px}.dda-dashboard-header-menu{display:flex;align-items:center}.dda-dashboard-header-menu ul{height:100%;margin:0;padding:0;display:flex;align-items:center}.dda-dashboard-header-menu ul li{display:inline-flex}.dda-dashboard-header-menu ul li a.menu-item{height:48px;display:flex;align-items:center;border-radius:8px;padding:0 16px;text-decoration:none;font-size:var(--dda-fs-body-lg);color:var(--dda-on-surface-0);font-weight:var(--dda-fw-400);position:relative}.dda-dashboard-header-menu.dda-menu-default ul li:hover a.menu-item{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40);font-weight:var(--dda-fw-700)}.dda-dashboard-header-menu.dda-menu-underline.full-height a.menu-item{height:69px}.dda-dashboard-header-menu.dda-menu-underline ul li:hover a.menu-item::after{content:"";width:calc(100% - 32px);height:4px;background:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;position:absolute;bottom:0;left:16px}.dda-db-header-right{display:flex;align-items:center;gap:10px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.dda-footer{box-shadow:0 -2px 13px 0 rgba(0, 0, 0, 0.12);background-color:var(--dda-surface-100);position:fixed;bottom:0;left:0;width:100%;z-index:5;padding:0 20px;transform:translateY(0);transition:transform 300ms ease-in-out}:root{scroll-padding-bottom:var(--dda-sticky-footer-height, 0px)}body{padding-bottom:var(--dda-sticky-footer-height, 0px)}.dda-footer.hidden{transform:translateY(100%)}.footer-content{height:64px;display:flex;align-items:center;justify-content:space-between}.dda-footer-item{display:flex;align-items:center}.dda-footer-item ul{display:inline-flex;align-items:center}.dda-footer-item ul li{padding:0 10px;border-inline-start:solid 1px #E0E3E2}.dda-footer-item ul li:first-child{border:0px}.foot-icon-btn a{height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--dda-fs-body-lg);font-weight:500;color:var(--dda-color-primary-40)}.foot-icon-btn a img{height:32px}.foot-icon-btn a i{font-size:32px}.dda-footer-item ul li.foot-menu{padding:0 5px}.foot-menu a{color:var(--dda-on-surface-0)}.foot-menu a i,.foot-menu a svg{font-size:20px;color:var(--dda-on-surface-variant-30);fill:var(--dda-on-surface-variant-30)}.foot-menu a img{height:40px}.foot-logo a{background-color:var(--dda-neutral-100);height:40px;display:flex;align-items:center}.foot-logo a img{height:35px}@media only screen and (orientation: landscape) and (max-width: 768px){.footer-content{height:44px}.dda-footer-item .foot-icon-btn a{width:35px;height:35px}}@media (max-width: 992px){.dda-footer{background:transparent;box-shadow:none}.foot-menu{display:none}.foot-icon-btn a span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.dda-footer-item ul li{padding:0 8px;border:0px !important}.foot-icon-btn a{width:48px;height:48px;background:#ffffff;border-radius:50px;box-shadow:0 6px 20px rgba(0, 0, 0, .2)}.foot-icon-btn a img{height:24px}.foot-icon-btn a i{font-size:24px}}@media (max-width: 1400px){.dda-footer-middle{display:none}}.dda-dashboard-sidebar{position:fixed;top:0;left:0;height:100%;width:80px;background:var(--dda-surface-100);border-right:1px solid var(--dda-surface-90);z-index:100;transition:all 0.25s ease;padding-top:16px}.dda-dashboard-sidebar hr{border-color:var(--dda-color-surface-99)}.db-icon-logo{display:flex;align-items:center;padding:0px 17px;margin-bottom:15px}.db-icon-logo .db-logo{width:44px;height:44px;display:flex;gap:16px;align-items:center;padding:0px;border:transparent;background:transparent}.db-btn-container{display:flex;align-items:center;gap:16px;padding:0 27px}.db-btn-container .burdger-menu{background:none;outline:none;border:0px;padding:0px;font-size:16px;color:var(--dda-on-surface-variant-30)}.sidebar-open .db-btn-container{padding:0 14px}.db-btn-container .logo{width:100px;display:none}.sidebar-open .db-btn-container .logo{display:block}.db-logo .logo-icon{width:44px;height:44px}.sidebar-open .db-icon-logo{display:none}.db-logo .logo{display:none;width:150px}.sidebar-open .db-logo .logo{display:block}.dashboard-sidebar-menu{display:flex;flex-direction:column;padding:16px;gap:4px;transition:all 0.25s ease}.dashboard-sidebar-menu li{display:flex;justify-content:center}.dashboard-sidebar-menu li a{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;font-size:16px;color:var(--dda-on-surface-variant-30);font-weight:700;border-radius:5px}.dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94);color:var(--dda-color-primary-40)}.dashboard-sidebar-menu li a i,.dashboard-sidebar-menu li a svg{font-size:20px}.dashboard-sidebar-menu .text-wrap{display:none;align-items:center;gap:12px}.dashboard-sidebar-menu .counter{display:none;height:20px;min-width:20px;border:solid 1px var(--dda-surface-90);border-radius:30px;font-size:14px;text-align:center}.dda-dashboard-sidebar.sidebar-open{width:280px}.sidebar-open .dashboard-sidebar-menu{padding:16px 0}.sidebar-open .dashboard-sidebar-menu li a{border-radius:0;width:100%;position:relative}.sidebar-open .dashboard-sidebar-menu li a::before{content:"";width:3px;height:100%;background-color:var(--dda-color-primary-40);position:absolute;top:0;left:0;opacity:0}.sidebar-open .dashboard-sidebar-menu li a:hover{background-color:var(--dda-neutral-variant-94)}.sidebar-open .dashboard-sidebar-menu li a:hover::before{opacity:1}.dashboard-sidebar-menu .text-wrap{display:flex}.dashboard-sidebar-menu .menu-text{display:none}.dda-dashboard-sidebar.sidebar-open .counter{display:block}.dda-dashboard-sidebar.sidebar-open .menu-text{display:block}.dda-table-container{background:var(--dda-surface-100);border:solid 1px var(--dda-surface-90);border-radius:10px;box-shadow:0px 1px 2px 0px rgba(16, 24, 40, 0.04)}.dda-table-header,.dda-table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px 16px 24px}.dda-table-header-content{color:var(--dda-on-surface-0);display:flex;justify-content:space-between;align-items:center;gap:10px}.dda-table{width:100%;border-collapse:collapse}.dda-table th,.dda-table td{color:var(--dda-on-surface-0);text-align:justify;padding:12px 24px;border:0px;border-top:solid 1px var(--dda-surface-90);border-bottom:solid 1px var(--dda-surface-90)}.dda-table th{background-color:var(--dda-surface-96);font-size:14px;font-weight:var(--dda-fw-500)}.dda-table-sm th,.dda-table-sm td{padding:8px}.dda-table-striped tbody tr:nth-of-type(even){background-color:var(--dda-surface-96)}.dda-payment-info{display:inline-flex;align-items:center;gap:15px}.dda-payment-icon{width:58px;height:40px;padding:6px;border:solid 1px var(--dda-surface-90);border-radius:8px}.dda-user-info{display:flex;align-items:center;gap:10px}.dda-user-details{display:flex;flex-direction:column;align-items:flex-start}.dda-user-name{font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0)}.dda-user-role{color:var(--dda-on-surface-variant-30);font-size:var(--dda-fs-body-md)}.WB-footer{background-color:var(--dda-surface-100);color:var(--dda-on-surface-variant-30)}.WB-footer .entt-logo{width:135px}.WB-footer .footer-menu{display:flex;flex-direction:column;gap:12px}.WB-footer .footer-menu a{color:var(--dda-on-surface-variant-30)}.WB-footer .footer-menu a:hover{color:var(--dda-color-primary-40)}.WB-footer .line-seperater{border-bottom:solid 1px #E0E3E2;padding-top:36px;padding-bottom:36px}.footer-social-icn{width:24px;height:24px}@media screen and (max-width: 992px){.WB-footer .line-seperater{padding-top:26px;padding-bottom:26px}}.dda-header{width:100%;height:auto;background:var(--dda-surface-100);transition:all 300ms ease-in-out;box-shadow:0px 6px 7px 0px rgba(0, 0, 0, 0.13);position:fixed;top:0;left:0;z-index:6}.dda-header.white{background:var(--dda-surface-100) !important}.dda-header .dda-container-fluid{position:relative}.transparent dda-header:not(.dda-scrolled) .dda-header{background:transparent;box-shadow:none}.transparent dda-header:not(.dda-scrolled) .dda-header::before{content:"";width:100%;height:250px;pointer-events:none;background:linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.dda-header.white::before{display:none !important}.dda-head-logo{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative}.govt-logo img{height:70px}.entt-logo img{height:44px}.transparent dda-header:not(.dda-scrolled) .logo-colored{display:none}.logo-white{display:none}.transparent dda-header:not(.dda-scrolled) .logo-white{display:block}.dda-header.white .dda-head-logo .logo-white,:root[data-theme='dark'] .dda-head-logo .logo-colored{display:none}.dda-header.white .dda-head-logo .logo-colored,:root[data-theme='dark'] .dda-head-logo .logo-white{display:block}.dda-menu-container{width:90vw;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}.dda-main-navigation{display:flex;align-items:center;gap:10px}.dda-menu-overley{width:100%;height:100vh;background:#0000007e;position:fixed;top:0;left:0;z-index:1;display:none}.dda-menu-overley.show-overley{display:block}.hamburger-menu{display:flex;align-items:center}.hamburger-menu>dda-tooltip{height:40px;display:inline-flex;align-items:center}.hamburger-menu-btn{width:40px;height:40px;padding:0;background-color:transparent;border:transparent;position:relative}.hamburger-menu-btn::before,.hamburger-menu-btn::after{content:""}.hamburger-menu-btn::before,.hamburger-menu-btn::after,.hamburger-line{content:"";width:21px;height:2px;border-radius:4px;background-color:var(--dda-on-surface-30);position:absolute;left:9.5px}.hamburger-menu-btn::before{top:14px}.hamburger-menu-btn::after{top:24px}.hamburger-line{top:19px}.hamburger-menu-btn:hover::before,.hamburger-menu-btn:hover::after,.hamburger-menu-btn:hover .hamburger-line{background-color:var(--dda-color-primary-40)}.transparent dda-header:not(.dda-scrolled) .hamburger-menu-btn::before,.transparent dda-header:not(.dda-scrolled) .hamburger-menu-btn::after,.transparent dda-header:not(.dda-scrolled) .hamburger-line{background-color:var(--dda-neutral-100) !important}.hamburger-menu-btn.close-menu .hamburger-line{display:none}.hamburger-menu-btn.close-menu::before{transform:rotate(45deg);top:19px}.hamburger-menu-btn.close-menu::after{transform:rotate(-45deg);top:19px}.hamburger-menu-text{width:0;height:0;opacity:0;position:absolute}.close-btn{position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem;background:none;border:0;font-size:1.5em;z-index:10;color:#999999;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.dda-mega-menu{margin:0;padding:0;list-style:none;display:flex;align-items:center}.dda-mega-menu>li>a{display:block;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);padding:20px 16px;position:relative}.dda-mega-menu>li:hover>a,.dda-mega-menu>li>a.active{color:var(--dda-color-primary-40)}.transparent dda-header:not(.dda-scrolled) .dda-mega-menu>li>a{color:var(--dda-neutral-100)}.dda-mega-menu>li>a::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:4px;background-color:var(--dda-color-primary-40);border-radius:8px 8px 0px 0px;transform:translateX(-50%);transition:all 0.25s ease-in-out}.transparent dda-header:not(.dda-scrolled) .dda-mega-menu>li>a::after{background-color:var(--dda-neutral-100)}.dda-mega-menu>li:hover>a::after,.dda-mega-menu>li>a:focus-visible:after,.dda-mega-menu>li>a.active::after{width:calc(100% - 32px)}.megamenu-content{display:none;width:100%;padding:0 15px;position:fixed;top:150px;left:0}.megamenu-item{min-height:350px;background:var(--dda-surface-100);border-radius:8px;margin:0 auto;padding:42px 15px;box-shadow:0px 10px 15px -3px rgba(16, 24, 40, 0.1);position:relative}.megamenu-item .mega-menu-title{height:24px;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);color:var(--dda-on-surface-0);text-transform:uppercase;padding-inline-start:69px;margin-bottom:10px}.megamenu-item ul{display:flex;flex-direction:column;gap:8px;list-style:none}.megamenu-link{width:100%;display:flex;align-items:center;gap:15px;padding:10px 16px;background:var(--dda-surface-100);color:var(--dda-on-surface-0);border-radius:8px;transition:all 500ms ease}.megamenu-link .dda-btn{background:var(--dda-neutral-variant-94) !important}.megamenu-link .dda-btn i{color:var(--dda-color-primary-40)}.megamenu-link .text-wrap{display:flex;flex-direction:column;width:100%}.megamenu-link:hover .title-text{color:var(--dda-color-primary-40)}.megamenu-link:hover{background:var(--dda-neutral-variant-96)}.megamenu-link .arrow-icon{color:var(--dda-color-primary-40);opacity:0;transition:all 500ms ease}:root[dir='rtl'] .megamenu-link .arrow-icon{transform:rotate(180deg)}.megamenu-link:hover .arrow-icon{opacity:1}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul,.dda-toolbar-menu-sidemenu ul{display:flex;gap:10px;justify-content:center;margin:0px}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-height:40px;min-width:40px;background-color:var(--dda-surface-96);font-size:14px;color:var(--dda-on-surface-10);font-weight:var(--dda-fw-700);border:0px;padding:8px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn{background-color:var(--dda-neutral-17);color:var(--dda-neutral-100)}.dda-toolbar-menu ul li .tool-btn img,.dda-toolbar-menu-sidemenu ul li .tool-btn img{height:17px;width:17px}.dda-toolbar-menu ul li .tool-btn i,.dda-toolbar-menu ul li .tool-btn svg,.dda-toolbar-menu-sidemenu ul li .tool-btn i,.dda-toolbar-menu-sidemenu ul li .tool-btn svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn i,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu ul li .tool-btn svg,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn i,.transparent dda-header:not(.dda-scrolled) .dda-toolbar-menu-sidemenu ul li .tool-btn svg{color:var(--dda-neutral-100)}.dda-search{position:relative}.dda-search i,.dda-search svg{position:absolute;top:10px;inset-inline-start:13px}.dda-search input[type="text"]{width:90px;height:40px;background-color:transparent;border:0px;color:var(--dda-on-surface-0);border-radius:100px;padding-inline-start:33px;padding-inline-end:10px;transition:all 250ms ease}.dda-search input[type="text"]:focus{width:250px;outline:0}.dda-search:focus-within{box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-mobile-search button:focus-visible,.dda-toolbar-menu-sidemenu ul li .tool-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-on-surface-0)}.dda-search input[type="text"]::placeholder{color:var(--dda-on-surface-0)}.transparent dda-header:not(.dda-scrolled) .dda-search input[type="text"]::-ms-input-placeholder{color:var(--dda-neutral-100)}.transparent dda-header:not(.dda-scrolled) .dda-search input[type="text"]::placeholder{color:var(--dda-neutral-100)}.dda-sidemenu{display:none;width:375px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:fixed;top:0px;inset-inline-start:-375px;bottom:0px;z-index:9;transition:left 0.5s ease}.dda-sidemenu-content{display:flex;flex-direction:column;gap:15px;padding:32px;overflow-y:auto;overscroll-behavior:contain;height:100%}.dda-sidemenu-content::-webkit-scrollbar{width:6px}.dda-sidemenu-content::-webkit-scrollbar-track{background:var(--dda-surface-variant-90)}.dda-sidemenu-content::-webkit-scrollbar-thumb{background:var(--dda-surface-variant-80)}.dda-sidemenu-content::-webkit-scrollbar-thumb:hover{background:var(--dda-color-primary-40)}.dda-side-nav-title{font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-700);text-transform:uppercase;color:var(--dda-on-surface-0)}ul.main_side_menu{margin:0;margin-bottom:30px;padding:0px}ul.main_side_menu li{list-style:none;padding:0}ul.main_side_menu li a{display:flex;justify-content:space-between;padding-top:13px;padding-bottom:14px;text-decoration:none;font-size:var(--dda-fs-body-lg);font-weight:var(--dda-fw-500);color:var(--dda-on-surface-0);border-bottom:1px solid var(--dda-surface-90);width:100%;cursor:pointer;position:relative}.main_sub_menu>ol>li:last-child>a{border-bottom:0}ul.main_side_menu li a.showSub::after,ul.main_side_menu li a.showSubSub::after{content:"";width:9px;height:9px;border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);position:absolute;top:50%;inset-inline-end:3px;margin-top:-4.5px;transform:rotate(-45deg);transition:all 250ms ease}ul.main_side_menu li a i{display:block}:root[dir='rtl'] ul.main_side_menu li a i{transform:rotate(180deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub::after{transform:rotate(135deg)}:root[dir='rtl'] .material-icons{direction:rtl}ul.main_side_menu li a:hover,ul.main_side_menu li a.icon_arrow{color:var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40);padding-bottom:13px}ul.main_side_menu li a.showSub.icon_arrow::after,ul.main_side_menu li a.showSubSub.icon_arrow::after{border-right:solid 2px var(--dda-color-primary-40);border-bottom:solid 2px var(--dda-color-primary-40)}ul.main_side_menu li .main_sub_menu{display:none;position:fixed;margin-top:-50px;inset-inline-start:380px;width:350px;background:var(--dda-surface-100);padding:25px 20px 15px 20px;border-radius:10px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12)}ul.main_side_menu li .main_sub_menu.showSubMenu{display:block}.main_sub_menu ol{padding:0px}ul.main_side_menu .main_sub_menu{padding:25px 10px 15px 20px}.main_sub_menu>ol{max-height:300px;overflow:auto;padding:2px 2px 10px 2px}.dda-side-nav__title{font-size:1em;color:var(--dda-on-surface-0);font-weight:var(--dda-fw-500);text-transform:uppercase;margin-bottom:10px}.main_sub_menu>ol::-webkit-scrollbar{width:3px}.main_sub_menu>ol::-webkit-scrollbar-track{background:#fafafa}.main_sub_menu>ol::-webkit-scrollbar-thumb{background:var(--dda-neutral-variant-92)}.main_sub_menu>ol::-webkit-scrollbar-thumb:hover{background:var(--dda-neutral-variant-92)}.main_sub_menu li{position:relative}ul.main_side_menu .main_sub_menu .main_sub_menu{inset-inline-start:735px}ul.main_side_menu .main_sub_menu .main_sub_menu .main_sub_menu{inset-inline-start:1090px}.side-nav-close-btn{top:1.5rem;inset-inline-end:1.5rem}.dda-sidemenu-bottom{width:100%;position:fixed;inset-inline-start:0;bottom:0;display:none}.dda-sidemenu-gov-logo{display:flex;justify-content:center}.dda-sidemenu-gov-logo a{display:inline-block}.dda-sidemenu-gov-logo img{height:44px}.dda-accessibility-wrap{width:100%;padding:0 10px;position:fixed;top:185px;left:0}.dda-accessibility{max-width:880px;margin:0 auto;background:var(--dda-surface-100);padding:20px;border-radius:8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);position:relative;display:none;transition:left 0.5s ease}.mobile-accessibility{position:absolute;top:0px;z-index:10;height:100%}.dda-accessibility-item{border-inline-start:solid 1px #E5E5E5}.dda-accessibility .dda-row .dda-accessibility-item:first-child{border:0px}.dda-theme-list{display:flex;flex-direction:column;gap:8px}.close_accessibility{top:5px;inset-inline-end:5px}.dda-mobile-entt-logo,.dda-mobile-search{display:none;overflow:hidden}.dda-mobile-search button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:transparent}.dda-mobile-search button i,.dda-mobile-search button svg{font-size:24px;width:24px;height:24px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search button svg{fill:var(--dda-on-surface-variant-30)}.transparent dda-header:not(.dda-scrolled) .dda-mobile-search button i,.transparent dda-header:not(.dda-scrolled) .dda-mobile-search button svg{color:var(--dda-neutral-100)}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.transparent dda-header:not(.dda-scrolled) .dda-header::before{height:130px}.dda-header{padding:0 !important}.dda-menu-overley{display:none !important}.side-nav-close-btn{display:block}.dda-menu-container{height:80px;position:relative}.dda-head-logo{display:none}.dda-mobile-entt-logo,.dda-mobile-search{display:block}.dda-mobile-entt-logo img{height:40px}.dda-toolbar-menu{position:absolute;width:0;display:none}.dda-toolbar-menu ul li .tool-btn{display:none}.dda-accessibility-wrap{top:81px;padding:0}.dda-accessibility-wrap .dda-accessibility{height:calc(100vh - 82px);border-radius:0px;box-shadow:none}.dda-accessibility .dda-row{gap:30px}.dda-accessibility-item{border:0px}.dda-sidemenu-content{height:calc(100% - 130px);padding:32px 17px 32px 32px}.dda-sidemenu .dda-sidemenu-bottom{display:block;position:initial}.main_side_menu .dda-side-nav__title{display:none}.main_side_menu_wrap{height:calc(100% - 100px);overflow:auto;padding:5px}.main_side_menu_wrap::-webkit-scrollbar{width:3px}.main_side_menu_wrap::-webkit-scrollbar-track{background:#fafafa}.main_side_menu_wrap::-webkit-scrollbar-thumb{background:#e7e7e7}.main_side_menu_wrap::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.dda-sidemenu{width:100%;top:80px;padding-inline-end:15px}ul.main_side_menu li .main_sub_menu{position:inherit !important;inset-inline-start:inherit !important;top:inherit ! Important;margin:0px !important;width:100% !important;padding:0px;padding-inline-start:10px;box-shadow:none}ul.main_side_menu li a.icon_arrow::after{transform:rotate(45deg)}:root[dir='rtl'] ul.main_side_menu li a.showSub.icon_arrow::after,:root[dir='rtl'] ul.main_side_menu li a.showSubSub.icon_arrow::after{transform:rotate(45deg)}.main_sub_menu>ol>li:last-child>a{border-bottom:1px solid #00000022}ul.main_side_menu li a.icon_arrow,ul.main_side_menu .main_sub_menu li a .icon_arrow{color:var(--dda-color-primary-40)}ul.main_side_menu .main_sub_menu ol{height:auto;max-height:none;padding:0}.maincontent{padding-top:100px}}@media (max-width: 1024px){.dda-mega-menu{display:none}.dda-header{padding:10px 0}}@media screen and (max-width: 1160px) and (min-width: 1024px){.dda-mega-menu>li>a{font-size:var(--dda-fs-body-md)}}@media only screen and (orientation: landscape) and (max-width: 989px){.dda-head-logo{padding-top:5px;padding-bottom:5px}.dda-head-logo .entt-logo img{height:39px}.dda-toolbar-menu{padding:5px 0}}@media only screen and (orientation: landscape) and (max-width: 768px){.dda-menu-container{height:40px;position:relative}.dda-mobile-entt-logo img{height:25px}.dda-sidemenu{top:40px}.dda-sidemenu-gov-logo img{height:27px}.dda-sidemenu-content{height:calc(100% - 75px)}.dda-toolbar-menu ul li .tool-btn{height:40px;min-width:40px;padding:8px}ul.main_side_menu li a{padding-top:5px;padding-bottom:5px}.dda-accessibility-wrap{top:41px}.dda-accessibility-wrap .dda-accessibility{height:150px;overflow-y:auto}.dda-toolbar-menu,.dda-toolbar-menu-sidemenu{padding:0}.dda-toolbar-menu ul li .tool-btn,.dda-toolbar-menu-sidemenu ul li .tool-btn{height:40px;min-width:40px;padding:8px}}.dda-mobile-search-panel{position:absolute;top:100%;inset-inline:0;padding:12px 16px;background:var(--dda-surface-100);box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);z-index:8}.dda-mobile-search-panel[hidden]{display:none}.dda-mobile-search-form{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--dda-surface-90);border-radius:100px;padding-inline-start:12px}.dda-mobile-search-form:focus-within{box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}.dda-mobile-search-form>i{font-size:24px;color:var(--dda-on-surface-variant-30)}.dda-mobile-search-form input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:var(--dda-on-surface-0);font-size:var(--dda-fs-body-lg);outline:0}.dda-mobile-search-close{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:transparent;color:var(--dda-on-surface-variant-30)}.dda-mobile-search-close:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 0, 0, 0.65)}@media screen and (min-width: 768px){.dda-mobile-search-panel{display:none}}:root{--font-family-main:'Dubai', sans-serif}body{background-color:var(--dda-surface-100) !important;font-family:"Dubai", Helvetica, sans-serif !important;font-size:var(--dda-fs-body-lg) !important;font-weight:var(--dda-fw-400) !important;line-height:1.5;color:var(--dda-on-surface-0) !important;margin:0}*{box-sizing:border-box}ul{margin:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1,.dda-h1{font-size:var(--dda-h1);font-weight:400}h2,.dda-h2{font-size:var(--dda-h2);font-weight:400}h3,.dda-h3{font-size:var(--dda-h3);font-weight:400}h4,.dda-h4{font-size:var(--dda-h4);font-weight:400}h5,.dda-h5{font-size:var(--dda-h5);font-weight:400}h6,.dda-h6{font-size:var(--dda-h6);font-weight:400}.dda-title{font-size:var(--dda-title);font-weight:500}.dda-body{font-size:var(--dda-body);font-weight:400}.dda-caption{font-size:var(--dda-caption);font-weight:400}.dda-label{font-size:var(--dda-label);font-weight:400}a,a:hover{text-decoration:none !important}:where(p,td,dd,blockquote,figcaption) a:not([class]),:where(p,td,dd,blockquote,figcaption) a:not([class]):hover{text-decoration:underline !important}button{cursor:pointer}ul{margin:0 !important;padding:0 !important;list-style:none}.dda-btn.cta-transparent{background:none;color:#ffffff;border:0px}.dda-btn.cta-transparent:hover{background:#ffffff;color:inherit}.dda-bg-primary{background-color:var(--dda-color-primary-40)}.dda-bg-secondary{background-color:var(--dda-color-secondary)}.dda-color-primary{color:var(--dda-color-primary-40)}.dda-color-secondary{color:var(--dda-color-primary-40)}.dda-color-error{color:var(--dda-color-error-40)}.dda-color-warning{color:var(--dda-color-warning-40)}.dda-color-success{color:var(--dda-color-warning-40)}.dda-color-info{color:var(--dda-color-info-40)}.dda-color-neutral{color:var(--dda-on-surface-40)}.dda-color-neutralvariant{color:var(--dda-on-surface-variant-40)}.dda-color-black{color:var(--dda-on-surface-0)}.visualy-hidden{position:absolute;opacity:0;width:0px;overflow:hidden}.dda-rounded-sm{border-radius:4px !important}.dda-rounded-md{border-radius:8px !important}.dda-rounded-lg{border-radius:12px !important}.dda-rounded-circle{border-radius:100px !important}.dda-gap-16{gap:4rem !important}.dda-gap-12{gap:3rem !important}.dda-gap-10{gap:2.5rem !important}.dda-gap-8{gap:2rem !important}.dda-gap-6{gap:1.5rem !important}.dda-gap-5{gap:1.25rem !important}.dda-gap-4{gap:1rem !important}.dda-gap-3{gap:.75rem !important}.dda-gap-2{gap:.5rem !important}.dda-gap-1{gap:0.375rem !important}::-ms-input-placeholder{color:#8E9191}::placeholder{color:#8E9191}.dda-d-none{display:none}.dda-flex{display:flex}.dda-flex-column{flex-direction:column}.dda-inline-flex{display:inline-flex}.dda-align-center{align-items:center}.dda-justify-space{justify-content:space-between}.dda-justify-center{justify-content:center}.m-0{margin:0px !important}.p-0{padding:0px !important}.py-0{padding-top:0px !important;padding-bottom:0px !important}.border-right{border-inline-end:solid 1px #E5E5E5}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.maincontent{padding-top:170px;padding-bottom:100px}@media screen and (max-width: 767px){.maincontent{padding-top:100px}}`;
6
+
7
+ const DdaFooter = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ /** Heading level (1 to 6) of `footerTitle`, to fit the page's heading order. Default: `4`. */
11
+ this.heading_level = 4;
12
+ }
13
+ parseJsonArray(jsonString) {
14
+ try {
15
+ return JSON.parse(jsonString);
16
+ }
17
+ catch (e) {
18
+ console.error('Failed to parse JSON:', e);
19
+ return [];
20
+ }
21
+ }
22
+ render() {
23
+ const sections = this.parseJsonArray(this.footerSections);
24
+ const icons = this.parseJsonArray(this.socialIcons);
25
+ // Clamp to a valid heading element; the classes keep the same look at every level.
26
+ const requestedLevel = Math.round(Number(this.heading_level));
27
+ const level = Number.isNaN(requestedLevel) ? 4 : Math.min(6, Math.max(1, requestedLevel));
28
+ const TitleTag = `h${level}`;
29
+ return (h("footer", { key: '521caff9c6c521f0ead1a0ae11677769930328e1', class: "WB-footer" }, h("div", { key: '46129fc9bf4e99b05ec489538ebc73e48afe202a', class: "dda-container line-seperater" }, h("div", { key: 'd43a87a3fca769911595517f48b9f3985cc4b899', class: "dda-flex dda-align-center flex-column dda-gap-5" }, h(TitleTag, { key: 'b9d3bc417c4f039816584ac6cec62e189acc098d', class: "dda-fs-display-sm dda-fw-700 dda-color-black" }, this.footerTitle), h("p", { key: 'e7f7b0bf9098e8ec371f37935c5f5cd1d78d9ded', class: "dda-fs-title-sm dda-fw-400 mb-3" }, this.description), h("div", { key: '95de23ef3068e49bc5b0ce4c4eba6714fb17f32c', class: "dda-flex dda-gap-5" }, h("dda-button", { key: 'bb8802b5b0d2749f7484fb2e8c4b26d8979bb977', button_color: "default-primary", size: "lg" }, this.signUpButtonText), h("dda-button", { key: 'ab82dcb1b4acd031dc464a917d853e8b2f26e862', button_color: "default-tertiary", size: "lg" }, this.loginButtonText)))), h("div", { key: '9f08aec61f1f268cb0dc84051d7658e8bd408edd', class: "dda-container line-seperater" }, h("div", { key: '1016ef66bea421c57f8812666ec6e9ef5f512381', class: "dda-row" }, h("div", { key: '1b5f215c919718ce80ad1e5f3fe5141110c629ea', class: "dda-col-lg-4 mb-3" }, h("div", { key: 'a2fd45a7c6280332aed7c91a090cbe136b394f16', class: "text-center" }, h("img", { key: 'bf94335f5522b8c92b857a61bbfda0ebb130bce9', class: "entt-logo", src: this.logoSrc, alt: this.logoAlt }), this.logoDescription && h("p", { key: '3b9ed6c844a84dc776dbc278b7dddf640be93517', class: "dda-fs-title-sm" }, this.logoDescription))), h("div", { key: '47d6e05b4346b64d3127c02de78046f548570582', class: "dda-col-lg-8" }, h("div", { key: '7c70dbb05573e1e4f045350e8a4c65da0d42c121', class: "dda-row" }, sections.map((section) => (h("div", { class: "dda-col-6 dda-col-sm-6 dda-col-md-3 mb-3" }, h("p", { class: "dda-fs-title-sm dda-fw-700 dda-color-black mb-3" }, section.title), h("ul", { class: "footer-menu" }, section.links.map((link) => (h("li", null, h("a", { class: "dda-fs-title-sm dda-fw-400", href: link.href }, link.label)))))))))))), h("div", { key: '071adeab6bac91d82851d40a90a15cc28620f87b', class: "dda-container pt-4" }, h("div", { key: '19d9d4c2aa5e05a0d167da58a8cc2912d5275d1b', class: "dda-flex dda-align-center dda-justify-space" }, h("p", { key: '2027228124320bbdb6606787bffb726cd18e95c0', class: "dda-fs-title-sm" }, this.copyrightText), h("ul", { key: '23e2aa0f8b3582335e3934b22cfd86ba8836b82b', class: "dda-flex dda-align-center dda-gap-4" }, icons.map((icon) => (h("li", null, h("a", { href: icon.href }, h("img", { class: "footer-social-icn", src: icon.src, alt: icon.alt }))))))))));
30
+ }
31
+ };
32
+ DdaFooter.style = ddaFooterCss() + globalCss();
33
+
34
+ export { DdaFooter as dda_footer };
@@ -0,0 +1,282 @@
1
+ import { r as registerInstance, d as createEvent, h, e as getElement } from './index-CFIwfRqf.js';
2
+
3
+ const ddaHeaderCss = () => `:root{scroll-padding-top:170px}@media screen and (max-width: 767px){:root{scroll-padding-top:100px}}:root.dda-scroll-lock{overflow:hidden;scrollbar-gutter:stable}:root.dda-scroll-lock body{overflow:hidden}`;
4
+
5
+ // Gives each header its own search input ids, so several headers on a page do not clash.
6
+ let headerInstanceCount = 0;
7
+ const DdaHeader = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.languageSwitch = createEvent(this, "languageSwitch", 7);
11
+ this.smTextSize = createEvent(this, "smTextSize", 7);
12
+ this.baseTextSize = createEvent(this, "baseTextSize", 7);
13
+ this.lgTextSize = createEvent(this, "lgTextSize", 7);
14
+ this.normalContrast = createEvent(this, "normalContrast", 7);
15
+ this.blindContrast = createEvent(this, "blindContrast", 7);
16
+ this.redContrast = createEvent(this, "redContrast", 7);
17
+ this.greenContrast = createEvent(this, "greenContrast", 7);
18
+ this.searchSubmit = createEvent(this, "searchSubmit", 7);
19
+ /** Link URL of the first logo in the header and the side menu. Default: `/`. */
20
+ this.firstLogoHref = '/';
21
+ /** Link URL of the second logo on desktop and mobile. Default: `/`. */
22
+ this.secondLogoHref = '/';
23
+ /** Hides the Login link in the desktop toolbar and the side menu. */
24
+ this.hide_login = false;
25
+ /** `lang` attribute of the language buttons, the language of `language_text`. Default: `ar`. */
26
+ this.language_lang = 'ar';
27
+ this.isMenuOpen = false;
28
+ this.isSubMenuOpen = false;
29
+ this.isSideSubMenuOpen = false;
30
+ this.isAccessibiltyOpen = false;
31
+ this.isSearchOpen = false;
32
+ this.searchId = `dda-header-search-${++headerInstanceCount}`;
33
+ this.focusSearchAfterRender = false;
34
+ this.lastScrollTop = 0;
35
+ /** Accessible name of the hamburger menu button (visually hidden text). Default: `Menu`. */
36
+ this.menu_button_label = 'Menu';
37
+ this.openMenus = {};
38
+ this.activeMenuIndex = null;
39
+ this.toggleEscapeKey = (event) => {
40
+ if (event.key === 'Escape') {
41
+ if (this.isSearchOpen) {
42
+ this.closeMobileSearch();
43
+ }
44
+ this.isMenuOpen = false;
45
+ this.isAccessibiltyOpen = false;
46
+ this.isSubMenuOpen = false;
47
+ this.isSideSubMenuOpen = false;
48
+ this.activeMenuIndex = null;
49
+ }
50
+ };
51
+ this.handleSearchSubmit = (event) => {
52
+ const input = event.currentTarget.querySelector('input');
53
+ const query = input.value.trim();
54
+ if (!query) {
55
+ event.preventDefault();
56
+ input.focus();
57
+ return;
58
+ }
59
+ const searchEvent = this.searchSubmit.emit({ query });
60
+ // Without a results URL there is nowhere to go; a cancelled event means the app routes itself.
61
+ if (searchEvent.defaultPrevented || !this.search_action) {
62
+ event.preventDefault();
63
+ }
64
+ };
65
+ this.openMobileSearch = () => {
66
+ this.focusSearchAfterRender = true;
67
+ this.isSearchOpen = true;
68
+ };
69
+ this.closeMobileSearch = () => {
70
+ var _a;
71
+ this.isSearchOpen = false;
72
+ (_a = this.mobileSearchButton) === null || _a === void 0 ? void 0 : _a.focus();
73
+ };
74
+ this.handleOutsideClick = (event) => {
75
+ let isClickInsideMenu = event.target.closest('.main_side_menu');
76
+ if (!isClickInsideMenu) {
77
+ this.toggleSidebarSubMenu('');
78
+ document.querySelectorAll('.main_sub_menu').forEach((menu) => {
79
+ menu.classList.remove('showSubMenu');
80
+ });
81
+ document.querySelectorAll('.showSub').forEach((anchor) => {
82
+ anchor.classList.remove('icon_arrow');
83
+ });
84
+ }
85
+ };
86
+ this.handleOutsideAccessibilityClick = (event) => {
87
+ if (this.isAccessibiltyOpen) {
88
+ const accessibilityMenu = document.querySelector('.dda-accessibility-wrap .dda-accessibility');
89
+ const isClickInsideDesktopMenu = accessibilityMenu && accessibilityMenu.contains(event.target);
90
+ const isClickOnToggleButton = event.target.closest('.accessibility-btn');
91
+ if (!isClickInsideDesktopMenu && !isClickOnToggleButton) {
92
+ this.isAccessibiltyOpen = false;
93
+ }
94
+ }
95
+ };
96
+ this.handleOutsideMegaMenuClick = (event) => {
97
+ if (this.activeMenuIndex !== null) {
98
+ const megaMenu = document.querySelector('.megamenu-content');
99
+ const isClickInsideMegaMenu = megaMenu && megaMenu.contains(event.target);
100
+ const isClickOnToggleLink = event.target.closest('.showSub');
101
+ if (!isClickInsideMegaMenu && !isClickOnToggleLink) {
102
+ this.activeMenuIndex = null;
103
+ }
104
+ }
105
+ };
106
+ this.handleScroll = () => {
107
+ this.updateScrolled();
108
+ const scrollTop = window.scrollY;
109
+ const menuContainer = document.querySelector('.dda-menu-container');
110
+ const logoContainer = document.querySelector('.dda-header');
111
+ if (scrollTop > this.lastScrollTop && scrollTop > 50) {
112
+ if (menuContainer)
113
+ menuContainer.style.display = 'none';
114
+ if (logoContainer)
115
+ logoContainer.classList.add('white');
116
+ }
117
+ else {
118
+ if (menuContainer)
119
+ menuContainer.style.display = 'flex';
120
+ if (logoContainer)
121
+ logoContainer.classList.remove('white');
122
+ }
123
+ this.lastScrollTop = scrollTop;
124
+ };
125
+ this.toggleMenu = () => {
126
+ if (this.isAccessibiltyOpen) {
127
+ this.isAccessibiltyOpen = false;
128
+ }
129
+ this.isMenuOpen = !this.isMenuOpen;
130
+ };
131
+ this.toggleSubMenu = (index, event) => {
132
+ // this.isSubMenuOpen = !this.isSubMenuOpen;
133
+ if (event)
134
+ event.preventDefault();
135
+ this.activeMenuIndex = this.activeMenuIndex === index ? null : index;
136
+ };
137
+ this.toggleAccessibilty = () => {
138
+ this.isAccessibiltyOpen = !this.isAccessibiltyOpen;
139
+ };
140
+ this.languagehandler = () => {
141
+ this.languageSwitch.emit();
142
+ };
143
+ this.smTexthandler = () => {
144
+ this.smTextSize.emit();
145
+ };
146
+ this.baseTexthandler = () => {
147
+ this.baseTextSize.emit();
148
+ };
149
+ this.lgTexthandler = () => {
150
+ this.lgTextSize.emit();
151
+ };
152
+ this.normalContrasthandler = () => {
153
+ this.normalContrast.emit();
154
+ };
155
+ this.blindContrasthandler = () => {
156
+ this.blindContrast.emit();
157
+ };
158
+ this.redContrasthandler = () => {
159
+ this.redContrast.emit();
160
+ };
161
+ this.greenContrasthandler = () => {
162
+ this.greenContrast.emit();
163
+ };
164
+ this.renderSubMenu = (subMenu, parentLi) => {
165
+ if (!subMenu || subMenu.length === 0)
166
+ return null;
167
+ return (h("div", { class: `main_sub_menu ${this.openMenus[parentLi] ? 'showSubMenu' : ''}` }, subMenu[0].headerLabel && (h("p", { class: "dda-side-nav__title" }, subMenu[0].headerLabel)), h("ol", null, subMenu.map((item, index) => {
168
+ const currentIndex = `${parentLi}-${index}`;
169
+ return (h("li", { key: currentIndex }, h("a", { href: item.href, class: item.subMenu && item.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
170
+ if (item.subMenu && item.subMenu.length > 0) {
171
+ e.preventDefault();
172
+ this.toggleSidebarSubMenu(currentIndex);
173
+ }
174
+ } }, item.label), this.renderSubMenu(item.subMenu, currentIndex)));
175
+ }))));
176
+ };
177
+ }
178
+ toggleSidebarSubMenu(index) {
179
+ if (index === '') {
180
+ this.openMenus = {};
181
+ return;
182
+ }
183
+ const isCurrentlyOpen = this.openMenus[index];
184
+ const newOpenMenus = {};
185
+ if (!isCurrentlyOpen) {
186
+ const parts = index.split('-');
187
+ let parentPath = '';
188
+ for (let i = 0; i < parts.length - 1; i++) {
189
+ parentPath = parentPath ? `${parentPath}-${parts[i]}` : parts[i];
190
+ newOpenMenus[parentPath] = true;
191
+ }
192
+ newOpenMenus[index] = true;
193
+ }
194
+ else {
195
+ for (const key in this.openMenus) {
196
+ if (key !== index && !key.startsWith(`${index}-`)) {
197
+ newOpenMenus[key] = true;
198
+ }
199
+ }
200
+ }
201
+ this.openMenus = newOpenMenus;
202
+ }
203
+ componentDidLoad() {
204
+ this.updateScrolled();
205
+ window.addEventListener('scroll', this.handleScroll);
206
+ document.addEventListener('click', this.handleOutsideClick);
207
+ document.addEventListener('keydown', this.toggleEscapeKey);
208
+ document.addEventListener('click', this.handleOutsideAccessibilityClick);
209
+ document.addEventListener('click', this.handleOutsideMegaMenuClick);
210
+ }
211
+ disconnectedCallback() {
212
+ window.removeEventListener('scroll', this.handleScroll);
213
+ document.removeEventListener('click', this.handleOutsideClick);
214
+ document.removeEventListener('keydown', this.toggleEscapeKey);
215
+ document.removeEventListener('click', this.handleOutsideAccessibilityClick);
216
+ document.removeEventListener('click', this.handleOutsideMegaMenuClick);
217
+ this.lockPageScroll(false);
218
+ }
219
+ // While the side menu is open, the page underneath must not scroll; the menu itself still does.
220
+ onMenuOpenChange(isOpen) {
221
+ this.lockPageScroll(isOpen);
222
+ }
223
+ lockPageScroll(lock) {
224
+ document.documentElement.classList.toggle('dda-scroll-lock', lock);
225
+ }
226
+ componentDidUpdate() {
227
+ var _a;
228
+ // The panel is hidden until this render, so focus can only move into it now.
229
+ if (this.focusSearchAfterRender) {
230
+ this.focusSearchAfterRender = false;
231
+ (_a = this.mobileSearchInput) === null || _a === void 0 ? void 0 : _a.focus();
232
+ }
233
+ }
234
+ renderSearchInput(id, ref) {
235
+ return [
236
+ h("label", { htmlFor: id, class: "visually-hidden" }, this.searchText || 'Search'),
237
+ h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"),
238
+ h("input", { name: this.search_input_name || 'q', type: "text", id: id, placeholder: this.searchText || 'Search', enterkeyhint: "search", autocomplete: "off", ref: ref }),
239
+ ];
240
+ }
241
+ // The transparent style (<body class="transparent">) shows only at the top of the page.
242
+ // Below the top, `dda-scrolled` turns it off in CSS and the header uses the standard style.
243
+ updateScrolled() {
244
+ this.el.classList.toggle('dda-scrolled', window.scrollY > 0);
245
+ }
246
+ parseJsonArray(jsonString) {
247
+ try {
248
+ return JSON.parse(jsonString);
249
+ }
250
+ catch (e) {
251
+ console.error('Failed to parse JSON:', e);
252
+ return [];
253
+ }
254
+ }
255
+ render() {
256
+ const sideMenuItems = this.parseJsonArray(this.sideMenuItems);
257
+ const quickLinks = this.parseJsonArray(this.quickLinks);
258
+ const setActiveMenuIndex = (index) => {
259
+ this.activeMenuIndex = index;
260
+ };
261
+ // The transparent style is opt-in at page level (<body class="transparent">);
262
+ // CSS shows the white or colored logo to match.
263
+ return (h("header", { key: '43166a6b01154f028167b441653d529995f70ddf', class: "dda-header" }, h("div", { key: 'a297117e6057f9629884c39db1c3babdeabf542d', class: "dda-head-logo" }, h("a", { key: '0214471f1b3afbf9ddac97790d36e224430d9f29', href: this.firstLogoHref, class: "govt-logo" }, h("img", { key: '14fc6908a033e635f12f678b0cf3f0eb57656da2', class: "logo-colored", src: this.firstLogoSrc, alt: this.firstLogoAlt }), h("img", { key: 'f44df6db1a4c24ade54f38bda4e693007ba32643', class: "logo-white", src: this.firstLogoWhiteSrc || this.firstLogoSrc, alt: this.firstLogoAlt })), h("a", { key: '875d0b2b37fd65c239e8727b95b8e430d578146c', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: '65e49ed851a16be54d97827f7086f04939508b68', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '2fdd1ec129ab3d3c2647ae009f3573140bf5b642', class: "logo-white", src: this.secondLogoWhiteSrc || this.secondLogoSrc, alt: this.secondLogoAlt }))), h("div", { key: 'b8b18a8497c6942697876b7ca0d6d00de58bc9c5', class: "dda-menu-container" }, h("div", { key: 'b43c4406281640978e3396c91cd6de75122eeb5a', class: "dda-main-navigation" }, h("div", { key: 'b1209cd2a8d120e996d69069985ba30c800c2097', class: `dda-menu-overley ${this.isMenuOpen ? 'show-overley' : ''}`, onClick: this.toggleMenu }), h("div", { key: '175e76801f7075751034c57b686957f830920858', class: "hamburger-menu", onClick: this.toggleMenu }, h("dda-tooltip", { key: '789d7b7454d9efc21daf581c4c925dc5c4cf5d56', title_text: "Menu", position: "top", class: "d-block" }, h("button", { key: '0fadce5552c1b6887485f79141579f03addbeeff', type: "button", class: "hamburger-menu-btn", name: this.hamburger_menu_button_name }, h("span", { key: 'da32b9b73992ddf8b628ff5a59c0983ea232e168', class: "hamburger-line" }), h("span", { key: 'dd5183d61830656cfbb62d153601c9f1b9ce3e27', class: "hamburger-menu-text" }, this.menu_button_label)))), h("div", { key: '35bb4d17184d78cc82f10575c405671d2399c083', class: "dda-sidemenu", style: { display: this.isMenuOpen ? 'block' : '', insetInlineStart: this.isMenuOpen ? '0px' : '' } }, h("div", { key: '8b872eedae11463b79109b86aaebe79049417a0a', class: "dda-sidemenu-content" }, h("p", { key: 'b60ca2503ec258a0a2c929e58a2b60ad6a66be28', class: "dda-side-nav-title" }, "Quick Links"), h("ul", { key: '97a5b237524a897a1dd27cc35dc82f2978b7f88c', class: "main_side_menu" }, sideMenuItems.map((menu, index) => {
264
+ const currentIndex = `menu-${index}`;
265
+ return (h("li", { key: currentIndex }, h("a", { href: menu.href, class: menu.subMenu && menu.subMenu.length > 0 ? 'showSub' : '', onClick: (e) => {
266
+ if (menu.subMenu && menu.subMenu.length > 0) {
267
+ e.preventDefault();
268
+ this.toggleSidebarSubMenu(currentIndex);
269
+ }
270
+ } }, menu.label), this.renderSubMenu(menu.subMenu, currentIndex)));
271
+ }))), h("div", { key: '2068b95884e81e7d45fa6d172bceaf8e9fcf3a5f', class: "dda-sidemenu-bottom" }, h("div", { key: 'f8fad40c7a6bcd89445caff8312b1d75446a2c39', class: "dda-sidemenu-gov-logo" }, h("a", { key: 'fd3cf7324d60503323536756c46a3e2269dd76be', href: this.firstLogoHref, class: "govt-logo mb-2" }, h("img", { key: '0c072aea99471241c4beed44aa45a783487109d1', class: "", src: this.firstLogoSrc, alt: this.firstLogoAlt }))), h("div", { key: 'd5229b78918d3f5141bdd6508bc9290dd82cff2e', class: "dda-toolbar-menu-sidemenu" }, h("ul", { key: 'c3a5fea233575cc41086f006d83c121637249ffa' }, h("li", { key: '05b8380b1bc2904dde6325c75e505c791d80d3b9' }, h("button", { key: '77bf98403406f1805e7c124868697ce93fa909c1', name: this.accessibility_button_name, class: "tool-btn accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'ba8ac2e906459c4f1146b8914fee17bd1e61bd31', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: '40fdbbf2e61ab20d38b7393367b0307dbc79f653', class: "visually-hidden" }, "Accessibility"))), h("li", { key: 'e0967bfcee2d3cfced038afcd8d71f9b68b1c6c2' }, h("button", { key: '15b7f3fd0f8a88bf1e5b55c9193af6ce2f562766', name: this.language_button_name, class: "tool-btn", type: "button", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية')), !this.hide_login && (h("li", { key: '344c7ea8f9f39fc6b9186fae9f9d0e2a29812bd0' }, h("dda-link-button", { key: 'ddd23793936494095f92199ca8aa3b6542e057ee', button_color: "onsurface-secondary", start_icon: this.loginIcon || "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginText || "Login")))))), h("button", { key: 'c98eded45379cc3a5329754dbc20ee60b6b25613', name: this.close_menu_button_name, class: "close-btn side-nav-close-btn", "aria-label": "Close Sidebar", onClick: this.toggleMenu }, h("i", { key: '4e9757b2a1de7194d952caffefdf312a05b71f32', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")), h("div", { key: 'b0469e9a46224bfcd216cff235fead2897f50d2b', class: "dda-accessibility hide-accessibility mobile-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '93defee85dde89cfa6e67e6b3ca370353c5e6222', class: "dda-row" }, h("div", { key: 'c481f64ad8865cfca1f5b0bc0354172aeedaabcd', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '73937142ec896b3f45dad228c2877835162b79ac', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '16ff3eb668308d3de610b7d31fe09703f80fdf92' }, h("fieldset", { key: 'e60d6ee03d81c4227083d0af770a169612f287d3', class: "dda-theme-list" }, h("legend", { key: '5e3bc4f036fd51720049c5f0443ae63717b6f8dc' }, h("p", { key: '374381cf5812b6f71abba5ff320b061b80a3f62d', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: 'f51398e186eec4a8e432d54fa04b56768614889e', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "NormalMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '0903e68c4d56436e1375d11eace6012b0abdc056', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "ColoursBlindMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '654338fbc2ea136382ba8317a25860e1c6ef035c', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "RedWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: '7fcb7c39b886f225ded3dfb785ef64a8a96cd3cd', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselectionmobile", input_id: "GreenWeaknessMobile", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), this.readSpeakerLink && (h("div", { key: '670590bb033f934dd1c2a0ff2389852bdf6f6361', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'bae3c03019f94931a0b2916e2b0a27c4451fd73c', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: '5b76889779669cabb33daee5dc521365c69ad96f', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '47c3a9f7d45b9a126906eb096eac60bede592c4a', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'b2ebbc608601aa1fe5820b3fe87f9666ff0fb93d', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: 'c3b834ef498cde814d013761d3a37aecb5b4098b', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: 'f24c9312dddde483e7ca60ed25c9627b179e6982', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '22f54cd6e591377091ec8af31428ae53a5e0d4c8', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: 'ae950393bfe69fdbff4b858cf293e1add02e5e66', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '09bf848262d342e678c6801eec642260226b60ad', class: "d-flex dda-gap-4" }, h("dda-button", { key: 'd5c3e531d557d74bb976b8fa35a1b228798b9b6f', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '7ed5564d6d99ace659b878510b412e0028a21b97', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: 'fbcd2b704dbddbd85c022210cd85824b67fe1bc1', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '0354ef95cce6976ea90307fa3e23a959b91136bf', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Accessibility", onClick: this.toggleAccessibilty }, h("i", { key: 'f4f26c5ff5dafb974c1f0325ae04f235f9eb9bc2', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '3555e5a4a533f570fc36408d45bba80c23645886' }, h("ul", { key: 'ebadb135c7a33a8969fce9c1459f0ae7d9014f43', class: "dda-mega-menu" }, quickLinks.map((link, index) => (h("li", { key: index }, h("a", { href: link.subMenu && link.subMenu.length > 0 ? '#' : link.href, onClick: link.subMenu && link.subMenu.length > 0 ? (e) => this.toggleSubMenu(index, e) : undefined, class: link.subMenu && link.subMenu.length > 0 ? `showSub ${this.activeMenuIndex === index ? 'icon_arrow' : ''}` : '' }, link.label), link.subMenu && link.subMenu.length > 0 && (h("div", { class: `megamenu-content ${this.activeMenuIndex === index ? 'showSubMenu' : ''}`, style: { display: this.activeMenuIndex === index ? 'block' : 'none' } }, h("div", { class: "megamenu-item dda-container" }, h("div", { class: "dda-row" }, h("div", { class: "dda-col-md-3" }, h("h3", { class: "mega-menu-title" }, link.menuLabel), h("ul", null, link.subMenu.map((subItem, subIndex) => (h("li", { key: subIndex }, h("a", { class: "megamenu-link", href: subItem.href }, h("span", { class: "dda-btn btn-color-onsurface-secondary btn-size-sm icon-btn-default" }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, subItem.icon)), h("span", { class: "text-wrap" }, h("span", { class: "title-text dda-fs-body-lg dda-fw-700" }, subItem.title), h("span", { class: "dda-fs-tagline-lg dda-fw-400" }, subItem.description))))))))), h("button", { name: "close-mega-menu", class: "close-btn close_mega-menu", "aria-label": "Close Sidebar", onClick: () => setActiveMenuIndex(null) }, h("i", { class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))))))))), h("div", { key: '854e24db6dbec2bac0853d6071d46b7e5c221b35', class: "dda-mobile-entt-logo" }, h("a", { key: 'cd70858d48dc1d480e50bfa33b5f306cbdad6f4c', href: this.secondLogoHref, class: "entt-logo" }, h("img", { key: 'f43c2a7dbf7b67ba9b498eeece2ebe9467883fb6', class: "logo-colored", src: this.secondLogoSrc, alt: this.secondLogoAlt }), h("img", { key: '0e89c9bec4ff2f1d9ef2d1eda15ebe3b7c676446', class: "logo-white", src: this.secondLogoWhiteSrc, alt: this.secondLogoAlt }))), h("div", { key: 'a5474b5c7addd4133551987abe5df14306e343c2', class: "dda-mobile-search" }, h("button", { key: 'a36f8468c93b5c8510311683bf7215c7d9bebb23', name: this.search_button_name, class: "tool-btn", type: "button", "aria-expanded": this.isSearchOpen ? 'true' : 'false', "aria-controls": `${this.searchId}-mobile-panel`, onClick: this.isSearchOpen ? this.closeMobileSearch : this.openMobileSearch, ref: el => (this.mobileSearchButton = el) }, h("span", { key: '402360581f2bae5f39d1ae869692933e702ffd3a', class: "visually-hidden" }, "Search"), h("i", { key: '7c14bb124fed07e91007fe3e6d4218490cc650e4', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "search"))), h("div", { key: 'b7ed041b502925f0637e1e0ed541c0b730430a22', id: `${this.searchId}-mobile-panel`, class: "dda-mobile-search-panel", hidden: !this.isSearchOpen }, h("form", { key: '62d1886a6b174d0d20a2d4e49242cff4e3b858e2', class: "dda-mobile-search-form", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(`${this.searchId}-mobile`, el => (this.mobileSearchInput = el)), h("button", { key: '70ccebc977fbeba61428f2c5198f113bc2957df5', type: "button", class: "dda-mobile-search-close", "aria-label": "Close search", onClick: this.closeMobileSearch }, h("i", { key: '057723af96658930cc885323288117d8c0c54fe2', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "close")))), h("div", { key: '2ab48d0aac2875a2ed5930a10fdd79ec0943b216', class: "dda-toolbar-menu" }, h("ul", { key: 'c3d6e3416dde1ea5a6cf62d01de97b7c0323c957' }, h("li", { key: 'efdcdf6436d2a6646f3eeaacd34f1078196b10a1' }, h("dda-tooltip", { key: '8ccd71882a96427444ed789ad9eca0e489b99892', title_text: "Search", description: "", position: "top" }, h("form", { key: '25dbdf52a3cbfad3fca2f81c07f6ba02042bd4e4', class: "dda-search dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle tool-btn", role: "search", method: "get", action: this.search_action, onSubmit: this.handleSearchSubmit }, this.renderSearchInput(this.searchId)))), h("li", { key: '1a5b626026b141cd806fdfa8d88c16f6d08491b0' }, h("dda-tooltip", { key: '614f5af0b5193f9b170530249328b5414a4e25bb', title_text: "Accessibility", position: "top" }, h("button", { key: '73c599b295f27b8171f5b7765dd60b321e874d1c', name: this.toggle_accessibility_button_name, class: "tool-btn dda-btn btn-color-onsurface-secondary btn-size-sm btn-shape-circle accessibility-btn", type: "button", "aria-expanded": this.isAccessibiltyOpen ? 'true' : 'false', onClick: this.toggleAccessibilty }, h("i", { key: 'a0d66112601707ac140afe1ac81f985b78c76365', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "accessibility"), h("span", { key: 'f25a594c8ee3f0e292aa2647a892b2f5f6b87af7', class: "visually-hidden" }, "Accessibility"))), h("div", { key: '5750bf8f5a0a14bad32bb2bf1da8f0b89a97d333', class: "dda-accessibility-wrap" }, h("div", { key: '737965b7dd14b33a84c1c8dd0fd2cad3a7141b2b', class: "dda-accessibility hide-accessibility", style: { display: this.isAccessibiltyOpen ? 'block' : 'none' } }, h("div", { key: '1aaffffa4c83f9ee065bc8398c0aeba88afb76af', class: "dda-row" }, h("div", { key: 'e8337c48645661d2d381b367a8a4fe3c9564dad6', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '0a0ef35d619401eb9e7a9094dbd6481066862bcd', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Contrast"), h("form", { key: '693850d5a96f978d7ae350c2fa7c71d1b23fe114' }, h("fieldset", { key: '15ec283264f3505b50251a148f256810f398f3ff', class: "dda-theme-list" }, h("legend", { key: '3b35f9bef60a82c89b75df5c0f02828671625d34' }, h("p", { key: '75898cdac310529ad1e3c838995385c53b7d62ab', class: "mb-3" }, "Select your preferred contrast setting ")), h("dda-radiobutton", { key: '2d720c4f9c5bd3e4c784040eb35bd5ce54a08d1c', title_text: "Normal", checked: true, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "Normal", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.normalContrasthandler }), h("dda-radiobutton", { key: '1ba2595eacc84a62581722388a2995acd69181b5', title_text: "Colours Blind", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "ColoursBlind", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.blindContrasthandler }), h("dda-radiobutton", { key: '529da9f6cea575e7d7f2aaee681b025de4216200', title_text: "Red Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "RedWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.redContrasthandler }), h("dda-radiobutton", { key: 'a7893807dbea15a170bdc28be26f279ffa9b0735', title_text: "Green Weakness", checked: false, size: "sm", variants: "normal", supporting: "", group_name: "themeselection", input_id: "GreenWeakness", custom_class: "", component_mode: "", aria_label: "radio-button", onClick: this.greenContrasthandler })))), this.readSpeakerLink && (h("div", { key: '771a1c410dd2d23369dd9288d92cdca8fe668d7d', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: 'eb442afea6c3c89a0889199ed2456610a4317be6', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Screen Reader"), h("p", { key: 'b44535f044e585f9fc866a0f9bfb8ff18891ad25', class: "mb-3" }, "Listen to the content of the page by clicking play or listen"), h("div", { key: '597d520cb2cae3c04579cbc5c3dd4c64bde439d0', class: "rs_skip rsbtn rs_preserve", id: "readspeaker_button1" }, h("a", { key: 'a477ebdd7ea39a8375797aaedb8fa3fbb63b5bb2', href: this.readSpeakerLink, rel: "nofollow", class: "rsbtn_play circle readspeaker", accessKey: "L", "aria-label": "Listen to this page using ReadSpeaker" }, h("i", { key: '6e0a70c58ab21cfe2e51dd5cde2b3d1e0d5567fe', class: "material-icons material-symbols-outlined", "aria-hidden": "true" }, "volume_up"))))), h("div", { key: '569ee1ca086374701b87b831a282237aaee89696', class: "dda-col-md-4 dda-accessibility-item" }, h("h2", { key: '8011557e79f3b2a2cc9ae9204558d4f342857b72', class: "dda-fs-body-lg dda-fw-700 mb-1" }, "Text Size"), h("p", { key: '412bc7065a2d767b05e045fc008fbbb7c2415193', class: "mb-3" }, "Use the buttons below to increase or decrease the text size"), h("div", { key: '863736e26da3cfd0250953f3477d9dcc630bba09', class: "d-flex dda-gap-4" }, h("dda-button", { key: '3bed6701006f848c1a398cfebc09887b5708b9b9', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.baseTexthandler }, "A"), h("dda-button", { key: '6b0c58960dfc0ef027cde9f23aa2e4604e5ae82b', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.lgTexthandler }, "A+"), h("dda-button", { key: '36859719ec855a9c820ee785f835babe53d66a13', button_color: "default-secondary", icon_button_shape: "circle", custom_class: "", size: "lg", onClick: this.smTexthandler }, "A-")))), h("button", { key: '5eeb28eeff4092f5276c7ad5799b97016921298d', name: this.close_accessibility_button_name, class: "close-btn close_accessibility", "aria-label": "Close Sidebar", onClick: this.toggleAccessibilty }, h("i", { key: 'f304a9d206b14774ed885524ad870e410cd838a9', class: "materinal-icons material-symbols-outlined", "aria-hidden": "true" }, "close"))))), h("li", { key: '4afaf5c712bf481eb733c43cedaefc85ae3d5868' }, h("dda-tooltip", { key: '09c796a5ca271097549e63c124ebaa3a3c0a65f6', title_text: "Language", position: "top" }, h("dda-button", { key: '36a733b9fce2fe1e9690bcb46280c29aba29030b', button_color: "onsurface-secondary", custom_class: "tool-btn", button_shape: "circle", size: "sm", lang: this.language_lang, onClick: this.languagehandler }, this.language_text || 'العربية'))), !this.hide_login && (h("li", { key: 'ea2b5b451cc255cfe85b594f689d7fdd858c04c4' }, h("dda-tooltip", { key: '7ec58a5f79d2c7001b05aa682c63256eb4e7686f', title_text: this.loginText || "Login", position: "top" }, h("dda-link-button", { key: 'eac673f812227a6878fd1efba63ec1cd4adfacd5', button_color: "onsurface-secondary", start_icon: this.loginIcon || "sentiment_satisfied", custom_class: "tool-btn", href: this.loginLink, button_shape: "circle", size: "sm" }, this.loginText || "Login")))))))));
272
+ }
273
+ get el() { return getElement(this); }
274
+ static get watchers() { return {
275
+ "isMenuOpen": [{
276
+ "onMenuOpenChange": 0
277
+ }]
278
+ }; }
279
+ };
280
+ DdaHeader.style = ddaHeaderCss();
281
+
282
+ export { DdaHeader as dda_header };