@platformscode/core 0.0.41 → 0.0.43

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 (154) hide show
  1. package/dist/cjs/dga-accordion.cjs.entry.js +3 -3
  2. package/dist/cjs/dga-avatar_10.cjs.entry.js +7 -7
  3. package/dist/cjs/dga-checkbox.cjs.entry.js +4 -4
  4. package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
  5. package/dist/cjs/dga-data-table.cjs.entry.js +4 -4
  6. package/dist/cjs/dga-date-field.cjs.entry.js +5 -5
  7. package/dist/cjs/dga-digital-signature.cjs.entry.js +6 -6
  8. package/dist/cjs/dga-dropdown.cjs.entry.js +4 -4
  9. package/dist/cjs/dga-helper-text_3.cjs.entry.js +6 -6
  10. package/dist/cjs/dga-notification.cjs.entry.js +9 -9
  11. package/dist/cjs/dga-prefix.cjs.entry.js +3 -3
  12. package/dist/cjs/dga-radio-button.cjs.entry.js +3 -3
  13. package/dist/cjs/dga-search-box_2.cjs.entry.js +3 -3
  14. package/dist/cjs/dga-suffix.cjs.entry.js +3 -3
  15. package/dist/cjs/dga-tag_3.cjs.entry.js +3 -3
  16. package/dist/cjs/dga-textarea.cjs.entry.js +5 -5
  17. package/dist/cjs/index-nsu3Hl0J.js +49 -0
  18. package/dist/collection/components/dga-accordion/dga-accordion.js +3 -3
  19. package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.js +3 -3
  20. package/dist/collection/components/dga-carousel/dga-carousel.js +5 -5
  21. package/dist/collection/components/dga-checkbox/dga-checkbox.js +4 -4
  22. package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js +2 -2
  23. package/dist/collection/components/dga-data-table/dga-data-table.js +4 -4
  24. package/dist/collection/components/dga-date-field/dga-date-field.js +5 -5
  25. package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +6 -6
  26. package/dist/collection/components/dga-drawer/tab-link.js +3 -3
  27. package/dist/collection/components/dga-dropdown/dga-dropdown.js +4 -4
  28. package/dist/collection/components/dga-notification/dga-notification.js +9 -9
  29. package/dist/collection/components/dga-radio-button/dga-radio-button.js +3 -3
  30. package/dist/collection/components/dga-search-box/dga-search-box.js +3 -3
  31. package/dist/collection/components/dga-text-input/dga-prefix.js +3 -3
  32. package/dist/collection/components/dga-text-input/dga-suffix.js +3 -3
  33. package/dist/collection/components/dga-text-input/dga-text-input.js +6 -6
  34. package/dist/collection/components/dga-textarea/dga-textarea.js +5 -5
  35. package/dist/components/dga-accordion-usage.js +1 -1
  36. package/dist/components/dga-accordion.js +1 -1
  37. package/dist/components/dga-breadcrumbs-usage.js +1 -1
  38. package/dist/components/dga-breadcrumbs.js +1 -1
  39. package/dist/components/dga-card-usage.js +2 -2
  40. package/dist/components/dga-card-v2-usage.js +2 -2
  41. package/dist/components/dga-card-v2.js +1 -1
  42. package/dist/components/dga-card.js +1 -1
  43. package/dist/components/dga-carousel-usage.js +1 -1
  44. package/dist/components/dga-carousel.js +1 -1
  45. package/dist/components/dga-checkbox-usage.js +1 -1
  46. package/dist/components/dga-checkbox.js +1 -1
  47. package/dist/components/dga-circular-progress-bar-usage.js +1 -1
  48. package/dist/components/dga-circular-progress-bar.js +1 -1
  49. package/dist/components/dga-data-table-usage.js +2 -2
  50. package/dist/components/dga-data-table.js +1 -1
  51. package/dist/components/dga-date-field-usage.js +3 -3
  52. package/dist/components/dga-date-field.js +1 -1
  53. package/dist/components/dga-datepicker-usage.js +2 -2
  54. package/dist/components/dga-datepicker.js +1 -1
  55. package/dist/components/dga-digital-signature-usage.js +1 -1
  56. package/dist/components/dga-digital-signature.js +1 -1
  57. package/dist/components/dga-drawer-usage.js +5 -5
  58. package/dist/components/dga-drawer.js +1 -1
  59. package/dist/components/dga-dropdown-usage.js +1 -1
  60. package/dist/components/dga-dropdown.js +1 -1
  61. package/dist/components/dga-filteration-usage.js +4 -4
  62. package/dist/components/dga-filteration.js +1 -1
  63. package/dist/components/dga-header-menu-item-usage.js +6 -6
  64. package/dist/components/dga-header-usage.js +6 -6
  65. package/dist/components/dga-notification-usage.js +1 -1
  66. package/dist/components/dga-notification.js +1 -1
  67. package/dist/components/dga-prefix.js +1 -1
  68. package/dist/components/dga-radio-button-usage.js +1 -1
  69. package/dist/components/dga-radio-button.js +1 -1
  70. package/dist/components/dga-search-box-usage.js +1 -1
  71. package/dist/components/dga-search-box.js +1 -1
  72. package/dist/components/dga-suffix.js +3 -3
  73. package/dist/components/dga-table-usage.js +2 -2
  74. package/dist/components/dga-text-input-usage.js +2 -2
  75. package/dist/components/dga-text-input.js +1 -1
  76. package/dist/components/dga-textarea-usage.js +1 -1
  77. package/dist/components/dga-textarea.js +1 -1
  78. package/dist/components/{p-DO7uMswl.js → p-18GCeSgG.js} +3 -3
  79. package/dist/components/{p-CkrKU8LT.js → p-B-UGwgxZ.js} +1 -1
  80. package/dist/components/{p-BPYjkMXk.js → p-B4jHkHA3.js} +9 -9
  81. package/dist/components/p-BDKaANDL.js +26 -0
  82. package/dist/components/{p-BfqAXWiO.js → p-ByMp9EjR.js} +4 -4
  83. package/dist/components/{p-D6tb0oHm.js → p-C7iRYqgf.js} +5 -5
  84. package/dist/components/{p-Ba3TKxFU.js → p-CIVfat7I.js} +3 -3
  85. package/dist/components/{p-DjUvobkF.js → p-CJHKPaw6.js} +3 -3
  86. package/dist/components/{p-BOcJ5uYI.js → p-CK6KgfFX.js} +3 -3
  87. package/dist/components/{p-DfOADgOp.js → p-CQe3QqL4.js} +6 -6
  88. package/dist/components/{p-CV2QLWK2.js → p-CY9Sw6AO.js} +3 -3
  89. package/dist/components/{p-BLTNHovq.js → p-CinM4nUp.js} +3 -3
  90. package/dist/components/{p-8dd1fm-N.js → p-CmYaSbDn.js} +7 -7
  91. package/dist/components/{p-CDGXYCS6.js → p-CsphMl2v.js} +3 -3
  92. package/dist/components/{p-BmWptYPl.js → p-D5Cpd9xK.js} +4 -4
  93. package/dist/components/{p-mcG79Vs_.js → p-DF2jVPHe.js} +1 -1
  94. package/dist/components/{p-xRtwXXic.js → p-DK1DDe0n.js} +2 -2
  95. package/dist/components/{p-BSsNv6XT.js → p-DQFEeefz.js} +4 -4
  96. package/dist/components/{p-D2AyJFCG.js → p-Dbf3TNi7.js} +1 -1
  97. package/dist/components/{p-3gzvIJqJ.js → p-De4gjRps.js} +2 -2
  98. package/dist/components/{p-Bcy3ZbH9.js → p-DwmJwhYP.js} +3 -3
  99. package/dist/components/{p-C1mO7Mk4.js → p-FNDPN3qX.js} +6 -6
  100. package/dist/components/{p-C33_EVMQ.js → p-PgJxksGN.js} +5 -5
  101. package/dist/components/{p-C7KNGtow.js → p-SRD2yMq3.js} +5 -5
  102. package/dist/components/{p-BH2DgT3n.js → p-x5o6HsqZ.js} +1 -1
  103. package/dist/components/side-panel-menu.js +1 -1
  104. package/dist/components/submenu-component.js +1 -1
  105. package/dist/components/tab-component.js +1 -1
  106. package/dist/components/tab-link.js +1 -1
  107. package/dist/core/core.esm.js +1 -1
  108. package/dist/core/{p-ca658904.entry.js → p-0693781c.entry.js} +1 -1
  109. package/dist/core/p-1914b56c.entry.js +1 -0
  110. package/dist/core/p-1eb7f174.entry.js +1 -0
  111. package/dist/core/{p-c5766c7b.entry.js → p-250e442a.entry.js} +1 -1
  112. package/dist/core/{p-0fc50a9a.entry.js → p-3786be86.entry.js} +1 -1
  113. package/dist/core/p-57002251.entry.js +1 -0
  114. package/dist/core/{p-17884b9c.entry.js → p-83e89844.entry.js} +1 -1
  115. package/dist/core/{p-15a804c0.entry.js → p-9a64b77c.entry.js} +1 -1
  116. package/dist/core/{p-ee9eebbf.entry.js → p-9ac9e25d.entry.js} +1 -1
  117. package/dist/core/p-9acb85f8.entry.js +1 -0
  118. package/dist/core/p-9cab465d.entry.js +1 -0
  119. package/dist/core/p-CzSbvsrF.js +1 -0
  120. package/dist/core/{p-dda02fce.entry.js → p-b97fddf9.entry.js} +1 -1
  121. package/dist/core/{p-4011fa2f.entry.js → p-d0d21a28.entry.js} +1 -1
  122. package/dist/core/{p-45836373.entry.js → p-d0fd209c.entry.js} +1 -1
  123. package/dist/core/p-d18819d2.entry.js +1 -0
  124. package/dist/core/{p-90c8f575.entry.js → p-d8855e6e.entry.js} +1 -1
  125. package/dist/esm/dga-accordion.entry.js +3 -3
  126. package/dist/esm/dga-avatar_10.entry.js +7 -7
  127. package/dist/esm/dga-checkbox.entry.js +4 -4
  128. package/dist/esm/dga-circular-progress-bar.entry.js +2 -2
  129. package/dist/esm/dga-data-table.entry.js +4 -4
  130. package/dist/esm/dga-date-field.entry.js +5 -5
  131. package/dist/esm/dga-digital-signature.entry.js +6 -6
  132. package/dist/esm/dga-dropdown.entry.js +4 -4
  133. package/dist/esm/dga-helper-text_3.entry.js +6 -6
  134. package/dist/esm/dga-notification.entry.js +9 -9
  135. package/dist/esm/dga-prefix.entry.js +3 -3
  136. package/dist/esm/dga-radio-button.entry.js +3 -3
  137. package/dist/esm/dga-search-box_2.entry.js +3 -3
  138. package/dist/esm/dga-suffix.entry.js +3 -3
  139. package/dist/esm/dga-tag_3.entry.js +3 -3
  140. package/dist/esm/dga-textarea.entry.js +5 -5
  141. package/dist/esm/index-CzSbvsrF.js +26 -0
  142. package/package.json +2 -2
  143. package/dist/cjs/index-BKdUE5XK.js +0 -59
  144. package/dist/collection/assets/icons/index.js +0 -31
  145. package/dist/components/p-BdIwaaMc.js +0 -33
  146. package/dist/core/p-397f73c9.entry.js +0 -1
  147. package/dist/core/p-3a8c8253.entry.js +0 -1
  148. package/dist/core/p-46d64e7f.entry.js +0 -1
  149. package/dist/core/p-67587133.entry.js +0 -1
  150. package/dist/core/p-BYA91_SW.js +0 -1
  151. package/dist/core/p-e769c217.entry.js +0 -1
  152. package/dist/core/p-e9f54e9e.entry.js +0 -1
  153. package/dist/esm/index-BYA91_SW.js +0 -33
  154. package/dist/types/assets/icons/index.d.ts +0 -31
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-CgKhFr-4.js');
4
4
  var index$1 = require('./index-BCWGzgj9.js');
5
5
  var dir = require('./dir-BgBDbebe.js');
6
- var index$2 = require('./index-BKdUE5XK.js');
6
+ var index$2 = require('./index-nsu3Hl0J.js');
7
7
 
8
8
  const dgaRadioButtonCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.radio__helper-text{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.radio__label{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium,.radio__warning{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{width:fit-content}.radio{display:inline-flex;gap:var(--spacing-xl);padding:var(--spacing-md);cursor:pointer;user-select:none}.radio:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.radio-main{flex-direction:column;gap:var(--spacing-xs);max-width:382px}.radio-main,.radio-main__content{display:flex;column-gap:var(--spacing-xl)}.radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio input:checked~.radio-container::before{transform:translate(-50%, -50%) scale(1)}.radio input:hover~.radio-container::after{transform:translate(-50%, -50%) scale(1)}.radio.active input:not(:checked)~.radio-container{background-color:var(--controls-control-pressed)}.radio-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-full);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.radio-container::after,.radio-container::before{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.radio-container::before{background-color:var(--controls-control-primary-pressed);width:15px;height:15px;z-index:0;transition:all 0.1s ease-in-out}.radio input:disabled~.radio-container{border-color:var(--control-disabled)}.radio input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio input:disabled~.radio__label,.radio input:disabled~div>.radio__label,.radio input:disabled~div>.radio__helper-text{color:var(--control-disabled)}.radio__helper-text{color:var(--text-primary-paragraph);margin-block:var(--spacing-xs)}.radio__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.radio__warning-icon{width:16px;height:16px;color:var(--icon-error)}.radio--brand input:checked~.radio-container{border-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:checked~.radio__label,.radio--brand input:checked~div>.radio__label{color:var(--controls-control-primary-checked)}.radio--brand.active input:checked~.radio-container::before{background-color:var(--controls-control-primary-checked)}.radio--brand input:disabled~.radio-container{border-color:var(--control-disabled)}.radio--brand input:disabled~.radio-container::before{background-color:var(--control-disabled);transform:translate(-50%, -50%) scale(1)}.radio--brand input:disabled~.radio__label,.radio--brand input:disabled~div>.radio__label,.radio--brand input:disabled~div>.radio__helper-text{color:var(--control-disabled)}";
9
9
 
@@ -128,12 +128,12 @@ const RadioButton = class {
128
128
  inlineStyles[key] = value;
129
129
  }
130
130
  }
131
- return (index.h("label", { key: 'ed16d064a61139fb4c4273aceb9bc94568bb6955', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, index.h("div", { key: 'f6c449f2a50817626fcaa6c772fe0b3148b6ecf2', class: "radio-main" }, index.h("div", { key: '712eec7f891207f514ce0f99375645f301dd1c04', class: "radio-main__content" }, index.h("input", { key: '9c66d85cd2472121246c6a0dfe706b8b1d6f28bb', type: "radio", name: this.name, value: this.value,
131
+ return (index.h("label", { key: '83d3402537b0b79ca207408d979cdb82af4d2cb8', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, index.h("div", { key: 'f4ea6daacc5a8e9891d7ad7790545c87d8cc6c11', class: "radio-main" }, index.h("div", { key: 'da8713620b654599d435002215b53fff1c07d737', class: "radio-main__content" }, index.h("input", { key: 'a6a37c04e5be9faef1ae206e68ae4b4c1f17c727', type: "radio", name: this.name, value: this.value,
132
132
  // id={this.id}
133
133
  onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
134
134
  // onFocus={this.handleFocus}
135
135
  // onBlur={this.handleFocusOut}
136
- checked: this.checked }), index.h("div", { key: '596c86b9d59561db40b8bd019c6b452419a6ae87', class: "radio-container" }), (this.label || this.hasHelperText) && index.h("div", { key: '71195809d8f5fec3759ee7a7af509b4ef537acfe', class: "dga-flex-column" }, this.label && index.h("span", { key: '04688e2842846c9a567f13458d4dc18ba1dba60b', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && index.h("span", { key: '1939ac605494bd399ac28a105e56a17f1556ac62', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (index.h("div", { key: '487c70d1b034e76c485dbef50c7d2ebba5011f30', class: "radio__warning" }, index.h("span", { key: '54ba1a0973b977deae1fa1a50e0a40e96a1c8d16', class: "radio__warning-icon" }, index.h("dga-icon", { key: '1c8368a0876175e298601b1c52cad25e2063462d', icon: index$2.alertCircleStrokeRoundedIcon, size: 16 })), index.h("span", { key: '67d270f32dce27fcf5d346a0fc3cf3dbf7ecfce7', class: "radio__warning-text" }, this.alertText))))));
136
+ checked: this.checked }), index.h("div", { key: 'e3d852912da3a75e09693a5d6c3898d4a9eea7df', class: "radio-container" }), (this.label || this.hasHelperText) && index.h("div", { key: 'fb3e5117f5cb130eeaa8100a84682eadf88b9f47', class: "dga-flex-column" }, this.label && index.h("span", { key: '1c7cef7b4d46e6dcd9516487932277ffc91f552d', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && index.h("span", { key: '3844cbc7a7bea824a19e6d1be00b55893c0fc5dc', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (index.h("div", { key: 'e1e0c0425837df8d01e9a85e48f2749a1f46005a', class: "radio__warning" }, index.h("span", { key: '53a634e554107e54719010a74ffa5dfee158e78e', class: "radio__warning-icon" }, index.h("dga-icon", { key: 'c7e370659b521717d8f7c0f0e1af0015678bf68e', icon: index$2.alertCircleStroke, size: 16 })), index.h("span", { key: 'dc1899a687cc92e86d9f74d81656d5c3692af30d', class: "radio__warning-text" }, this.alertText))))));
137
137
  }
138
138
  get el() { return index.getElement(this); }
139
139
  static get watchers() { return {
@@ -3,7 +3,7 @@
3
3
  var index = require('./index-CgKhFr-4.js');
4
4
  var index$1 = require('./index-BCWGzgj9.js');
5
5
  var dir = require('./dir-BgBDbebe.js');
6
- var index$2 = require('./index-BKdUE5XK.js');
6
+ var index$2 = require('./index-nsu3Hl0J.js');
7
7
  var sxHandler = require('./sx-handler-B_o_us-z.js');
8
8
  require('./sx-style-manager-MFMlOw-g.js');
9
9
 
@@ -117,12 +117,12 @@ const DgaSearchBox = class {
117
117
  render() {
118
118
  const { el } = this;
119
119
  const dir$1 = dir.isRTL(el) ? 'rtl' : 'ltr';
120
- return (index.h(index.Host, { key: 'f3add2317dc9112b24e65cfa4f67867c6f572a93', dir: dir$1 }, index.h("div", { key: '85088308f87a378009f57381647098692ed6f078', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: '9439418199717058b5d6b8e38329de1a161256bb', class: "dga-label" }, this.label), index.h("div", { key: 'cfdcc6da3f09f930102a9c75ce7333633417a292', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (index.h("span", { key: '81ef9e563bd8e35ffc73a59e2cc1961ab8e535c5', class: "dga-search-box__icon" }, index.h("svg", { key: 'fdcfbcaa17c5a403d48f95b3fd0b6567f9b1027e', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '89f93b108fb945355053262760331273a9cde473', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), index.h("input", { key: 'b2db02d915bc114778927a4058d9732723a7c460', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
120
+ return (index.h(index.Host, { key: 'b10ccef922f81c7ff2b64436621b4fa19e0cf83f', dir: dir$1 }, index.h("div", { key: '319376a296e30f5cb0e6d514c630a233001dba29', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: 'b2257e92abe6e5eb95754c2df3a79bdb4bb176f0', class: "dga-label" }, this.label), index.h("div", { key: '45269d6fe0dc7630619fc4cc378504932baf21cb', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (index.h("span", { key: 'bf33a792a07f2e75d939e99da1381ab89520354d', class: "dga-search-box__icon" }, index.h("svg", { key: '39aaca3c8a76ca6ff58a1f66166b02706753c4dd', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '41dcfdeba9c405e77a7c477749bc0e860e5bb61a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), index.h("input", { key: 'd77feee603aca1b02afb8b4dc4c073ac7fed579a', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
121
121
  this.isFocused = false;
122
122
  this.onBlur.emit(e);
123
123
  }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
124
124
  this.handleInputChange(event);
125
- } }), index.h("div", { key: '7b6c43a65b1a9e7104f5569fbb24f96d8bf8414e', class: "dga-search-box__actions" }, this.value.length > 0 && (index.h(index.Fragment, { key: '447e3ac61dd72a0d922967449cdeb7c18f58948d' }, index.h("button", { key: '99353e84de8a53af43c740abace49116af7f0856', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, index.h("dga-icon", { key: '3028dc57f56a3f6b0a5ed3c164ac6924ede2eef8', icon: index$2.cancel01StrokeRoundedIcon, size: 20 })), index.h("svg", { key: 'f41a58ebd3b1a0123a2db4c3e5778c5c3564c2d9', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, index.h("rect", { key: '9f5531312e4e2ff3507f27f0bd3ad21c22281b5b', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (index.h("dga-tooltip", { key: 'a26c568cace0f79c56104047209f79db53030431', tooltipTitle: dir.isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, index.h("button", { key: '17415fd7349e025b42ca3006458f1dd72a577946', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01StrokeRoundedIcon, size: 20 }))) : (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01StrokeRoundedIcon, size: 20 })))))))))));
125
+ } }), index.h("div", { key: '1575275bf2ab98cf1b2e7c522eeec05714d01c49', class: "dga-search-box__actions" }, this.value.length > 0 && (index.h(index.Fragment, { key: '3c53a5304a6ecb17e2610df6dc67bf986f0d98d3' }, index.h("button", { key: '2a433a8916ffe3ad77201151e1e62dc13adb59c8', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, index.h("dga-icon", { key: 'c8f289fbbaf521d5e7127df513ece49e8d9ae44d', icon: index$2.cancel01Stroke, size: 20 })), index.h("svg", { key: '70630bd8de9c5652e8bbc4dcad3ef00fccc6243c', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, index.h("rect", { key: '59a16a700b5ed7ce8aae721766953803d2c536f5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (index.h("dga-tooltip", { key: 'efcf0190e1e69d1f0ddd7fcfbccd099dd26fbc77', tooltipTitle: dir.isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, index.h("button", { key: 'd8fad0f1d87f2f0636bd7b0cdb1e13dd333cf256', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01Stroke, size: 20 }))) : (index.h("span", { class: "dga-search-box__icon" }, index.h("dga-icon", { icon: index$2.mic01Stroke, size: 20 })))))))))));
126
126
  }
127
127
  get el() { return index.getElement(this); }
128
128
  };
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var index = require('./index-CgKhFr-4.js');
4
- var index$1 = require('./index-BKdUE5XK.js');
4
+ var index$1 = require('./index-nsu3Hl0J.js');
5
5
 
6
6
  const DgaSuffix = class {
7
7
  constructor(hostRef) {
@@ -27,10 +27,10 @@ const DgaSuffix = class {
27
27
  if (this.type === 'text') {
28
28
  return (index.h("div", { class: `input__suffix input__suffix--${this.variant}-text` }, index.h("span", { class: "input__suffix-label" }, this.label)));
29
29
  }
30
- return (index.h(index.Fragment, null, index.h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, index.h("span", { class: "input__suffix-icon" }, this.icon), index.h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), index.h("span", { class: "input__suffix-label" }, this.label), index.h("span", { class: "input__suffix-chevron" }, index.h("dga-icon", { icon: index$1.arrowDown01StrokeRoundedIcon }))), index.h("ul", { class: "input__dropdown-list" }, this.options &&
30
+ return (index.h(index.Fragment, null, index.h("button", { class: `input__suffix input__suffix--${this.variant} input__dropdown-btn`, onMouseDown: () => (this.dpIsActive = true), onMouseUp: () => (this.dpIsActive = false), onMouseOut: () => (this.dpIsActive = false), onClick: () => this.handleSuffixClick(), ref: el => (this.suffixBtn = el) }, index.h("span", { class: "input__suffix-icon" }, this.icon), index.h("span", { class: "dropdown__label" }, this.selectedOption && Object.keys(this.selectedOption).length ? this.selectedOption.label : ' '), index.h("span", { class: "input__suffix-label" }, this.label), index.h("span", { class: "input__suffix-chevron" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke }))), index.h("ul", { class: "input__dropdown-list" }, this.options &&
31
31
  this.options.map(option => {
32
32
  var _a;
33
- return (index.h("li", { key: option.value }, index.h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, index.h("span", { class: "dropdown__option-label" }, option.label), index.h("span", { class: "dropdown__option-icon" }, index.h("dga-icon", { icon: index$1.tick02SolidRoundedIcon })))));
33
+ return (index.h("li", { key: option.value }, index.h("button", { class: `dropdown__option ${((_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value ? 'selected' : ''}`, onClick: () => this.handleOptionSelect(option) }, index.h("span", { class: "dropdown__option-label" }, option.label), index.h("span", { class: "dropdown__option-icon" }, index.h("dga-icon", { icon: index$1.tick02Solid })))));
34
34
  }))));
35
35
  }
36
36
  };
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-CgKhFr-4.js');
4
4
  var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
5
- var index$1 = require('./index-BKdUE5XK.js');
5
+ var index$1 = require('./index-nsu3Hl0J.js');
6
6
 
7
7
  const dgaTagCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium,.tag--lg,.tag{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium,.tag--md{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold,.tag--sm{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.tags .dga-flex-column{align-items:flex-start}.tags .flex{gap:1rem}.tag{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-sm)}.tag-icon{display:flex;padding:1.875px 1.5px;justify-content:center;align-items:center}.tag--lg{height:32px}.tag--lg span.tag-icon{width:18px;height:18px}.tag--md{height:24px}.tag--md span.tag-icon{width:14px;height:14px}.tag--sm{height:20px}.tag--sm span.tag-icon{width:10px;height:10px}.tag--rounded{border-radius:var(--radius-full)}.tag--icon{padding:0}.tag--icon.tag--lg{width:32px;height:32px}.tag--icon.tag--md{width:24px;height:24px}.tag--icon.tag--sm{width:20px;height:20px}.tag--neutral{color:var(--tag-text-neutral);background:var(--tag-background-neutral-light);border:1px solid var(--border-neutral-secondary)}.tag--neutral-outlined{border:1px solid var(--tag-border-neutral);background-color:transparent;color:var(--tag-text-neutral)}.tag--neutral svg{color:currentColor;stroke:currentColor}.tag--success{color:var(--tag-text-success);background-color:var(--tag-background-success-light);border:1px solid var(--tag-border-success-light)}.tag--success-outlined{border:1px solid var(--tag-border-success);background-color:transparent;color:var(--tag-text-success)}.tag--success svg{color:currentColor;stroke:currentColor}.tag--error{color:var(--tag-text-error);background-color:var(--tag-background-error-light);border:1px solid var(--tag-border-error-light)}.tag--error-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-error)}.tag--error svg{color:currentColor;stroke:currentColor}.tag--warning{color:var(--tag-text-warning);background-color:var(--tag-background-warning-light);border:1px solid var(--tag-border-warning-light)}.tag--warning-outlined{border:1px solid var(--tag-border-error);background-color:transparent;color:var(--tag-text-warning)}.tag--warning svg{color:currentColor;stroke:currentColor}.tag--info{color:var(--tag-text-info);background-color:var(--tag-background-info-light);border:1px solid var(--tag-border-info-light)}.tag--info-outlined{border:1px solid var(--tag-border-info);background-color:transparent;color:var(--tag-text-info)}.tag--info svg{color:currentColor;stroke:currentColor}.tag--purple{color:var(--colors-purple-700);background-color:var(--colors-purple-50);border:1px solid var(--colors-purple-200)}.tag--purple-outlined{border:1px solid var(--colors-purple-500);background-color:transparent;color:var(--colors-purple-700)}.tag--purple svg{color:currentColor;stroke:currentColor}.tag--pink{color:var(--colors-pink-700);background-color:var(--colors-pink-50);border:1px solid var(--colors-pink-200)}.tag--pink-outlined{border:1px solid var(--colors-pink-500);background-color:transparent;color:var(--colors-pink-700)}.tag--pink svg{color:currentColor;stroke:currentColor}.tag--orange{color:var(--colors-orange-700);background-color:var(--colors-orange-50);border:1px solid var(--colors-orange-200)}.tag--orange-outlined{border:1px solid var(--colors-orange-500);background-color:transparent;color:var(--colors-orange-700)}.tag--orange svg{color:currentColor;stroke:currentColor}.tag--on-color{color:var(--text-oncolor-primary, #FFF);background:var(--tag-background-on-color, rgba(255, 255, 255, 0.2))}.tag--on-color-outlined{border:1px solid var(--tag-border-on-color, rgba(255, 255, 255, 0.6));background-color:transparent;color:hsl(var(--colors-alpha-white)/90%)}.tag--on-color svg{color:currentColor;stroke:currentColor}";
8
8
 
@@ -119,12 +119,12 @@ const TabLink = class {
119
119
  };
120
120
  // External link case
121
121
  if (this.externalLink) {
122
- return (index.h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01StrokeRoundedIcon, size: 16 }))), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
122
+ return (index.h("a", Object.assign({ href: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.type === 'parent' && (index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke, size: 16 }))), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
123
123
  }
124
124
  // Parent tab case
125
125
  if (this.type === 'parent') {
126
126
  console.log(this.icon, "this.iconthis.icon");
127
- return (index.h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01StrokeRoundedIcon, size: 16 }), " "), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
127
+ return (index.h("a", Object.assign({ href: "#" }, commonProps, { onClick: e => this.toggleTab(e), tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), index.h("span", { class: "sidepanel__menu-tab-arrow" }, index.h("dga-icon", { icon: index$1.arrowDown01Stroke, size: 16 }), " "), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
128
128
  }
129
129
  // Child tab case (regular link)
130
130
  return (index.h("stencil-route-link", Object.assign({ url: this.link }, commonProps, { tabindex: "0" }), this.icon && index.h("span", { class: "sidepanel__menu-tab-icon" }, index.h("dga-icon", Object.assign({}, this.icon))), index.h("span", { class: "sidepanel__menu-tab-label" }, this.text), this.badge !== undefined && index.h("dga-tag", { color: this.onColor ? 'on-color' : 'gray', label: this.badge >= 100 ? '+99' : this.badge.toString(), size: "sm" })));
@@ -3,14 +3,14 @@
3
3
  var index = require('./index-CgKhFr-4.js');
4
4
  var index$2 = require('./index-BCWGzgj9.js');
5
5
  var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
6
- var index$1 = require('./index-BKdUE5XK.js');
6
+ var index$1 = require('./index-nsu3Hl0J.js');
7
7
 
8
8
  const dgaTextareaCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.dga-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::after{content:\"\";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring span::after{content:\"\";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}";
9
9
 
10
10
  const feedbackIconTypes = {
11
- success: index.h("dga-icon", { icon: index$1.checkmarkCircle02SolidRoundedIcon, variant: "solid" }),
12
- error: index.h("dga-icon", { icon: index$1.alertCircleSolidRoundedIcon, variant: "solid" }),
13
- warning: index.h("dga-icon", { icon: index$1.alert02SolidRoundedIcon, variant: "solid" }),
11
+ success: index.h("dga-icon", { icon: index$1.checkmarkCircle02Solid, variant: "solid" }),
12
+ error: index.h("dga-icon", { icon: index$1.alertCircleSolid, variant: "solid" }),
13
+ warning: index.h("dga-icon", { icon: index$1.alert02Solid, variant: "solid" }),
14
14
  };
15
15
  const DgaTextarea = class {
16
16
  constructor(hostRef) {
@@ -69,7 +69,7 @@ const DgaTextarea = class {
69
69
  (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
70
70
  }
71
71
  render() {
72
- return (index.h(index.Host, { key: '2e7f126c3588b93816ee936a23255e913442670d', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'bf8c6095df8c21aa0ccce8b273dc89e3fbd40204', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: 'e703df789e202bc7c3e7f0c1ee7df4eddc9a11f1', class: "dga-label" }, this.label), index.h("div", { key: '43040d3a63471c41e3d2f426dea82c9f09a50379', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, index.h("textarea", { key: 'a00b2bba5e66620ab112b7490880faf53e089051', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
72
+ return (index.h(index.Host, { key: '238dfdaab7c1abcd3e483e919e42050163b4406e', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '1869300bbe5f96e8b5cb4ba14b29e3f5d0a6610e', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && index.h("label", { key: '9fac63744b4050b7cec12fddd9c2c07e2fc2b787', class: "dga-label" }, this.label), index.h("div", { key: 'c2cb8250b55fe6bd5e0052247fd17a21e9bd117d', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, index.h("textarea", { key: '6e62c6205f85f18eb667b977ba6f3193ef6ba647', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (index.h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
73
73
  }
74
74
  get el() { return index.getElement(this); }
75
75
  static get watchers() { return {
@@ -0,0 +1,49 @@
1
+ 'use strict';
2
+
3
+ /* NDS Icons v0.0.11, ES Modules */
4
+
5
+ const alert02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M9.616 3.635c1.058-1.838 3.71-1.838 4.768 0l8.043 13.989c1.054 1.833-.27 4.12-2.384 4.12H3.957c-2.115 0-3.438-2.287-2.384-4.12zm2.896 12.8a.75.75 0 0 0-1.06.056l-.01.011a.75.75 0 1 0 1.115 1.003l.01-.01a.75.75 0 0 0-.055-1.06M12 8.244a.75.75 0 0 0-.75.75v4a.75.75 0 1 0 1.5 0v-4a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>";
6
+ const alertCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m.512 15.191a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06M12 6.25a.75.75 0 0 0-.75.75v6a.75.75 0 0 0 1.5 0V7a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/></svg>";
7
+ const alertCircleStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M11.452 16.497a.75.75 0 0 1 1.115 1.004l-.01.01a.75.75 0 0 1-1.115-1.003zM12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 1.5a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5' clip-rule='evenodd'/></svg>";
8
+ const arrowDown01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 8.47a.75.75 0 0 1 1.06 0L12 13.94l5.47-5.47a.75.75 0 1 1 1.06 1.06l-6 6a.75.75 0 0 1-1.06 0l-6-6a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/></svg>";
9
+ const arrowLeft01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M15.53 5.47a.75.75 0 0 1 0 1.06L10.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/></svg>";
10
+ const arrowRight01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M8.471 5.47a.75.75 0 0 0 0 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.061 1.06l6-6a.75.75 0 0 0 0-1.06l-6-6a.75.75 0 0 0-1.06 0' clip-rule='evenodd'/></svg>";
11
+ const arrowUp01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M5.47 15.53a.75.75 0 0 0 1.06 0L12 10.06l5.47 5.47a.75.75 0 1 0 1.06-1.06l-6-6a.75.75 0 0 0-1.06 0l-6 6a.75.75 0 0 0 0 1.06' clip-rule='evenodd'/></svg>";
12
+ const cancel01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M6.227 6.227a.75.75 0 0 1 1.061 0l4.713 4.712 4.712-4.712a.75.75 0 1 1 1.06 1.06L13.061 12l4.712 4.712a.75.75 0 1 1-1.06 1.06L12 13.062l-4.713 4.712a.75.75 0 0 1-1.06-1.06L10.94 12 6.227 7.288a.75.75 0 0 1 0-1.061' clip-rule='evenodd'/></svg>";
13
+ const checkmarkCircle02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m5.53 6.72a.75.75 0 0 0-1.06 0L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l7-7a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>";
14
+ const filterStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M21.75 4.142A1.75 1.75 0 0 0 20 2.392H4a1.75 1.75 0 0 0-1.75 1.75v1.586c0 .464.184.91.513 1.238l6.414 6.414a.25.25 0 0 1 .073.177v5.805a1.75 1.75 0 0 0 1.326 1.698l2 .5a1.75 1.75 0 0 0 2.174-1.698v-6.305a.25.25 0 0 1 .073-.177l6.415-6.414a1.75 1.75 0 0 0 .512-1.238zM20 3.892a.25.25 0 0 1 .25.25v1.586a.25.25 0 0 1-.073.177l-6.414 6.414a1.75 1.75 0 0 0-.513 1.238v6.305a.25.25 0 0 1-.31.242l-2-.5a.25.25 0 0 1-.19-.242v-5.805c0-.464-.184-.91-.513-1.238L3.823 5.905a.25.25 0 0 1-.073-.177V4.143a.25.25 0 0 1 .25-.25z' clip-rule='evenodd'/></svg>";
15
+ const informationCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m0 9.5a.75.75 0 0 0-.75.75v5a.75.75 0 0 0 1.5 0v-5a.75.75 0 0 0-.75-.75m.512-3.809a.75.75 0 0 0-1.06.056l-.01.012a.75.75 0 1 0 1.116 1.003l.01-.011a.75.75 0 0 0-.056-1.06' clip-rule='evenodd'/></svg>";
16
+ const link04Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M8.86 6.25c3.24 0 5.89 2.85 5.89 5.75 0 .41-.34.75-.75.75s-.75-.34-.75-.75c0-2.08-1.99-4.25-4.39-4.25H7.15C4.7 7.75 2.76 9.67 2.76 12c0 2 1.44 3.71 3.41 4.14.31.07.64.11.98.11.41 0 .75.34.75.75s-.34.75-.75.75c-.45 0-.88-.05-1.3-.14-2.62-.58-4.6-2.86-4.6-5.61 0-3.2 2.66-5.75 5.89-5.75z'/><path fill='currentColor' d='M16.86 6.25c.45 0 .88.05 1.3.14 2.61.58 4.59 2.85 4.59 5.61 0 3.19-2.66 5.75-5.89 5.75h-1.71c-3.24 0-5.89-2.85-5.89-5.75 0-.41.34-.75.75-.75s.75.34.75.75c0 2.08 1.99 4.25 4.39 4.25h1.71c2.45 0 4.39-1.92 4.39-4.25 0-2-1.44-3.71-3.41-4.14-.31-.07-.64-.11-.98-.11-.41 0-.75-.34-.75-.75s.34-.75.75-.75'/></svg>";
17
+ const mic01Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 9.25a.75.75 0 0 1 .75.75v1a7.75 7.75 0 0 1-7 7.713v2.537H15a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1 0-1.5h2.25v-2.537a7.75 7.75 0 0 1-7-7.713v-1a.75.75 0 0 1 1.5 0v1a6.25 6.25 0 1 0 12.5 0v-1a.75.75 0 0 1 .75-.75'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25A3.75 3.75 0 0 1 15.75 5v6a3.75 3.75 0 1 1-7.5 0V5A3.75 3.75 0 0 1 12 1.25m0 1.5A2.25 2.25 0 0 0 9.75 5v6a2.25 2.25 0 0 0 4.5 0V5A2.25 2.25 0 0 0 12 2.75' clip-rule='evenodd'/></svg>";
18
+ const minusSignSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.25 11.25a1 1 0 1 1 0 2h-12a1 1 0 1 1 0-2z'/></svg>";
19
+ const multiplicationSignCircleSolid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12 6.063 1.25 12 1.25m3.358 7.392a.75.75 0 0 0-1.06 0L12 10.94 9.701 8.642a.75.75 0 0 0-1.06 1.06L10.94 12l-2.3 2.298a.75.75 0 0 0 1.061 1.06L12 13.06l2.298 2.298a.75.75 0 1 0 1.06-1.06L13.06 12l2.298-2.298a.75.75 0 0 0 0-1.06' clip-rule='evenodd'/></svg>";
20
+ const multiplicationSignStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M16.715 6.228a.75.75 0 0 1 1.06 0l.052.056a.75.75 0 0 1-.052 1.004l-4.536 4.535a.25.25 0 0 0 0 .354l4.536 4.536.052.056a.75.75 0 0 1-1.112 1.004l-4.536-4.536a.25.25 0 0 0-.316-.03l-.038.03-4.535 4.536a.75.75 0 0 1-1.06-1.06l4.535-4.536a.25.25 0 0 0 0-.354L6.229 7.288a.75.75 0 1 1 1.061-1.06l4.535 4.535a.25.25 0 0 0 .354 0z'/></svg>";
21
+ const remove01Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M19 12c0 .55-.44 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.56 0 1 .45 1 1'/></svg>";
22
+ const sortByDown02Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 14.95c.13-.12.29-.19.46-.19s.34.07.47.2l1.4 1.44V5.91c0-.36.29-.66.66-.66s.66.29.66.66V16.4l1.4-1.44c.25-.26.67-.27.93-.01.26.25.27.67.01.93l-2.54 2.6c-.12.12-.29.2-.47.2s-.35-.08-.47-.2l-2.52-2.6a.66.66 0 0 1 .01-.93'/></svg>";
23
+ const sortByUp02Stroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M9.368 6.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h12.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 10.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8.55c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 14.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h6.08c.41 0 .75.34.75.75s-.34.75-.75.75zM9.368 18.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.08c.41 0 .75.34.75.75s-.34.75-.75.75zM1.528 8.98c.13.12.29.19.46.19s.34-.07.47-.2l1.4-1.44v10.49c0 .36.29.66.66.66s.66-.29.66-.66V7.53l1.4 1.44c.25.26.67.27.93.01.26-.25.27-.67.01-.93l-2.54-2.6a.67.67 0 0 0-.47-.2c-.18 0-.35.08-.47.2l-2.52 2.6a.66.66 0 0 0 .01.93'/></svg>";
24
+ const squareLockPasswordStroke = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M12.777 16.015a.777.777 0 1 0-1.554 0v2.072a.777.777 0 0 0 1.554 0z'/><path fill='currentColor' fill-rule='evenodd' d='M12 1.25a4.92 4.92 0 0 0-4.922 4.922v2.793a7.771 7.771 0 1 0 9.843 0V6.172A4.92 4.92 0 0 0 12 1.25m0 5.958a7.74 7.74 0 0 0-3.368.765V6.172a3.367 3.367 0 1 1 6.735 0v1.801A7.74 7.74 0 0 0 12 7.208m0 1.554a6.217 6.217 0 1 0 0 12.434 6.217 6.217 0 0 0 0-12.434' clip-rule='evenodd'/></svg>";
25
+ const tick02Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>";
26
+ const tick03Solid = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='gds-icon'><path fill='currentColor' d='M18.293 6.293a1 1 0 1 1 1.414 1.414l-10 10a1 1 0 0 1-1.414 0l-4-4a1 1 0 1 1 1.414-1.414L9 15.586z'/></svg>";
27
+
28
+ exports.alert02Solid = alert02Solid;
29
+ exports.alertCircleSolid = alertCircleSolid;
30
+ exports.alertCircleStroke = alertCircleStroke;
31
+ exports.arrowDown01Stroke = arrowDown01Stroke;
32
+ exports.arrowLeft01Stroke = arrowLeft01Stroke;
33
+ exports.arrowRight01Stroke = arrowRight01Stroke;
34
+ exports.arrowUp01Stroke = arrowUp01Stroke;
35
+ exports.cancel01Stroke = cancel01Stroke;
36
+ exports.checkmarkCircle02Solid = checkmarkCircle02Solid;
37
+ exports.filterStroke = filterStroke;
38
+ exports.informationCircleSolid = informationCircleSolid;
39
+ exports.link04Stroke = link04Stroke;
40
+ exports.mic01Stroke = mic01Stroke;
41
+ exports.minusSignSolid = minusSignSolid;
42
+ exports.multiplicationSignCircleSolid = multiplicationSignCircleSolid;
43
+ exports.multiplicationSignStroke = multiplicationSignStroke;
44
+ exports.remove01Solid = remove01Solid;
45
+ exports.sortByDown02Stroke = sortByDown02Stroke;
46
+ exports.sortByUp02Stroke = sortByUp02Stroke;
47
+ exports.squareLockPasswordStroke = squareLockPasswordStroke;
48
+ exports.tick02Solid = tick02Solid;
49
+ exports.tick03Solid = tick03Solid;
@@ -1,6 +1,6 @@
1
1
  import { h, Host } from "@stencil/core";
2
2
  import { SxStyleManager } from "../../utils/sx-style-manager";
3
- import { arrowDown01StrokeRoundedIcon } from "../../assets/icons/index";
3
+ import { arrowDown01Stroke } from "@platformscode/icons";
4
4
  export class DgaAccordion {
5
5
  constructor() {
6
6
  this.title = '';
@@ -74,10 +74,10 @@ export class DgaAccordion {
74
74
  (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
75
75
  }
76
76
  render() {
77
- return (h(Host, { key: '6b7f248d049962a31852494982aae097f845b6d2', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dc779632150b7131b3a10df8456d3483c425a093', class: `dga-accordion-item dga-accordion-item--${this.size}
77
+ return (h(Host, { key: '181b73d3f7c6eb115e989569f561a9eaca1fbfd5', id: this.componentId, style: this.rootStyles }, h("div", { key: '6118ea7b5ccfb6d3a915c1aeedf4fceba6fd82fe', class: `dga-accordion-item dga-accordion-item--${this.size}
78
78
  ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
79
79
  ${this.flush ? 'dga-accordion-item--flush' : ''}
80
- ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'eb0765180720a772ed051376804e91c974f6350d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '10a7179aa3f63b20fe62adc424c7ee6f66c3d543', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1d3d202d04d7064ebd07fd1787668b1faa4800bb', icon: arrowDown01StrokeRoundedIcon, size: 16 }))), h("div", { key: 'dfa6c94d8459ac12fde816b8b0a141510216ad4f', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: '240fa1783b6bb6a97f8816cd80db4c597e48c147', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'f9b8857f2777b816d56ae9dd631dd054a3754f93', icon: arrowDown01StrokeRoundedIcon, size: 16 })))), h("div", { key: 'c329052e497804e895268ee0ff42b5e559bc0eb6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
80
+ ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '124db51f4b46ed1ade0cd7da813b6b7f8704684d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '4f4963002350927dd54d8c284d6750316e18e366', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'de4ea604c04398be322d658460fa7dba80ed0fcb', icon: arrowDown01Stroke, size: 16 }))), h("div", { key: '9aafe980e3d2cfcd8ed301f6ae9a116b1312ac0e', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'fee3db656a10ca3c2c815681d15fec5585f9f001', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1f734edd55c7b9f04a2c55877dccc8eb085af934', icon: arrowDown01Stroke, size: 16 })))), h("div", { key: '6d104c561977302ef3c923e9f7c3b89a01c3f2c6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
81
81
  }
82
82
  static get is() { return "dga-accordion"; }
83
83
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,7 @@
1
1
  import { Fragment, Host, h } from "@stencil/core";
2
2
  import { SxStyleManager } from "../../utils/sx-style-manager";
3
3
  import { isRTL } from "../../utils/rtl";
4
- import { arrowLeft01StrokeRoundedIcon, arrowRight01StrokeRoundedIcon } from "../../assets/icons/index";
4
+ import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
5
5
  export class DgaBreadcrumbs {
6
6
  constructor() {
7
7
  this.items = []; // Items will be passed as a JSON string
@@ -101,12 +101,12 @@ export class DgaBreadcrumbs {
101
101
  }
102
102
  // Add a helper method to get the correct arrow icon
103
103
  getArrowIcon() {
104
- return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
104
+ return isRTL(this.el) ? arrowLeft01Stroke : arrowRight01Stroke;
105
105
  }
106
106
  render() {
107
107
  const { el } = this;
108
108
  const dir = isRTL(el) ? 'rtl' : 'ltr';
109
- return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
109
+ return (h(Host, { key: '93301b9f955ccd351f2b66db743cff7e85d7bbc2', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: 'e2a36bf12bf3e2f90759a0f7ea3b6513d6660c54', "aria-label": "breadcrumb" }, h("ul", { key: 'b9489fab0d67bde87cd2c60418edc59df95d56d6', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
110
110
  if (this.isEllipsisItem(item)) {
111
111
  return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
112
112
  this.toggleMenu();
@@ -1,5 +1,5 @@
1
1
  import { h, Host } from "@stencil/core";
2
- import { arrowLeft01StrokeRoundedIcon, arrowRight01StrokeRoundedIcon } from "../../assets/icons/index";
2
+ import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
3
3
  export class DgaCarousel {
4
4
  constructor() {
5
5
  this.DIRECTION = {
@@ -91,20 +91,20 @@ export class DgaCarousel {
91
91
  }
92
92
  }
93
93
  render() {
94
- return (h(Host, { key: 'dc950a5127fcf0d2494292dc65e606927bbc725a', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: 'edc3f5ab7927670769094b0df60172c812fc71af', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '9940760e8b572b1f12f0b7959643d684759235a4', class: {
94
+ return (h(Host, { key: '8281b5d5103f1c8f599db6a997e41157a68f0207', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '15fe94e00e30bac50a0502c072f2f4b009d66ee9', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: 'cef5bea86ca0b332688a2a72802b82a2f81413d5', class: {
95
95
  'KCarousel-arrow': true,
96
96
  'KCarousel-arrow--active': this.showLeftArrow(),
97
97
  [this.isRTL() ? 'right' : 'left']: true,
98
98
  [`KCarousel-arrow--${this.arrowsVariant}`]: true,
99
- }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: 'c61e7d802e20d24a200720931ff46480eac5d521', icon: this.isRTL() ? arrowRight01StrokeRoundedIcon : arrowLeft01StrokeRoundedIcon, size: 24 }))), h("div", { key: 'a73f5dbc7dc7f5b183e78ad2269e451afebd9619', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'c46d896345b1fad1c770d356a5a659e81ac049f1', style: {
99
+ }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '2d81bcc904700245afaeee48f1b01e9df6b8f2b8', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: 'fddeca0507ed99e70b544df7562e2e66642ef3e8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'a199aaa586385d8d78e2bdbb9f72112f5d250303', style: {
100
100
  display: 'flex',
101
101
  transition: `transform ${this.transitionDuration}ms ease-in-out`,
102
- }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4919aeb6ccb9a776501bc658ffb70f5a231a1aae' }))), this.variant === 'arrows' && (h("a", { key: 'f5fcf92cb7b65c7341b7a2c258a9f61b43f749cd', class: {
102
+ }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '572b34ba786324452793b6045f54c4c542c3b2f3' }))), this.variant === 'arrows' && (h("a", { key: 'ba168881cf6eeed6aa0dfce301d1564141246d32', class: {
103
103
  'KCarousel-arrow': true,
104
104
  'KCarousel-arrow--active': this.showRightArrow(),
105
105
  [this.isRTL() ? 'left' : 'right']: true,
106
106
  [`KCarousel-arrow--${this.arrowsVariant}`]: true,
107
- }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: 'b3ce42feeef312e23890953e13c42ac67c5b093d', icon: this.isRTL() ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: 'ed8d58023b7eaa294085d05a7d4b94e7b646ea75', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
107
+ }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '6a3476b2d26f6385e0e462bd6b4b8433e361cce2', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '1bf5c2c50241205e5c8937f29945c58dd6792027', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
108
108
  'KCarousel-dot': true,
109
109
  'is-active': this.isHighlighted(index),
110
110
  }, onClick: () => {
@@ -1,7 +1,7 @@
1
1
  import { h } from "@stencil/core";
2
2
  import { guid } from "../../utils";
3
3
  import { isRTL } from "../../utils/rtl";
4
- import { tick03SolidRoundedIcon, alertCircleStrokeRoundedIcon, remove01SolidRoundedIcon, minusSignSolidRoundedIcon } from "../../assets/icons/index";
4
+ import { tick03Solid, alertCircleStroke, remove01Solid, minusSignSolid } from "@platformscode/icons";
5
5
  export class DgaCheckbox {
6
6
  constructor() {
7
7
  this.color = 'brand';
@@ -52,18 +52,18 @@ export class DgaCheckbox {
52
52
  const { el, disabled } = this;
53
53
  const dir = isRTL(el) ? 'rtl' : 'ltr';
54
54
  console.log(dir);
55
- return (h("label", { key: '914bef532c5b8db2f14286da148559cfb9e01a05', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
55
+ return (h("label", { key: 'ed75568da7227f06b7d6990e4f10492eb4b0465c', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
56
56
  // onMouseDown={this.handleActive}
57
57
  // onMouseUp={this.handleRemoveActive}
58
58
  // onMouseOut={this.handleRemoveActive}
59
59
  // onChange={() => this.handleRemoveActive}
60
60
  // htmlFor={id}
61
- tabindex: disabled ? undefined : 0 }, h("div", { key: '9da5b55a5d2f723c855b8763d23dac56a053b4c3', class: "checkbox-main" }, h("div", { key: 'b495d64ead27edc57fdfc14ea8d1fcfcc4f5f9ac', class: "checkbox-main__content" }, h("input", { key: '551676bc6b093fede2803a2be402d1fc0764218f', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
61
+ tabindex: disabled ? undefined : 0 }, h("div", { key: '07ed6d67c79d63aecb4c95310cd61d986ad9117f', class: "checkbox-main" }, h("div", { key: 'a3035f9f3b4bf70a7645642638c5bbd247223b07', class: "checkbox-main__content" }, h("input", { key: '7366ac79c5ea7d41b81b46cf5c5c91ea91d9f4a5', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
62
62
  var _a;
63
63
  (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
64
64
  const target = e.target;
65
65
  this.isChecked = target.checked;
66
- }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '73271ba2c977965bc2f0adfa36a8a5c38bfa50d6', class: "checkbox-container" }, h("span", { key: 'e923228b8e5b0c284c43ddf780d63869035a12c8', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '6a5d54480965d27fe58febee30b25f44b3bf10a8', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd7fd216760b839fae1c39c3cd1774fcaea918e92', icon: remove01SolidRoundedIcon }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '491e606096b61f29761871b03750771673ae5f4f', class: "checkbox__warning" }, h("span", { key: 'c5c9d4941f05c095168fb0c88eb76c236b662d1c', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'd87ef6bab51cdb6d2cf5e045a5e236d64e4fa8b1', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'e76e886ef019852b2b5a0eb4dbac9e14aefb05d7', class: "checkbox__warning-text" }, this.alertText))))));
66
+ }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'd66f8308f488ee08a6e2418eefab966da61cb9d9', class: "checkbox-container" }, h("span", { key: 'a7c8141cca44b52c8f86ac57178ddfaafe4638f4', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '38efe16ce548e2cdb83250a3bef63c8cd0a7006c', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'a53749dc91764914e997a7b45159de3b034e3d0a', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'a158ab9dd10f6d47d7a51fa4600fe19ba58044da', class: "checkbox__warning" }, h("span", { key: 'bf4598419344a13397be31434f6472860fe2a55a', class: "checkbox__warning-icon" }, h("dga-icon", { key: '172e9f65e293d92f65da0be8823bccb67d86cc76', icon: alertCircleStroke, size: 16 })), h("span", { key: '4ca7ce4da7c31a7e3364aeed10acc4c0b36ea643', class: "checkbox__warning-text" }, this.alertText))))));
67
67
  }
68
68
  static get is() { return "dga-checkbox"; }
69
69
  static get encapsulation() { return "shadow"; }
@@ -1,5 +1,5 @@
1
1
  import { h } from "@stencil/core";
2
- import { checkmarkCircle02SolidRoundedIcon, multiplicationSignCircleSolidRoundedIcon } from "../../assets/icons/index";
2
+ import { checkmarkCircle02Solid, multiplicationSignCircleSolid } from "@platformscode/icons";
3
3
  export class DgaCircularProgressBar {
4
4
  constructor() {
5
5
  this.RTL = false;
@@ -19,7 +19,7 @@ export class DgaCircularProgressBar {
19
19
  const radius = (this.sizes[this.size] - strokeWidth) / 2;
20
20
  const dashArray = 2 * Math.PI * radius;
21
21
  const dashOffset = dashArray * (1 - this.percentage / 100);
22
- return (h("div", { key: 'e19eea82b29577b3b5a10744310baeb68bd065f4', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '4debad3d859108b85e7aabfb13dc070f78aa22a5', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '04e3531bdb853df778c2fd9baa460ef4eb1b5e63', icon: checkmarkCircle02SolidRoundedIcon, size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'fff85de7aa2b8805f077809d7c0380c1ac517d1d', icon: multiplicationSignCircleSolidRoundedIcon, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'd261b201b5fb077a67afc7c6a24206aa1e9ea4f8', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '41561b7f2b2610e8e24da433dc56e5e6f3297c2f', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '904e53f8b7a900e66d33eaa0da2604ea9e6fa10d', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'e11d4f89a63659d2fb29f9b49a07453bfac3a519', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '58ce3b502c3a46420b12ce66690f82dc2dff5bce', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
22
+ return (h("div", { key: '575295d19f409148a195b9b13e9cdf8ea0ae2632', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '3fb3b51c9aad789ff74077207bb4750ac618ab1c', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: 'efcd17e487aba3bd0c58f68379c99a64a55410a7', icon: checkmarkCircle02Solid, size: 20 }), this.variant === 'error' && h("dga-icon", { key: '20ef6255c4e068585eb4dd79a9f9ee4648998d70', icon: multiplicationSignCircleSolid, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: '30ad1c9fd7c5f407ba118fb4bf14173cfdc2e9fc', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: 'f1f3f9ac38eb40ac98562175c1f80ff72be7cdd6', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '57e52247278f3dfb972b401557828da4cacb6505', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '09e16507158e928f55294842bdeafc39c021ca0f', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'de0eb137d69c6d8f3bfa25bfc73f18584e5a6758', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
23
23
  transition: 'stroke-dashoffset 0.5s ease',
24
24
  } }))));
25
25
  }