@globalpayments/vega 2.13.0-backfill-beta.2 → 2.13.1

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 (219) hide show
  1. package/dist/cjs/{app-globals-641bb215.js → app-globals-9633dc88.js} +3 -3
  2. package/dist/cjs/{componentUsageRuntimeMetrics-0fbcd33f.js → componentUsageRuntimeMetrics-b21c694f.js} +1 -1
  3. package/dist/cjs/{featureFlagController-da4c779b.js → featureFlagController-44d5e755.js} +1 -1
  4. package/dist/cjs/{index-5a81786f.js → index-1aa6f0c9.js} +3 -2
  5. package/dist/cjs/{index-55e89877.js → index-672f20ec.js} +38 -33
  6. package/dist/cjs/index.cjs.js +3 -3
  7. package/dist/cjs/loader.cjs.js +4 -4
  8. package/dist/cjs/vega-accordion.cjs.entry.js +1 -1
  9. package/dist/cjs/vega-app-footer.cjs.entry.js +1 -1
  10. package/dist/cjs/vega-app-header-button.cjs.entry.js +1 -1
  11. package/dist/cjs/vega-backdrop.cjs.entry.js +1 -1
  12. package/dist/cjs/vega-banner.cjs.entry.js +1 -1
  13. package/dist/cjs/vega-bar-chart.cjs.entry.js +1 -1
  14. package/dist/cjs/vega-box.cjs.entry.js +1 -1
  15. package/dist/cjs/vega-breadcrumb.cjs.entry.js +1 -1
  16. package/dist/cjs/vega-button-circle.cjs.entry.js +1 -1
  17. package/dist/cjs/vega-button-group_2.cjs.entry.js +1 -1
  18. package/dist/cjs/vega-button-link.cjs.entry.js +1 -1
  19. package/dist/cjs/vega-button.cjs.entry.js +1 -1
  20. package/dist/cjs/vega-card.cjs.entry.js +1 -1
  21. package/dist/cjs/vega-carousel.cjs.entry.js +1 -1
  22. package/dist/cjs/vega-checkbox_2.cjs.entry.js +1 -1
  23. package/dist/cjs/vega-chip.cjs.entry.js +1 -1
  24. package/dist/cjs/vega-color-picker.cjs.entry.js +1 -1
  25. package/dist/cjs/vega-combo-box.cjs.entry.js +1 -1
  26. package/dist/cjs/vega-counter-badge.cjs.entry.js +1 -1
  27. package/dist/cjs/vega-date-picker_2.cjs.entry.js +1 -1
  28. package/dist/cjs/vega-dialog_2.cjs.entry.js +1 -1
  29. package/dist/cjs/vega-divider.cjs.entry.js +1 -1
  30. package/dist/cjs/vega-dropdown_5.cjs.entry.js +46 -3
  31. package/dist/cjs/vega-field-error.cjs.entry.js +1 -1
  32. package/dist/cjs/vega-field-label.cjs.entry.js +1 -1
  33. package/dist/cjs/vega-flex.cjs.entry.js +3 -3
  34. package/dist/cjs/vega-font.cjs.entry.js +1 -1
  35. package/dist/cjs/vega-form.cjs.entry.js +1 -1
  36. package/dist/cjs/vega-grid.cjs.entry.js +1 -1
  37. package/dist/cjs/vega-icon.cjs.entry.js +1 -1
  38. package/dist/cjs/vega-image-uploader.cjs.entry.js +1 -1
  39. package/dist/cjs/vega-input-credit-card.cjs.entry.js +3 -3
  40. package/dist/cjs/vega-input-range.cjs.entry.js +1 -1
  41. package/dist/cjs/vega-input-select.cjs.entry.js +1 -1
  42. package/dist/cjs/vega-input.cjs.entry.js +1 -1
  43. package/dist/cjs/vega-item-toggle.cjs.entry.js +1 -1
  44. package/dist/cjs/vega-left-nav_5.cjs.entry.js +57 -3
  45. package/dist/cjs/vega-line-chart.cjs.entry.js +1 -1
  46. package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +1 -1
  47. package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
  48. package/dist/cjs/vega-pagination.cjs.entry.js +1 -1
  49. package/dist/cjs/vega-pie-chart.cjs.entry.js +1 -1
  50. package/dist/cjs/vega-popover_2.cjs.entry.js +1 -1
  51. package/dist/cjs/vega-progress-tracker.cjs.entry.js +1 -1
  52. package/dist/cjs/vega-radio_2.cjs.entry.js +1 -1
  53. package/dist/cjs/vega-section-title.cjs.entry.js +1 -1
  54. package/dist/cjs/vega-segment-control.cjs.entry.js +1 -1
  55. package/dist/cjs/vega-selection-tile_2.cjs.entry.js +1 -1
  56. package/dist/cjs/vega-slot-container.cjs.entry.js +1 -1
  57. package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
  58. package/dist/cjs/vega-tab-group_2.cjs.entry.js +1 -1
  59. package/dist/cjs/vega-table_8.cjs.entry.js +5 -5
  60. package/dist/cjs/vega-text.cjs.entry.js +1 -1
  61. package/dist/cjs/vega-textarea.cjs.entry.js +1 -1
  62. package/dist/cjs/vega-time-picker_2.cjs.entry.js +1 -1
  63. package/dist/cjs/vega-toggle-switch.cjs.entry.js +1 -1
  64. package/dist/cjs/vega-tooltip_2.cjs.entry.js +30 -8
  65. package/dist/cjs/vega.cjs.js +4 -4
  66. package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-search-controller.js +17 -1
  67. package/dist/collection/components/vega-dropdown/vega-dropdown.js +2 -1
  68. package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js +2 -1
  69. package/dist/collection/components/vega-nav/vega-nav-card/vega-nav-card.js +2 -1
  70. package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js +23 -1
  71. package/dist/collection/components/vega-tooltip/vega-tooltip.js +12 -8
  72. package/dist/collection/constants/runtime-metrics-payload-definition/vega-dropdown/runtime-metrics-payload-definition.js +26 -0
  73. package/dist/collection/constants/runtime-metrics-payload-definition/vega-left-nav/runtime-metrics-payload-definition.js +26 -0
  74. package/dist/collection/constants/runtime-metrics-payload-definition/vega-nav-card/runtime-metrics-payload-definition.js +26 -0
  75. package/dist/collection/constants/runtime-metrics-payload-definition/vega-stepper/runtime-metrics-payload-definition.js +1 -1
  76. package/dist/collection/constants/runtime-metrics-payload-definition/vega-table/runtime-metrics-payload-definition.js +2 -2
  77. package/dist/collection/helpers/vega-telemetry-helper/test/vegaEnvManager.test.js +1 -2
  78. package/dist/collection/helpers/vega-telemetry-helper/vegaEnvManager.js +3 -2
  79. package/dist/esm/{app-globals-6bb63482.js → app-globals-f49e68bc.js} +3 -3
  80. package/dist/esm/{componentUsageRuntimeMetrics-6bc153ea.js → componentUsageRuntimeMetrics-9f888049.js} +1 -1
  81. package/dist/esm/{featureFlagController-fdb8cf0e.js → featureFlagController-9df5a1a3.js} +1 -1
  82. package/dist/esm/{index-1d242e89.js → index-27e4eb43.js} +38 -33
  83. package/dist/esm/{index-8584d77d.js → index-41dc8dc1.js} +3 -2
  84. package/dist/esm/index.js +3 -3
  85. package/dist/esm/loader.js +4 -4
  86. package/dist/esm/vega-accordion.entry.js +1 -1
  87. package/dist/esm/vega-app-footer.entry.js +1 -1
  88. package/dist/esm/vega-app-header-button.entry.js +1 -1
  89. package/dist/esm/vega-backdrop.entry.js +1 -1
  90. package/dist/esm/vega-banner.entry.js +1 -1
  91. package/dist/esm/vega-bar-chart.entry.js +1 -1
  92. package/dist/esm/vega-box.entry.js +1 -1
  93. package/dist/esm/vega-breadcrumb.entry.js +1 -1
  94. package/dist/esm/vega-button-circle.entry.js +1 -1
  95. package/dist/esm/vega-button-group_2.entry.js +1 -1
  96. package/dist/esm/vega-button-link.entry.js +1 -1
  97. package/dist/esm/vega-button.entry.js +1 -1
  98. package/dist/esm/vega-card.entry.js +1 -1
  99. package/dist/esm/vega-carousel.entry.js +1 -1
  100. package/dist/esm/vega-checkbox_2.entry.js +1 -1
  101. package/dist/esm/vega-chip.entry.js +1 -1
  102. package/dist/esm/vega-color-picker.entry.js +1 -1
  103. package/dist/esm/vega-combo-box.entry.js +1 -1
  104. package/dist/esm/vega-counter-badge.entry.js +1 -1
  105. package/dist/esm/vega-date-picker_2.entry.js +1 -1
  106. package/dist/esm/vega-dialog_2.entry.js +1 -1
  107. package/dist/esm/vega-divider.entry.js +1 -1
  108. package/dist/esm/vega-dropdown_5.entry.js +46 -3
  109. package/dist/esm/vega-field-error.entry.js +1 -1
  110. package/dist/esm/vega-field-label.entry.js +1 -1
  111. package/dist/esm/vega-flex.entry.js +3 -3
  112. package/dist/esm/vega-font.entry.js +1 -1
  113. package/dist/esm/vega-form.entry.js +1 -1
  114. package/dist/esm/vega-grid.entry.js +1 -1
  115. package/dist/esm/vega-icon.entry.js +1 -1
  116. package/dist/esm/vega-image-uploader.entry.js +1 -1
  117. package/dist/esm/vega-input-credit-card.entry.js +3 -3
  118. package/dist/esm/vega-input-range.entry.js +1 -1
  119. package/dist/esm/vega-input-select.entry.js +1 -1
  120. package/dist/esm/vega-input.entry.js +1 -1
  121. package/dist/esm/vega-item-toggle.entry.js +1 -1
  122. package/dist/esm/vega-left-nav_5.entry.js +57 -3
  123. package/dist/esm/vega-line-chart.entry.js +1 -1
  124. package/dist/esm/vega-loader-wrapper_2.entry.js +1 -1
  125. package/dist/esm/vega-page-notification_2.entry.js +1 -1
  126. package/dist/esm/vega-pagination.entry.js +1 -1
  127. package/dist/esm/vega-pie-chart.entry.js +1 -1
  128. package/dist/esm/vega-popover_2.entry.js +1 -1
  129. package/dist/esm/vega-progress-tracker.entry.js +1 -1
  130. package/dist/esm/vega-radio_2.entry.js +1 -1
  131. package/dist/esm/vega-section-title.entry.js +1 -1
  132. package/dist/esm/vega-segment-control.entry.js +1 -1
  133. package/dist/esm/vega-selection-tile_2.entry.js +1 -1
  134. package/dist/esm/vega-slot-container.entry.js +1 -1
  135. package/dist/esm/vega-stepper.entry.js +2 -2
  136. package/dist/esm/vega-tab-group_2.entry.js +1 -1
  137. package/dist/esm/vega-table_8.entry.js +5 -5
  138. package/dist/esm/vega-text.entry.js +1 -1
  139. package/dist/esm/vega-textarea.entry.js +1 -1
  140. package/dist/esm/vega-time-picker_2.entry.js +1 -1
  141. package/dist/esm/vega-toggle-switch.entry.js +1 -1
  142. package/dist/esm/vega-tooltip_2.entry.js +31 -9
  143. package/dist/esm/vega.js +4 -4
  144. package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-search-controller.d.ts +10 -0
  145. package/dist/types/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.d.ts +8 -0
  146. package/dist/types/components/vega-tooltip/vega-tooltip.d.ts +2 -1
  147. package/dist/types/constants/runtime-metrics-payload-definition/vega-dropdown/runtime-metrics-payload-definition.d.ts +2 -0
  148. package/dist/types/constants/runtime-metrics-payload-definition/vega-left-nav/runtime-metrics-payload-definition.d.ts +2 -0
  149. package/dist/types/constants/runtime-metrics-payload-definition/vega-nav-card/runtime-metrics-payload-definition.d.ts +2 -0
  150. package/dist/vega/index.esm.js +1 -1
  151. package/dist/vega/{p-a1673ea4.entry.js → p-07abc29b.entry.js} +1 -1
  152. package/dist/vega/{p-95eff660.entry.js → p-08b48e61.entry.js} +1 -1
  153. package/dist/vega/{p-7fa146a2.entry.js → p-0d51b10e.entry.js} +1 -1
  154. package/dist/vega/{p-7db505ba.entry.js → p-0ee347fd.entry.js} +1 -1
  155. package/dist/vega/{p-c9320565.entry.js → p-194a3f8f.entry.js} +1 -1
  156. package/dist/vega/{p-2ddc3071.js → p-210737f2.js} +1 -1
  157. package/dist/vega/{p-92ead254.entry.js → p-22101a5f.entry.js} +1 -1
  158. package/dist/vega/p-2d38dcab.entry.js +1 -0
  159. package/dist/vega/{p-49a730d5.entry.js → p-2ea7b083.entry.js} +1 -1
  160. package/dist/vega/{p-17d55440.entry.js → p-3185ee03.entry.js} +1 -1
  161. package/dist/vega/{p-f970a737.entry.js → p-31ec4b52.entry.js} +1 -1
  162. package/dist/vega/{p-e5bcd681.entry.js → p-3205e6ec.entry.js} +1 -1
  163. package/dist/vega/{p-0b32651a.entry.js → p-33ac74cb.entry.js} +1 -1
  164. package/dist/vega/{p-85cd20e0.js → p-3d220905.js} +1 -1
  165. package/dist/vega/{p-13e506c1.entry.js → p-41413ea4.entry.js} +1 -1
  166. package/dist/vega/{p-dcc9b865.entry.js → p-4aaa9e0d.entry.js} +1 -1
  167. package/dist/vega/p-5abced5e.entry.js +1 -0
  168. package/dist/vega/{p-e85d0765.entry.js → p-5b5625a0.entry.js} +1 -1
  169. package/dist/vega/{p-8c52a064.entry.js → p-5df33dea.entry.js} +1 -1
  170. package/dist/vega/{p-4e0baf1a.entry.js → p-60dbd035.entry.js} +1 -1
  171. package/dist/vega/{p-abb2f489.js → p-629acb2e.js} +1 -1
  172. package/dist/vega/{p-cbe4adc3.entry.js → p-64020a69.entry.js} +1 -1
  173. package/dist/vega/{p-52eaf169.entry.js → p-6cb26711.entry.js} +1 -1
  174. package/dist/vega/{p-7752a460.entry.js → p-761c458e.entry.js} +1 -1
  175. package/dist/vega/{p-9c69703d.js → p-7653f0c2.js} +1 -1
  176. package/dist/vega/{p-e24344c7.entry.js → p-797b24d3.entry.js} +1 -1
  177. package/dist/vega/{p-3053fef7.entry.js → p-79ccf076.entry.js} +1 -1
  178. package/dist/vega/{p-9a92cc18.entry.js → p-7d2ed978.entry.js} +1 -1
  179. package/dist/vega/{p-8bf617af.entry.js → p-86002ca4.entry.js} +1 -1
  180. package/dist/vega/{p-0ab8a349.entry.js → p-8bdb7c1d.entry.js} +1 -1
  181. package/dist/vega/{p-0994a7a3.entry.js → p-9745f18f.entry.js} +1 -1
  182. package/dist/vega/{p-2b04b732.entry.js → p-9820bd52.entry.js} +1 -1
  183. package/dist/vega/{p-fb565e6e.entry.js → p-9c726541.entry.js} +1 -1
  184. package/dist/vega/p-a022bf87.entry.js +1 -0
  185. package/dist/vega/{p-fa460bce.entry.js → p-a03b1bad.entry.js} +1 -1
  186. package/dist/vega/{p-f43b8a7e.entry.js → p-a09efd3b.entry.js} +1 -1
  187. package/dist/vega/{p-d2d89e6d.entry.js → p-a62f4fbf.entry.js} +1 -1
  188. package/dist/vega/{p-9f8f7c85.js → p-ac23cfa6.js} +1 -1
  189. package/dist/vega/{p-55eaa4ae.entry.js → p-ad2d02c5.entry.js} +1 -1
  190. package/dist/vega/{p-c3089dea.entry.js → p-ade08379.entry.js} +1 -1
  191. package/dist/vega/{p-6bb6bf50.entry.js → p-b7a0f473.entry.js} +1 -1
  192. package/dist/vega/{p-6e8cbf86.entry.js → p-bbbcfd09.entry.js} +1 -1
  193. package/dist/vega/{p-b6a086a7.entry.js → p-bbc8b4f5.entry.js} +1 -1
  194. package/dist/vega/{p-9973baa8.entry.js → p-bd350fb7.entry.js} +1 -1
  195. package/dist/vega/{p-6bad54fd.entry.js → p-bf877997.entry.js} +1 -1
  196. package/dist/vega/{p-9f1e74ed.entry.js → p-c902a586.entry.js} +1 -1
  197. package/dist/vega/{p-8f9a7718.entry.js → p-cb06eb1c.entry.js} +1 -1
  198. package/dist/vega/{p-e93861a9.entry.js → p-cffd96c9.entry.js} +1 -1
  199. package/dist/vega/{p-3cf2c509.entry.js → p-d3605b1a.entry.js} +1 -1
  200. package/dist/vega/p-da12b2da.entry.js +1 -0
  201. package/dist/vega/{p-9a8165a9.entry.js → p-db6e73fc.entry.js} +1 -1
  202. package/dist/vega/{p-ef72e1e6.entry.js → p-e0d2c9f6.entry.js} +1 -1
  203. package/dist/vega/{p-f275ec4b.entry.js → p-e49ec016.entry.js} +1 -1
  204. package/dist/vega/{p-24bce1b6.entry.js → p-e6848e33.entry.js} +1 -1
  205. package/dist/vega/{p-303e35ae.entry.js → p-e89db39c.entry.js} +1 -1
  206. package/dist/vega/{p-f3b35323.entry.js → p-f27998de.entry.js} +1 -1
  207. package/dist/vega/{p-7896719f.entry.js → p-f5f0545e.entry.js} +1 -1
  208. package/dist/vega/{p-b10c9d7d.entry.js → p-fa38e1c8.entry.js} +1 -1
  209. package/dist/vega/{p-218f1334.entry.js → p-fbc0c261.entry.js} +1 -1
  210. package/dist/vega/p-fc30b986.entry.js +1 -0
  211. package/dist/vega/{p-72aff5a0.entry.js → p-ff3ae862.entry.js} +1 -1
  212. package/dist/vega/{p-c90eb07d.entry.js → p-ffa25bf2.entry.js} +1 -1
  213. package/dist/vega/vega.esm.js +1 -1
  214. package/package.json +2 -3
  215. package/dist/vega/p-0e77df41.entry.js +0 -1
  216. package/dist/vega/p-3221000e.entry.js +0 -1
  217. package/dist/vega/p-56bfc2ac.entry.js +0 -1
  218. package/dist/vega/p-8f472cdd.entry.js +0 -1
  219. package/dist/vega/p-cc30efbc.entry.js +0 -1
@@ -1 +1 @@
1
- import{h as e,F as t,r as i,c as r,H as n,g as a}from"./p-9777b1c1.js";import{a as s,V as o,I as l}from"./p-018d77cc.js";import{g as d,D as c}from"./p-320642bd.js";import{V as m,I as h}from"./p-2ddc3071.js";import{D as p}from"./p-0fd9f03f.js";import{b as f,a as b}from"./p-9e70473b.js";import{s as g}from"./p-b81bd0bb.js";import{C as v}from"./p-6ff07396.js";import{c as x}from"./p-d942a746.js";import"./p-bf95b189.js";import"./p-1fe9e4b3.js";import"./p-d3f1d3dd.js";var u=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=d()===c.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),"vega-breadcrumb-hidden":this.items.length<=1},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{p.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,r){return r.isMobile?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):r.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{p.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var k=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class R extends o{click(e){e.href?window.location.href=e.href:this.clickEventEmitter.emit(e)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}k([s()],R.prototype,"items",void 0),k([s()],R.prototype,"clickEventEmitter",void 0);var I=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new R,this.eventsPrevent=new v([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=x(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(n,null,this.renderer.render()),this.host)}get host(){return a(this)}};I([h()],z.prototype,"globalSlimmers",void 0),I([l()],z.prototype,"renderer",void 0),I([l()],z.prototype,"collapsedItemRenderer",void 0),I([l()],z.prototype,"itemRenderer",void 0),I([l()],z.prototype,"clickController",void 0),I([l()],z.prototype,"eventsPrevent",void 0),I([l()],z.prototype,"clickEventEmitter",void 0),I([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}
1
+ import{h as e,F as t,r as i,c as r,H as n,g as a}from"./p-9777b1c1.js";import{a as s,V as o,I as l}from"./p-018d77cc.js";import{g as d,D as c}from"./p-320642bd.js";import{V as m,I as h}from"./p-210737f2.js";import{D as p}from"./p-0fd9f03f.js";import{b as f,a as b}from"./p-9e70473b.js";import{s as g}from"./p-b81bd0bb.js";import{C as v}from"./p-6ff07396.js";import{c as x}from"./p-d942a746.js";import"./p-bf95b189.js";import"./p-1fe9e4b3.js";import"./p-d3f1d3dd.js";var u=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=d()===c.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),"vega-breadcrumb-hidden":this.items.length<=1},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{p.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,r){return r.isMobile?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):r.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{p.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);a>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var k=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class R extends o{click(e){e.href?window.location.href=e.href:this.clickEventEmitter.emit(e)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}k([s()],R.prototype,"items",void 0),k([s()],R.prototype,"clickEventEmitter",void 0);var I=function(e,t,i,r){var n,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,i,s):n(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=r(this,"vegaClick",7),this.click=r(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new R,this.eventsPrevent=new v([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=x(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(n,null,this.renderer.render()),this.host)}get host(){return a(this)}};I([h()],z.prototype,"globalSlimmers",void 0),I([l()],z.prototype,"renderer",void 0),I([l()],z.prototype,"collapsedItemRenderer",void 0),I([l()],z.prototype,"itemRenderer",void 0),I([l()],z.prototype,"clickController",void 0),I([l()],z.prototype,"eventsPrevent",void 0),I([l()],z.prototype,"clickEventEmitter",void 0),I([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}
@@ -1 +1 @@
1
- import{h as t,r as e,c as i,H as n,g as a}from"./p-9777b1c1.js";import{M as r,a as s}from"./p-584cce0b.js";import{M as o,a as p}from"./p-b956e721.js";import{R as l}from"./p-d962b340.js";import{s as h}from"./p-b81bd0bb.js";import{c as d}from"./p-86194314.js";import{C as u}from"./p-8c414f6f.js";import{a as c,V as f,I as g}from"./p-018d77cc.js";import{s as x}from"./p-6bd5c49b.js";import{V as m,I as b}from"./p-2ddc3071.js";import{F as v}from"./p-b7c51304.js";import{c as w}from"./p-d942a746.js";import{e as y,p as j,q as z}from"./p-9e70473b.js";import{b as k}from"./p-2fa3841b.js";import{C as I}from"./p-bf95b189.js";import{S as C,a as R}from"./p-8da4b720.js";import"./p-344ee7cb.js";import"./p-0bb29d98.js";import"./p-0fd9f03f.js";import"./p-320642bd.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-1fe9e4b3.js";import"./p-d361ef78.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";const E=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class N{evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=E.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class S extends f{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([c()],S.prototype,"disableCopyPaste",void 0);var V=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class F extends f{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}V([c()],F.prototype,"host",void 0),V([c()],F.prototype,"prefixIcon",void 0);class D{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}}class O{constructor(t){this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){if(this.skipFormat(t))return t;const e=[...t];for(let i=t.length-1;i>=0;i--){const t=e.join("");this.inputNeedFormat(t)&&e.pop()}return e.join("")}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}inputNeedFormat(t){return!this.mask.test(t)}}var A=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class L extends C{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=R.PHONE_MASK;break;case"taxId":i=R.TAX_ID_MASK;break;case"zipcode":i=R.ZIPCODE_MASK;break;case"thousand-comma":i=new D;break;case"number":i=new O(e.options);break;case"custom":i=new R(e.options)}return"number"!==this.type||"input"!==t||e||(i=new O),i}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}A([c()],L.prototype,"maskConfig",void 0),A([c()],L.prototype,"type",void 0);const $=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var _=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const M=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new l:null},{propertyName:"min",ruleFactory:t=>t?new r({minValue:t}):null},{propertyName:"max",ruleFactory:t=>t?new s({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new o({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new p({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new N:null},{propertyName:"type",ruleFactory:t=>"email"===t?new N:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.copyPasteController=new S,this.maskConfigController=new L,this.prefixSlotRenderer=new F,this.changeEventEmitter=w(M,y),this.focusEventEmitter=w(M,j),this.blurEventEmitter=w(M,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new m($),this.label="",this.value="",this.type="text",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value)}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),I.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}watchMaskChange(){this.maskConfigController.setupStringFormatter(this.inputRef)}connectedCallback(){const t=this.host.getAttribute("name");t&&(this.name=t,this.host.removeAttribute("name"))}handleValueInput(){this.value=this.inputRef.value}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return x(t("slot",null)),h(t(n,{class:"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t)},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container",role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:d()},this.prefixSlotRenderer.render(),this.containerDom(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:-1,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:d()},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};_([b()],M.prototype,"globalSlimmers",void 0),_([g()],M.prototype,"formFieldController",void 0),_([g()],M.prototype,"copyPasteController",void 0),_([g()],M.prototype,"maskConfigController",void 0),_([g()],M.prototype,"prefixSlotRenderer",void 0),_([g()],M.prototype,"changeEventEmitter",void 0),_([g()],M.prototype,"focusEventEmitter",void 0),_([g()],M.prototype,"blurEventEmitter",void 0),_([g()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([u()],M.prototype,"watchMaskChange",null),M.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}';export{M as vega_input}
1
+ import{h as t,r as e,c as i,H as n,g as a}from"./p-9777b1c1.js";import{M as r,a as s}from"./p-584cce0b.js";import{M as o,a as p}from"./p-b956e721.js";import{R as l}from"./p-d962b340.js";import{s as h}from"./p-b81bd0bb.js";import{c as d}from"./p-86194314.js";import{C as u}from"./p-8c414f6f.js";import{a as c,V as f,I as g}from"./p-018d77cc.js";import{s as x}from"./p-6bd5c49b.js";import{V as m,I as b}from"./p-210737f2.js";import{F as v}from"./p-b7c51304.js";import{c as w}from"./p-d942a746.js";import{e as y,p as j,q as z}from"./p-9e70473b.js";import{b as k}from"./p-2fa3841b.js";import{C as I}from"./p-bf95b189.js";import{S as C,a as R}from"./p-8da4b720.js";import"./p-344ee7cb.js";import"./p-0bb29d98.js";import"./p-0fd9f03f.js";import"./p-320642bd.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-1fe9e4b3.js";import"./p-d361ef78.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";const E=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class N{evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=E.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class S extends f{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([c()],S.prototype,"disableCopyPaste",void 0);var V=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class F extends f{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}V([c()],F.prototype,"host",void 0),V([c()],F.prototype,"prefixIcon",void 0);class D{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}}class O{constructor(t){this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){if(this.skipFormat(t))return t;const e=[...t];for(let i=t.length-1;i>=0;i--){const t=e.join("");this.inputNeedFormat(t)&&e.pop()}return e.join("")}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}inputNeedFormat(t){return!this.mask.test(t)}}var A=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class L extends C{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=R.PHONE_MASK;break;case"taxId":i=R.TAX_ID_MASK;break;case"zipcode":i=R.ZIPCODE_MASK;break;case"thousand-comma":i=new D;break;case"number":i=new O(e.options);break;case"custom":i=new R(e.options)}return"number"!==this.type||"input"!==t||e||(i=new O),i}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}A([c()],L.prototype,"maskConfig",void 0),A([c()],L.prototype,"type",void 0);const $=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var _=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const M=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new l:null},{propertyName:"min",ruleFactory:t=>t?new r({minValue:t}):null},{propertyName:"max",ruleFactory:t=>t?new s({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new o({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new p({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new N:null},{propertyName:"type",ruleFactory:t=>"email"===t?new N:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.copyPasteController=new S,this.maskConfigController=new L,this.prefixSlotRenderer=new F,this.changeEventEmitter=w(M,y),this.focusEventEmitter=w(M,j),this.blurEventEmitter=w(M,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new m($),this.label="",this.value="",this.type="text",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value)}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),I.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}watchMaskChange(){this.maskConfigController.setupStringFormatter(this.inputRef)}connectedCallback(){const t=this.host.getAttribute("name");t&&(this.name=t,this.host.removeAttribute("name"))}handleValueInput(){this.value=this.inputRef.value}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return x(t("slot",null)),h(t(n,{class:"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t)},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container",role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:d()},this.prefixSlotRenderer.render(),this.containerDom(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:-1,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:d()},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};_([b()],M.prototype,"globalSlimmers",void 0),_([g()],M.prototype,"formFieldController",void 0),_([g()],M.prototype,"copyPasteController",void 0),_([g()],M.prototype,"maskConfigController",void 0),_([g()],M.prototype,"prefixSlotRenderer",void 0),_([g()],M.prototype,"changeEventEmitter",void 0),_([g()],M.prototype,"focusEventEmitter",void 0),_([g()],M.prototype,"blurEventEmitter",void 0),_([g()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([u()],M.prototype,"watchMaskChange",null),M.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}';export{M as vega_input}
@@ -1 +1 @@
1
- import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-d962b340.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-eb6c9578.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-2ddc3071.js";import{D as u}from"./p-0fd9f03f.js";import{a as f,e as m,n as b,o as x}from"./p-9e70473b.js";import{b as w}from"./p-2fa3841b.js";import{C as y}from"./p-bf95b189.js";import{c as R}from"./p-86194314.js";import{V as j}from"./p-34964cc9.js";import{F as I}from"./p-b7c51304.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-6ff07396.js";import{c as O}from"./p-d942a746.js";import"./p-d361ef78.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-1fe9e4b3.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:R()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:R()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=j.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
1
+ import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-d962b340.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-eb6c9578.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-210737f2.js";import{D as u}from"./p-0fd9f03f.js";import{a as f,e as m,n as b,o as x}from"./p-9e70473b.js";import{b as w}from"./p-2fa3841b.js";import{C as y}from"./p-bf95b189.js";import{c as R}from"./p-86194314.js";import{V as j}from"./p-34964cc9.js";import{F as I}from"./p-b7c51304.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-6ff07396.js";import{c as O}from"./p-d942a746.js";import"./p-d361ef78.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-1fe9e4b3.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:R()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:R()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=j.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
@@ -1 +1 @@
1
- import{c as t}from"./p-112455b1.js";class e{static setVegaTelemetryLogLevel(t){this.logLevel=t}static log(...t){this.shouldLog("log")&&console.log(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static debug(...t){this.shouldLog("debug")&&console.debug(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static warn(...t){this.shouldLog("warn")&&console.warn(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static error(...t){this.shouldLog("error")&&console.error(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static shouldLog(t){return this.LOG_LEVELS.indexOf(t)<=this.LOG_LEVELS.indexOf(this.logLevel)}}e.logLevel="off",e.LOG_PREFIX_STR="[VegaTelemetry]",e.LOG_PREFIX_STYLE="font-weight: bold",e.LOG_LEVELS=["off","error","warn","debug","log"],Object.assign(globalThis,{LogUtility:e});var s=t((function(t){!function(){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",s={rotl:function(t,e){return t<<e|t>>>32-e},rotr:function(t,e){return t<<32-e|t>>>e},endian:function(t){if(t.constructor==Number)return 16711935&s.rotl(t,8)|4278255360&s.rotl(t,24);for(var e=0;e<t.length;e++)t[e]=s.endian(t[e]);return t},randomBytes:function(t){for(var e=[];t>0;t--)e.push(Math.floor(256*Math.random()));return e},bytesToWords:function(t){for(var e=[],s=0,r=0;s<t.length;s++,r+=8)e[r>>>5]|=t[s]<<24-r%32;return e},wordsToBytes:function(t){for(var e=[],s=0;s<32*t.length;s+=8)e.push(t[s>>>5]>>>24-s%32&255);return e},bytesToHex:function(t){for(var e=[],s=0;s<t.length;s++)e.push((t[s]>>>4).toString(16)),e.push((15&t[s]).toString(16));return e.join("")},hexToBytes:function(t){for(var e=[],s=0;s<t.length;s+=2)e.push(parseInt(t.substr(s,2),16));return e},bytesToBase64:function(t){for(var s=[],r=0;r<t.length;r+=3)for(var i=t[r]<<16|t[r+1]<<8|t[r+2],n=0;n<4;n++)s.push(8*r+6*n<=8*t.length?e.charAt(i>>>6*(3-n)&63):"=");return s.join("")},base64ToBytes:function(t){t=t.replace(/[^A-Z0-9+\/]/gi,"");for(var s=[],r=0,i=0;r<t.length;i=++r%4)0!=i&&s.push((e.indexOf(t.charAt(r-1))&Math.pow(2,-2*i+8)-1)<<2*i|e.indexOf(t.charAt(r))>>>6-2*i);return s}};t.exports=s}()})),r={utf8:{stringToBytes:function(t){return r.bin.stringToBytes(unescape(encodeURIComponent(t)))},bytesToString:function(t){return decodeURIComponent(escape(r.bin.bytesToString(t)))}},bin:{stringToBytes:function(t){for(var e=[],s=0;s<t.length;s++)e.push(255&t.charCodeAt(s));return e},bytesToString:function(t){for(var e=[],s=0;s<t.length;s++)e.push(String.fromCharCode(t[s]));return e.join("")}}},i=r,n=function(t){return null!=t&&(o(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&o(t.slice(0,0))}(t)||!!t._isBuffer)};function o(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}var c=t((function(t){!function(){var e=s,r=i.utf8,o=n,c=i.bin,a=function(t,s){t.constructor==String?t=s&&"binary"===s.encoding?c.stringToBytes(t):r.stringToBytes(t):o(t)?t=Array.prototype.slice.call(t,0):Array.isArray(t)||t.constructor===Uint8Array||(t=t.toString());for(var i=e.bytesToWords(t),n=8*t.length,h=1732584193,u=-271733879,l=-1732584194,d=271733878,g=0;g<i.length;g++)i[g]=16711935&(i[g]<<8|i[g]>>>24)|4278255360&(i[g]<<24|i[g]>>>8);i[n>>>5]|=128<<n%32,i[14+(n+64>>>9<<4)]=n;var f=a._ff,m=a._gg,p=a._hh,y=a._ii;for(g=0;g<i.length;g+=16){var b=h,w=u,v=l,T=d;h=f(h,u,l,d,i[g+0],7,-680876936),d=f(d,h,u,l,i[g+1],12,-389564586),l=f(l,d,h,u,i[g+2],17,606105819),u=f(u,l,d,h,i[g+3],22,-1044525330),h=f(h,u,l,d,i[g+4],7,-176418897),d=f(d,h,u,l,i[g+5],12,1200080426),l=f(l,d,h,u,i[g+6],17,-1473231341),u=f(u,l,d,h,i[g+7],22,-45705983),h=f(h,u,l,d,i[g+8],7,1770035416),d=f(d,h,u,l,i[g+9],12,-1958414417),l=f(l,d,h,u,i[g+10],17,-42063),u=f(u,l,d,h,i[g+11],22,-1990404162),h=f(h,u,l,d,i[g+12],7,1804603682),d=f(d,h,u,l,i[g+13],12,-40341101),l=f(l,d,h,u,i[g+14],17,-1502002290),h=m(h,u=f(u,l,d,h,i[g+15],22,1236535329),l,d,i[g+1],5,-165796510),d=m(d,h,u,l,i[g+6],9,-1069501632),l=m(l,d,h,u,i[g+11],14,643717713),u=m(u,l,d,h,i[g+0],20,-373897302),h=m(h,u,l,d,i[g+5],5,-701558691),d=m(d,h,u,l,i[g+10],9,38016083),l=m(l,d,h,u,i[g+15],14,-660478335),u=m(u,l,d,h,i[g+4],20,-405537848),h=m(h,u,l,d,i[g+9],5,568446438),d=m(d,h,u,l,i[g+14],9,-1019803690),l=m(l,d,h,u,i[g+3],14,-187363961),u=m(u,l,d,h,i[g+8],20,1163531501),h=m(h,u,l,d,i[g+13],5,-1444681467),d=m(d,h,u,l,i[g+2],9,-51403784),l=m(l,d,h,u,i[g+7],14,1735328473),h=p(h,u=m(u,l,d,h,i[g+12],20,-1926607734),l,d,i[g+5],4,-378558),d=p(d,h,u,l,i[g+8],11,-2022574463),l=p(l,d,h,u,i[g+11],16,1839030562),u=p(u,l,d,h,i[g+14],23,-35309556),h=p(h,u,l,d,i[g+1],4,-1530992060),d=p(d,h,u,l,i[g+4],11,1272893353),l=p(l,d,h,u,i[g+7],16,-155497632),u=p(u,l,d,h,i[g+10],23,-1094730640),h=p(h,u,l,d,i[g+13],4,681279174),d=p(d,h,u,l,i[g+0],11,-358537222),l=p(l,d,h,u,i[g+3],16,-722521979),u=p(u,l,d,h,i[g+6],23,76029189),h=p(h,u,l,d,i[g+9],4,-640364487),d=p(d,h,u,l,i[g+12],11,-421815835),l=p(l,d,h,u,i[g+15],16,530742520),h=y(h,u=p(u,l,d,h,i[g+2],23,-995338651),l,d,i[g+0],6,-198630844),d=y(d,h,u,l,i[g+7],10,1126891415),l=y(l,d,h,u,i[g+14],15,-1416354905),u=y(u,l,d,h,i[g+5],21,-57434055),h=y(h,u,l,d,i[g+12],6,1700485571),d=y(d,h,u,l,i[g+3],10,-1894986606),l=y(l,d,h,u,i[g+10],15,-1051523),u=y(u,l,d,h,i[g+1],21,-2054922799),h=y(h,u,l,d,i[g+8],6,1873313359),d=y(d,h,u,l,i[g+15],10,-30611744),l=y(l,d,h,u,i[g+6],15,-1560198380),u=y(u,l,d,h,i[g+13],21,1309151649),h=y(h,u,l,d,i[g+4],6,-145523070),d=y(d,h,u,l,i[g+11],10,-1120210379),l=y(l,d,h,u,i[g+2],15,718787259),u=y(u,l,d,h,i[g+9],21,-343485551),h=h+b>>>0,u=u+w>>>0,l=l+v>>>0,d=d+T>>>0}return e.endian([h,u,l,d])};a._ff=function(t,e,s,r,i,n,o){var c=t+(e&s|~e&r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._gg=function(t,e,s,r,i,n,o){var c=t+(e&r|s&~r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._hh=function(t,e,s,r,i,n,o){var c=t+(e^s^r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._ii=function(t,e,s,r,i,n,o){var c=t+(s^(e|~r))+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._blocksize=16,a._digestsize=16,t.exports=function(t,s){if(null==t)throw new Error("Illegal argument "+t);var r=e.wordsToBytes(a(t,s));return s&&s.asBytes?r:s&&s.asString?c.bytesToString(r):e.bytesToHex(r)}}()}));class a{constructor(t,e){this.environment=t,this.payload=e,this.id=c(JSON.stringify({environment:t,payload:e}))}}const h=new class{constructor(){this.runtimeMetrics=[],this.runtimeMetricsIds=new Set([])}collect(t){e.debug("Collecting the runtime metrics payload"),this.runtimeMetricsIds.has(t.id)||(this.runtimeMetrics.push(t),this.runtimeMetricsIds.add(t.id))}getRuntimeMetrics(){return this.runtimeMetrics}deleteRuntimeMetrics(t){this.runtimeMetrics=this.runtimeMetrics.filter((e=>(this.runtimeMetricsIds.delete(e.id),!t.includes(e))))}},u=new class{constructor(){this.localStorage=globalThis.localStorage}setItem(t,e){this.localStorage.setItem(t,JSON.stringify(e))}getItem(t){const e=this.localStorage.getItem(t);return e?JSON.parse(e):null}removeItem(t){this.localStorage.removeItem(t)}clear(){this.localStorage.clear()}findKeys(t){const e=[];for(let s=0;s<this.localStorage.length;s++){const r=this.localStorage.key(s);r&&r.includes(t)&&e.push(r)}return e}};class l{isDuplicate(t){return this.getRuntimeMetricsIds().includes(t.id)}cleanup(){e.debug("Vega telemetry start clear the old vega version runtime metrics ids in localStorage"),u.findKeys(l.RUNTIME_METRICS_IDS_KEY_PREFIX).map((t=>{t!==l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version&&u.removeItem(t)}))}getRuntimeMetricsIds(){return u.getItem(l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version)||[]}onDispatched(t){e.debug("Vega telemetry records runtime metrics ids in localStorage");const s=t.map((t=>t.id));u.setItem(l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version,[...new Set([...this.getRuntimeMetricsIds(),...s])])}}l.RUNTIME_METRICS_IDS_KEY_PREFIX="vega-telemetry-runtime-metrics-ids-";const d=new class{constructor(t){this.strategies=t}checkByStrategies(t){e.debug("Start check duplicate payload by strategies");for(const e of this.strategies)return e.isDuplicate(t);return!1}updateDispatchedRuntimeMetrics(t){for(const e of this.strategies)e.onDispatched(t)}clearRuntimeMetrics(){try{for(const t of this.strategies)t.cleanup()}catch(t){e.error("Vega telemetry failed to clear runtime metrics in localStorage:",t)}}}([new l]);class g{constructor(t,e,s,r,i){this.vegaVersion=t,this.framework=e,this.browser=s,this.os=r,this.origin=i}}class f{constructor(t,e){this.name=t,this.version=e}}class m{constructor(t,e){this.name=t,this.version=e}}class p{constructor(){this.commonVersionRegExp=/version\/(\d+(\.?_?\d+)+)/i}getVersion(t){return this.getPCTerminalMatch(this.versionRegExp[0],t)}isNameMatch(t){return this.nameRegExp.some((e=>e.test(t)))}predict(t){if(t){const e=this.name,s=this.getVersion(t);return new f(e,s)}}getPCTerminalMatch(t,e){const s=e.match(t);return s&&s.length>0&&s[1]||""}getMobileTerminalMatch(t,e){const s=e.match(t);return s&&s.length>1&&s[2]||""}}class y extends p{constructor(){super(...arguments),this.name="IE",this.nameRegExp=[/msie|trident/i],this.versionRegExp=[/(?:msie |rv:)(\d+(\.?_?\d+)+)/i]}}class b extends p{constructor(){super(...arguments),this.name="Edge",this.nameRegExp=[/\sedg\//i,/edg([ae]|ios)/i],this.versionRegExp=[/\sedg\/(\d+(\.?_?\d+)+)/i,/edg([ae]|ios)\/(\d+(\.?_?\d+)+)/i]}getVersion(t){return this.nameRegExp[0].test(t)?this.getPCTerminalMatch(this.versionRegExp[0],t):this.getMobileTerminalMatch(this.versionRegExp[1],t)}}class w extends p{constructor(){super(...arguments),this.name="FireFox",this.nameRegExp=[/firefox|iceweasel|fxios/i],this.versionRegExp=[/(?:firefox|iceweasel|fxios)[\s/](\d+(\.?_?\d+)+)/i]}}class v extends p{constructor(){super(...arguments),this.name="Chrome",this.nameRegExp=[/chromium/i,/^(?!.*\s(edg|edga)\/).*chrome|crios|crmo/i],this.versionRegExp=[/chromium[\s/](\d+(\.?_?\d+)+)/i,/(?:chrome|crios|crmo)\/(\d+(\.?_?\d+)+)/i]}getVersion(t){let e="";return e=this.nameRegExp[0].test(t)?this.getPCTerminalMatch(this.versionRegExp[0],t)||this.getPCTerminalMatch(this.commonVersionRegExp,t):this.getPCTerminalMatch(this.versionRegExp[1],t),e}}class T extends p{constructor(){super(...arguments),this.name="Safari",this.nameRegExp=[/^(?!.*\s(firefox|iceweasel|fxios)\/).*(safari|applewebkit)/i],this.versionRegExp=[/version\/(\d+(\.?_?\d+)+)/i]}}class x{detect(t){if(t)for(const e of this.predictors)if(e.isNameMatch(t))return e.predict(t);return{name:"Other",version:""}}}class E extends x{constructor(){super(...arguments),this.predictors=[new v,new b,new T,new w,new y]}}class V{constructor(){this.commonVersionRegExp=/version\/(\d+(\.?_?\d+)+)/i,this.versionDelimiterRegExp=/[\s_]/g}isNameMatch(t){return!!t&&this.nameRegExp.some((e=>e.test(t)))}predict(t){if(t){const e=this.getName(t),s=this.getVersion(t);return new m(e,s)}return null}getName(t){const e=t.match(/\((.*?)\)/);return e&&e[1]||"Other"}getVersion(t){return this.getCommonVersion(t)}getCommonVersion(t,e=!1){let s=this.getMainstreamOSMatch(this.versionRegExp[0]||this.commonVersionRegExp,t);return s&&e&&(s=s.replace(this.versionDelimiterRegExp,".")),s}getMainstreamOSMatch(t,e){const s=e.match(t);return s&&s.length>0&&s[1]||""}}class S extends V{constructor(){super(...arguments),this.nameRegExp=[/windows /i],this.versionRegExp=[/windows ((nt|xp)( \d\d?.\d)?)/i]}}class M extends V{constructor(){super(...arguments),this.nameRegExp=[/macintosh/i],this.versionRegExp=[/mac os x (\d+(\.?_?\d+)+)/i]}getVersion(t){return this.getCommonVersion(t,!0)}}class _ extends V{constructor(){super(...arguments),this.nameRegExp=[/(ipod|iphone|ipad)/i],this.versionRegExp=[/os (\d+([\s_]\d+)*) like mac os x/i]}getVersion(t){return this.getCommonVersion(t,!0)}}class O extends V{constructor(){super(...arguments),this.nameRegExp=[/android/i],this.versionRegExp=[/android[\s/-](\d+(\.\d+)*)/i]}}class R extends V{constructor(){super(...arguments),this.nameRegExp=[/linux/i],this.versionRegExp=[]}}class A extends x{constructor(){super(...arguments),this.predictors=[new M,new S,new _,new O,new R]}}function C(t){e.debug("Vega telemetry start clear runtime metrics in localStorage"),"requestIdleCallback"in globalThis?globalThis.requestIdleCallback((()=>{t()})):setTimeout((()=>{t()}),100)}function L(){return globalThis&&globalThis.location?globalThis.location.origin:null}function N(){return globalThis&&globalThis.navigator?globalThis.navigator.userAgent:null}const I=new class{constructor(){this.browserDetector=new E,this.osDetector=new A}generate(){return this.environment||(this.environment=new g(globalThis.VegaEnvInfo.version,globalThis.VegaEnvInfo.framework,this.browserDetector.detect(N()),this.osDetector.detect(N()),L())),this.environment}},k=new class{emit(t){const s=new a(I.generate(),t);e.debug("Vega telemetry start emit runtime metrics"),d.checkByStrategies(s)||(e.debug("The payload has not been collected by strategies check"),h.collect(s))}};class B{static post(t,e){const s=new globalThis.Blob([JSON.stringify(e)]);return globalThis.navigator.sendBeacon(B.getVegaTelemetryApimHost()+t+`?subscription-key=${B.getVegaTelemetryApimSubKey()}`,s)}static getVegaTelemetryApimHost(){return function(){const t=L();return!!t&&t.includes("localhost")}()?"http://localhost:3334":"https://vega-telemetry-apim-dev.azure-api.net"}static getVegaTelemetryApimSubKey(){return"8bc15c7c8b514d1bb92825b0b17a1731"}}class U{constructor(t,e,s){this.environment=t,this.payloads=e,this.triggerEvent=s}}var F,D,$;!function(t){t.ComponentUsagePayload="componentUsage",t.FeatureFlagOverriddenPayload="featureFlagOverridden"}(F||(F={})),function(t){t.VisibilityChange="visibilitychange",t.PageHide="pagehide"}(D||(D={})),function(t){t.ENABLE_COLLECT_COMPONENTS_USAGE="VEGA_TELEMETRY.ENABLE_COLLECT_COMPONENTS_USAGE",t.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN="VEGA_TELEMETRY.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN"}($||($={}));const G=new class{constructor(){this.dispatchedRuntimeMetrics=[]}dispatch(t){try{const s=this.generateRuntimeMetricsSubmitDto(t);s&&(e.debug("Vega telemetry start dispatch runtime metrics"),B.post("/runtime-metrics",s),d.updateDispatchedRuntimeMetrics(this.dispatchedRuntimeMetrics),h.deleteRuntimeMetrics(this.dispatchedRuntimeMetrics),e.debug("The runtime metrics have been dispatched successfully!"))}catch(t){e.error("Vega telemetry failed to dispatch:",t)}}generateRuntimeMetricsSubmitDto(t){const e=this.filterRuntimeMetrics();return e.length>0?(this.dispatchedRuntimeMetrics=e,new U(I.generate(),e.map((t=>t.payload)),t)):null}filterRuntimeMetrics(){const t=J.getFeatureFlagController();return t?h.getRuntimeMetrics().filter((e=>t.isEnabled(e.payload.type===F.ComponentUsagePayload?$.ENABLE_COLLECT_COMPONENTS_USAGE:$.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN)&&!d.checkByStrategies(e))):[]}},J=new class{register(t){var s;e.debug("Vega telemetry start register 'pagehide' and 'visibilitychange' event"),s=()=>G.dispatch(D.VisibilityChange),"visibilityState"in document&&document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&s()})),globalThis.addEventListener("pagehide",(()=>G.dispatch(D.PageHide))),C((()=>d.clearRuntimeMetrics())),this.featureFlagController=t}getFeatureFlagController(){return this.featureFlagController}};class j{constructor(t,e,s){this.type=t,this.componentName=e,this.data=s}}class H{constructor(t,e,s){this.type=t,this.featureFlagName=e,this.featureFlagOverriddenValue=s}}const K=new class{emit(t,s){C((()=>{try{switch(t){case F.ComponentUsagePayload:k.emit(new j(t,s.componentName,s.data));break;case F.FeatureFlagOverriddenPayload:k.emit(new H(t,s.featureFlagName,s.featureFlagOverriddenValue));break;default:throw new Error(`Unknown runtime metrics payload type: ${t}`)}}catch(t){e.error("Vega telemetry failed to emit runtime metrics:",t)}}))}init(t){try{J.register(t)}catch(t){e.error("Vega telemetry failed to register event:",t)}}};export default K;
1
+ import{c as t}from"./p-112455b1.js";class e{static setVegaTelemetryLogLevel(t){this.logLevel=t}static log(...t){this.shouldLog("log")&&console.log(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static debug(...t){this.shouldLog("debug")&&console.debug(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static warn(...t){this.shouldLog("warn")&&console.warn(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static error(...t){this.shouldLog("error")&&console.error(`%c${this.LOG_PREFIX_STR}`,this.LOG_PREFIX_STYLE,...t)}static shouldLog(t){return this.LOG_LEVELS.indexOf(t)<=this.LOG_LEVELS.indexOf(this.logLevel)}}e.logLevel="off",e.LOG_PREFIX_STR="[VegaTelemetry]",e.LOG_PREFIX_STYLE="font-weight: bold",e.LOG_LEVELS=["off","error","warn","debug","log"],Object.assign(globalThis,{LogUtility:e});var s=t((function(t){!function(){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",s={rotl:function(t,e){return t<<e|t>>>32-e},rotr:function(t,e){return t<<32-e|t>>>e},endian:function(t){if(t.constructor==Number)return 16711935&s.rotl(t,8)|4278255360&s.rotl(t,24);for(var e=0;e<t.length;e++)t[e]=s.endian(t[e]);return t},randomBytes:function(t){for(var e=[];t>0;t--)e.push(Math.floor(256*Math.random()));return e},bytesToWords:function(t){for(var e=[],s=0,r=0;s<t.length;s++,r+=8)e[r>>>5]|=t[s]<<24-r%32;return e},wordsToBytes:function(t){for(var e=[],s=0;s<32*t.length;s+=8)e.push(t[s>>>5]>>>24-s%32&255);return e},bytesToHex:function(t){for(var e=[],s=0;s<t.length;s++)e.push((t[s]>>>4).toString(16)),e.push((15&t[s]).toString(16));return e.join("")},hexToBytes:function(t){for(var e=[],s=0;s<t.length;s+=2)e.push(parseInt(t.substr(s,2),16));return e},bytesToBase64:function(t){for(var s=[],r=0;r<t.length;r+=3)for(var i=t[r]<<16|t[r+1]<<8|t[r+2],n=0;n<4;n++)s.push(8*r+6*n<=8*t.length?e.charAt(i>>>6*(3-n)&63):"=");return s.join("")},base64ToBytes:function(t){t=t.replace(/[^A-Z0-9+\/]/gi,"");for(var s=[],r=0,i=0;r<t.length;i=++r%4)0!=i&&s.push((e.indexOf(t.charAt(r-1))&Math.pow(2,-2*i+8)-1)<<2*i|e.indexOf(t.charAt(r))>>>6-2*i);return s}};t.exports=s}()})),r={utf8:{stringToBytes:function(t){return r.bin.stringToBytes(unescape(encodeURIComponent(t)))},bytesToString:function(t){return decodeURIComponent(escape(r.bin.bytesToString(t)))}},bin:{stringToBytes:function(t){for(var e=[],s=0;s<t.length;s++)e.push(255&t.charCodeAt(s));return e},bytesToString:function(t){for(var e=[],s=0;s<t.length;s++)e.push(String.fromCharCode(t[s]));return e.join("")}}},i=r,n=function(t){return null!=t&&(o(t)||function(t){return"function"==typeof t.readFloatLE&&"function"==typeof t.slice&&o(t.slice(0,0))}(t)||!!t._isBuffer)};function o(t){return!!t.constructor&&"function"==typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)}var c=t((function(t){!function(){var e=s,r=i.utf8,o=n,c=i.bin,a=function(t,s){t.constructor==String?t=s&&"binary"===s.encoding?c.stringToBytes(t):r.stringToBytes(t):o(t)?t=Array.prototype.slice.call(t,0):Array.isArray(t)||t.constructor===Uint8Array||(t=t.toString());for(var i=e.bytesToWords(t),n=8*t.length,h=1732584193,u=-271733879,l=-1732584194,d=271733878,g=0;g<i.length;g++)i[g]=16711935&(i[g]<<8|i[g]>>>24)|4278255360&(i[g]<<24|i[g]>>>8);i[n>>>5]|=128<<n%32,i[14+(n+64>>>9<<4)]=n;var f=a._ff,m=a._gg,p=a._hh,y=a._ii;for(g=0;g<i.length;g+=16){var b=h,w=u,v=l,T=d;h=f(h,u,l,d,i[g+0],7,-680876936),d=f(d,h,u,l,i[g+1],12,-389564586),l=f(l,d,h,u,i[g+2],17,606105819),u=f(u,l,d,h,i[g+3],22,-1044525330),h=f(h,u,l,d,i[g+4],7,-176418897),d=f(d,h,u,l,i[g+5],12,1200080426),l=f(l,d,h,u,i[g+6],17,-1473231341),u=f(u,l,d,h,i[g+7],22,-45705983),h=f(h,u,l,d,i[g+8],7,1770035416),d=f(d,h,u,l,i[g+9],12,-1958414417),l=f(l,d,h,u,i[g+10],17,-42063),u=f(u,l,d,h,i[g+11],22,-1990404162),h=f(h,u,l,d,i[g+12],7,1804603682),d=f(d,h,u,l,i[g+13],12,-40341101),l=f(l,d,h,u,i[g+14],17,-1502002290),h=m(h,u=f(u,l,d,h,i[g+15],22,1236535329),l,d,i[g+1],5,-165796510),d=m(d,h,u,l,i[g+6],9,-1069501632),l=m(l,d,h,u,i[g+11],14,643717713),u=m(u,l,d,h,i[g+0],20,-373897302),h=m(h,u,l,d,i[g+5],5,-701558691),d=m(d,h,u,l,i[g+10],9,38016083),l=m(l,d,h,u,i[g+15],14,-660478335),u=m(u,l,d,h,i[g+4],20,-405537848),h=m(h,u,l,d,i[g+9],5,568446438),d=m(d,h,u,l,i[g+14],9,-1019803690),l=m(l,d,h,u,i[g+3],14,-187363961),u=m(u,l,d,h,i[g+8],20,1163531501),h=m(h,u,l,d,i[g+13],5,-1444681467),d=m(d,h,u,l,i[g+2],9,-51403784),l=m(l,d,h,u,i[g+7],14,1735328473),h=p(h,u=m(u,l,d,h,i[g+12],20,-1926607734),l,d,i[g+5],4,-378558),d=p(d,h,u,l,i[g+8],11,-2022574463),l=p(l,d,h,u,i[g+11],16,1839030562),u=p(u,l,d,h,i[g+14],23,-35309556),h=p(h,u,l,d,i[g+1],4,-1530992060),d=p(d,h,u,l,i[g+4],11,1272893353),l=p(l,d,h,u,i[g+7],16,-155497632),u=p(u,l,d,h,i[g+10],23,-1094730640),h=p(h,u,l,d,i[g+13],4,681279174),d=p(d,h,u,l,i[g+0],11,-358537222),l=p(l,d,h,u,i[g+3],16,-722521979),u=p(u,l,d,h,i[g+6],23,76029189),h=p(h,u,l,d,i[g+9],4,-640364487),d=p(d,h,u,l,i[g+12],11,-421815835),l=p(l,d,h,u,i[g+15],16,530742520),h=y(h,u=p(u,l,d,h,i[g+2],23,-995338651),l,d,i[g+0],6,-198630844),d=y(d,h,u,l,i[g+7],10,1126891415),l=y(l,d,h,u,i[g+14],15,-1416354905),u=y(u,l,d,h,i[g+5],21,-57434055),h=y(h,u,l,d,i[g+12],6,1700485571),d=y(d,h,u,l,i[g+3],10,-1894986606),l=y(l,d,h,u,i[g+10],15,-1051523),u=y(u,l,d,h,i[g+1],21,-2054922799),h=y(h,u,l,d,i[g+8],6,1873313359),d=y(d,h,u,l,i[g+15],10,-30611744),l=y(l,d,h,u,i[g+6],15,-1560198380),u=y(u,l,d,h,i[g+13],21,1309151649),h=y(h,u,l,d,i[g+4],6,-145523070),d=y(d,h,u,l,i[g+11],10,-1120210379),l=y(l,d,h,u,i[g+2],15,718787259),u=y(u,l,d,h,i[g+9],21,-343485551),h=h+b>>>0,u=u+w>>>0,l=l+v>>>0,d=d+T>>>0}return e.endian([h,u,l,d])};a._ff=function(t,e,s,r,i,n,o){var c=t+(e&s|~e&r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._gg=function(t,e,s,r,i,n,o){var c=t+(e&r|s&~r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._hh=function(t,e,s,r,i,n,o){var c=t+(e^s^r)+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._ii=function(t,e,s,r,i,n,o){var c=t+(s^(e|~r))+(i>>>0)+o;return(c<<n|c>>>32-n)+e},a._blocksize=16,a._digestsize=16,t.exports=function(t,s){if(null==t)throw new Error("Illegal argument "+t);var r=e.wordsToBytes(a(t,s));return s&&s.asBytes?r:s&&s.asString?c.bytesToString(r):e.bytesToHex(r)}}()}));class a{constructor(t,e){this.environment=t,this.payload=e,this.id=c(JSON.stringify({environment:t,payload:e}))}}const h=new class{constructor(){this.runtimeMetrics=[],this.runtimeMetricsIds=new Set([])}collect(t){e.debug("Collecting the runtime metrics payload"),this.runtimeMetricsIds.has(t.id)||(this.runtimeMetrics.push(t),this.runtimeMetricsIds.add(t.id))}getRuntimeMetrics(){return this.runtimeMetrics}deleteRuntimeMetrics(t){this.runtimeMetrics=this.runtimeMetrics.filter((e=>(this.runtimeMetricsIds.delete(e.id),!t.includes(e))))}},u=new class{constructor(){this.localStorage=globalThis.localStorage}setItem(t,e){this.localStorage.setItem(t,JSON.stringify(e))}getItem(t){const e=this.localStorage.getItem(t);return e?JSON.parse(e):null}removeItem(t){this.localStorage.removeItem(t)}clear(){this.localStorage.clear()}findKeys(t){const e=[];for(let s=0;s<this.localStorage.length;s++){const r=this.localStorage.key(s);r&&r.includes(t)&&e.push(r)}return e}};class l{isDuplicate(t){return this.getRuntimeMetricsIds().includes(t.id)}cleanup(){e.debug("Vega telemetry start clear the old vega version runtime metrics ids in localStorage"),u.findKeys(l.RUNTIME_METRICS_IDS_KEY_PREFIX).map((t=>{t!==l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version&&u.removeItem(t)}))}getRuntimeMetricsIds(){return u.getItem(l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version)||[]}onDispatched(t){e.debug("Vega telemetry records runtime metrics ids in localStorage");const s=t.map((t=>t.id));u.setItem(l.RUNTIME_METRICS_IDS_KEY_PREFIX+globalThis.VegaEnvInfo.version,[...new Set([...this.getRuntimeMetricsIds(),...s])])}}l.RUNTIME_METRICS_IDS_KEY_PREFIX="vega-telemetry-runtime-metrics-ids-";const d=new class{constructor(t){this.strategies=t}checkByStrategies(t){e.debug("Start check duplicate payload by strategies");for(const e of this.strategies)return e.isDuplicate(t);return!1}updateDispatchedRuntimeMetrics(t){for(const e of this.strategies)e.onDispatched(t)}clearRuntimeMetrics(){try{for(const t of this.strategies)t.cleanup()}catch(t){e.error("Vega telemetry failed to clear runtime metrics in localStorage:",t)}}}([new l]);class g{constructor(t,e,s,r,i){this.vegaVersion=t,this.framework=e,this.browser=s,this.os=r,this.origin=i}}class f{constructor(t,e){this.name=t,this.version=e}}class m{constructor(t,e){this.name=t,this.version=e}}class p{constructor(){this.commonVersionRegExp=/version\/(\d+(\.?_?\d+)+)/i}getVersion(t){return this.getPCTerminalMatch(this.versionRegExp[0],t)}isNameMatch(t){return this.nameRegExp.some((e=>e.test(t)))}predict(t){const e=this.name,s=this.getVersion(t);return new f(e,s)}getPCTerminalMatch(t,e){const s=e.match(t);return s&&s.length>0&&s[1]||""}getMobileTerminalMatch(t,e){const s=e.match(t);return s&&s.length>1&&s[2]||""}}class y extends p{constructor(){super(...arguments),this.name="IE",this.nameRegExp=[/msie|trident/i],this.versionRegExp=[/(?:msie |rv:)(\d+(\.?_?\d+)+)/i]}}class b extends p{constructor(){super(...arguments),this.name="Edge",this.nameRegExp=[/\sedg\//i,/edg([ae]|ios)/i],this.versionRegExp=[/\sedg\/(\d+(\.?_?\d+)+)/i,/edg([ae]|ios)\/(\d+(\.?_?\d+)+)/i]}getVersion(t){return this.nameRegExp[0].test(t)?this.getPCTerminalMatch(this.versionRegExp[0],t):this.getMobileTerminalMatch(this.versionRegExp[1],t)}}class w extends p{constructor(){super(...arguments),this.name="FireFox",this.nameRegExp=[/firefox|iceweasel|fxios/i],this.versionRegExp=[/(?:firefox|iceweasel|fxios)[\s/](\d+(\.?_?\d+)+)/i]}}class v extends p{constructor(){super(...arguments),this.name="Chrome",this.nameRegExp=[/chromium/i,/^(?!.*\s(edg|edga)\/).*chrome|crios|crmo/i],this.versionRegExp=[/chromium[\s/](\d+(\.?_?\d+)+)/i,/(?:chrome|crios|crmo)\/(\d+(\.?_?\d+)+)/i]}getVersion(t){let e="";return e=this.nameRegExp[0].test(t)?this.getPCTerminalMatch(this.versionRegExp[0],t)||this.getPCTerminalMatch(this.commonVersionRegExp,t):this.getPCTerminalMatch(this.versionRegExp[1],t),e}}class T extends p{constructor(){super(...arguments),this.name="Safari",this.nameRegExp=[/^(?!.*\s(firefox|iceweasel|fxios)\/).*(safari|applewebkit)/i],this.versionRegExp=[/version\/(\d+(\.?_?\d+)+)/i]}}class x{detect(t){if(t)for(const e of this.predictors)if(e.isNameMatch(t))return e.predict(t);return{name:"Other",version:""}}}class E extends x{constructor(){super(...arguments),this.predictors=[new v,new b,new T,new w,new y]}}class S{constructor(){this.commonVersionRegExp=/version\/(\d+(\.?_?\d+)+)/i,this.versionDelimiterRegExp=/[\s_]/g}isNameMatch(t){return this.nameRegExp.some((e=>e.test(t)))}predict(t){const e=this.getName(t),s=this.getVersion(t);return new m(e,s)}getName(t){const e=t.match(/\((.*?)\)/);return e&&e[1]||"Other"}getVersion(t){return this.getCommonVersion(t)}getCommonVersion(t,e=!1){let s=this.getMainstreamOSMatch(this.versionRegExp[0]||this.commonVersionRegExp,t);return s&&e&&(s=s.replace(this.versionDelimiterRegExp,".")),s}getMainstreamOSMatch(t,e){const s=e.match(t);return s&&s.length>0&&s[1]||""}}class V extends S{constructor(){super(...arguments),this.nameRegExp=[/windows /i],this.versionRegExp=[/windows ((nt|xp)( \d\d?.\d)?)/i]}}class M extends S{constructor(){super(...arguments),this.nameRegExp=[/macintosh/i],this.versionRegExp=[/mac os x (\d+(\.?_?\d+)+)/i]}getVersion(t){return this.getCommonVersion(t,!0)}}class _ extends S{constructor(){super(...arguments),this.nameRegExp=[/(ipod|iphone|ipad)/i],this.versionRegExp=[/os (\d+([\s_]\d+)*) like mac os x/i]}getVersion(t){return this.getCommonVersion(t,!0)}}class O extends S{constructor(){super(...arguments),this.nameRegExp=[/android/i],this.versionRegExp=[/android[\s/-](\d+(\.\d+)*)/i]}}class R extends S{constructor(){super(...arguments),this.nameRegExp=[/linux/i],this.versionRegExp=[]}}class A extends x{constructor(){super(...arguments),this.predictors=[new M,new V,new _,new O,new R]}}function C(t){e.debug("Vega telemetry start clear runtime metrics in localStorage"),"requestIdleCallback"in globalThis?globalThis.requestIdleCallback((()=>{t()})):setTimeout((()=>{t()}),100)}function L(){return globalThis.location.origin}function N(){return globalThis.navigator.userAgent}function I(){try{return globalThis&&!!globalThis.localStorage&&!!globalThis.navigator&&!!globalThis.location}catch(t){return e.debug("Failed to access browser localStorage, navigator or location:",t),!1}}const k=new class{constructor(){this.browserDetector=new E,this.osDetector=new A}generate(){return this.environment||(this.environment=new g(globalThis.VegaEnvInfo.version,globalThis.VegaEnvInfo.framework,this.browserDetector.detect(N()),this.osDetector.detect(N()),L())),this.environment}},B=new class{emit(t){const s=new a(k.generate(),t);e.debug("Vega telemetry start emit runtime metrics"),d.checkByStrategies(s)||(e.debug("The payload has not been collected by strategies check"),h.collect(s))}};class F{static post(t,e){const s=new globalThis.Blob([JSON.stringify(e)]);return globalThis.navigator.sendBeacon(F.getVegaTelemetryApimHost()+t+`?subscription-key=${F.getVegaTelemetryApimSubKey()}`,s)}static getVegaTelemetryApimHost(){return L().includes("localhost")?"http://localhost:3334":"https://vega-telemetry-apim-dev.azure-api.net"}static getVegaTelemetryApimSubKey(){return"8bc15c7c8b514d1bb92825b0b17a1731"}}class U{constructor(t,e,s){this.environment=t,this.payloads=e,this.triggerEvent=s}}var D,$,G;!function(t){t.ComponentUsagePayload="componentUsage",t.FeatureFlagOverriddenPayload="featureFlagOverridden"}(D||(D={})),function(t){t.VisibilityChange="visibilitychange",t.PageHide="pagehide"}($||($={})),function(t){t.ENABLE_COLLECT_COMPONENTS_USAGE="VEGA_TELEMETRY.ENABLE_COLLECT_COMPONENTS_USAGE",t.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN="VEGA_TELEMETRY.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN"}(G||(G={}));const J=new class{constructor(){this.dispatchedRuntimeMetrics=[]}dispatch(t){try{const s=this.generateRuntimeMetricsSubmitDto(t);s&&(e.debug("Vega telemetry start dispatch runtime metrics"),F.post("/runtime-metrics",s),d.updateDispatchedRuntimeMetrics(this.dispatchedRuntimeMetrics),h.deleteRuntimeMetrics(this.dispatchedRuntimeMetrics),e.debug("The runtime metrics have been dispatched successfully!"))}catch(t){e.error("Vega telemetry failed to dispatch:",t)}}generateRuntimeMetricsSubmitDto(t){const e=this.filterRuntimeMetrics();return e.length>0?(this.dispatchedRuntimeMetrics=e,new U(k.generate(),e.map((t=>t.payload)),t)):null}filterRuntimeMetrics(){const t=j.getFeatureFlagController();return t?h.getRuntimeMetrics().filter((e=>t.isEnabled(e.payload.type===D.ComponentUsagePayload?G.ENABLE_COLLECT_COMPONENTS_USAGE:G.ENABLE_COLLECT_FEATURE_FLAG_OVERRIDDEN)&&!d.checkByStrategies(e))):[]}},j=new class{register(t){var s;e.debug("Vega telemetry start register 'pagehide' and 'visibilitychange' event"),s=()=>J.dispatch($.VisibilityChange),"visibilityState"in document&&document.addEventListener("visibilitychange",(function(){"hidden"===document.visibilityState&&s()})),globalThis.addEventListener("pagehide",(()=>J.dispatch($.PageHide))),C((()=>d.clearRuntimeMetrics())),this.featureFlagController=t}getFeatureFlagController(){return this.featureFlagController}};class H{constructor(t,e,s){this.type=t,this.componentName=e,this.data=s}}class K{constructor(t,e,s){this.type=t,this.featureFlagName=e,this.featureFlagOverriddenValue=s}}const P=new class{emit(t,s){C((()=>{try{if(I())switch(t){case D.ComponentUsagePayload:B.emit(new H(t,s.componentName,s.data));break;case D.FeatureFlagOverriddenPayload:B.emit(new K(t,s.featureFlagName,s.featureFlagOverriddenValue));break;default:throw new Error(`Unknown runtime metrics payload type: ${t}`)}}catch(t){e.error("Vega telemetry failed to emit runtime metrics:",t)}}))}init(t){try{I()&&j.register(t)}catch(t){e.error("Vega telemetry failed to register event:",t)}}};export default P;
@@ -1 +1 @@
1
- import{r as t,h as e,g as n,H as r}from"./p-9777b1c1.js";import{h as s,t as o,j as i,I as a,k as c,B as u,a as h,L as d,P as l,b as p,c as f}from"./p-26be7725.js";import{s as m}from"./p-b81bd0bb.js";import{I as v}from"./p-018d77cc.js";import{V as w,I as b}from"./p-2ddc3071.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-c59042c0.js";function g(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function j(t){return t}class y extends a{constructor(){super(...arguments),this.eventType="mouseover"}createShouldHandle(){return this.shouldHandle}createHandle(){return this.handle}shouldHandle(t){return t.target.classList.contains("vega-chart-arc-path")}handle(t){const e=c(t.currentTarget),n=t.target,r=n.dataset.name;e.selectAll(".vega-chart-arc-path").each((function(){const t=this;if(t!==n&&t.classList.contains("hover")){t.classList.remove("hover");const e=t.getAttribute("d"),n=t.dataset.d;t.dataset.d=e,c(this).transition(100).duration(100).attr("d",n)}else if(!n.classList.contains("hover")){n.classList.add("hover");const t=n.getAttribute("d"),s=n.dataset.d;n.dataset.d=t,c(n).transition(100).duration(100).attr("d",s),e.select(".vega-chart-draw-g text").text(r)}}))}}class O extends u{constructor(){super(...arguments),this.arcPathHoverEntryGenerator=new y}addInteractionSupport(t){this.interactor.register(this,t,this.arcPathHoverEntryGenerator.generate())}draw(){const{data:t,colors:e,donutRadius:n,outerRadius:r,center:s}=this.options.renderOptions;return t.map(((t,o)=>{const i=this.getColorFromToken(this.getColorByIndex(o,e));return this.renderer.drawArcPath(s,t,i,r,n)}))}}class x extends u{addInteractionSupport(){}draw(){this.options.renderOptions.forEach((t=>{const{position:e,text:n,styleToken:r,textAnchor:s,rotate:o}=t;this.renderer.drawText(e,n,this.getStyleTextFromToken(r),s,o)}))}}class R{process(t,e){const{dataSource:n,colors:r}=t,{radius:a,innerRadius:c,center:u}=e;return{data:function(){var t=j,e=g,n=null,r=i(0),a=i(o),c=i(0);function u(i){var u,h,d,l,p,f=(i=s(i)).length,m=0,v=new Array(f),w=new Array(f),b=+r.apply(this,arguments),g=Math.min(o,Math.max(-o,a.apply(this,arguments)-b)),j=Math.min(Math.abs(g)/f,c.apply(this,arguments)),y=j*(g<0?-1:1);for(u=0;u<f;++u)(p=w[v[u]=u]=+t(i[u],u,i))>0&&(m+=p);for(null!=e?v.sort((function(t,n){return e(w[t],w[n])})):null!=n&&v.sort((function(t,e){return n(i[t],i[e])})),u=0,d=m?(g-f*y)/m:0;u<f;++u,b=l)w[h=v[u]]={data:i[h],index:u,value:p=w[h],startAngle:b,endAngle:l=b+(p>0?p*d:0)+y,padAngle:j};return w}return u.value=function(e){return arguments.length?(t="function"==typeof e?e:i(+e),u):t},u.sortValues=function(t){return arguments.length?(e=t,n=null,u):e},u.sort=function(t){return arguments.length?(n=t,e=null,u):n},u.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:i(+t),u):r},u.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:i(+t),u):a},u.padAngle=function(t){return arguments.length?(c="function"==typeof t?t:i(+t),u):c},u}().value((t=>t.value))(n),colors:r,outerRadius:a,donutRadius:c,center:u}}}class S{process(t){const{center:e}=t;return[{text:"",position:e,textAnchor:"middle",styleToken:"v-font-footnote2-short"}]}}class A{process(t){const e=t.dataSource.filter((t=>!(!t.name||!t.value)));return t.dataSource=e,t}}class H{process(t,e){const{type:n,donutRadius:r}=t,{innerWidth:s,innerHeight:o}=e,i=Math.min(s,o)/2;return{radius:i,innerRadius:("Donut"===n?!r||r<=0?.6:Math.min(r,.9):0)*i,center:{x:s/2,y:o/2}}}}class M extends h{constructor(){super(...arguments),this.layoutInputProcessor=new d,this.filterInputProcessor=new A,this.radiusInputProcessor=new H,this.arcPathInputProcessorChain=new l([this.filterInputProcessor,this.layoutInputProcessor,this.radiusInputProcessor,new R]),this.textInputProcessor=new S,this.legendInputProcessChain=new l([this.layoutInputProcessor,new p])}createDrawerChain(t,e){const n=this.arcPathInputProcessorChain.process(this.options),r=this.legendInputProcessChain.process(this.options);return[new O(t,e,{renderOptions:n}),new x(t,e,{renderOptions:this.textInputProcessor.process(n)}),new f(t,e,{renderOptions:r})]}}var k=function(t,e,n,r){var s,o=arguments.length,i=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(i=(o<3?s(i):o>3?s(e,n,i):s(e,n))||i);return o>3&&i&&Object.defineProperty(e,n,i),i};const I=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new w}watchOptionsHandel(t){this.updateChart(t)}disconnectedCallback(){this.chart=null,this.reRenderTimer&&clearTimeout(this.reRenderTimer)}componentWillLoad(){this.updateChart(this.options)}async reRender(){this.reRenderTimer&&clearTimeout(this.reRenderTimer),this.reRenderTimer=setTimeout((()=>{this.chart.reRender()}),0)}render(){return m(e(r,null),this.host)}updateChart(t){if(!t)return;const{mode:e="svg",dataSource:n}=t,r=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(t);s<r.length;s++)e.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(t,r[s])&&(n[r[s]]=t[r[s]])}return n}(t,["mode","dataSource"]),s=Object.assign(Object.assign({},r),{mode:e,container:this.host,dataSource:n||[]});this.chart?this.chart.updateOptions(s):(this.chart=new M(s),this.chart.render())}get host(){return n(this)}static get watchers(){return{options:["watchOptionsHandel"]}}};k([b()],I.prototype,"globalSlimmers",void 0),k([v()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{I as vega_pie_chart}
1
+ import{r as t,h as e,g as n,H as r}from"./p-9777b1c1.js";import{h as s,t as o,j as i,I as a,k as c,B as u,a as h,L as d,P as l,b as p,c as f}from"./p-26be7725.js";import{s as m}from"./p-b81bd0bb.js";import{I as v}from"./p-018d77cc.js";import{V as w,I as b}from"./p-210737f2.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-c59042c0.js";function g(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}function j(t){return t}class y extends a{constructor(){super(...arguments),this.eventType="mouseover"}createShouldHandle(){return this.shouldHandle}createHandle(){return this.handle}shouldHandle(t){return t.target.classList.contains("vega-chart-arc-path")}handle(t){const e=c(t.currentTarget),n=t.target,r=n.dataset.name;e.selectAll(".vega-chart-arc-path").each((function(){const t=this;if(t!==n&&t.classList.contains("hover")){t.classList.remove("hover");const e=t.getAttribute("d"),n=t.dataset.d;t.dataset.d=e,c(this).transition(100).duration(100).attr("d",n)}else if(!n.classList.contains("hover")){n.classList.add("hover");const t=n.getAttribute("d"),s=n.dataset.d;n.dataset.d=t,c(n).transition(100).duration(100).attr("d",s),e.select(".vega-chart-draw-g text").text(r)}}))}}class O extends u{constructor(){super(...arguments),this.arcPathHoverEntryGenerator=new y}addInteractionSupport(t){this.interactor.register(this,t,this.arcPathHoverEntryGenerator.generate())}draw(){const{data:t,colors:e,donutRadius:n,outerRadius:r,center:s}=this.options.renderOptions;return t.map(((t,o)=>{const i=this.getColorFromToken(this.getColorByIndex(o,e));return this.renderer.drawArcPath(s,t,i,r,n)}))}}class x extends u{addInteractionSupport(){}draw(){this.options.renderOptions.forEach((t=>{const{position:e,text:n,styleToken:r,textAnchor:s,rotate:o}=t;this.renderer.drawText(e,n,this.getStyleTextFromToken(r),s,o)}))}}class R{process(t,e){const{dataSource:n,colors:r}=t,{radius:a,innerRadius:c,center:u}=e;return{data:function(){var t=j,e=g,n=null,r=i(0),a=i(o),c=i(0);function u(i){var u,h,d,l,p,f=(i=s(i)).length,m=0,v=new Array(f),w=new Array(f),b=+r.apply(this,arguments),g=Math.min(o,Math.max(-o,a.apply(this,arguments)-b)),j=Math.min(Math.abs(g)/f,c.apply(this,arguments)),y=j*(g<0?-1:1);for(u=0;u<f;++u)(p=w[v[u]=u]=+t(i[u],u,i))>0&&(m+=p);for(null!=e?v.sort((function(t,n){return e(w[t],w[n])})):null!=n&&v.sort((function(t,e){return n(i[t],i[e])})),u=0,d=m?(g-f*y)/m:0;u<f;++u,b=l)w[h=v[u]]={data:i[h],index:u,value:p=w[h],startAngle:b,endAngle:l=b+(p>0?p*d:0)+y,padAngle:j};return w}return u.value=function(e){return arguments.length?(t="function"==typeof e?e:i(+e),u):t},u.sortValues=function(t){return arguments.length?(e=t,n=null,u):e},u.sort=function(t){return arguments.length?(n=t,e=null,u):n},u.startAngle=function(t){return arguments.length?(r="function"==typeof t?t:i(+t),u):r},u.endAngle=function(t){return arguments.length?(a="function"==typeof t?t:i(+t),u):a},u.padAngle=function(t){return arguments.length?(c="function"==typeof t?t:i(+t),u):c},u}().value((t=>t.value))(n),colors:r,outerRadius:a,donutRadius:c,center:u}}}class S{process(t){const{center:e}=t;return[{text:"",position:e,textAnchor:"middle",styleToken:"v-font-footnote2-short"}]}}class A{process(t){const e=t.dataSource.filter((t=>!(!t.name||!t.value)));return t.dataSource=e,t}}class H{process(t,e){const{type:n,donutRadius:r}=t,{innerWidth:s,innerHeight:o}=e,i=Math.min(s,o)/2;return{radius:i,innerRadius:("Donut"===n?!r||r<=0?.6:Math.min(r,.9):0)*i,center:{x:s/2,y:o/2}}}}class M extends h{constructor(){super(...arguments),this.layoutInputProcessor=new d,this.filterInputProcessor=new A,this.radiusInputProcessor=new H,this.arcPathInputProcessorChain=new l([this.filterInputProcessor,this.layoutInputProcessor,this.radiusInputProcessor,new R]),this.textInputProcessor=new S,this.legendInputProcessChain=new l([this.layoutInputProcessor,new p])}createDrawerChain(t,e){const n=this.arcPathInputProcessorChain.process(this.options),r=this.legendInputProcessChain.process(this.options);return[new O(t,e,{renderOptions:n}),new x(t,e,{renderOptions:this.textInputProcessor.process(n)}),new f(t,e,{renderOptions:r})]}}var k=function(t,e,n,r){var s,o=arguments.length,i=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,r);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(i=(o<3?s(i):o>3?s(e,n,i):s(e,n))||i);return o>3&&i&&Object.defineProperty(e,n,i),i};const I=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new w}watchOptionsHandel(t){this.updateChart(t)}disconnectedCallback(){this.chart=null,this.reRenderTimer&&clearTimeout(this.reRenderTimer)}componentWillLoad(){this.updateChart(this.options)}async reRender(){this.reRenderTimer&&clearTimeout(this.reRenderTimer),this.reRenderTimer=setTimeout((()=>{this.chart.reRender()}),0)}render(){return m(e(r,null),this.host)}updateChart(t){if(!t)return;const{mode:e="svg",dataSource:n}=t,r=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(r=Object.getOwnPropertySymbols(t);s<r.length;s++)e.indexOf(r[s])<0&&Object.prototype.propertyIsEnumerable.call(t,r[s])&&(n[r[s]]=t[r[s]])}return n}(t,["mode","dataSource"]),s=Object.assign(Object.assign({},r),{mode:e,container:this.host,dataSource:n||[]});this.chart?this.chart.updateOptions(s):(this.chart=new M(s),this.chart.render())}get host(){return n(this)}static get watchers(){return{options:["watchOptionsHandel"]}}};k([b()],I.prototype,"globalSlimmers",void 0),k([v()],I.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),I.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{I as vega_pie_chart}
@@ -1 +1 @@
1
- import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-9777b1c1.js";import{s as o}from"./p-b81bd0bb.js";import{a as s,V as p,M as l,I as d}from"./p-018d77cc.js";import{V as u,I as h}from"./p-2ddc3071.js";import{c}from"./p-d942a746.js";import{e as g}from"./p-9e70473b.js";import{F as v}from"./p-b7c51304.js";import{d as f}from"./p-69b28805.js";import{C as b}from"./p-bf95b189.js";import{b as m}from"./p-2fa3841b.js";import{g as x,D as w}from"./p-320642bd.js";import{D as y}from"./p-0fd9f03f.js";import{C as j}from"./p-6ff07396.js";import{c as R}from"./p-86194314.js";import"./p-d3f1d3dd.js";import"./p-1fe9e4b3.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-344ee7cb.js";var I=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class C extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}I([s()],C.prototype,"required",void 0),I([s()],C.prototype,"disabled",void 0),I([s()],C.prototype,"label",void 0),I([s()],C.prototype,"hint",void 0),I([s()],C.prototype,"stack",void 0),I([s()],C.prototype,"inputRangeInputRenderer",void 0);var V=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class N extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}V([s({writable:!0})],N.prototype,"value",void 0),V([s()],N.prototype,"host",void 0),V([s()],N.prototype,"changeEventEmitter",void 0),V([l("watchValue")],N.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return(this.placeholder||E.defaultPlaceholder)[e]}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult(`The minimum input value is ${this.minValue}`):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult(`The maximum input value is ${this.maxValue}`):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var k=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class F extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}k([s()],F.prototype,"showClearIcon",void 0),k([s()],F.prototype,"value",void 0),k([s()],F.prototype,"disabled",void 0),k([s()],F.prototype,"inputRangeInputRenderer",void 0),k([s()],F.prototype,"valueController",void 0);var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const T=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new F,this.inputRangeRenderer=new C,this.valueController=new N,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(T,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};M([h()],T.prototype,"globalSlimmers",void 0),M([d()],T.prototype,"formFieldController",void 0),M([d()],T.prototype,"inputRangeInputRenderer",void 0),M([d()],T.prototype,"clearIconRenderer",void 0),M([d()],T.prototype,"inputRangeRenderer",void 0),M([d()],T.prototype,"valueController",void 0),M([d()],T.prototype,"inputChangeEventPrevent",void 0),M([d()],T.prototype,"changeEventEmitter",void 0),M([d()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{T as vega_input_range}
1
+ import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-9777b1c1.js";import{s as o}from"./p-b81bd0bb.js";import{a as s,V as p,M as l,I as d}from"./p-018d77cc.js";import{V as u,I as h}from"./p-210737f2.js";import{c}from"./p-d942a746.js";import{e as g}from"./p-9e70473b.js";import{F as v}from"./p-b7c51304.js";import{d as f}from"./p-69b28805.js";import{C as b}from"./p-bf95b189.js";import{b as m}from"./p-2fa3841b.js";import{g as x,D as w}from"./p-320642bd.js";import{D as y}from"./p-0fd9f03f.js";import{C as j}from"./p-6ff07396.js";import{c as R}from"./p-86194314.js";import"./p-d3f1d3dd.js";import"./p-1fe9e4b3.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-344ee7cb.js";var I=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class C extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}I([s()],C.prototype,"required",void 0),I([s()],C.prototype,"disabled",void 0),I([s()],C.prototype,"label",void 0),I([s()],C.prototype,"hint",void 0),I([s()],C.prototype,"stack",void 0),I([s()],C.prototype,"inputRangeInputRenderer",void 0);var V=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class N extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}V([s({writable:!0})],N.prototype,"value",void 0),V([s()],N.prototype,"host",void 0),V([s()],N.prototype,"changeEventEmitter",void 0),V([l("watchValue")],N.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return(this.placeholder||E.defaultPlaceholder)[e]}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0);class z{evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid value ${e} for input range`);const i=Array.isArray(e)&&2===e.length&&e.every((e=>!!e||"0"==e));return{isValid:i,message:i?"":"This field is required"}}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}class O{constructor(e){this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult(`The minimum input value is ${this.minValue}`):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult(`The maximum input value is ${this.maxValue}`):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var k=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class F extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:R()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}k([s()],F.prototype,"showClearIcon",void 0),k([s()],F.prototype,"value",void 0),k([s()],F.prototype,"disabled",void 0),k([s()],F.prototype,"inputRangeInputRenderer",void 0),k([s()],F.prototype,"valueController",void 0);var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const T=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new z:null},{propertyName:"min",ruleFactory:(e,i)=>new O({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new O({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new F,this.inputRangeRenderer=new C,this.valueController=new N,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(T,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};M([h()],T.prototype,"globalSlimmers",void 0),M([d()],T.prototype,"formFieldController",void 0),M([d()],T.prototype,"inputRangeInputRenderer",void 0),M([d()],T.prototype,"clearIconRenderer",void 0),M([d()],T.prototype,"inputRangeRenderer",void 0),M([d()],T.prototype,"valueController",void 0),M([d()],T.prototype,"inputChangeEventPrevent",void 0),M([d()],T.prototype,"changeEventEmitter",void 0),M([d()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}';export{T as vega_input_range}
@@ -1 +1 @@
1
- import{r as t,h as s,g as e,H as i}from"./p-9777b1c1.js";import{B as r,a as o,L as a,P as n,b as c,c as h}from"./p-26be7725.js";import{t as l,a as u,s as p,b as d,c as m,d as f,e as b,f as w,g as v,X as y,Y as j,h as g,i as S}from"./p-7b127de4.js";import{f as x,c as O,s as A,a as k}from"./p-69b28805.js";import{s as R}from"./p-b81bd0bb.js";import{I as T}from"./p-018d77cc.js";import{V as C,I as H}from"./p-2ddc3071.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";class I extends r{addInteractionSupport(){}draw(){const{positions:t,colors:s}=this.options.renderOptions;let e=t;t&&t[0]&&!Array.isArray(t[0])&&(e=[t]),e.forEach(((t,e)=>{const i=this.getColorByIndex(e,s);this.renderer.drawLinePath(t,this.getColorFromToken(i)),t.forEach((t=>{this.renderer.drawCircle(t,4,this.getColorFromToken("bg-primary"),2,this.getColorFromToken(i))}))}))}}class P{process(t,s){const{dataSource:e,colors:i}=t,{xScale:r,yScale:o}=s;return{positions:this.getPathPositions(e,r,o),colors:i}}getPathPositions(t,s,e){let i=[];const r=x(t).map((({x:t,y:i})=>({x:s(t),y:e(i)})));let o=[];return t&&Array.isArray(t[0])?(i=t.map((t=>t.length)),o=O(r,i)):o=[r],o}}class L{process(t){const{dataSource:s,xAxis:e}=t;let i=s;return"time"===((null==e?void 0:e.type)||"value")&&(i=this.formatTimePositionArray(s)),t.dataSource=i,t}formatTimePositionArray(t){let s=[],e=[];const i=function(t,s){if("function"!=typeof t[Symbol.iterator])throw new TypeError("values is not iterable");return Array.from(t,(t=>s(t)))}(x(t),(t=>({x:"string"==typeof t.x?l("%Y-%m-%d")(t.x):t.x,y:t.y})));return t&&Array.isArray(t[0])?(e=t.map((t=>t.length)),s=O(i,e)):s=i,s}}class Y{process(t){const{dataSource:s,xAxis:e}=t;let i=s;switch((null==e?void 0:e.type)||"value"){case"time":i=k(s,(t=>t.x.valueOf()));break;case"value":i=k(s,(t=>t.x));break;case"category":i=A(s,(t=>t.x),e.sorter)}return t.dataSource=i,t}}class M{constructor(){this.formatMillisecond=u(".%L"),this.formatSecond=u(":%S"),this.formatMinute=u("%I:%M"),this.formatHour=u("%H:00"),this.formatDay=u("%d"),this.formatWeek=u("%b %d"),this.formatMonth=u("%b"),this.formatYear=u("%Y")}process(t,s){const{xAxis:e}=t;return"time"===((null==e?void 0:e.type)||"value")&&"function"!=typeof s.labelFormatter&&(s.scale.tickFormat=()=>this.timeFormatter.bind(this)),s}timeFormatter(t){return(p(t)<t?this.formatMillisecond:d(t)<t?this.formatSecond:m(t)<t?this.formatMinute:f(t)<t?this.formatHour:b(t)<t?w(t)<t?this.formatDay:this.formatWeek:v(t)<t?this.formatMonth:this.formatYear)(t)}}class _ extends o{constructor(){super(...arguments),this.layoutInputProcessor=new a,this.lineDataSourceInputProcessorChain=new n([new L,new Y]),this.xAxisInputProcessorChain=new n([this.layoutInputProcessor,new y,new M]),this.yAxisInputProcessorChain=new n([this.layoutInputProcessor,new j]),this.legendInputProcessorChain=new n([this.layoutInputProcessor,new c]),this.linePathInputProcessor=new P}createDrawerChain(t,s){const e=this.lineDataSourceInputProcessorChain.process(this.options),i=this.xAxisInputProcessorChain.process(e),r=this.yAxisInputProcessorChain.process(e);return[new g(t,s,{renderOptions:i}),new S(t,s,{renderOptions:r}),new h(t,s,{renderOptions:this.legendInputProcessorChain.process(this.options)}),new I(t,s,{renderOptions:this.linePathInputProcessor.process(e,{xScale:i.scale,yScale:r.scale})})]}}var B=function(t,s,e,i){var r,o=arguments.length,a=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(s,e,a):r(s,e))||a);return o>3&&a&&Object.defineProperty(s,e,a),a};const D=class{constructor(s){t(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new C}watchOptionsHandel(t){this.updateChart(t)}disconnectedCallback(){this.chart=null,this.reRenderTimer&&clearTimeout(this.reRenderTimer)}componentWillLoad(){this.updateChart(this.options)}async reRender(){this.reRenderTimer&&clearTimeout(this.reRenderTimer),this.reRenderTimer=setTimeout((()=>{this.chart.reRender()}),0)}render(){return R(s(i,null),this.host)}updateChart(t){if(!t)return;const{mode:s="svg",dataSource:e}=t,i=function(t,s){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&s.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)s.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(e[i[r]]=t[i[r]])}return e}(t,["mode","dataSource"]),r=Object.assign(Object.assign({},i),{mode:s,container:this.host,dataSource:e||[]});this.chart?this.chart.updateOptions(r):(this.chart=new _(r),this.chart.render())}get host(){return e(this)}static get watchers(){return{options:["watchOptionsHandel"]}}};B([H()],D.prototype,"globalSlimmers",void 0),B([T()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{D as vega_line_chart}
1
+ import{r as t,h as s,g as e,H as i}from"./p-9777b1c1.js";import{B as r,a as o,L as a,P as n,b as c,c as h}from"./p-26be7725.js";import{t as l,a as u,s as p,b as d,c as m,d as f,e as b,f as w,g as v,X as y,Y as j,h as g,i as S}from"./p-7b127de4.js";import{f as x,c as O,s as A,a as k}from"./p-69b28805.js";import{s as R}from"./p-b81bd0bb.js";import{I as T}from"./p-018d77cc.js";import{V as C,I as H}from"./p-210737f2.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";class I extends r{addInteractionSupport(){}draw(){const{positions:t,colors:s}=this.options.renderOptions;let e=t;t&&t[0]&&!Array.isArray(t[0])&&(e=[t]),e.forEach(((t,e)=>{const i=this.getColorByIndex(e,s);this.renderer.drawLinePath(t,this.getColorFromToken(i)),t.forEach((t=>{this.renderer.drawCircle(t,4,this.getColorFromToken("bg-primary"),2,this.getColorFromToken(i))}))}))}}class P{process(t,s){const{dataSource:e,colors:i}=t,{xScale:r,yScale:o}=s;return{positions:this.getPathPositions(e,r,o),colors:i}}getPathPositions(t,s,e){let i=[];const r=x(t).map((({x:t,y:i})=>({x:s(t),y:e(i)})));let o=[];return t&&Array.isArray(t[0])?(i=t.map((t=>t.length)),o=O(r,i)):o=[r],o}}class L{process(t){const{dataSource:s,xAxis:e}=t;let i=s;return"time"===((null==e?void 0:e.type)||"value")&&(i=this.formatTimePositionArray(s)),t.dataSource=i,t}formatTimePositionArray(t){let s=[],e=[];const i=function(t,s){if("function"!=typeof t[Symbol.iterator])throw new TypeError("values is not iterable");return Array.from(t,(t=>s(t)))}(x(t),(t=>({x:"string"==typeof t.x?l("%Y-%m-%d")(t.x):t.x,y:t.y})));return t&&Array.isArray(t[0])?(e=t.map((t=>t.length)),s=O(i,e)):s=i,s}}class Y{process(t){const{dataSource:s,xAxis:e}=t;let i=s;switch((null==e?void 0:e.type)||"value"){case"time":i=k(s,(t=>t.x.valueOf()));break;case"value":i=k(s,(t=>t.x));break;case"category":i=A(s,(t=>t.x),e.sorter)}return t.dataSource=i,t}}class M{constructor(){this.formatMillisecond=u(".%L"),this.formatSecond=u(":%S"),this.formatMinute=u("%I:%M"),this.formatHour=u("%H:00"),this.formatDay=u("%d"),this.formatWeek=u("%b %d"),this.formatMonth=u("%b"),this.formatYear=u("%Y")}process(t,s){const{xAxis:e}=t;return"time"===((null==e?void 0:e.type)||"value")&&"function"!=typeof s.labelFormatter&&(s.scale.tickFormat=()=>this.timeFormatter.bind(this)),s}timeFormatter(t){return(p(t)<t?this.formatMillisecond:d(t)<t?this.formatSecond:m(t)<t?this.formatMinute:f(t)<t?this.formatHour:b(t)<t?w(t)<t?this.formatDay:this.formatWeek:v(t)<t?this.formatMonth:this.formatYear)(t)}}class _ extends o{constructor(){super(...arguments),this.layoutInputProcessor=new a,this.lineDataSourceInputProcessorChain=new n([new L,new Y]),this.xAxisInputProcessorChain=new n([this.layoutInputProcessor,new y,new M]),this.yAxisInputProcessorChain=new n([this.layoutInputProcessor,new j]),this.legendInputProcessorChain=new n([this.layoutInputProcessor,new c]),this.linePathInputProcessor=new P}createDrawerChain(t,s){const e=this.lineDataSourceInputProcessorChain.process(this.options),i=this.xAxisInputProcessorChain.process(e),r=this.yAxisInputProcessorChain.process(e);return[new g(t,s,{renderOptions:i}),new S(t,s,{renderOptions:r}),new h(t,s,{renderOptions:this.legendInputProcessorChain.process(this.options)}),new I(t,s,{renderOptions:this.linePathInputProcessor.process(e,{xScale:i.scale,yScale:r.scale})})]}}var B=function(t,s,e,i){var r,o=arguments.length,a=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,s,e,i);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(s,e,a):r(s,e))||a);return o>3&&a&&Object.defineProperty(s,e,a),a};const D=class{constructor(s){t(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new C}watchOptionsHandel(t){this.updateChart(t)}disconnectedCallback(){this.chart=null,this.reRenderTimer&&clearTimeout(this.reRenderTimer)}componentWillLoad(){this.updateChart(this.options)}async reRender(){this.reRenderTimer&&clearTimeout(this.reRenderTimer),this.reRenderTimer=setTimeout((()=>{this.chart.reRender()}),0)}render(){return R(s(i,null),this.host)}updateChart(t){if(!t)return;const{mode:s="svg",dataSource:e}=t,i=function(t,s){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&s.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)s.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(e[i[r]]=t[i[r]])}return e}(t,["mode","dataSource"]),r=Object.assign(Object.assign({},i),{mode:s,container:this.host,dataSource:e||[]});this.chart?this.chart.updateOptions(r):(this.chart=new _(r),this.chart.render())}get host(){return e(this)}static get watchers(){return{options:["watchOptionsHandel"]}}};B([H()],D.prototype,"globalSlimmers",void 0),B([T()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=".vega-chart-legend-item{cursor:pointer}.vega-chart-line-path:hover{stroke-width:5}:host{display:block}";export{D as vega_line_chart}
@@ -1 +1 @@
1
- import{r as t,c as e,h as s,H as i,g as o}from"./p-9777b1c1.js";import{s as a}from"./p-b81bd0bb.js";import{I as g}from"./p-3c8b2105.js";import{D as r}from"./p-0fd9f03f.js";import{a as n,r as l}from"./p-9e70473b.js";import{c as d}from"./p-d942a746.js";import{I as c}from"./p-018d77cc.js";import{V as h,I as p}from"./p-2ddc3071.js";import{c as u}from"./p-58e79f0e.js";import"./p-bf95b189.js";import"./p-d3f1d3dd.js";import"./p-1fe9e4b3.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var b=function(t,e,s,i){var o,a=arguments.length,g=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(g=(a<3?o(g):a>3?o(e,s,g):o(e,s))||g);return a>3&&g&&Object.defineProperty(e,s,g),g};const m=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(m,l),this.deprecatedPropertySlimmer=u(m,"statusMap","itemToggleStatusMap",m.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new h(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=m.defaultStatusMap,this.statusMap=m.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return a(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,n,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return o(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};m.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},b([p()],m.prototype,"globalSlimmers",void 0),b([c()],m.prototype,"toggleStatusEventEmitter",void 0),b([c()],m.prototype,"deprecatedPropertySlimmer",void 0),b([c()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block;text-align:left;line-height:normal}div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{m as vega_item_toggle}
1
+ import{r as t,c as e,h as s,H as i,g as o}from"./p-9777b1c1.js";import{s as a}from"./p-b81bd0bb.js";import{I as g}from"./p-3c8b2105.js";import{D as r}from"./p-0fd9f03f.js";import{a as n,r as l}from"./p-9e70473b.js";import{c as d}from"./p-d942a746.js";import{I as c}from"./p-018d77cc.js";import{V as h,I as p}from"./p-210737f2.js";import{c as u}from"./p-58e79f0e.js";import"./p-bf95b189.js";import"./p-d3f1d3dd.js";import"./p-1fe9e4b3.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var b=function(t,e,s,i){var o,a=arguments.length,g=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(g=(a<3?o(g):a>3?o(e,s,g):o(e,s))||g);return a>3&&g&&Object.defineProperty(e,s,g),g};const m=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(m,l),this.deprecatedPropertySlimmer=u(m,"statusMap","itemToggleStatusMap",m.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new h(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=m.defaultStatusMap,this.statusMap=m.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return a(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,n,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return o(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};m.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},b([p()],m.prototype,"globalSlimmers",void 0),b([c()],m.prototype,"toggleStatusEventEmitter",void 0),b([c()],m.prototype,"deprecatedPropertySlimmer",void 0),b([c()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block;text-align:left;line-height:normal}div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{m as vega_item_toggle}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,H as r,g as o}from"./p-9777b1c1.js";import{R as a}from"./p-d962b340.js";import{c as s}from"./p-86194314.js";import{s as n}from"./p-b81bd0bb.js";import{h as p,b as h}from"./p-320642bd.js";import{F as l}from"./p-b7c51304.js";import{I as d}from"./p-018d77cc.js";import{V as c,I as f}from"./p-2ddc3071.js";import{b as m}from"./p-2fa3841b.js";import{c as g}from"./p-d942a746.js";import{C as x}from"./p-bf95b189.js";import{e as b}from"./p-9e70473b.js";import"./p-0bb29d98.js";import"./p-0fd9f03f.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-1fe9e4b3.js";const v=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var u=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const w=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new l({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=g(w,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new c(v),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.renderColorPickerContainer=()=>i("div",{class:"color-picker-container",ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-container-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:s()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),x.notify(m,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),o=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((o+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return o(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};u([f()],w.prototype,"globalSlimmers",void 0),u([d()],w.prototype,"formFieldController",void 0),u([d()],w.prototype,"changeEventEmitter",void 0),u([d()],w.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-container-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-container-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-container-items:hover{box-shadow:none}:host(.disabled) .color-picker-container-items:focus-within{box-shadow:none}:host .color-picker-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-container-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{w as vega_color_picker}
1
+ import{r as e,c as t,h as i,H as r,g as o}from"./p-9777b1c1.js";import{R as a}from"./p-d962b340.js";import{c as s}from"./p-86194314.js";import{s as n}from"./p-b81bd0bb.js";import{h as p,b as h}from"./p-320642bd.js";import{F as l}from"./p-b7c51304.js";import{I as d}from"./p-018d77cc.js";import{V as c,I as f}from"./p-210737f2.js";import{b as m}from"./p-2fa3841b.js";import{c as g}from"./p-d942a746.js";import{C as x}from"./p-bf95b189.js";import{e as b}from"./p-9e70473b.js";import"./p-0bb29d98.js";import"./p-0fd9f03f.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-aeef2799.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-4949df06.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-1fe9e4b3.js";const v=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the color picker when a color is selected",payloadValue:e=>!1===e.autoValidation}];var u=function(e,t,i,r){var o,a=arguments.length,s=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(a<3?o(s):a>3?o(t,i,s):o(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const w=class{constructor(r){e(this,r),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.globalSlimmers={},this.formFieldController=new l({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.colorPickerContainerRef,touchableAreaGetter:()=>[this.colorPickerTouchableAreaRef]}),this.changeEventEmitter=g(w,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new c(v),this.value="",this.hint="",this.disabled=!1,this.required=!1,this.label="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.colors=["#73E6DC","#806BFF","#FFDC83","#FF9571","#00BBFF","#FF82C9","#259F9F","#563D82"],this.renderColorPickerContainer=()=>i("div",{class:"color-picker-container",ref:e=>this.colorPickerContainerRef=e},i("vega-flex",{direction:"row",gap:"size-8"},this.colors.map((e=>i("div",{id:e,class:"color-picker-container-items",ref:e=>this.colorPickerTouchableAreaRef=e,style:{backgroundColor:e},onClick:this.updateValueProp,role:"button",tabIndex:0,"aria-label":"color",onKeyDown:s()},this.value===e?i("vega-icon",{icon:"checkmark",size:"size-16",class:{"v-text-black":this.isDarkColorCheckmark(this.value),"v-text-white":!this.isDarkColorCheckmark(this.value)}}):null))))),this.renderHintMessage=()=>i("vega-text",null,this.hint),this.updateValueProp=async e=>{this.disabled||(this.value=String(e.currentTarget.getAttribute("id")))}}watchValue(){this.resetValueIfInvalid(),this.changeEventEmitter.emit(this.value),x.notify(m,{host:this.host,detail:this.value})}watchValidationRules(){}connectedCallback(){this.resetValueIfInvalid()}render(){return n(i(r,{class:{disabled:this.disabled}},this.renderLabelDom(),this.renderColorPickerContainer(),this.hint&&this.renderHintMessage()),this.host)}renderLabelDom(){return i("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}isDarkColorCheckmark(e,t="#fcfcfc",i="#203645"){const r=this.getLuminance(e),o=this.getLuminance(t),a=this.getLuminance(i);return r>Math.sqrt((o+.05)*(a+.05))-.05}getLuminance(e){const t=[p(e).r/255,p(e).g/255,p(e).b/255].map((e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4));return.2126*t[0]+.7152*t[1]+.0722*t[2]}resetValueIfInvalid(){this.colors.some((e=>h(e).toUpperCase()==h(this.value).toUpperCase()))||(this.value="")}get host(){return o(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};u([f()],w.prototype,"globalSlimmers",void 0),u([d()],w.prototype,"formFieldController",void 0),u([d()],w.prototype,"changeEventEmitter",void 0),u([d()],w.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w.style=':host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-container-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-container-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-container-items:hover{box-shadow:none}:host(.disabled) .color-picker-container-items:focus-within{box-shadow:none}:host .color-picker-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-container-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}';export{w as vega_color_picker}