q2-tecton-elements 1.17.1 → 1.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
  2. package/dist/cjs/{icons-e2bc9ee9.js → icons-afbdf88a.js} +1 -1
  3. package/dist/cjs/{index-afc50fbb.js → index-3518c78c.js} +9 -1
  4. package/dist/cjs/{index-0128397d.js → index-734296a7.js} +476 -271
  5. package/dist/cjs/loader.cjs.js +3 -3
  6. package/dist/cjs/q2-avatar.cjs.entry.js +9 -6
  7. package/dist/cjs/q2-badge_2.cjs.entry.js +46 -7
  8. package/dist/cjs/q2-btn_2.cjs.entry.js +31 -5
  9. package/dist/cjs/q2-calendar.cjs.entry.js +89 -62
  10. package/dist/cjs/q2-card.cjs.entry.js +17 -6
  11. package/dist/cjs/q2-carousel-pane.cjs.entry.js +7 -3
  12. package/dist/cjs/q2-carousel.cjs.entry.js +196 -285
  13. package/dist/cjs/q2-chart-donut.cjs.entry.js +583 -504
  14. package/dist/cjs/q2-checkbox-group.cjs.entry.js +9 -7
  15. package/dist/cjs/q2-checkbox.cjs.entry.js +17 -4
  16. package/dist/cjs/q2-dropdown-item.cjs.entry.js +9 -3
  17. package/dist/cjs/q2-dropdown.cjs.entry.js +16 -5
  18. package/dist/cjs/q2-editable-field.cjs.entry.js +16 -6
  19. package/dist/cjs/q2-icon.cjs.entry.js +6 -4
  20. package/dist/cjs/q2-loading-element.cjs.entry.js +6 -2
  21. package/dist/cjs/q2-loc.cjs.entry.js +5 -3
  22. package/dist/cjs/q2-message.cjs.entry.js +4 -3
  23. package/dist/cjs/q2-month-picker.cjs.entry.js +149 -0
  24. package/dist/cjs/q2-optgroup.cjs.entry.js +6 -5
  25. package/dist/cjs/{q2-option-list.cjs.entry.js → q2-option-list_2.cjs.entry.js} +120 -23
  26. package/dist/cjs/q2-option.cjs.entry.js +12 -2
  27. package/dist/cjs/q2-pagination.cjs.entry.js +18 -4
  28. package/dist/cjs/q2-pill.cjs.entry.js +40 -20
  29. package/dist/cjs/q2-radio-group.cjs.entry.js +13 -6
  30. package/dist/cjs/q2-radio.cjs.entry.js +13 -8
  31. package/dist/cjs/q2-section.cjs.entry.js +9 -4
  32. package/dist/cjs/q2-select.cjs.entry.js +28 -21
  33. package/dist/cjs/q2-stepper-pane.cjs.entry.js +8 -3
  34. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +5 -4
  35. package/dist/cjs/q2-stepper.cjs.entry.js +9 -7
  36. package/dist/cjs/q2-tab-container.cjs.entry.js +14 -9
  37. package/dist/cjs/q2-tab-pane.cjs.entry.js +10 -2
  38. package/dist/cjs/q2-tag.cjs.entry.js +32 -17
  39. package/dist/cjs/q2-tecton-elements.cjs.js +3 -3
  40. package/dist/cjs/q2-textarea.cjs.entry.js +20 -4
  41. package/dist/cjs/q2-tooltip.cjs.entry.js +70 -14
  42. package/dist/cjs/{shapes-c1a60d46.js → shapes-aad2b98f.js} +1 -1
  43. package/dist/cjs/tecton-tab-pane.cjs.entry.js +17 -2
  44. package/dist/collection/collection-manifest.json +4 -2
  45. package/dist/collection/components/click-elsewhere/index.js +18 -17
  46. package/dist/collection/components/q2-avatar/index.js +100 -92
  47. package/dist/collection/components/q2-avatar/styles.css +1 -1
  48. package/dist/collection/components/q2-badge/index.js +119 -111
  49. package/dist/collection/components/q2-badge/styles.css +1 -1
  50. package/dist/collection/components/q2-btn/index.js +351 -306
  51. package/dist/collection/components/q2-btn/styles.css +8 -7
  52. package/dist/collection/components/q2-calendar/index.js +565 -551
  53. package/dist/collection/components/q2-calendar/q2-month-picker.css +130 -0
  54. package/dist/collection/components/q2-calendar/q2-month-picker.js +242 -0
  55. package/dist/collection/components/q2-calendar/styles.css +1 -1
  56. package/dist/collection/components/q2-card/index.js +262 -244
  57. package/dist/collection/components/q2-card/styles.css +9 -2
  58. package/dist/collection/components/q2-carousel/index.js +249 -253
  59. package/dist/collection/components/q2-carousel/styles.css +1 -1
  60. package/dist/collection/components/q2-carousel-pane/index.js +108 -96
  61. package/dist/collection/components/q2-carousel-pane/styles.css +5 -4
  62. package/dist/collection/components/q2-chart-donut/index.js +350 -334
  63. package/dist/collection/components/q2-chart-donut/styles.css +3 -3
  64. package/dist/collection/components/q2-checkbox/index.js +296 -287
  65. package/dist/collection/components/q2-checkbox/styles.css +2 -2
  66. package/dist/collection/components/q2-checkbox-group/index.js +156 -152
  67. package/dist/collection/components/q2-checkbox-group/styles.css +1 -1
  68. package/dist/collection/components/q2-dropdown/index.js +255 -240
  69. package/dist/collection/components/q2-dropdown/styles.css +1 -1
  70. package/dist/collection/components/q2-dropdown-item/index.js +134 -123
  71. package/dist/collection/components/q2-dropdown-item/styles.css +12 -10
  72. package/dist/collection/components/q2-editable-field/index.js +300 -293
  73. package/dist/collection/components/q2-editable-field/styles.css +1 -1
  74. package/dist/collection/components/q2-icon/icons.js +358 -2158
  75. package/dist/collection/components/q2-icon/index.js +59 -49
  76. package/dist/collection/components/q2-icon/styles.css +1 -1
  77. package/dist/collection/components/q2-input/index.js +729 -705
  78. package/dist/collection/components/q2-input/styles.css +2 -2
  79. package/dist/collection/components/q2-loading/index.js +143 -132
  80. package/dist/collection/components/q2-loading/skeleton/q2-loading-element/index.js +85 -74
  81. package/dist/collection/components/q2-loading/skeleton/shapes.js +23 -36
  82. package/dist/collection/components/q2-loading/styles.css +1 -1
  83. package/dist/collection/components/q2-loc/index.js +49 -39
  84. package/dist/collection/components/q2-loc/styles.css +1 -1
  85. package/dist/collection/components/q2-message/index.js +101 -92
  86. package/dist/collection/components/q2-message/styles.css +1 -1
  87. package/dist/collection/components/q2-optgroup/index.js +64 -56
  88. package/dist/collection/components/q2-optgroup/styles.css +1 -1
  89. package/dist/collection/components/q2-option/index.js +244 -229
  90. package/dist/collection/components/q2-option/styles.css +5 -1
  91. package/dist/collection/components/q2-option-list/index.js +295 -319
  92. package/dist/collection/components/q2-option-list/styles.css +2 -50
  93. package/dist/collection/components/q2-pagination/index.js +183 -173
  94. package/dist/collection/components/q2-pagination/styles.css +1 -1
  95. package/dist/collection/components/q2-pill/index.js +276 -221
  96. package/dist/collection/components/q2-pill/styles.css +12 -7
  97. package/dist/collection/components/q2-popover/index.js +263 -0
  98. package/dist/collection/components/q2-popover/styles.css +205 -0
  99. package/dist/collection/components/q2-radio/index.js +233 -224
  100. package/dist/collection/components/q2-radio/styles.css +3 -3
  101. package/dist/collection/components/q2-radio-group/index.js +252 -244
  102. package/dist/collection/components/q2-radio-group/styles.css +1 -1
  103. package/dist/collection/components/q2-section/index.js +134 -125
  104. package/dist/collection/components/q2-section/styles.css +12 -1
  105. package/dist/collection/components/q2-select/index.js +395 -385
  106. package/dist/collection/components/q2-select/styles.css +1 -1
  107. package/dist/collection/components/q2-stepper/index.js +124 -126
  108. package/dist/collection/components/q2-stepper/styles.css +2 -1
  109. package/dist/collection/components/q2-stepper-pane/index.js +165 -149
  110. package/dist/collection/components/q2-stepper-pane/styles.css +1 -1
  111. package/dist/collection/components/q2-stepper-vertical/index.js +86 -85
  112. package/dist/collection/components/q2-stepper-vertical/styles.css +1 -1
  113. package/dist/collection/components/q2-tab-container/index.js +189 -184
  114. package/dist/collection/components/q2-tab-container/styles.css +1 -1
  115. package/dist/collection/components/q2-tab-pane/index.js +185 -166
  116. package/dist/collection/components/q2-tab-pane/styles.css +1 -1
  117. package/dist/collection/components/q2-tag/index.js +180 -125
  118. package/dist/collection/components/q2-tag/styles.css +2 -6
  119. package/dist/collection/components/q2-textarea/index.js +344 -327
  120. package/dist/collection/components/q2-textarea/styles.css +2 -2
  121. package/dist/collection/components/q2-tooltip/index.js +207 -104
  122. package/dist/collection/components/q2-tooltip/styles.css +63 -83
  123. package/dist/collection/components/tecton-tab-pane/index.js +287 -266
  124. package/dist/collection/components/tecton-tab-pane/styles.css +1 -1
  125. package/dist/collection/utils/index.js +9 -6
  126. package/dist/esm/click-elsewhere.entry.js +1 -1
  127. package/dist/esm/{icons-ed54e307.js → icons-78da5dd2.js} +1 -1
  128. package/dist/esm/{index-2ca8c93c.js → index-9c591682.js} +9 -2
  129. package/dist/esm/{index-6d5ed7cc.js → index-bb1c8c7f.js} +476 -271
  130. package/dist/esm/loader.js +3 -3
  131. package/dist/esm/polyfills/css-shim.js +1 -1
  132. package/dist/esm/q2-avatar.entry.js +9 -6
  133. package/dist/esm/q2-badge_2.entry.js +46 -7
  134. package/dist/esm/q2-btn_2.entry.js +31 -5
  135. package/dist/esm/q2-calendar.entry.js +89 -62
  136. package/dist/esm/q2-card.entry.js +17 -6
  137. package/dist/esm/q2-carousel-pane.entry.js +7 -3
  138. package/dist/esm/q2-carousel.entry.js +196 -285
  139. package/dist/esm/q2-chart-donut.entry.js +583 -504
  140. package/dist/esm/q2-checkbox-group.entry.js +9 -7
  141. package/dist/esm/q2-checkbox.entry.js +17 -4
  142. package/dist/esm/q2-dropdown-item.entry.js +9 -3
  143. package/dist/esm/q2-dropdown.entry.js +16 -5
  144. package/dist/esm/q2-editable-field.entry.js +16 -6
  145. package/dist/esm/q2-icon.entry.js +6 -4
  146. package/dist/esm/q2-loading-element.entry.js +6 -2
  147. package/dist/esm/q2-loc.entry.js +5 -3
  148. package/dist/esm/q2-message.entry.js +4 -3
  149. package/dist/esm/q2-month-picker.entry.js +145 -0
  150. package/dist/esm/q2-optgroup.entry.js +6 -5
  151. package/dist/esm/{q2-option-list.entry.js → q2-option-list_2.entry.js} +120 -24
  152. package/dist/esm/q2-option.entry.js +12 -2
  153. package/dist/esm/q2-pagination.entry.js +18 -4
  154. package/dist/esm/q2-pill.entry.js +40 -20
  155. package/dist/esm/q2-radio-group.entry.js +13 -6
  156. package/dist/esm/q2-radio.entry.js +13 -8
  157. package/dist/esm/q2-section.entry.js +9 -4
  158. package/dist/esm/q2-select.entry.js +28 -21
  159. package/dist/esm/q2-stepper-pane.entry.js +8 -3
  160. package/dist/esm/q2-stepper-vertical.entry.js +5 -4
  161. package/dist/esm/q2-stepper.entry.js +9 -7
  162. package/dist/esm/q2-tab-container.entry.js +14 -9
  163. package/dist/esm/q2-tab-pane.entry.js +10 -2
  164. package/dist/esm/q2-tag.entry.js +32 -17
  165. package/dist/esm/q2-tecton-elements.js +3 -3
  166. package/dist/esm/q2-textarea.entry.js +20 -4
  167. package/dist/esm/q2-tooltip.entry.js +70 -14
  168. package/dist/esm/{shapes-c32e3ba2.js → shapes-62b8a431.js} +1 -1
  169. package/dist/esm/tecton-tab-pane.entry.js +17 -2
  170. package/dist/loader/package.json +1 -0
  171. package/dist/q2-tecton-elements/p-0ba564b1.entry.js +1 -0
  172. package/dist/q2-tecton-elements/p-0fad9c5a.entry.js +1 -0
  173. package/dist/q2-tecton-elements/{p-73154834.js → p-13a639cf.js} +1 -1
  174. package/dist/q2-tecton-elements/p-16c11d74.entry.js +1 -0
  175. package/dist/q2-tecton-elements/p-17e0cbf1.entry.js +1 -0
  176. package/dist/q2-tecton-elements/p-18e095af.entry.js +1 -0
  177. package/dist/q2-tecton-elements/p-2c9b1308.entry.js +1 -0
  178. package/dist/q2-tecton-elements/p-2e832e42.entry.js +1 -0
  179. package/dist/q2-tecton-elements/p-315fdb74.entry.js +1 -0
  180. package/dist/q2-tecton-elements/{p-318758d4.entry.js → p-444415b5.entry.js} +1 -1
  181. package/dist/q2-tecton-elements/p-4d700630.entry.js +1 -0
  182. package/dist/q2-tecton-elements/p-4f0f45e7.entry.js +1 -0
  183. package/dist/q2-tecton-elements/p-54e792bd.entry.js +1 -0
  184. package/dist/q2-tecton-elements/{p-41fcf343.js → p-5e374fbd.js} +1 -1
  185. package/dist/q2-tecton-elements/p-5f064e1e.entry.js +39 -0
  186. package/dist/q2-tecton-elements/p-692f2d09.entry.js +1 -0
  187. package/dist/q2-tecton-elements/p-6e6b5b80.entry.js +1 -0
  188. package/dist/q2-tecton-elements/p-7e8f43d1.entry.js +1 -0
  189. package/dist/q2-tecton-elements/p-8e380edf.entry.js +1 -0
  190. package/dist/q2-tecton-elements/p-926a3e80.js +2 -0
  191. package/dist/q2-tecton-elements/{p-93c00587.js → p-92e1faf8.js} +1 -1
  192. package/dist/q2-tecton-elements/p-9772b15f.entry.js +1 -0
  193. package/dist/q2-tecton-elements/p-97aa8423.entry.js +1 -0
  194. package/dist/q2-tecton-elements/{p-17cffd7d.entry.js → p-a987402e.entry.js} +1 -1
  195. package/dist/q2-tecton-elements/p-aaf42539.entry.js +1 -0
  196. package/dist/q2-tecton-elements/p-ac674c20.entry.js +1 -0
  197. package/dist/q2-tecton-elements/p-b8b00394.entry.js +1 -0
  198. package/dist/q2-tecton-elements/p-c444a60b.entry.js +1 -0
  199. package/dist/q2-tecton-elements/p-c6c489fe.entry.js +1 -0
  200. package/dist/q2-tecton-elements/p-ce015552.entry.js +1 -0
  201. package/dist/q2-tecton-elements/p-d464fccc.entry.js +1 -0
  202. package/dist/q2-tecton-elements/p-de164483.entry.js +1 -0
  203. package/dist/q2-tecton-elements/p-df91e954.entry.js +1 -0
  204. package/dist/q2-tecton-elements/p-e6d26f39.entry.js +1 -0
  205. package/dist/q2-tecton-elements/p-e8e113c2.entry.js +1 -0
  206. package/dist/q2-tecton-elements/p-f1d06917.entry.js +1 -0
  207. package/dist/q2-tecton-elements/p-f800fd1e.entry.js +1 -0
  208. package/dist/q2-tecton-elements/p-fb37e67e.entry.js +1 -0
  209. package/dist/q2-tecton-elements/p-fc134a5d.entry.js +1 -0
  210. package/dist/q2-tecton-elements/p-fe88e979.entry.js +1 -0
  211. package/dist/q2-tecton-elements/p-ffb48ccc.entry.js +1 -0
  212. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  213. package/dist/test/helpers.js +6 -0
  214. package/dist/types/components/q2-btn/index.d.ts +1 -0
  215. package/dist/types/components/q2-calendar/q2-month-picker.d.ts +24 -0
  216. package/dist/types/components/q2-option-list/index.d.ts +1 -4
  217. package/dist/types/components/q2-pill/index.d.ts +10 -3
  218. package/dist/types/components/q2-popover/index.d.ts +26 -0
  219. package/dist/types/components/q2-tag/index.d.ts +8 -2
  220. package/dist/types/components/q2-tooltip/index.d.ts +12 -0
  221. package/dist/types/components.d.ts +203 -38
  222. package/dist/types/stencil-public-runtime.d.ts +20 -4
  223. package/dist/types/utils/index.d.ts +1 -0
  224. package/dist/types/workspace/workspace/{tecton-production_release_1.17.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +2 -0
  225. package/package.json +6 -6
  226. package/dist/q2-tecton-elements/p-06865cf5.entry.js +0 -1
  227. package/dist/q2-tecton-elements/p-0d849ed4.entry.js +0 -1
  228. package/dist/q2-tecton-elements/p-2a217895.entry.js +0 -1
  229. package/dist/q2-tecton-elements/p-2b94ae62.entry.js +0 -1
  230. package/dist/q2-tecton-elements/p-2faed36b.entry.js +0 -1
  231. package/dist/q2-tecton-elements/p-30a4fdfb.entry.js +0 -1
  232. package/dist/q2-tecton-elements/p-30f81b22.entry.js +0 -1
  233. package/dist/q2-tecton-elements/p-31070ab8.entry.js +0 -1
  234. package/dist/q2-tecton-elements/p-41c22a16.entry.js +0 -1
  235. package/dist/q2-tecton-elements/p-445e7c45.entry.js +0 -1
  236. package/dist/q2-tecton-elements/p-44bdaf52.entry.js +0 -1
  237. package/dist/q2-tecton-elements/p-4c53713d.entry.js +0 -1
  238. package/dist/q2-tecton-elements/p-4da9b6b6.entry.js +0 -1
  239. package/dist/q2-tecton-elements/p-5acb7ec6.entry.js +0 -1
  240. package/dist/q2-tecton-elements/p-64605d17.entry.js +0 -1
  241. package/dist/q2-tecton-elements/p-64ca8c59.entry.js +0 -1
  242. package/dist/q2-tecton-elements/p-654fcd6b.entry.js +0 -1
  243. package/dist/q2-tecton-elements/p-661c2092.entry.js +0 -1
  244. package/dist/q2-tecton-elements/p-732dafd0.entry.js +0 -1
  245. package/dist/q2-tecton-elements/p-815c8a7d.entry.js +0 -1
  246. package/dist/q2-tecton-elements/p-824a1d7c.entry.js +0 -1
  247. package/dist/q2-tecton-elements/p-8543a0e1.entry.js +0 -1
  248. package/dist/q2-tecton-elements/p-916fd90b.entry.js +0 -1
  249. package/dist/q2-tecton-elements/p-94b3c534.entry.js +0 -1
  250. package/dist/q2-tecton-elements/p-9725d55f.entry.js +0 -1
  251. package/dist/q2-tecton-elements/p-a45c6b65.entry.js +0 -1
  252. package/dist/q2-tecton-elements/p-a659d112.entry.js +0 -1
  253. package/dist/q2-tecton-elements/p-b4b8f85c.entry.js +0 -39
  254. package/dist/q2-tecton-elements/p-b595b415.entry.js +0 -1
  255. package/dist/q2-tecton-elements/p-c5691700.js +0 -1
  256. package/dist/q2-tecton-elements/p-cde0cdff.entry.js +0 -1
  257. package/dist/q2-tecton-elements/p-d3e4cc5d.entry.js +0 -1
  258. package/dist/q2-tecton-elements/p-d781e2d9.entry.js +0 -1
  259. package/dist/q2-tecton-elements/p-d8d9e8eb.entry.js +0 -1
  260. package/dist/q2-tecton-elements/p-fbf23146.entry.js +0 -1
  261. package/dist/test/elements/q2-tag-test.js +0 -151
  262. package/dist/types/workspace/workspace/tecton-production_release_1.17.x/packages/q2-tecton-elements/.stencil/test/elements/q2-tag-test.d.ts +0 -1
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as s,g as i}from"./p-c5691700.js";import{c as o,s as l,h as n,o as a,l as h,b as r,i as c,r as d}from"./p-41fcf343.js";const p=class{constructor(s){t(this,s),this.change=e(this,"change",7),this.input=e(this,"input",7),this.selectedOptions=[],this.disabled=!1,this.readonly=!1,this.multiple=!1,this.minRows=3,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.searchText="",this.hasCustomDisplay=!1,this.inputFocused=!1,this.prioritizeSearch=!1,this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=o(),this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),e=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),s=e?e.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==s&&(this.hasCustomDisplay=s),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const i=this.optionElements[this.activeIndex];i&&i.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const e=new Date;e.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=e})();const e=(t=>t.find((t=>!t.element.disabled&&t.element.display&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{this.pivotIndex=void 0===this.pivotIndex?0:(this.activeIndex||0)+1;const t=this.optionElements.map(((t,e)=>({element:t,index:e})));return[...t.slice(this.pivotIndex),...t.slice(0,this.pivotIndex)]})());e&&(({element:t,index:e})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(e):(this.activeIndex=e,this.change.emit({value:t.value}))})(e)},this.dropdownFocusoutHandler=t=>{const{relatedTarget:e}=t,s=this.dropdownContainer.contains(e),i=!s&&this.hostElement.contains(e);s||i||this.dropdownOpen&&this.closeDropdown()},this.dropdownKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,searchable:s,optionElements:i,multiSelectHeader:o}=this,{key:l,shiftKey:n}=t;if(!(this.readonly||o&&o.contains(t.target)&&[" ","Enter"].includes(l)))switch(l){case" ":case"Enter":t.preventDefault();const o=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!o||o.disabled)break;this.selectOption(o,!0);break;case"ArrowUp":if(t.preventDefault(),0===e)break;if(void 0!==e){const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-e)}else this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),e===i.length-1)break;if(void 0!==e){const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-e)}else this.setDefaultActiveElement();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(i.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(e-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(e+10,i.length-1));break;case"Tab":if(n)break;const a=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!a||a.disabled)return;if(a.selected)return;this.selectOption(a);break;case"Esc":case"Escape":this.closeDropdown(),this.focusInput();break;default:if(s)break;if(!l.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(l)}},this.inputKeydownHandler=t=>{t.stopPropagation();const{key:e,shiftKey:s}=t,{optionElements:i,searchable:o}=this;switch(e){case"ArrowDown":t.preventDefault(),this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break;case"ArrowUp":t.preventDefault(),this.openDropdownWithActiveElement(this.getLastEnabledIndex()),this.setFocusedOption();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(i.length-1);break;case"Escape":case"Esc":case"Tab":this.closeDropdown();break;default:if(s)break;if(o){this.openDropdownWithoutActiveElement();break}if(!e.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(e)}},this.inputClickHandler=t=>{t.stopPropagation(),l(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation();const e=t.detail.value;!!this.value&&this.inputField.value!==e&&this.selectOption(null),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.prioritizeSearch=!0,this.searchText=e,this.input.emit({query:e})},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()},this.showSelectedOptions=t=>{t.stopImmediatePropagation(),this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=t=>{t.stopPropagation(),this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))}}componentWillLoad(){n(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),a(this.hostElement),setTimeout((()=>this.checkSelectedDisplay()),0)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){var t;null===(t=this.mutationObserver)||void 0===t||t.disconnect(),this.mutationObserver=null}get isComponentFocused(){return document.activeElement===this.hostElement||!!this.hostElement.querySelector(":focus")}get isSearchMode(){return this.searchable&&this.inputFocused||this.searchText}get badgeValue(){if(!this.multiple)return;const t=this.selectedOptions.length;return this.dropdownOpen&&this.searchable?t||null:t>1?"+"+(t-1):null}get minPopHeight(){const{minRows:t}=this,e=this.hostElement.querySelector("q2-option:not([hidden])"),s=e?window.getComputedStyle(e).minHeight:"44px";return t*parseInt(s)}get selectedDisplay(){return this.prioritizeSearch||this.searchText?this.searchText:this.hasCustomDisplay?"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedDisplaySlot(){return this.hostElement.querySelector('[slot="_selected-display"]')}get firstSelectedValue(){var t,e;return this.multiple?null!==(e=null===(t=this.selectedOptions)||void 0===t?void 0:t[0])&&void 0!==e?e:null:this.value}get firstSelectedOptionElement(){const{firstSelectedValue:t}=this;return t?this.optionElements.find((({value:e})=>e===t)):null}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get visibleOptionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option:not([_multiselecthidden])"))}get wrapperClasses(){const{errors:t}=this,e=["q2-select-container"];return this.dropdownOpen&&e.push("dropdown-open"),Array.isArray(t)&&t.length>0&&e.push("has-error"),this.inputFocused&&e.push("is-focused"),this.searchable&&e.push("is-searchable"),e.join(" ")}ariaLabelObserver(){n(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,e){t!==e&&this.optionElements.forEach((e=>e.multiline=t))}dropdownOpenChanged(t){this.scheduledAfterRender.push((()=>{const{multiple:e,multiSelectHeader:s,dropdownContainer:i}=this,o=t&&e&&(null==s?void 0:s.offsetHeight)||0;o?i.style.setProperty("--comp-multi-select-header-height",`${o}px`):i.style.removeProperty("--comp-multi-select-header-height")}))}keydownHandler(t){this.inputKeydownHandler(t)}onHostElementChange(t){this.readonly||t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(!this.searchable||t.target!==this.hostElement||this.hostElement.oninput)return;const e=this.optionElements,s=this.searchText.trim().toLocaleLowerCase();let i=0;e.forEach((t=>{var e;if(""===s)return void(t.hidden=!1);const o="Q2-CARD"===(null===(e=t.firstElementChild)||void 0===e?void 0:e.tagName)?t.firstElementChild.title:null,{display:l="",innerText:n=""}=t,a=[l,o,n].some((t=>{var e;return null!==(e=null==t?void 0:t.toLocaleLowerCase().includes(s))&&void 0!==e&&e}));t.hidden=!a,a&&i++})),this.setStatusMessage(h(s?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[s?i:e.length]))}delegateFocus(t){const e=r(t,this.hostElement);(this.prioritizeSearch=e&&this.searchable)?this.clearSelectedDisplay():c(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}handleFocusout(t){this.prioritizeSearch=!r(t,this.hostElement)&&this.searchable}clickHandler(t){const e=t.target.closest("q2-option");!e||e.hasAttribute("disabled")&&"false"!==e.getAttribute("disabled")||this.selectOption(e,!0)}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected&&!t.hidden));if(t>-1)return t;const e=this.optionElements.findIndex((t=>!t.hidden));return e>-1?e:0}getLastEnabledIndex(){const t=this.optionElements.reduce(((t,e,s)=>(e.hidden||e.disabled||t.push(s),t)),[]);return t[t.length-1]}setActiveOption(){if(!this.dropdownOpen)return;const t=this.activeIndex;this.optionElements.forEach(((e,s)=>{t===s?(e.active=!0,this.activeOptionId=e.optionId):e.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t&&(t.dispatchEvent(new FocusEvent("focus")),t.focus())}calculateMultiSelectSelectedDisplay(){var t;const{firstSelectedOptionElement:e,firstSelectedValue:s,multilineOptions:i}=this;return s?(null==e?void 0:e.display)?h(e.display):i&&this.searchable?this.searchText:i?"":null!==(t=null==e?void 0:e.value)&&void 0!==t?t:s:""}calculateSingleSelectSelectedDisplay(){const{firstSelectedOptionElement:t}=this;return(null==t?void 0:t.display)&&h(t.display)||this.value||""}updateSingleOptionAttrs(){const{value:t,guid:e,multilineOptions:s}=this;this.optionElements.forEach(((i,o)=>{i.selected=i.value===t,i.optionId=`q2-select-${e}-option-${o}`,i.multiline=s}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1);const{selectedOptions:t,onlyShowingSelected:e,guid:s,multilineOptions:i}=this;this.optionElements.forEach(((o,l)=>{o.selected=t.includes(o.value),o._multiSelectHidden=!!e&&!o.selected,o.optionId=`q2-select-${s}-option-${l}`,o.multiline=i}))}focusSelectedSibling(t){if(!this.onlyShowingSelected)return;const{visibleOptionElements:e}=this;if(e.length<2)return;const s=e.indexOf(t),i=this.optionElements.indexOf(e[s?s-1:s+1]);this.activeIndex=i,this.setFocusedOption()}selectOption(t,e=!1){var s;const i=null!==(s=null==t?void 0:t.value)&&void 0!==s?s:"";this.multiple?this.selectedOptions.includes(i)?(this.focusSelectedSibling(t),this.change.emit({selectedOptions:this.selectedOptions.filter((t=>t!==i))})):i&&this.change.emit({selectedOptions:[...this.selectedOptions,i]}):(this.change.emit({value:i}),this.closeDropdown(),e&&this.focusInput())}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.readonly||(this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(d))}openDropdownWithActiveElement(t){this.readonly||(this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.setFocusedOption(),this.scrollToActiveOption(),d()})))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(d)}toggleDropdown(){this.disabled||(this.dropdownOpen&&!this.searchText?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let e=this.activeIndex+t;const{optionElements:s}=this;for(;e>=0&&e<=s.length-1;){const{display:i,visibility:o}=window.getComputedStyle(s[e]);if("none"!==i&&"hidden"!==o)return e;e+=t}return-1}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clearSelectedDisplay(){var t;null===(t=this.selectedDisplaySlot)||void 0===t||t.remove()}checkSelectedDisplay(){let t=this.selectedDisplaySlot;const{value:e,multiple:s,selectedOptions:i,multilineOptions:o,firstSelectedOptionElement:l,prioritizeSearch:n}=this;if(n||!o||!e&&s&&!i.length)return this.clearSelectedDisplay();if(!l||l.display)return this.clearSelectedDisplay();const a=l.firstElementChild.cloneNode(!0);return a.querySelectorAll("[hide-on-select]").forEach((t=>t.remove())),t?(t.style.setProperty("--comp-selected-display-height",0===t.clientHeight?"auto":`${t.clientHeight}px`),t.firstElementChild.outerHTML!==a.outerHTML&&t.replaceChild(a,t.firstElementChild)):(t=document.createElement("div"),t.slot="_selected-display",t.appendChild(a),this.hostElement.appendChild(t)),t}checkSelectedDisplayHeight(){const{selectedDisplaySlot:t}=this;t&&t.style.setProperty("--comp-selected-display-height","44px")}renderCustomDisplay(){if(this.checkSelectedDisplay())return this.checkSelectedDisplayHeight(),s("slot",{name:"_selected-display",slot:"custom-display"})}render(){const t=!this.searchable;return s("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},s("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),s("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&h(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>h(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,readonly:this.readonly,hideLabel:this.hideLabel,ariaExpanded:`${!!this.dropdownOpen}`,ariaOwns:"dropdown",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:t,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler,badgeValue:this.badgeValue,badgeTheme:this.isComponentFocused?"primary":void 0},this.renderCustomDisplay()),s("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},s("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return s("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t,onKeyDown:this.dropdownKeydownHandler,onFocusout:this.dropdownFocusoutHandler},this.multiple?this.visibilityToggle():"",s("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},s("slot",null)))}visibilityToggle(){const t=this.selectedOptions.length;return s("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},h("tecton.element.select.multiHeader.showing"),s("q2-btn",{class:"show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"aria-selected":!this.onlyShowingSelected||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,label:h("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},h("tecton.element.select.multiHeader.all")),s("q2-btn",{class:"show-selected-options"+(this.onlyShowingSelected?" selected":""),"aria-selected":this.onlyShowingSelected||void 0,disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,label:h("tecton.element.select.multiHeader.selectedAriaLabel",[t]),"hide-label":!0},h("tecton.element.select.multiHeader.selected",[t])))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"],dropdownOpen:["dropdownOpenChanged"]}}};p.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0;--tct-input-min-height:var(--tct-select-input-min-height, var(--t-select-input-min-height));--tct-input-max-height:var(--tct-select-input-max-height, var(--t-select-input-max-height, 100px))}::slotted([slot=_selected-display]){width:100%;min-height:var(--comp-selected-display-height, 44px)}.custom-display-content{position:absolute;bottom:0;left:calc(var(--tct-scale-2, var(--app-scale-2x, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3x, 15px)));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3x, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--app-scale-3x, 15px)))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) var(--tct-scale-2, var(--app-scale-2x, 10px));position:sticky;top:0;z-index:5;background:var(--app-white)}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1x, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2x, 10px))}.q2-element-dropdown.dropup{bottom:var(--comp-dropup-offset)}";export{p as q2_select}
@@ -1 +0,0 @@
1
- let e,t,n,l=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=p(e,n),i=h(t,o),r=m(n);a.ael(s,l,i,r),(t.o=t.o||[]).push((()=>a.rel(s,l,i,r)))}))},h=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){$e(e)}},p=(e,t)=>8&t?c:e,m=e=>0!=(2&e),y="http://www.w3.org/1999/xlink",b=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!v(l))&&(l+=""),i&&r?c[c.length-1].h+=l:c.push(i?j(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,O);const a=j(e,null);return a.p=t,c.length>0&&(a.m=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,h:t,j:null,m:null,p:null,g:null,v:null}),S={},O={forEach:(e,t)=>e.map(C).forEach(t),map:(e,t)=>e.map(C).map(t).map(M)},C=e=>({vattrs:e.p,vchildren:e.m,vkey:e.g,vname:e.v,vtag:e.k,vtext:e.h}),M=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),k(e.vtag,t,...e.vchildren||[])}const t=j(e.vtag,e.vtext);return t.p=e.vattrs,t.m=e.vchildren,t.g=e.vkey,t.v=e.vname,t},x=(e,t,n,l,o,s)=>{if(n!==l){let i=de(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=P(n),s=P(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(y,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,f?e.setAttributeNS(y,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):de(c,r)?r.slice(2):r[2]+t.slice(3),n&&a.rel(e,t,n,!1),l&&a.ael(e,t,l,!1)}},R=/\s/,P=e=>e?e.split(R):[],T=(e,t,n,l)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.p||g,i=t.p||g;for(l in s)l in i||x(o,l,s[l],void 0,n,t.t);for(l in i)x(o,l,s[l],i[l],n,t.t)},W=(o,r,c,a)=>{let u,d,$,h=r.m[c],p=0;if(l||(s=!0,"slot"===h.k&&(e&&a.classList.add(e+"-s"),h.t|=h.m?2:1)),null!==h.h)u=h.j=f.createTextNode(h.h);else if(1&h.t)u=h.j=f.createTextNode("");else{if(i||(i="svg"===h.k),u=h.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.t?"slot-fb":h.k),i&&"foreignObject"===h.k&&(i=!1),T(null,h,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),h.m)for(p=0;p<h.m.length;++p)d=W(o,h,p,u),d&&u.appendChild(d);"svg"===h.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=n,3&h.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=h.v||"",$=o&&o.m&&o.m[c],$&&$.k===h.k&&o.j&&E(o.j,!1)),u},E=(e,t)=>{a.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(q(o).insertBefore(o,U(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&E(o,t)}a.t&=-2},L=(e,t,l,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=W(null,l,s,e),r&&(o[s].j=r,c.insertBefore(r,U(t))))},N=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():E(s,!0),s.remove())},F=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),U=e=>e&&e["s-ol"]||e,q=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t)=>{const n=t.j=e.j,l=e.m,o=t.m,s=t.k,r=t.h;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||T(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=l.length-1,h=l[0],p=l[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==h)h=l[++r];else if(null==p)p=l[--$];else if(F(u,h))A(u,h),u=t[++i],h=l[++r];else if(F(d,p))A(d,p),d=t[--a],p=l[--$];else if(F(u,p))"slot"!==u.k&&"slot"!==p.k||E(u.j.parentNode,!1),A(u,p),e.insertBefore(u.j,d.j.nextSibling),u=t[++i],p=l[--$];else if(F(d,h))"slot"!==u.k&&"slot"!==p.k||E(d.j.parentNode,!1),A(d,h),e.insertBefore(d.j,u.j),d=t[--a],h=l[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===h.g){c=f;break}c>=0?(s=t[c],s.k!==h.k?o=W(t&&t[r],n,c,e):(A(s,h),t[c]=void 0,o=s.j),h=l[++r]):(o=W(t&&t[r],n,r,e),h=l[++r]),o&&q(u.j).insertBefore(o,U(u.j))}i>a?L(e,null==l[$+1]?null:l[$+1].j,n,l,r,$):r>$&&N(t,i,a)})(n,l,t,o):null!==o?(null!==e.h&&(n.textContent=""),L(n,null,t,o,0,o.length-1)):null!==l&&N(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(c=n["s-cr"])?c.parentNode.textContent=r:e.h!==r&&(n.data=r)},D=e=>{let t,n,l,o,s,i,r=e.childNodes;for(n=0,l=r.length;n<l;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<l;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}D(t)}},H=[],V=e=>{let t,n,l,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(_(n,s)?(i=H.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.O=t:H.push({O:t,S:n}),n["s-sr"]&&H.map((e=>{_(e.S,n["s-sn"])&&(i=H.find((e=>e.S===n)),i&&!e.O&&(e.O=i.O))}))):H.some((e=>e.S===n))||H.push({S:n}));1===t.nodeType&&V(t)}},_=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.p&&e.p.ref&&e.p.ref(null),e.m&&e.m.map(z)},B=e=>fe(e).C,G=(e,t,n)=>{const l=B(e);return{emit:e=>I(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},I=(e,t,n)=>{const l=a.ce(t,n);return e.dispatchEvent(l),l},J=(e,t)=>{t&&!e.M&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.M=t)))},K=(e,t)=>{if(e.t|=16,!(4&e.t))return J(e,e.R),je((()=>Q(e,t)));e.t|=512},Q=(e,t)=>{const n=e.i;let l;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>te(n,e,t))),e.u=null),l=te(n,"componentWillLoad")):l=te(n,"componentWillUpdate"),l=ne(l,(()=>te(n,"componentWillRender"))),ne(l,(()=>X(e,n,t)))},X=async(e,t,n)=>{const l=e.C,o=l["s-rc"];n&&(e=>{const t=e.P,n=e.C,l=t.t,o=((e,t)=>{let n=w(t),l=me.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);Y(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>Z(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},Y=(i,r)=>{try{r=r.render&&r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.C,u=i.P,d=i.T||j(null,null),$=(e=>e&&e.k===S)(r)?r:k(null,null,r);if(n=c.tagName,u.W&&($.p=$.p||{},u.W.map((([e,t])=>$.p[t]=c[e]))),$.k=null,$.t|=4,i.T=$,$.j=d.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&u.t),o=!1,A(d,$),a.t|=1,s){let e,t,n,l,o,s;V($.j);let i=0;for(;i<H.length;i++)e=H[i],t=e.S,t["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<H.length;i++)if(e=H[i],t=e.S,e.O){for(l=e.O.parentNode,o=e.O.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D($.j),a.t&=-2,H.length=0})(i,r)}catch(e){$e(e,i.C)}return null},Z=e=>{const t=e.C,n=e.i,l=e.R;te(n,"componentDidRender"),64&e.t||(e.t|=64,le(t),te(n,"componentDidLoad"),e.L(t),l||ee()),e.N(t),e.M&&(e.M(),e.M=void 0),512&e.t&&ke((()=>K(e,!1))),e.t&=-517},ee=()=>{le(f.documentElement),ke((()=>I(c,"appload",{detail:{namespace:"q2-tecton-elements"}})))},te=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){$e(e)}},ne=(e,t)=>e&&e.then?e.then(t):t(),le=e=>e.setAttribute("stencil-hydrated",""),oe=(e,t,n)=>{if(t.F){e.watchers&&(t.U=e.watchers);const l=Object.entries(t.F),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>fe(this).q.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=fe(e),s=o.C,i=o.q.get(t),r=o.t,c=o.i;if(n=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.F[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.q.set(t,n),c)){if(l.U&&128&r){const e=l.U[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){$e(e,s)}}))}2==(18&r)&&K(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=fe(this);return n.A.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){a.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.W.push([e,o]),o}))}}return e},se=e=>{te(e,"connectedCallback")},ie=(e,t={})=>{const n=[],l=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let h,p=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>{e[1].map((t=>{const s={t:t[0],$:t[1],F:t[2],D:t[3]};s.F=t[2],s.D=t[3],s.W=[],s.U={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),ue(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),p?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=fe(e),n=t.P,l=()=>{};if(1&t.t)$(e,t,n.D),se(t.i);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.R=n);break}}n.F&&Object.entries(n.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.U=o.watchers,oe(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){$e(e)}t.t&=-9,t.t|=128,e(),se(t.i)}if(o.style){let e=o.style;const t=w(n);if(!me.has(t)){const l=()=>{};((e,t,n)=>{let l=me.get(e);d&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,me.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.R,i=()=>K(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=fe(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),te(t,"disconnectedCallback")}})()))}componentOnReady(){return fe(this).H}};s.V=e[0],l.includes(i)||o.get(i)||(n.push(i),o.define(i,oe(r,s,1)))}))})),r.innerHTML=n+"{visibility:hidden}[stencil-hydrated]{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),p=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>h=setTimeout(ee,30)))},re=(e,t)=>t,ce=new WeakMap,fe=e=>ce.get(e),ae=(e,t)=>ce.set(t.i=e,t),ue=(e,t)=>{const n={t:0,C:e,P:t,q:new Map};return n.A=new Promise((e=>n.N=e)),n.H=new Promise((e=>n.L=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.D),ce.set(e,n)},de=(e,t)=>t in e,$e=(e,t)=>(0,console.error)(e,t),he=new Map,pe=e=>{const t=e.$.replace(/-/g,"_"),n=e.V,l=he.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(he.set(n,e),e[t])),$e)},me=new Map,ye=[],be=[],we=(e,t)=>n=>{e.push(n),r||(r=!0,t&&4&a.t?ke(ve):a.raf(ve))},ge=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){$e(e)}e.length=0},ve=()=>{ge(ye),ge(be),(r=ye.length>0)&&a.raf(ve)},ke=e=>u().then(e),je=we(be,!0);export{re as F,S as H,ie as b,G as c,B as g,k as h,u as p,ae as r}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as s,F as e,g as n}from"./p-c5691700.js";import{c as o,n as h,l as a}from"./p-41fcf343.js";const r=class{constructor(s){t(this,s),this.statusChange=i(this,"statusChange",7),this.activeChange=i(this,"activeChange",7),this.isChildActive=!1}connectedCallback(){this.hostElement.id||(this.hostElement.id=`step-${o()}`)}componentWillLoad(){this.checkForActiveChildren()}statusChanged(t){this.statusChange.emit({status:t,isActive:!!this.isActive,id:this.hostElement.id,host:this.hostElement})}isActiveChanged(t){this.activeChange.emit({status:this.status||"",isActive:t,id:this.hostElement.id,host:this.hostElement})}checkForActiveChildren(){this.showWithChildren&&h((()=>{setTimeout((()=>{this.isChildActive=!!this.hostElement.querySelector("[slot='children'] > q2-stepper-pane[is-active]")}))}))}render(){const{label:t,description:i,isActive:n}=this;return s(e,null,s("div",{role:"tabpanel","aria-label":t&&a(t),"aria-description":i&&a(i),tabindex:"0",hidden:!(n||this.isChildActive&&this.showWithChildren)},s("slot",null)),s("slot",{name:"children"}))}get hostElement(){return n(this)}static get watchers(){return{status:["statusChanged"],isActive:["isActiveChanged"],showWithChildren:["checkForActiveChildren"]}}};r.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}";export{r as q2_stepper_pane}
@@ -1 +0,0 @@
1
- import{r as t,h as e,g as o}from"./p-c5691700.js";import{h as r,l as i}from"./p-41fcf343.js";const n=class{constructor(e){t(this,e),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}componentWillLoad(){r(this)}ariaLabelObserver(){r(this)}get removeLabel(){return i("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerLabel(){return this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return e("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return e("div",{class:"dropdown-item-wrapper"},e("q2-btn",{class:"dropdown-item",label:this.innerLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},e("div",{class:"dropdown-item-content"},e("slot",null))),this.removable?e("q2-btn",{class:"remove-dropdown-item",label:this.removeLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},e("q2-icon",{type:"close"})):"")}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1x, 5px));border-bottom:1px solid var(--tct-dropdown-item-separator-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.dropdown-item-wrapper{display:flex}.dropdown-item{min-height:44px;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3x, 15px));text-align:left;background-color:var(--tct-dropdown-item-bg, var(--tct-white, var(--t-base, var(--app-white, #ffffff))));color:var(--tct-dropdown-item-font-color, inherit);transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis;flex:1}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(--tct-dropdown-item-selected-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))));color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{flex:0 0 44px;margin:2px}";export{n as q2_dropdown_item}
@@ -1 +0,0 @@
1
- import{r as t,h as a,g as r,c as e,F as i}from"./p-c5691700.js";import{c as s,e as o,h as p,o as n,l as c,i as d,m as f,f as l}from"./p-41fcf343.js";const u=class{constructor(a){t(this,a),this.value=0}get badgeText(){const t=Math.pow(10,this.maxLength||2)-1;let a=this.value||0;return a=isNaN(a)||a<=0?"":a<=t?Number(a).toLocaleString():Number(t).toLocaleString()+"+",a}render(){const t=["badge"];return"large"===this.size&&t.push("size-large"),a("div",{class:"badge-wrapper"},a("div",{class:t.join(" ")},a("span",{class:"badge-text"},a("slot",null,this.badgeText))))}get hostElement(){return r(this)}};function m(t="",a={prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!1,allowNegative:!0},r=!1){const e="-"===t[0];let i=t;const s=!!a.allowDecimal&&!!a.decimals;if(r){const t=i.replace(/[^\d.]/g,"");i=t&&Number(t).toFixed(s?a.decimals:0)||""}i=i.replace(/[^\d]/g,"");let{integerString:o,decimalString:p}=function(t,a=!1,r){if(!a)return{integerString:t,decimalString:""};const e=t.length-r;let i=t.substring(0,e).padStart(1,"0");i.length>1&&"0"===i[0]&&(i=i.substring(1));return{integerString:i,decimalString:t.substring(e).padStart(r,"0")}}(i,s,a.decimals),n=a.decimalSeparator;s||(n="",p="");const c=a.allowNegative&&e?"-":"";i=`${c}${o}${n}${p}`,o=o.replace(/\B(?=(\d{3})+(?!\d))/g,a.thousandsSeparator);const d=c||o?`${c}${o}${n}${p}`:"";let f=d.length-i.length;return n&&(f+=a.decimalSeparator.length),{value:i,formattedValue:d,fullyFormattedValue:c||o?`${c}${a.prefix}${o}${n}${p}${a.suffix}`:"",prefix:a.prefix||a.suffix,suffix:"",formattingCharacterCount:f,maxlength:Number.MAX_SAFE_INTEGER.toString().length+f+p.length,unformattedValue:`${o.replace(/[^0-9]/g,"")}${p}`.replace(/^0+/,"")}}function h(t="",a="",r){const e=r&&r.prefix||"",i=r&&r.suffix||"";if(!t||!a)return{value:t,formattedValue:t,fullyFormattedValue:`${e}${t}${i}`,prefix:e.trim()||i.trim(),formattingCharacterCount:0,unformattedValue:t};const{unformattedValue:s,formattedValue:o,formattingCharacterCount:p}=function(t,a){const r=a.split(""),e=function(t){const a=b.join("|"),r=t.replace(new RegExp(`[${a}]`,"g"),"").split("");return new Set(r)}(a);let i=0,s=0,o="";const p=r.reduce(((a,r)=>{if(i>=t.length)return a;if(function(t){return x.includes(t)}(r)&&S(t[i],e))return a;if(function(t){return b.includes(t)}(r)){if(i=g(t,i,e),i>=t.length)return a;const s=function(t,a){switch(a){case"#":t=t.replace(/[^\d]/g,"");break;case"@":t=t.toUpperCase().replace(/[^A-Z]+/g,"");break;case"*":t=t.toUpperCase().replace(/[^\dA-Z]+/g,"");break;case"?":t=t.replace(/[^\d]/g,"");break;default:return t}return t}(t[i],r);a+=s,o+=s,i++}else a+=r,s++,r===t[i]&&i++;return a}),"");return{unformattedValue:o,formattedValue:p,formattingCharacterCount:s}}(t,a),n=`${e}${o}${i}`,c=a.length,d=function(t,a,r){return t.replace(new RegExp(`[${x.join("|")}]`,"g"),"").length+a.length+r.length}(a,e,i);return{value:s,formattedValue:o,fullyFormattedValue:n,prefix:e.trim()||i.trim(),formattingCharacterCount:p,maxlength:c,minFormattedLength:d,unformattedValue:s}}u.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-gray8, #61c4ff);--comp-badge-color:var(--t-base, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #9a9898)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-info-l1, #3a9bd6)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-alert-l1, #e42929)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535);--comp-badge-border-color:var(--const-stoplight-warning-l1, #f9ce4c)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #57fc45);--comp-badge-color:var(--const-stoplight-success-text, #ffffff);--comp-badge-border-color:var(--const-stoplight-success-l1, #2eaa21)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #0079c2);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #3a9bd6)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #b4c2cd);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #c6d1db)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #e9f5fc);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #f3f4f5)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;text-align:center;padding:0 4px;color:var(--comp-badge-color);background-color:var(--comp-badge-background);border-style:solid;border-color:var(--comp-badge-border-color);border-width:var(--tct-badge-border-width, var(--t-badge-border-width, 1px));border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 8px))}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:var(--tct-badge-border-radius, var(--t-badge-border-radius, 11px));line-height:22px;padding:0 6px;border-color:var(--comp-badge-border-color)}.badge-wrapper{display:flex;align-items:center;justify-content:center}";const x=["?"],b=["#","@","*",...x];function S(t,a){return a.has(t)}function g(t,a,r){return S(t[a],r)?g(t,++a,r):a}const v={AED:{prefix:"",suffix:"د.إ",decimals:2,decimalSeparator:".",thousandsSeparator:","},AFN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ALL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AMD:{prefix:"դր.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ANG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AOA:{prefix:"Kz",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ARS:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AUD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AWG:{prefix:"ƒ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},AZN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BAM:{prefix:"КМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BDT:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BGN:{prefix:"৳",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BHD:{prefix:"",suffix:"ب.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},BIF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BND:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BOB:{prefix:"Bs.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BRL:{prefix:"R$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BSD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BTN:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BWP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},BYN:{prefix:"Br",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},BZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CDF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CHF:{prefix:"Fr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CLF:{prefix:"Fr",suffix:"",decimals:4,decimalSeparator:".",thousandsSeparator:","},CLP:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CNY:{prefix:"¥",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},COP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CRC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUC:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CUP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},CVE:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},CZK:{prefix:"Kč",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DJF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},DKK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DOP:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},DZD:{prefix:"",suffix:"د.ج",decimals:2,decimalSeparator:".",thousandsSeparator:","},EEK:{prefix:"KR",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EGP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ERN:{prefix:"Nfk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ETB:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},EUR:{prefix:"€",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FJD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},FKP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GBP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GEL:{prefix:"ლ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GHS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GIP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GMD:{prefix:"D",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GNF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},GTQ:{prefix:"Q",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},GYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HKD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HNL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HRK:{prefix:"kn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HTG:{prefix:"G",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},HUF:{prefix:"Ft",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IDR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ILS:{prefix:"₪",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},INR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},IQD:{prefix:"",suffix:"ع.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},IRR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ISK:{prefix:"kr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},JMD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},JOD:{prefix:"",suffix:"د.ا",decimals:3,decimalSeparator:".",thousandsSeparator:","},JPY:{prefix:"¥",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KES:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KGS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KHR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KMF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KPW:{prefix:"₩",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KRW:{prefix:"₩",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},KWD:{prefix:"د.ك",suffix:"",decimals:3,decimalSeparator:".",thousandsSeparator:","},KYD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},KZT:{prefix:"〒",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LAK:{prefix:"₭",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LBP:{prefix:"",suffix:"ل.ل",decimals:2,decimalSeparator:".",thousandsSeparator:","},LKR:{prefix:"Rs",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LSL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LTL:{prefix:"Lt",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LVL:{prefix:"Ls",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},LYD:{prefix:"",suffix:"ل.د",decimals:3,decimalSeparator:".",thousandsSeparator:","},MAD:{prefix:"",suffix:"د.م.",decimals:2,decimalSeparator:".",thousandsSeparator:","},MDL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MGA:{prefix:"¤",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MKD:{prefix:"ден",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MMK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MNT:{prefix:"₮",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MOP:{prefix:"P",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MRU:{prefix:"UM",suffix:"",decimals:1,decimalSeparator:".",thousandsSeparator:","},MUR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MVR:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MWK:{prefix:"MK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MXN:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MYR:{prefix:"RM",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},MZN:{prefix:"MTn",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NAD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NGN:{prefix:"₦",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NIO:{prefix:"C$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NOK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NPR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},NZD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},OMR:{prefix:"",suffix:"ر.ع.",decimals:3,decimalSeparator:".",thousandsSeparator:","},PAB:{prefix:"B/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PEN:{prefix:"S/.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PGK:{prefix:"K",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PHP:{prefix:"p",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PKR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PLN:{prefix:"zł",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},PYG:{prefix:"¤",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},QAR:{prefix:"",suffix:"ر.ق",decimals:2,decimalSeparator:".",thousandsSeparator:","},RON:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RSD:{prefix:"дин.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RUB:{prefix:"руб.",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},RWF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},SAR:{prefix:"",suffix:"ر.س",decimals:2,decimalSeparator:".",thousandsSeparator:","},SBD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SCR:{prefix:"₨",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SDG:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SEK:{prefix:"kr",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SGD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SHP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SKK:{prefix:"Sk",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SLL:{prefix:"Le",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SOS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SRD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},STN:{prefix:"Db",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SVC:{prefix:"₡",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SYP:{prefix:"£",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},SZL:{prefix:"L",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},THB:{prefix:"฿",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TJS:{prefix:"ЅМ",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TMM:{prefix:"m",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TND:{prefix:"",suffix:"د.ت",decimals:3,decimalSeparator:".",thousandsSeparator:","},TOP:{prefix:"T$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TRY:{prefix:"YTL",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TTD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},TZS:{prefix:"Sh",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UAH:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UGX:{prefix:"Sh",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},USD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},UYU:{prefix:"$",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},UZS:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VEF:{prefix:"Bs F",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},VND:{prefix:"₫",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},VUV:{prefix:"Vt",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},WST:{prefix:"T",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XAF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XCD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},XOF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},XPF:{prefix:"Fr",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:","},YER:{prefix:"¤",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZAR:{prefix:"R",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZMW:{prefix:"ZK",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","},ZWD:{prefix:"$",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:","}};function k(t,a="USD",r=!1){let e=a||"",i=!0;e.includes("-integer")&&(e=e.split("-integer")[0],i=!1);const s=v[e];return s?m(t,Object.assign(Object.assign({},s),{allowDecimal:i&&s.decimals>0,allowNegative:!1}),r):h(t)}const w={AF:{mask:"(##) #######",prefix:"+93 "},AL:{mask:"#######",prefix:"+355 "},DZ:{mask:"(##) ###-###",prefix:"+213 "},AD:{mask:"(#) #####",prefix:"+376 "},AO:{mask:"#########",prefix:"+244 "},AI:{mask:"(###) ###-####",prefix:"+1 "},AG:{mask:"(###) ###-####",prefix:"+1 "},AR:{mask:"##########",prefix:"+54 "},AM:{mask:"########",prefix:"+375 "},AQ:{mask:"##-####",prefix:"+672 "},AW:{mask:"###-####",prefix:"+297 "},AU:{mask:"(##) ####-####",prefix:"+61 "},AT:{mask:"#############",prefix:"+43 "},AZ:{mask:"#########",prefix:"+994 "},BS:{mask:"(###) ###-####",prefix:"+1 "},BH:{mask:"####-####",prefix:"+973 "},BD:{mask:"#########",prefix:"+880 "},BB:{mask:"(###) ###-####",prefix:"+1 "},BY:{mask:"#########",prefix:"+375 "},BE:{mask:"########??",prefix:"+32 "},BZ:{mask:"#######",prefix:"+501 "},BJ:{mask:"(##) ###-###",prefix:"+229 "},BM:{mask:"(###) ###-####",prefix:"+1 "},BT:{mask:"(#) ###-###",prefix:"+975 "},BO:{mask:"(#) ###-####",prefix:"+591 "},BA:{mask:"(##) ##-##-##",prefix:"+387 "},BW:{mask:"########",prefix:"+267 "},BR:{mask:"(##) ####-####",prefix:"+55 "},BN:{mask:"###-####",prefix:"+673 "},BG:{mask:"#######?",prefix:"+359 "},BF:{mask:"##-##-##-##",prefix:"+226 "},BI:{mask:"####-####",prefix:"+257 "},KH:{mask:"(##) ######",prefix:"+855 "},CM:{mask:"####-####",prefix:"+237 "},CA:{mask:"(###) ###-####",prefix:"+1 "},CV:{mask:"###-####",prefix:"+238 "},KY:{mask:"(###) ###-####",prefix:"+1 "},CF:{mask:"###-###",prefix:"+236 "},TD:{mask:"###-##-##",prefix:"+235 "},CL:{mask:"#########",prefix:"+56 "},CN:{mask:"###########",prefix:"+86 "},CO:{mask:"##########",prefix:"57 "},KM:{mask:"###-####",prefix:"+269 "},CD:{mask:"###-####",prefix:"+243 "},CG:{mask:"###-####",prefix:"+242 "},CR:{mask:"####-####",prefix:"+506 "},CI:{mask:"####-####",prefix:"+225 "},HR:{mask:"########?",prefix:"+385 "},CU:{mask:"###########",prefix:"+53 "},CY:{mask:"####-####",prefix:"+357 "},CZ:{mask:"#########",prefix:"+420 "},DK:{mask:"####-####",prefix:"+45 "},DJ:{mask:"##-##-##-##",prefix:"+253 "},DM:{mask:"(###) ###-####",prefix:"+1 "},DO:{mask:"(###) ###-####",prefix:"+1 "},TL:{mask:"###-####",prefix:"+670 "},EC:{mask:"(##) ###-####",prefix:"+593 "},EG:{mask:"##########",prefix:"+20 "},SV:{mask:"####-####",prefix:"+503 "},GQ:{mask:"##-####",prefix:"+240 "},EE:{mask:"#######?",prefix:"+372 "},ET:{mask:"(##) ###-####",prefix:"+251 "},FK:{mask:"#####",prefix:"+500 "},FO:{mask:"######",prefix:"+298 "},FJ:{mask:"###-####",prefix:"+679 "},FI:{mask:"############",prefix:"+358 "},FR:{mask:"#########",prefix:"+33 "},GF:{mask:"##########",prefix:"+594 "},PF:{mask:"######",prefix:"+689 "},GA:{mask:"######?",prefix:"+241 "},GM:{mask:"###-####",prefix:"+220 "},GE:{mask:"########",prefix:"+995 "},DE:{mask:"###########",prefix:"+49 "},GH:{mask:"#########",prefix:"+233 "},GI:{mask:"####-####",prefix:"+350 "},GR:{mask:"##########",prefix:"+30 "},GL:{mask:"###-###",prefix:"+299 "},GD:{mask:"(###) ###-####",prefix:"+1 "},GP:{mask:"##########",prefix:"+590 "},GU:{mask:"(###) ###-####",prefix:"+1 "},GT:{mask:"####-####",prefix:"+502 "},GN:{mask:"####-####",prefix:"+224 "},GW:{mask:"###-####",prefix:"+245 "},GY:{mask:"(###) ####",prefix:"+592 "},HK:{mask:"####-####",prefix:"+852 "},HN:{mask:"########",prefix:"+504 "},HT:{mask:"####-####",prefix:"+509 "},HU:{mask:"########??",prefix:"+36 "},IS:{mask:"#########",prefix:"+354 "},IN:{mask:"##########",prefix:"+91 "},ID:{mask:"##########",prefix:"+62 "},IR:{mask:"##########",prefix:"+98 "},IQ:{mask:"##########",prefix:"+964 "},IE:{mask:"#########",prefix:"+353 "},IL:{mask:"#########",prefix:"+972 "},IT:{mask:"##########",prefix:"+39 "},JM:{mask:"(###) ###-####",prefix:"+1 "},JP:{mask:"#########",prefix:"+81 "},JO:{mask:"#########",prefix:"+962 "},KZ:{mask:"(###) ####-###",prefix:"+7 "},KE:{mask:"##########",prefix:"+254 "},KI:{mask:"##-###",prefix:"+686 "},KR:{mask:"##########",prefix:"+82 "},KW:{mask:"####-####",prefix:"+965 "},KG:{mask:"#########",prefix:"+996 "},LA:{mask:"########?",prefix:"+856 "},LV:{mask:"####-####",prefix:"+371 "},LB:{mask:"#######?",prefix:"+961 "},LS:{mask:"##-###-###",prefix:"+266 "},LY:{mask:"########?",prefix:"+218 "},LI:{mask:"###-####",prefix:"+423 "},LT:{mask:"########",prefix:"+370 "},LU:{mask:"###########",prefix:"+352 "},MO:{mask:"####-####",prefix:"+853 "},MK:{mask:"########",prefix:"+389 "},MG:{mask:"##-##-###-##",prefix:"+261 "},MW:{mask:"#########",prefix:"+265 "},MY:{mask:"##########",prefix:"+60 "},MV:{mask:"###-####",prefix:"+960 "},ML:{mask:"####-####",prefix:"+223 "},MT:{mask:"##-##-##-##",prefix:"+356 "},MH:{mask:"###-####",prefix:"+692 "},MQ:{mask:"###-######",prefix:"+596 "},MU:{mask:"###-####",prefix:"+230 "},MX:{mask:"(###) ###-####",prefix:"+52 "},MD:{mask:"########",prefix:"+373 "},MC:{mask:"####-####",prefix:"+377 "},MN:{mask:"###########",prefix:"+976 "},MS:{mask:"(###) ###-####",prefix:"+1 "},MA:{mask:"##-###-####",prefix:"+212 "},MZ:{mask:"#########",prefix:"+258 "},MM:{mask:"########",prefix:"+95 "},NA:{mask:"##########",prefix:"+264 "},NP:{mask:"##########",prefix:"+977 "},NL:{mask:"#########",prefix:"+31 "},AN:{mask:"########",prefix:"+599 "},NC:{mask:"###-###",prefix:"+687 "},NZ:{mask:"##########",prefix:"+64 "},NI:{mask:"####-####",prefix:"+505 "},NE:{mask:"##-###-###",prefix:"+227 "},NG:{mask:"##########",prefix:"+234 "},MP:{mask:"(###) ###-####",prefix:"+1 "},NO:{mask:"####-####",prefix:"+47 "},OM:{mask:"####-####",prefix:"+968 "},PK:{mask:"##########",prefix:"+92 "},PW:{mask:"###-####",prefix:"+680 "},PA:{mask:"########",prefix:"+507 "},PG:{mask:"########",prefix:"+675 "},PE:{mask:"###########",prefix:"+51 "},PH:{mask:"##########",prefix:"+63 "},PL:{mask:"#########",prefix:"+48 "},PT:{mask:"#-####-####",prefix:"+351 "},PR:{mask:"(###) ###-####",prefix:"+1 "},QA:{mask:"###-####",prefix:"+974 "},RE:{mask:"###-###-###",prefix:"+262 "},RO:{mask:"#########",prefix:"+40 "},RU:{mask:"##########",prefix:"+7 "},RW:{mask:"###-###-###",prefix:"+250 "},SH:{mask:"#-###",prefix:"+290 "},KN:{mask:"(###) ###-####",prefix:"+1 "},LC:{mask:"(###) ###-####",prefix:"+1 "},VC:{mask:"(###) ###-####",prefix:"+1 "},ST:{mask:"##-####",prefix:"+239 "},SA:{mask:"#########",prefix:"+966 "},SN:{mask:"##-###-####",prefix:"+221 "},SC:{mask:"###-###",prefix:"+248 "},SL:{mask:"(##) ###-###",prefix:"+232 "},SG:{mask:"####-####",prefix:"+65 "},SK:{mask:"#########",prefix:"+421 "},SI:{mask:"########",prefix:"+386 "},SB:{mask:"##-###",prefix:"+677 "},ZA:{mask:"(##) ###-####",prefix:"+27 "},ES:{mask:"###-###-###",prefix:"+34 "},LK:{mask:"(##) ###-####",prefix:"+94 "},SD:{mask:"##-###-####",prefix:"+249 "},SR:{mask:"######?",prefix:"+597 "},SZ:{mask:"###-####",prefix:"+268 "},SE:{mask:"###########",prefix:"+46 "},CH:{mask:"(##) ###-####",prefix:"+41 "},SY:{mask:"#########",prefix:"+963 "},TJ:{mask:"#########",prefix:"+992 "},TZ:{mask:"#########",prefix:"+255 "},TH:{mask:"#########",prefix:"+66 "},TG:{mask:"###-####",prefix:"+228 "},TT:{mask:"(###) ###-####",prefix:"+1 "},TN:{mask:"##-###-###",prefix:"+216 "},TR:{mask:"(###) ###-####",prefix:"+90 "},TM:{mask:"########",prefix:"+993 "},TC:{mask:"(###) ###-####",prefix:"+1 "},UG:{mask:"#########",prefix:"+256 "},UA:{mask:"(##) ###-####",prefix:"+380 "},AE:{mask:"#########",prefix:"+971 "},GB:{mask:"#############",prefix:"+44 "},UY:{mask:"########?",prefix:"+598 "},UZ:{mask:"(##) ###-####",prefix:"+998 "},VE:{mask:"(###) ###-####",prefix:"+58 "},VN:{mask:"#######????",prefix:"+84 "},VG:{mask:"(###) ###-####",prefix:"+1 "},VI:{mask:"(###) ###-####",prefix:"+1 "},YE:{mask:"#########",prefix:"+967 "},ZM:{mask:"#########",prefix:"+260 "},ZW:{mask:"#########",prefix:"+263 "},AC:{mask:"####",prefix:"+247 "},ME:{mask:"(##) ###-####",prefix:"+382 "},PS:{mask:"#########",prefix:"+970 "},RS:{mask:"#########",prefix:"+381 "},TW:{mask:"#########",prefix:"+886 "},CW:{mask:"#-###-####",prefix:"+599 "},US:{mask:"(###) ###-####",prefix:""}};function y(t,a="US"){const{mask:r,prefix:e}=w[a]||w.US;return h(t||"",r,{prefix:e})}function M(t){return h(t,"###-##-####")}function D(t){return h((t||"").replace(/[^\da-zA-Z]/g,""))}function C(t,a){let r=t||"";return r=r.replace("spaced"===a?/[^a-zA-Z ]/g:/[^a-zA-Z]/g,""),h(r)}const Y={delimited:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!1,allowNegative:!0},integer:{prefix:"",suffix:"",decimals:0,decimalSeparator:".",thousandsSeparator:"",allowDecimal:!0,allowNegative:!0},dec:{prefix:"",suffix:"",decimals:2,decimalSeparator:".",thousandsSeparator:",",allowDecimal:!0,allowNegative:!0}};function A(t){let a;t.includes("dec")&&(a=Number(t.replace("dec","")),t="dec");let r=Y[t];if(r)return r=Object.assign({},r),a&&(r.decimals=a),r}function L(t="",a="",r=!1){const e=A(a);return e?m(t,e,r):h((t||"").replace(/[^\d.,-]/g,""))}function N(t="",a="",r=!1){const e=A(a);return e?(e.suffix="%",m(t,e,r)):h((t||"").replace(/[^\d.,-]/g,""),void 0,{suffix:"%"})}const $={AF:"####",AL:"####",DZ:"#####",AC:"ASCN 1ZZ",AD:"AD###",AR:"####","AR+":"@####@@@",AI:"AI-2640",AM:"####",AS:"#####","AS+4":"#####-####",AU:"####",AT:"####",AZ:"AZ ####",BH:"###?",BD:"####",BB:"BB#####",BY:"######",BE:"####",BM:"@@ **",BT:"#####",BA:"######",BR:"#####","BR+3":"#####-###",VG:"VG####",BN:"@@####",BG:"####",KH:"#####",KY:"KY#-####",CA:"@#@ #@#",CL:"###-####",CN:"######",CX:"####",CC:"####",CO:"######",CR:"#####","CR+4":"#####-####",CV:"####",HR:"#####",CU:"#####",CY:"####",CZ:"### ##",DK:"####",DO:"#####",EC:"######",SV:"####",EG:"#####",EE:"#####",ET:"####",FK:"FIQQ 1ZZ",FO:"###",FI:"#####",FR:"#####",GF:"973##",PF:"987##",GI:"GX11 1AA",GE:"####",DE:"#####",GR:"### ##",GL:"####",GP:"971##",GU:"#####","GU+4":"#####-####",GT:"#####",GG:"GY#? #@@",GN:"###",GS:"SIQQ 1ZZ",GW:"####",HT:"####",HN:"@@####","HN-":"#####",HU:"####",IS:"###",IN:"### ###",ID:"#####",IE:"*** ****",IR:"##########",IQ:"#####",IM:"IM#? #@@",IL:"#######",IT:"#####",JM:"##",JP:"###-####",JE:"JE#? #@@",JO:"#####",KZ:"######",KE:"#####",KR:"#####",KN:"KN####",XK:"#####",KW:"#####",KG:"######",LA:"#####",LV:"LV-####",LB:"####? ????",LS:"###",LR:"####",LI:"####",LT:"#####",LU:"####",MK:"####",MG:"###",MY:"#####",MV:"#####",MT:"@@@ ####",MH:"#####","MH+4":"#####-####",MU:"#####",MQ:"972##",MW:"######",YT:"976##",MX:"#####",FM:"#####","FM+4":"#####-####",MD:"####",MC:"980##",MN:"#####",ME:"#####",MA:"#####",MZ:"####",MM:"#####",NA:"#####",NP:"#####",NC:"988##",NZ:"####",NI:"#####",NE:"####",NG:"######",NF:"####",MP:"#####",NO:"####",OM:"###",PK:"#####",PW:"#####","PW+4":"#####-####",PS:"###",PA:"####",PG:"###",PY:"####",PE:"#####","PE+":"####",PH:"####",PL:"##-###",PT:"####","PT+3":"####-###",PR:"#####","PR+4":"#####-####",RE:"974##",PM:"975##",PN:"PCRN 1ZZ",RO:"######",RU:"######",LC:"LC## ###",VC:"####",WS:"####",SM:"4879#",SA:"#####","SA+4":"#####-####",SN:"#####",RS:"#####",SG:"######",SH:"@@@@ 1ZZ",SK:"### ##",SI:"####",SO:"@@ #####",ZA:"####",ES:"#####",LK:"#####",SD:"#####",SZ:"@###",SE:"### ##",CH:"####",SJ:"####",TW:"###","TW+2":"###-##?",TJ:"######",TZ:"#####",TH:"#####",TT:"######",TN:"####",TR:"#####",TM:"######",UA:"#####",UY:"#####",VI:"#####","VI+4":"#####-####",UZ:"######",VE:"####","VE-":"####-@",VN:"#####?",YU:"#####",WF:"986##",ZM:"#####",US:"#####","US+4":"#####-####"};function I(t,a="US"){const r=$[a];return r?h(t,r):D(t)}const F={"MM/DD/YYYY":"##/##/####","M/D/YYYY":"#?/#?/####","MM/DD/YY":"##/##/##","M/D/YY":"#?/#?/##","MM/YY":"##/##","M/YY":"#?/##","DD/MM/YYYY":"##/##/####","D/M/YYYY":"#?/#?/####","DD/MM/YY":"##/##/##","D/M/YY":"#?/#?/##","MM-DD-YYYY":"##-##-####","M-D-YYYY":"#?-#?-####","MM-DD-YY":"##-##-##","M-D-YY":"#?-#?-##","MM-YY":"##-##","M-YY":"#?-##","DD-MM-YYYY":"##-##-####","D-M-YYYY":"#?-#?-####","DD-MM-YY":"##-##-##","D-M-YY":"#?-#?-##"};function R(t,a="MM/DD/YYYY"){const r=h(t,F[a]||F["MM/DD/YYYY"]);return Object.assign(Object.assign({},r),{value:r.formattedValue})}const G=function(t){const a=h(t,"#### #### #### ####");return Object.assign(Object.assign({},a),{type:"unknown",leftIcon:"card-unknown",leftIconMuted:t.length<16})},P=function(t){const a=h(t,"#### ###### #####");return Object.assign(Object.assign({},a),{type:"amex",leftIcon:"card-amex-color",leftIconMuted:t.length<15})},T=function(t){const a=h(t,"#### #### #### ####");return Object.assign(Object.assign({},a),{type:"discover",leftIcon:"card-discover-color",leftIconMuted:t.length<16})},B=function(t){const a=h(t,"#### #### #### ####");return Object.assign(Object.assign({},a),{type:"masterCard",leftIcon:"card-mastercard-color",leftIconMuted:t.length<16})},K=function(t){const a=h(t,"#### #### #### ####");return Object.assign(Object.assign({},a),{type:"visa",leftIcon:"card-visa-color",leftIconMuted:t.length<16})},O=function(t){const a=h(t,"#### ###### ####");return Object.assign(Object.assign({},a),{type:"dinersClub",leftIcon:"card-dinersclub-color",leftIconMuted:t.length<14})},E={discover:T,amex:P,masterCard:B,visa:K,dinersClub:O,unknown:G},V={detectCreditCardTypeFromValue:function(t){const a=parseInt(t.charAt(0)),r=parseInt(t.charAt(1));switch(a){case 2:if(r>1&&r<8){if(!(t.length>=4))return"masterCard";{const a=parseInt(t.substr(0,4));if(a>=2221&&a<2721)return"masterCard"}}break;case 3:if(4===r||7===r)return"amex";if(0===r){if(!(t.length>2))return"dinersClub";{const a=parseInt(t.charAt(2));if(a<6||9===a)return"dinersClub"}}if(6===r||8===r||9===r)return"dinersClub";break;case 4:return"visa";case 5:if(r>0&&r<6)return"masterCard";break;case 6:if(0===r){if(!(t.length>3))return"discover";if("6011"===t.substr(0,4))return"discover"}if(4===r){if(!(t.length>2))return"discover";if(parseInt(t.substr(0,3))>643)return"discover"}if(5===r)return"discover";if(2===r){if(!(t.length>5))return"discover";{const a=parseInt(t.substr(0,6));if(a>=622126&&a<=622925)return"discover"}}break;default:return"unknown"}return"unknown"},format:function(t){const a=V.detectCreditCardTypeFromValue(t),r=E[a](t);return t.length<2&&"unknown"===a&&(r.leftIcon="card"),r},amexFormatter:P,dinersClubInternationalFormatter:O,discoverFormatter:T,masterCardFormatter:B,visaFormatter:K,unknownFormatter:G},Z=class{constructor(a){t(this,a),this.input=e(this,"input",7),this.change=e(this,"change",7),this.type="text",this.disabled=!1,this.showVisibilityToggle=!1,this.scheduledAfterRender=[],this.guid=s(),this.onToggleVisibility=()=>{this.textHidden=!this.textHidden},this.onInputFocus=()=>{this.scheduledAfterRender.push((()=>{this.setCursorPosition(this.calculateCursorPositionOnFocus())})),this.hasFocus=!0,o(this),this.valueOnFocus=this.value},this.onInputBlur=()=>{this.hasFocus=!1,o(this),this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onInputInput=t=>{t.stopPropagation();const a=this.getFormattedValue(t.target.value,!1);this.handleDataInput(a)},this.onInputPaste=t=>{if("currency"===this.type){const a=t.clipboardData.getData("text"),r=this.getFormattedValue(a,!0);t.preventDefault(),this.handleDataInput(r)}},this.onInputKeydown=t=>{"Enter"===t.key&&this.valueOnFocus!==this.formattedValueObject.value&&(this.valueOnFocus=this.formattedValueObject.value,this.change.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})))},this.onClearInput=()=>{const t={value:"",formattedValue:"",minFormattedLength:this.formattedValueObject.minFormattedLength};this.input.emit(t),this.change.emit(t),this.inputField.focus()}}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0),this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),p(this),void 0===this.textHidden&&(this.textHidden="password"===this.type)}componentDidLoad(){this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue),n(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}getFormattedValue(t,a){const r={currency:k,phone:y,ssn:M,alphanumeric:D,alpha:C,numeric:L,percentage:N,postal:I,date:R,"credit-card":V.format};return r[this.type]?r[this.type](t,this.formatModifier,a):{value:t,formattedValue:t,fullyFormattedValue:t,formattingCharacterCount:0,unformattedValue:t}}get canClear(){return this.clearable&&!!this.value}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get inputField(){return this.hostElement.shadowRoot.querySelector(".input-field")}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get isMaskedType(){return["currency","phone","ssn","alphanumeric","alpha","numeric","percentage","postal","date","credit-card"].includes(this.type)}get wrapperClasses(){const t=["field-container"];return this.hasError&&t.push("has-error"),this.value&&t.push("has-value"),this.clearable&&this.value&&t.push("has-clear"),this.hasFocus&&t.push("has-focus"),this.formattedValueObject.prefix&&t.push("has-prefix"),this.computedIconLeft&&t.push("has-icon-left"),this.showIconSeparator&&t.push("has-icon-separator"),this.formattedValueObject.suffix&&t.push("has-suffix"),!this.formattedValueObject.suffix&&this.iconRight&&t.push("has-icon-right"),t.push("currency"===this.type?"right-aligned":"left-aligned"),this.hasCustomDisplaySlot&&t.push("has-custom-display"),t.join(" ")}get computedType(){return["password","text"].includes(this.type)&&this.textHidden?"password":this.type&&{text:"text",tel:"tel",number:"number",password:"text",search:"search",url:"url",email:"email",currency:"tel",phone:"tel",ssn:"tel",alphanumeric:"text",alpha:"text",numeric:"tel",percentage:"tel",postal:"tel",date:"tel","credit-card":"tel"}[this.type]||"text"}get computedAutocomplete(){return"currency"===this.type?"transaction-amount":this.autocomplete||"off"}get computedIconLeft(){if(!this.formattedValueObject.prefix)return"search"===this.type?"search":this.formattedValueObject.leftIcon?this.formattedValueObject.leftIcon:this.iconLeft}get showIconSeparator(){return"credit-card"===this.type||!!this.formattedValueObject.prefix}get computedClassForIconLeft(){let t="icon-left";return this.formattedValueObject.leftIconMuted&&(t+=" icon-left-muted"),t}get stringValue(){return this.value&&String(this.value)||""}get canSetSelection(){return!["email","number"].includes(this.computedType)}get visibilityToggleText(){return c("tecton.element.input.toggle."+(this.textHidden?"show":"hide"))}formatAndUpdateValueFromProp(){this.formattedValueObject=this.getFormattedValue(this.stringValue,!0),this.pseudo||(this.inputField.value=this.formattedValueObject.formattedValue)}ariaLabelObserver(){p(this)}valueObserver(){this.formatAndUpdateValueFromProp()}typeObserver(){this.formatAndUpdateValueFromProp()}formatModifierObserver(){this.formatAndUpdateValueFromProp()}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>o(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>o(this)))}onHostElementFocus(t){d(t,this.hostElement)&&this.inputField.focus()}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}handleDataInput(t){void 0===this.maxlength||t.unformattedValue.length<=this.maxlength||t.unformattedValue.length<=this.formattedValueObject.unformattedValue.length?this.formattedValueObject=t:this.maxlength&&(t=this.getFormattedValue(t.unformattedValue.substring(0,this.maxlength),!1),this.formattedValueObject=t);const a=this.calculateCursorPositionOnInput();this.inputField.value=this.formattedValueObject.formattedValue,this.input.emit(Object.assign({value:this.formattedValueObject.value,formattedValue:this.formattedValueObject.fullyFormattedValue,minFormattedLength:this.formattedValueObject.minFormattedLength},this.formattedValueObject.type&&{type:this.formattedValueObject.type})),this.setCursorPosition(a)}render(){return a("div",{class:this.wrapperClasses},l(this),this.inputContainerDOM(),f(this))}get hasCustomDisplaySlot(){return!!this.hostElement.querySelector("[slot=custom-display]")}inputContainerDOM(){return a("div",{class:"input-container"},a("div",{class:"input-icons-container-left"},this.formattedValueObject.prefix&&a("span",{class:"input-prefix"},this.formattedValueObject.prefix),this.computedIconLeft&&a("q2-icon",{type:this.computedIconLeft,class:this.computedClassForIconLeft}),this.showIconSeparator&&a("div",{class:"vertical-separator"}),this.hasError&&"currency"===this.type&&a("q2-icon",{type:"error",class:"icon-error"})),this.pseudo?this.pseudoInputDOM():this.standardInputDOM(),a("div",{class:"input-icons-container-right"},this.canClear&&a("q2-btn",{class:"btn-clear",ariaLabel:c("tecton.element.input.clear",[this.label]),"test-id":"clearButton",onClick:this.onClearInput},a("q2-icon",{type:"close",class:"icon-clear"})),["password","text"].includes(this.type)&&this.showVisibilityToggle&&a("q2-btn",{class:"btn-visibility-toggle","test-id":"toggleVisibilityButton",onClick:this.onToggleVisibility},this.visibilityToggleText),this.formattedValueObject.suffix&&a("span",{class:"input-suffix"},this.formattedValueObject.suffix),this.badgeValue&&a("q2-badge",{size:"large",theme:this.badgeTheme},this.badgeValue),this.iconRight&&!this.formattedValueObject.suffix&&a("q2-icon",{type:this.iconRight,class:"icon-right"}),this.hasError&&"currency"!==this.type&&a("q2-icon",{type:"error",class:"icon-error"})))}standardInputDOM(){const{hasCustomDisplaySlot:t}=this,r=["input-field"];return t&&r.push("sr"),a(i,null,t&&a("div",{class:"custom-display-container"},a("slot",{name:"custom-display"})),a("input",{class:r.join(" "),id:this.inputId,type:this.computedType,size:this.formattedValueObject.prefix?10:void 0,max:this.max,min:this.min,step:this.step,"aria-current":this.current||void 0,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":!!this.ariaExpanded&&`${!!this.ariaExpanded}`||void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":this.hideLabel&&this.label?c(this.label):void 0,autocomplete:this.computedAutocomplete,autocapitalize:"on"===this.autocapitalize?"on":"off",autocorrect:"on"===this.autocorrect?"on":"off",placeholder:this.placeholder&&c(this.placeholder)||void 0,role:this.role&&`${this.role}`||void 0,"test-id":"inputField",readonly:!!this.readonly,disabled:!!this.disabled,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.onInputKeydown,onInput:this.onInputInput,onPaste:this.onInputPaste}))}pseudoInputDOM(){const t=!this.value&&!!this.placeholder;let r="";return this.optional&&(r=c("tecton.element.input.optional")),this.readonly&&(r=c("tecton.element.input.readonly")),a("div",{class:"pseudo-input-container"},a("button",{class:"input-field",type:"button",id:this.inputId,"aria-describedby":this.inputDescribedBy,"aria-required":`${!this.optional}`,"aria-invalid":`${this.hasError}`,"aria-controls":this.ariaControls&&`${this.ariaControls}`||void 0,"aria-owns":this.ariaOwns&&`${this.ariaOwns}`||void 0,"aria-haspopup":this.ariaHaspopup&&`${this.ariaHaspopup}`||void 0,"aria-expanded":"true"===this.ariaExpanded?"true":void 0,"aria-activedescendant":this.ariaActivedescendant&&`${this.ariaActivedescendant}`,"aria-label":`${this.value}, ${this.label&&c(this.label)||""}${r}`,role:this.role&&`${this.role}`||void 0,disabled:!!this.disabled,"test-id":"q2InputInnerClearButton"},a("div",{class:"custom-display-container"},a("slot",{name:"custom-display"},a("span",{class:t?"placeholder-text":""},t?this.placeholder:this.value)))))}calculateCursorPositionOnInput(){const t=this.inputField,a=this.formattedValueObject.formattedValue.length;return{startingPosition:t&&t.selectionStart||("currency"===this.type?a:0),valueLength:a,previousValueLength:t&&t.value.length,hasSelection:!1}}calculateCursorPositionOnFocus(){const t=this.inputField,a=t&&t.value?t.value.length:0;return{startingPosition:t&&t.selectionStart||a,valueLength:a,previousValueLength:a,hasSelection:getSelection().toString().length>0}}setCursorPosition(t){if(this.canSetSelection&&!t.hasSelection){const a=this.inputField,{valueLength:r,previousValueLength:e,startingPosition:i}=t;if(i===r&&r>=e&&"currency"===this.type)a.setSelectionRange(r,r);else{const t=r-e,s=i+(t>0?t:0);a.setSelectionRange(s,s)}}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],type:["typeObserver"],formatModifier:["formatModifierObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};Z.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;margin-top:var(--tct-input-margin-top, var(--t-input-margin-top, var(--app-scale-6x, 30px)));margin-bottom:var(--tct-input-margin-bottom, var(--t-input-margin-bottom, var(--app-scale-6x, 30px)));font-size:var(--tct-input-font-size, var(--t-input-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}.field-container,.input-container{position:relative}.field-container{--comp-input-tween:var(--tct-input-tween, var(--t-input-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}label{display:block;padding-left:var(--tct-input-label-padding-left, var(--t-input-label-padding-left, 0));padding-right:var(--tct-input-label-padding-right, var(--t-input-label-padding-right, 0));margin-top:var(--tct-input-label-margin-top, var(--t-input-label-margin-top, 0));margin-bottom:var(--tct-input-label-margin-bottom, var(--t-input-label-margin-bottom, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit));font-size:var(--tct-input-label-font-size, var(--t-input-label-font-size, inherit));font-weight:var(--tct-input-label-font-weight, var(--t-input-label-font-weight, 600));text-transform:var(--tct-input-label-text-transform, var(--t-input-label-text-transform, none));letter-spacing:var(--tct-input-label-letter-spacing, var(--t-input-label-letter-spacing, normal));transition:color var(--comp-input-tween)}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.input-container{background-color:var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)));display:flex;align-items:center;--comp-input-horizontal-gap:var(--tct-input-horizontal-gap, var(--t-input-horizontal-gap, 8px));--comp-input-border-top-left-radius:var(--tct-input-border-top-left-radius, var(--t-input-border-top-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-top-right-radius:var(--tct-input-border-top-right-radius, var(--t-input-border-top-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-right-radius:var(--tct-input-border-bottom-right-radius, var(--t-input-border-bottom-right-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-bottom-left-radius:var(--tct-input-border-bottom-left-radius, var(--t-input-border-bottom-left-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));--comp-input-border-radius:var(--comp-input-border-top-left-radius) var(--comp-input-border-top-right-radius)\n var(--comp-input-border-bottom-right-radius) var(--comp-input-border-bottom-left-radius);--comp-input-border-width:var(--tct-input-border-top-width, 1px) var(--tct-input-border-right-width, 1px)\n var(--tct-input-border-bottom-width, 1px) var(--tct-input-border-left-width, 1px);--comp-input-focus-border-width:var(--tct-input-focus-border-top-width, 1px)\n var(--tct-input-focus-border-right-width, 1px) var(--tct-input-focus-border-bottom-width, 1px)\n var(--tct-input-focus-border-left-width, 1px);--comp-input-prefix-clearance:calc(3 * var(--tct-input-prefix-font-size, 14px) + var(--tct-scale-1, 5px));--comp-input-icon-clearance:34px;--comp-input-min-height:var(--tct-input-min-height, var(--t-input-min-height, 44px));--comp-input-max-height:var(--tct-input-max-height, var(--t-input-max-height));border-width:var(--comp-input-border-width);border-style:solid;border-color:var(--tct-input-border-color, var(--t-input-border-color, var(--tct-gray-11, var(--t-gray-11, #cccccc))));border-radius:var(--comp-input-border-radius);box-shadow:var(--tct-input-box-shadow, var(--t-input-box-shadow, none));transition:border-width var(--comp-input-tween), border-color var(--comp-input-tween), box-shadow var(--comp-input-tween)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-input-disabled-opacity, var(--t-input-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.input-field{flex:1;border:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;min-height:var(--comp-input-min-height);max-height:var(--comp-input-max-height);overflow-y:hidden;height:var(--tct-input-height, var(--t-input-height, 44px));width:100%;padding:0 var(--tct-input-horizontal-padding, var(--t-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))));background-color:transparent;color:var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));display:inline-block;text-align:var(--tct-input-align, "start");}.input-field:focus{outline:none;box-shadow:none}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.input-field::-ms-clear{display:none}.input-field[type=search]::-webkit-search-decoration,.input-field[type=search]::-webkit-search-cancel-button,.input-field[type=search]::-webkit-search-results-button,.input-field[type=search]::-webkit-search-results-decoration{display:none}.input-field[disabled]{cursor:not-allowed}.right-aligned .input-field{text-align:right}.input-field:is(input){flex:1}.input-field:is(button){display:inline-flex;align-items:center}.has-custom-display .input-field:is(button){height:auto;padding:0}.input-field:is(button) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.has-custom-display .custom-display-container{--comp-default-padding:var(--app-scale-2x, 10px) var(--app-scale-2x, 10px) var(--app-scale-3x, 15px);padding:var(--tct-input-padding, var(--t-input-padding, var(--comp-default-padding)));width:100%}.input-container:focus-within{border-width:var(--comp-input-focus-border-width, 1px);border-color:var(--tct-input-focus-border-color, var(--t-input-focus-border-color, var(--tct-gray-9, var(--t-gray-9, #999999))));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)), var(--tct-input-focus-box-shadow, var(--t-input-focus-box-shadow, 0 0 transparent))}.input-field::placeholder,.placeholder-text{color:var(--tct-input-placeholder-font-color, var(--t-input-placeholder-font-color, var(--t-textA, var(--app-gray-d1, rgba(77, 77, 77, 0.77)))))}.pseudo-input-container{min-width:0;flex:1}.input-icons-container-left,.input-icons-container-right{display:flex;flex-direction:row;align-items:center;gap:var(--comp-input-horizontal-gap)}.input-icons-container-left:empty,.input-icons-container-right:empty{display:none}.input-icons-container-left{padding-left:var(--comp-input-horizontal-gap)}.input-icons-container-right{padding-right:var(--comp-input-horizontal-gap)}.input-icons-container-right .btn-visibility-toggle{color:var(--tct-primary, var(--t-primary, #006eb2));font-size:12px}q2-icon{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);pointer-events:none;color:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))));--tct-icon-stroke-primary:var(--tct-input-icon-stroke-primary, var(--t-input-icon-stroke-primary, var(--t-textA, var(--app-gray, rgba(77, 77, 77, 0.77)))))}.icon-left-muted{opacity:0.5}.input-prefix,.input-suffix{margin-left:calc(var(--comp-input-horizontal-gap) * -1);margin-right:calc(var(--comp-input-horizontal-gap) * -1);width:3em;display:inline-flex;align-items:center;justify-content:center;min-height:calc(\n var(--comp-input-min-height) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n );height:calc(\n var(--tct-input-height, var(--t-input-height, 44px)) - var(--tct-input-focus-border-top-width, var(--t-input-focus-border-top-width, 1px)) - var(--tct-input-focus-border-bottom-width, var(--t-input-focus-border-bottom-width, 1px))\n );font-size:var(--tct-input-prefix-font-size, var(--t-input-prefix-font-size, inherit));color:var(--tct-input-prefix-font-color, var(--t-input-prefix-font-color, inherit));background-color:var(--tct-input-prefix-bg, var(--t-input-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2))))));transition:color var(--comp-input-tween), background-color var(--comp-input-tween)}.input-prefix{border-top-left-radius:calc(\n var(--comp-input-border-top-left-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );border-bottom-left-radius:calc(\n var(--comp-input-border-bottom-left-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-left-width, var(--t-input-border-left-width, 1px))\n );pointer-events:none;}.input-suffix{border-top-right-radius:calc(\n var(--comp-input-border-top-right-radius) - var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n );border-bottom-right-radius:calc(\n var(--comp-input-border-bottom-right-radius) - var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) - var(--tct-input-border-right-width, var(--t-input-border-right-width, 1px))\n )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.pw-show{position:absolute;margin-right:var(--tct-scale-2, var(--app-scale-2x, 10px))}.btn-clear{margin-top:calc(var(--tct-input-border-top-width, var(--t-input-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-input-border-bottom-width, var(--t-input-border-bottom-width, 1px)) / 2);height:22px;--tct-btn-icon-width:17px;--tct-btn-icon-height:22px;--tct-icon-size:17px}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-input-message-box-shadow, var(--t-input-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-input-messages-tween, var(--t-input-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-input-messages-font-color, var(--t-input-messages-font-color, inherit))}.has-error label{color:var(--tct-input-error-label-font-color, var(--t-input-error-label-font-color, var(--tct-input-label-font-color, var(--t-input-label-font-color, inherit))))}.has-error:not(.has-focus) .input-prefix,.has-error:not(.has-focus) .input-suffix{color:var(--tct-input-error-prefix-font-color, var(--t-input-error-prefix-font-color, inherit));background-color:var(--tct-input-error-prefix-bg, var(--t-input-error-prefix-bg, var(--tct-input-bg, var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))))}.has-error .input-container:not(:focus-within){border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.icon-left{width:26px;height:26px}.vertical-separator{height:calc(var(--comp-input-min-height) - 2px);border-right:1px solid var(--tct-input-prefix-border-color, var(--t-input-prefix-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))))}';export{u as q2_badge,Z as q2_input}
@@ -1 +0,0 @@
1
- import{r as t,h as o,F as r,g as e}from"./p-c5691700.js";import{s as i,h as n,i as s,o as a,l as d}from"./p-41fcf343.js";const l=class{constructor(o){t(this,o),this.type="icon",this.dropdownOpen=!1,this.scheduledAfterRender=[],this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])",this.focusToggle=()=>{const t=this.hostElement.shadowRoot.querySelector(".dropdown-button");t&&t.dispatchEvent(new FocusEvent("focus"))},this.openDropdown=()=>{i(this),this.dropdownOpen||(this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe))},this.closeDropdown=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.scheduledAfterRender.push((()=>{this.resizeIframe()})))},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeDropdown())},this.onToggleClick=()=>{if(this.dropdownOpen)return this.focusToggle(),void this.closeDropdown();this.focusToggle(),this.openDropdown()},this.onToggleKeydown=t=>["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusLastItem()):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),this.openDropdown(),void this.focusFirstItem()):["Escape","Esc"].includes(t.key)?(t.preventDefault(),this.focusToggle(),void this.closeDropdown()):void 0,this.onDropdownMenuClick=t=>{if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;o.disabled||o.separator||(this.focusToggle(),this.closeDropdown())},this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key))return this.closeDropdown(),void this.focusToggle();if("q2-dropdown-item"!==t.target.localName)return;const o=t.target;return["ArrowUp","Up"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"prev")):["ArrowDown","Down"].includes(t.key)?(t.preventDefault(),void this.focusAdjacentItem(o,"next")):void 0}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType)}orchestrateResolvedMenuItems(){this.name&&this.context?this.resolveMenuItemElements().then((t=>{this.removeResolvedElements(),t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{throw this.removeResolvedElements(),t})):this.removeResolvedElements()}removeResolvedElements(){this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item").forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let o,r;switch(t["tct-ctxid"]&&(r={},r[t.contextIdParamName]=t["tct-ctxid"]),t.action){case"navigateTo":o=()=>this.navigateTo(t.featureName,t.moduleName,r);break;case"showOverpanel":o=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,r)}const e=document.createElement("q2-dropdown-item");return e.setAttribute("value",t.itemLabel),e.classList.add("resolved-menu-item"),e.innerHTML=t.itemLabel,e.onclick=o,e}))))}navigateTo(t,o,r){return window.TectonElements&&window.TectonElements.navigateTo(t,o,r)}showOverpanel(t,o){return window.TectonElements&&window.TectonElements.showOverpanel(t,o,void 0,!0)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get toggleButtonProps(){const t=["primary","secondary","neutral"],o=["icon","fab","custom",...t].includes(this.type)?this.type:"",r="icon"===o,e="fab"===o,i="custom"===o;let n;return t.includes(o)&&(n="neutral"===o?o:`workflow-${o}`),{icon:r,fab:e,intent:n,active:this.dropdownOpen,disabled:!!this.disabled,ariaExpanded:this.dropdownOpen,className:"dropdown-button"+(r||e||n?"":" unstyled"),custom:i}}ariaLabelObserver(){n(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){s(t,this.hostElement)&&this.controlElement.shadowRoot.querySelector("button").focus()}componentWillLoad(){n(this)}componentDidLoad(){this.orchestrateResolvedMenuItems(),a(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t&&t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,o){const r=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector)),e=r.indexOf(t);if(-1===e)return;let i=0;"next"===o?i=e<r.length-1?e+1:0:"prev"===o&&(i=e>0?e-1:r.length-1);const n=r[i];n&&n.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return o("click-elsewhere",{class:"dropdown-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},o("q2-btn",{ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?d(this.label):void 0,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block},this.hasCustomButton?o("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},o("slot",{name:"custom-dropdown-button"})):o(r,null,this.icon?o("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&o("span",{class:"dropdown-button-text"},d(this.label)))),o("div",{ref:t=>this.dropdownContainer=t,class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),role:"menu",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},o("div",null,o("slot",null),this.dropdownOpen&&o("q2-btn",{class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:inline-flex}.dropdown-container{position:relative;display:block}.dropdown-button-content{display:flex;align-items:center}.dropdown-button.unstyled .dropdown-button-content{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-1, var(--app-scale-1x, 5px))}.q2-element-dropdown{width:var(--tct-dropdown-width, var(--t-dropdown-width, 175px))}.q2-element-dropdown.dropup{bottom:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px))}q2-btn[color=primary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-primary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0)))}q2-btn[color=secondary]~.q2-element-dropdown.dropup,q2-btn[intent=workflow-secondary]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0)))}q2-btn[intent=neutral]~.q2-element-dropdown.dropup{bottom:calc(var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px)) + var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0)))}";export{l as q2_dropdown}
@@ -1 +0,0 @@
1
- import{r as t,c as r,h as e,g as i}from"./p-c5691700.js";import{c as o,h as a,o as c,l as s}from"./p-41fcf343.js";const l=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.id=`radio-${o()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)}}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return e("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},e("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),e("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&e("svg",{viewBox:"0 0 18 18"},e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&e("div",{class:"label-content"},this.label&&s(this.label)||"",e("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}
@@ -1,151 +0,0 @@
1
- import { setup, getFocusedAttribute } from '../helpers';
2
- describe('q2-tag', () => {
3
- let page;
4
- let tag;
5
- let optionList;
6
- let controlBtn;
7
- let allOptions;
8
- let optionContainer;
9
- let clickSpy;
10
- let changeSpy;
11
- const getFocusedValue = async (page) => {
12
- return page.$eval('body', () => document.activeElement.getAttribute('value'));
13
- };
14
- it('does not render button or dropdown by default', async () => {
15
- page = await setup({
16
- html: `<q2-tag label="My tag"></q2-tag>`,
17
- });
18
- optionList = await page.find('q2-tag >>> q2-option-list');
19
- controlBtn = await page.find('q2-tag >>> button');
20
- expect(controlBtn).toBeNull();
21
- expect(optionList).toBeNull();
22
- });
23
- describe('when options are provided', () => {
24
- beforeEach(async () => {
25
- page = await setup({
26
- html: `
27
- <q2-tag label="My tag">
28
- <q2-option value="1">Option 1</q2-option>
29
- <q2-option value="2">Option 2</q2-option>
30
- <q2-option value="3">Option 3</q2-option>
31
- </q2-tag>
32
- `,
33
- });
34
- tag = await page.find('q2-tag');
35
- allOptions = await page.findAll('q2-option');
36
- optionList = await page.find('q2-tag >>> q2-option-list');
37
- optionContainer = await page.find('q2-tag >>> q2-option-list >>> .options');
38
- controlBtn = await page.find('q2-tag >>> button');
39
- clickSpy = await tag.spyOnEvent('click');
40
- changeSpy = await tag.spyOnEvent('change');
41
- });
42
- it('can select option via keyboard', async () => {
43
- const tagWrapper = await page.find('q2-tag >>> .tag-wrapper');
44
- expect(tagWrapper.classList.contains('has-options')).toBe(true);
45
- expect(optionList).not.toHaveAttribute('open');
46
- await controlBtn.press('ArrowDown');
47
- await page.waitForChanges();
48
- expect(tag).toHaveAttribute('open');
49
- expect(optionList).toHaveAttribute('open');
50
- expect(await getFocusedValue(page)).toEqual('1');
51
- await optionContainer.press('ArrowDown');
52
- await page.waitForChanges();
53
- expect(await getFocusedValue(page)).toEqual('2');
54
- await allOptions[1].press(' ');
55
- await page.waitForChanges();
56
- expect(tag).not.toHaveAttribute('open');
57
- expect(optionList).not.toHaveAttribute('open');
58
- expect(clickSpy).toHaveReceivedEventDetail({
59
- value: '2',
60
- });
61
- expect(changeSpy).not.toHaveReceivedEvent();
62
- });
63
- it('can select option via mouse', async () => {
64
- const tagWrapper = await page.find('q2-tag >>> .tag-wrapper');
65
- expect(tagWrapper.classList.contains('has-options')).toBe(true);
66
- expect(optionList).not.toHaveAttribute('open');
67
- await controlBtn.click();
68
- await page.waitForChanges();
69
- expect(tag).toHaveAttribute('open');
70
- expect(optionList).toHaveAttribute('open');
71
- await allOptions[1].click();
72
- await page.waitForChanges();
73
- expect(tag).not.toHaveAttribute('open');
74
- expect(optionList).not.toHaveAttribute('open');
75
- expect(clickSpy).toHaveReceivedEventDetail({
76
- value: '2',
77
- });
78
- expect(changeSpy).not.toHaveReceivedEvent();
79
- });
80
- describe('when keyboard is pressed', () => {
81
- it('opens list and focuses first option on ArrowDown', async () => {
82
- await controlBtn.press('ArrowDown');
83
- await page.waitForChanges();
84
- expect(tag).toHaveAttribute('open');
85
- expect(optionList).toHaveAttribute('open');
86
- expect(await getFocusedAttribute(page, 'value')).toEqual('1');
87
- });
88
- it('opens list and focuses first option on ArrowUp', async () => {
89
- await controlBtn.press('ArrowUp');
90
- await page.waitForChanges();
91
- expect(tag).toHaveAttribute('open');
92
- expect(optionList).toHaveAttribute('open');
93
- expect(await getFocusedAttribute(page, 'value')).toEqual('1');
94
- });
95
- it('opens list and focuses first option on Enter', async () => {
96
- await controlBtn.press('Enter');
97
- await page.waitForChanges();
98
- expect(tag).toHaveAttribute('open');
99
- expect(optionList).toHaveAttribute('open');
100
- expect(await getFocusedAttribute(page, 'value')).toEqual('1');
101
- });
102
- it('opens list and focuses first option on Space', async () => {
103
- await controlBtn.press(' ');
104
- await page.waitForChanges();
105
- expect(tag).toHaveAttribute('open');
106
- expect(optionList).toHaveAttribute('open');
107
- expect(await getFocusedValue(page)).toEqual('1');
108
- });
109
- it('opens list and focuses last option on Home', async () => {
110
- await controlBtn.press('Home');
111
- await page.waitForChanges();
112
- expect(tag).toHaveAttribute('open');
113
- expect(optionList).toHaveAttribute('open');
114
- expect(await getFocusedAttribute(page, 'value')).toEqual('1');
115
- });
116
- it('opens list and focuses last option on End', async () => {
117
- await controlBtn.press('End');
118
- await page.waitForChanges();
119
- expect(tag).toHaveAttribute('open');
120
- expect(optionList).toHaveAttribute('open');
121
- expect(await getFocusedAttribute(page, 'value')).toEqual('3');
122
- });
123
- });
124
- });
125
- describe('focus', () => {
126
- let page;
127
- let tag;
128
- beforeEach(async () => {
129
- page = await setup({
130
- html: `
131
- <q2-tag label="My tag">
132
- <q2-option value="1">Option 1</q2-option>
133
- <q2-option value="2">Option 2</q2-option>
134
- <q2-option value="3">Option 3</q2-option>
135
- </q2-tag>
136
- `,
137
- });
138
- tag = await page.find('q2-tag');
139
- });
140
- it('focuses active option and opens the list when focus event is dispatched', async function () {
141
- await tag.triggerEvent('focus');
142
- await page.waitForChanges();
143
- expect(await getFocusedAttribute(page, 'test-id')).toEqual('btn-control');
144
- });
145
- it('focuses active option and opens the list when element.focus() is called', async function () {
146
- await tag.focus();
147
- await page.waitForChanges();
148
- expect(await getFocusedAttribute(page, 'test-id')).toEqual('btn-control');
149
- });
150
- });
151
- });