@heartlandone/vega 2.75.0 → 2.75.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 (178) hide show
  1. package/dist/cjs/{app-globals-bf183914.js → app-globals-35614ce8.js} +4 -4
  2. package/dist/cjs/{design-token-cbc01283.js → design-token-bb39e07e.js} +1 -1
  3. package/dist/cjs/{dto-renderer-manager-2fc24151.js → dto-renderer-manager-03e1a038.js} +197 -22
  4. package/dist/cjs/{element-appender-slimmer-318d29c7.js → element-appender-slimmer-daa8b9f5.js} +2 -2
  5. package/dist/cjs/{function-extension-ca9aa115.js → function-extension-cfbbc57e.js} +1 -1
  6. package/dist/cjs/{image-annotation-action-e4a35325.js → image-annotation-action-3fa501b7.js} +1 -1
  7. package/dist/cjs/index.cjs.js +6 -6
  8. package/dist/cjs/{language-extension-38e4905e.js → language-extension-8c4a56ff.js} +2 -2
  9. package/dist/cjs/loader.cjs.js +4 -4
  10. package/dist/cjs/{public-rules-661823fa.js → public-rules-dc2a8d62.js} +2 -2
  11. package/dist/cjs/{responsive-format-facade-f71d399c.js → responsive-format-facade-d5dba942.js} +2 -2
  12. package/dist/cjs/{rich-text-editor-required-rule-d5feeffd.js → rich-text-editor-required-rule-ba312af9.js} +1 -1
  13. package/dist/cjs/{style-formatter-566df206.js → style-formatter-49693da7.js} +1 -1
  14. package/dist/cjs/vega-accordion.cjs.entry.js +4 -4
  15. package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
  16. package/dist/cjs/vega-box.cjs.entry.js +5 -5
  17. package/dist/cjs/vega-button-circle.cjs.entry.js +4 -4
  18. package/dist/cjs/vega-button.cjs.entry.js +3 -3
  19. package/dist/cjs/vega-card.cjs.entry.js +4 -4
  20. package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
  21. package/dist/cjs/vega-chip.cjs.entry.js +4 -4
  22. package/dist/cjs/vega-date-picker_2.cjs.entry.js +4 -4
  23. package/dist/cjs/vega-dialog_2.cjs.entry.js +4 -4
  24. package/dist/cjs/vega-divider.cjs.entry.js +4 -4
  25. package/dist/cjs/vega-dropdown_5.cjs.entry.js +4 -4
  26. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  27. package/dist/cjs/vega-flag-icon.cjs.entry.js +4 -4
  28. package/dist/cjs/vega-flex.cjs.entry.js +5 -5
  29. package/dist/cjs/vega-font.cjs.entry.js +4 -4
  30. package/dist/cjs/vega-grid.cjs.entry.js +4 -4
  31. package/dist/cjs/vega-icon.cjs.entry.js +4 -4
  32. package/dist/cjs/vega-image-uploader.cjs.entry.js +3 -3
  33. package/dist/cjs/vega-input-phone-number.cjs.entry.js +2 -2
  34. package/dist/cjs/vega-input-select.cjs.entry.js +3 -3
  35. package/dist/cjs/vega-left-nav_5.cjs.entry.js +4 -4
  36. package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +3 -3
  37. package/dist/cjs/vega-pagination.cjs.entry.js +3 -3
  38. package/dist/cjs/vega-popover_2.cjs.entry.js +5 -5
  39. package/dist/cjs/vega-progress-tracker_2.cjs.entry.js +3 -3
  40. package/dist/cjs/vega-rich-text-content.cjs.entry.js +2 -2
  41. package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +60 -10
  42. package/dist/cjs/vega-selection-chip_2.cjs.entry.js +3 -3
  43. package/dist/cjs/vega-sidenav_3.cjs.entry.js +3 -3
  44. package/dist/cjs/vega-signature-capture.cjs.entry.js +4 -4
  45. package/dist/cjs/vega-table_11.cjs.entry.js +3 -3
  46. package/dist/cjs/vega-time-picker_2.cjs.entry.js +4 -4
  47. package/dist/cjs/vega-tooltip_2.cjs.entry.js +4 -4
  48. package/dist/cjs/vega.cjs.js +4 -4
  49. package/dist/collection/components/vega-rich-text-editor/dto/blocks/html-block.js +16 -0
  50. package/dist/collection/components/vega-rich-text-editor/dto/content-state.js +3 -22
  51. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner-processor.interface.js +1 -0
  52. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner.js +59 -0
  53. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/index.js +4 -0
  54. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-after-opening-tag-processor.js +21 -0
  55. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-before-closing-tag-processor.js +21 -0
  56. package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-between-tags-processor.js +77 -0
  57. package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/html-block.test.js +39 -0
  58. package/dist/collection/components/vega-rich-text-editor/test/dto/content-state.test.js +166 -1
  59. package/dist/collection/components/vega-rich-text-editor/test/html-cleaner/html-content-cleaner.test.js +186 -0
  60. package/dist/collection/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-after-opening-tag-processor.test.js +22 -0
  61. package/dist/collection/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-before-closing-tag-processor.test.js +22 -0
  62. package/dist/collection/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-between-tags-processor.test.js +26 -0
  63. package/dist/collection/helpers/code-format/code-formatter.js +57 -7
  64. package/dist/collection/helpers/code-format/test/code-formatter.test.js +48 -0
  65. package/dist/esm/{app-globals-f3414aca.js → app-globals-2ac60ff5.js} +4 -4
  66. package/dist/esm/{design-token-9b299589.js → design-token-007efbaa.js} +1 -1
  67. package/dist/esm/{dto-renderer-manager-f07cf2d9.js → dto-renderer-manager-ee1a5864.js} +197 -22
  68. package/dist/esm/{element-appender-slimmer-7cb08343.js → element-appender-slimmer-35e26b5a.js} +2 -2
  69. package/dist/esm/{function-extension-63028f20.js → function-extension-e8c0e43e.js} +1 -1
  70. package/dist/esm/{image-annotation-action-53529cd9.js → image-annotation-action-285d432e.js} +1 -1
  71. package/dist/esm/index.js +6 -6
  72. package/dist/esm/{language-extension-c4ff21dd.js → language-extension-29bf8acd.js} +2 -2
  73. package/dist/esm/loader.js +4 -4
  74. package/dist/esm/{public-rules-6ebdfcf5.js → public-rules-724873f5.js} +2 -2
  75. package/dist/esm/{responsive-format-facade-05e53016.js → responsive-format-facade-28ee2dbd.js} +2 -2
  76. package/dist/esm/{rich-text-editor-required-rule-f63a37d1.js → rich-text-editor-required-rule-873e2e67.js} +1 -1
  77. package/dist/esm/{style-formatter-5f5bd714.js → style-formatter-314b37f3.js} +1 -1
  78. package/dist/esm/vega-accordion.entry.js +4 -4
  79. package/dist/esm/vega-app-header-button.entry.js +4 -4
  80. package/dist/esm/vega-box.entry.js +5 -5
  81. package/dist/esm/vega-button-circle.entry.js +4 -4
  82. package/dist/esm/vega-button.entry.js +3 -3
  83. package/dist/esm/vega-card.entry.js +4 -4
  84. package/dist/esm/vega-carousel.entry.js +3 -3
  85. package/dist/esm/vega-chip.entry.js +4 -4
  86. package/dist/esm/vega-date-picker_2.entry.js +4 -4
  87. package/dist/esm/vega-dialog_2.entry.js +4 -4
  88. package/dist/esm/vega-divider.entry.js +4 -4
  89. package/dist/esm/vega-dropdown_5.entry.js +4 -4
  90. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  91. package/dist/esm/vega-flag-icon.entry.js +4 -4
  92. package/dist/esm/vega-flex.entry.js +5 -5
  93. package/dist/esm/vega-font.entry.js +4 -4
  94. package/dist/esm/vega-grid.entry.js +4 -4
  95. package/dist/esm/vega-icon.entry.js +4 -4
  96. package/dist/esm/vega-image-uploader.entry.js +3 -3
  97. package/dist/esm/vega-input-phone-number.entry.js +2 -2
  98. package/dist/esm/vega-input-select.entry.js +3 -3
  99. package/dist/esm/vega-left-nav_5.entry.js +4 -4
  100. package/dist/esm/vega-loader-wrapper_2.entry.js +3 -3
  101. package/dist/esm/vega-pagination.entry.js +3 -3
  102. package/dist/esm/vega-popover_2.entry.js +5 -5
  103. package/dist/esm/vega-progress-tracker_2.entry.js +3 -3
  104. package/dist/esm/vega-rich-text-content.entry.js +2 -2
  105. package/dist/esm/vega-rich-text-editor_4.entry.js +60 -10
  106. package/dist/esm/vega-selection-chip_2.entry.js +3 -3
  107. package/dist/esm/vega-sidenav_3.entry.js +3 -3
  108. package/dist/esm/vega-signature-capture.entry.js +4 -4
  109. package/dist/esm/vega-table_11.entry.js +3 -3
  110. package/dist/esm/vega-time-picker_2.entry.js +4 -4
  111. package/dist/esm/vega-tooltip_2.entry.js +4 -4
  112. package/dist/esm/vega.js +4 -4
  113. package/dist/sri/vega-sri-manifest.json +162 -162
  114. package/dist/types/components/vega-rich-text-editor/dto/blocks/html-block.d.ts +10 -0
  115. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner-processor.interface.d.ts +13 -0
  116. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/html-content-cleaner.d.ts +35 -0
  117. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/index.d.ts +4 -0
  118. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-after-opening-tag-processor.d.ts +19 -0
  119. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-before-closing-tag-processor.d.ts +19 -0
  120. package/dist/types/components/vega-rich-text-editor/slimmers/controllers/html-cleaner/processors/remove-whitespace-between-tags-processor.d.ts +59 -0
  121. package/dist/types/components/vega-rich-text-editor/test/html-cleaner/html-content-cleaner.test.d.ts +1 -0
  122. package/dist/types/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-after-opening-tag-processor.test.d.ts +1 -0
  123. package/dist/types/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-before-closing-tag-processor.test.d.ts +1 -0
  124. package/dist/types/components/vega-rich-text-editor/test/html-cleaner/remove-whitespace-between-tags-processor.test.d.ts +1 -0
  125. package/dist/types/helpers/code-format/code-formatter.d.ts +14 -0
  126. package/dist/vega/index.esm.js +1 -1
  127. package/dist/vega/{p-aa10eeb3.entry.js → p-012753b5.entry.js} +1 -1
  128. package/dist/vega/{p-fdc270b8.entry.js → p-024331ce.entry.js} +1 -1
  129. package/dist/vega/{p-ce1a2982.js → p-0575d22e.js} +1 -1
  130. package/dist/vega/{p-a86010f7.entry.js → p-08a90cc6.entry.js} +1 -1
  131. package/dist/vega/p-0ede1fea.entry.js +1 -0
  132. package/dist/vega/p-3353b3d7.js +1 -0
  133. package/dist/vega/p-365b1b35.entry.js +1 -0
  134. package/dist/vega/{p-a5bd3c15.entry.js → p-3ae9ee3d.entry.js} +1 -1
  135. package/dist/vega/{p-35bf5789.entry.js → p-3af92370.entry.js} +1 -1
  136. package/dist/vega/{p-ac4563d7.js → p-430be941.js} +1 -1
  137. package/dist/vega/{p-d6ed3d76.entry.js → p-45296fd4.entry.js} +1 -1
  138. package/dist/vega/{p-6f239144.entry.js → p-491618a6.entry.js} +1 -1
  139. package/dist/vega/{p-3cfd8616.entry.js → p-4aa893ef.entry.js} +1 -1
  140. package/dist/vega/{p-ef001c70.entry.js → p-4c47e8bb.entry.js} +1 -1
  141. package/dist/vega/{p-20ad42be.js → p-4da75f2b.js} +1 -1
  142. package/dist/vega/{p-e1610196.entry.js → p-5110ba73.entry.js} +1 -1
  143. package/dist/vega/{p-07d3df01.entry.js → p-556f9a21.entry.js} +1 -1
  144. package/dist/vega/{p-a65941d0.entry.js → p-55b54ba0.entry.js} +1 -1
  145. package/dist/vega/{p-50ab977c.entry.js → p-5efc6fe1.entry.js} +1 -1
  146. package/dist/vega/p-5f377954.js +1 -1
  147. package/dist/vega/{p-5df9a856.entry.js → p-64cd1931.entry.js} +1 -1
  148. package/dist/vega/{p-22c5d83b.js → p-68df4288.js} +1 -1
  149. package/dist/vega/{p-c8f1b9d5.js → p-691ba1ae.js} +1 -1
  150. package/dist/vega/{p-fba14ad2.entry.js → p-6fa8e231.entry.js} +1 -1
  151. package/dist/vega/{p-91ec2e30.js → p-749f96a4.js} +1 -1
  152. package/dist/vega/{p-67f18b9e.entry.js → p-7aaece55.entry.js} +1 -1
  153. package/dist/vega/{p-75651f32.entry.js → p-7ec6a104.entry.js} +1 -1
  154. package/dist/vega/{p-60274fb1.js → p-89d685a8.js} +1 -1
  155. package/dist/vega/{p-ffbff9b5.entry.js → p-8d701832.entry.js} +1 -1
  156. package/dist/vega/{p-e87b0b4a.entry.js → p-8ed0faa2.entry.js} +1 -1
  157. package/dist/vega/{p-87238c4c.entry.js → p-99aa554b.entry.js} +1 -1
  158. package/dist/vega/{p-ab2f35af.entry.js → p-9a2446f1.entry.js} +1 -1
  159. package/dist/vega/{p-3bbc0c7d.entry.js → p-a475d525.entry.js} +1 -1
  160. package/dist/vega/{p-a20854d6.entry.js → p-ac5e9955.entry.js} +1 -1
  161. package/dist/vega/p-b1f869fb.js +1 -0
  162. package/dist/vega/{p-f383c856.js → p-c2488ed6.js} +1 -1
  163. package/dist/vega/{p-747d6afc.entry.js → p-cf5b80f9.entry.js} +1 -1
  164. package/dist/vega/{p-8a887843.entry.js → p-db60a38e.entry.js} +1 -1
  165. package/dist/vega/{p-06aaced4.js → p-e93545fd.js} +1 -1
  166. package/dist/vega/{p-fbd64f9c.entry.js → p-ec192283.entry.js} +1 -1
  167. package/dist/vega/p-f2a3a1ec.entry.js +1 -0
  168. package/dist/vega/{p-08f18b22.entry.js → p-f2cdd212.entry.js} +1 -1
  169. package/dist/vega/{p-34246870.entry.js → p-f4c05b4a.entry.js} +1 -1
  170. package/dist/vega/{p-5a27084e.entry.js → p-f8641214.entry.js} +1 -1
  171. package/dist/vega/{p-60da99c6.entry.js → p-f89443aa.entry.js} +1 -1
  172. package/dist/vega/vega.esm.js +1 -1
  173. package/package.json +1 -1
  174. package/dist/vega/p-22b2841f.entry.js +0 -1
  175. package/dist/vega/p-53a694d1.entry.js +0 -1
  176. package/dist/vega/p-56e97df8.js +0 -1
  177. package/dist/vega/p-7ae55fd5.js +0 -1
  178. package/dist/vega/p-991008a8.entry.js +0 -1
@@ -1 +1 @@
1
- import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-6b2342e0.js";import{C as s}from"./p-75b58efe.js";import{T as a,a as d}from"./p-a2aeb646.js";import{s as l}from"./p-519a7d55.js";import{c as p,V as c,M as h,L as u,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-d849e0f5.js";import{F as f}from"./p-6e136980.js";import{D as b,g as w,G as x,H as y,a as k}from"./p-8d0ca805.js";import{g as R,D as j}from"./p-d9671d27.js";import{c as D}from"./p-86194314.js";import{R as I,a5 as S,i as C,a6 as T}from"./p-1f83cebf.js";import{i as V}from"./p-d27ae9ff.js";import{F as O}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{E as F}from"./p-60274fb1.js";import{C as E}from"./p-8187878e.js";import{K as M}from"./p-920719ad.js";import{I as $}from"./p-abd7aeaa.js";import{C as P}from"./p-c9b6b5a9.js";import{c as z}from"./p-66fa700b.js";import{T as N}from"./p-75f981ce.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-5b71c85e.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-3bf66be2.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-f383c856.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-fe12eff6.js";import"./p-56e97df8.js";import"./p-6f8be8ea.js";import"./p-bf19682d.js";import"./p-8c9ea6f4.js";import"./p-a7b5f497.js";import"./p-ac4563d7.js";import"./p-0c667d6a.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";import"./p-476a173a.js";var _=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends c{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}_([p()],L.prototype,"label",void 0),_([p()],L.prototype,"mode",void 0),_([p()],L.prototype,"required",void 0),_([p()],L.prototype,"disabled",void 0),_([p()],L.prototype,"singleInputRenderer",void 0),_([p()],L.prototype,"rangeInputRenderer",void 0);var B=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends c{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,w,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,x,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,y,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}B([p()],W.prototype,"placeholder",void 0),B([p()],W.prototype,"size",void 0),B([p()],W.prototype,"disabled",void 0),B([p()],W.prototype,"value",void 0),B([p()],W.prototype,"valueController",void 0),B([p()],W.prototype,"singleDropdownController",void 0),B([p()],W.prototype,"translationSlimmer",void 0);var K=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}K([p()],G.prototype,"timeFormat",void 0),K([p()],G.prototype,"dropdownSource",void 0),K([p()],G.prototype,"selectedTimeValue",void 0),K([p()],G.prototype,"valueController",void 0),K([p()],G.prototype,"dropdownSelectedItemsController",void 0),K([p()],G.prototype,"singleDropdownController",void 0),K([h("componentDidRender")],G.prototype,"componentDidRenderCallback",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class q extends c{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&V(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),A.notify(O,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&I(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&I(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&I(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.timeFormat)||""===e))}return t||u.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}U([p({writable:!0})],q.prototype,"value",void 0),U([p()],q.prototype,"mode",void 0),U([p()],q.prototype,"timeFormat",void 0),U([p()],q.prototype,"selectedTimeValue",void 0),U([p()],q.prototype,"increments",void 0),U([p()],q.prototype,"changeEventEmitter",void 0),U([p()],q.prototype,"singleInputRenderer",void 0),U([p()],q.prototype,"rangeInputRenderer",void 0),U([p()],q.prototype,"dropdownSelectedItemsController",void 0),U([p()],q.prototype,"host",void 0),U([h("watchValue")],q.prototype,"emitChangeEventOrClearTimePicker",null),U([h("watchSelectedTimeValue")],q.prototype,"updateValueIfSelectedItemsChange",null),U([h("watchMode")],q.prototype,"resetCurrentValueIfModeChange",null),U([h("componentDidLoad")],q.prototype,"checkTheDefaultValueForRangeMode",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends F{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>new E))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(u.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(S(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(S(t))}else for(let t=0;t<24;t++)e.push(S(t));return e}}H([p({writable:!0})],Y.prototype,"isDropdownShow",void 0),H([p({writable:!0})],Y.prototype,"dropdownSource",void 0),H([p()],Y.prototype,"mode",void 0),H([p({writable:!0})],Y.prototype,"increments",void 0),H([p()],Y.prototype,"timeFormat",void 0),H([p()],Y.prototype,"value",void 0),H([p()],Y.prototype,"positionRelativeTo",void 0),H([p()],Y.prototype,"selectedTimeValue",void 0),H([p()],Y.prototype,"singleInputRenderer",void 0),H([p()],Y.prototype,"rangeInputRenderer",void 0),H([p()],Y.prototype,"singleDropdownRenderer",void 0),H([p()],Y.prototype,"valueController",void 0),H([p()],Y.prototype,"dropdownSelectedItemsController",void 0),H([p()],Y.prototype,"inputMaskController",void 0),H([h("watchIncrements")],Y.prototype,"initValueAndDropdownSource",null),H([h("watchTimeFormat")],Y.prototype,"initDropdownSourceAndInputMaskConfig",null),H([h("componentWillLoad")],Y.prototype,"initDropdownSourceAndSelectedItems",null),H([h("watchDisabled")],Y.prototype,"hideDropdownWhenDisabled",null);var X=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends c{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&I(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=S(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:S(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:S(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!I(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}X([p({writable:!0})],J.prototype,"selectedTimeValue",void 0),X([p()],J.prototype,"mode",void 0),X([p()],J.prototype,"value",void 0),X([p()],J.prototype,"timeFormat",void 0),X([p()],J.prototype,"dropdownSource",void 0),X([p()],J.prototype,"increments",void 0),X([p()],J.prototype,"disabled",void 0),X([p()],J.prototype,"singleDropdownRenderer",void 0),X([p()],J.prototype,"rangeDropdownRenderer",void 0),X([h("watchValue")],J.prototype,"syncSelectedItemsByValueChange",null),X([h("watchIsDropdownShow")],J.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),X([h("componentDidRender")],J.prototype,"syncSelectedItemsPosition",null);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends M{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}Q([p()],Z.prototype,"host",void 0),Q([p()],Z.prototype,"mode",void 0),Q([p()],Z.prototype,"singleInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownController",void 0),Q([p()],Z.prototype,"startDropdownController",void 0),Q([p()],Z.prototype,"endDropdownController",void 0);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(I(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,w,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}ee([p()],te.prototype,"mode",void 0),ee([p()],te.prototype,"placeholder",void 0),ee([p()],te.prototype,"disabled",void 0),ee([p()],te.prototype,"size",void 0),ee([p()],te.prototype,"positionRelativeTo",void 0),ee([p()],te.prototype,"timeFormat",void 0),ee([p()],te.prototype,"increments",void 0),ee([p()],te.prototype,"value",void 0),ee([p()],te.prototype,"startDropdownController",void 0),ee([p()],te.prototype,"endDropdownController",void 0),ee([p()],te.prototype,"valueController",void 0),ee([p()],te.prototype,"rangeClearButtonRenderer",void 0),ee([p()],te.prototype,"rangeDropdownRenderer",void 0),ee([p()],te.prototype,"dropdownSelectedItemsController",void 0),ee([p()],te.prototype,"translationSlimmer",void 0);var ie=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class re extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(C);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(C)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}ie([p()],re.prototype,"timeFormat",void 0),ie([p()],re.prototype,"value",void 0),ie([p()],re.prototype,"dropdownSource",void 0),ie([p()],re.prototype,"valueController",void 0),ie([p()],re.prototype,"rangeInputRenderer",void 0),ie([p()],re.prototype,"startDropdownController",void 0),ie([p()],re.prototype,"endDropdownController",void 0),ie([h("componentDidRender")],re.prototype,"componentDidRenderCallback",null);var oe=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends c{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:this.disabled?-1:0,onClick:this.onClickClearIcon,onKeyDown:D()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}oe([p()],ne.prototype,"disabled",void 0),oe([p()],ne.prototype,"value",void 0),oe([p()],ne.prototype,"valueController",void 0),oe([p()],ne.prototype,"endDropdownController",void 0),oe([p()],ne.prototype,"rangeInputRenderer",void 0);class se extends ${constructor(e){super(),this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${T(t)}`)>new Date(`${r}T${T(e)}`)}}var ae=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends c{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}ae([p()],de.prototype,"timeFormat",void 0),ae([p()],de.prototype,"mode",void 0),ae([p()],de.prototype,"singleInputRenderer",void 0),ae([p()],de.prototype,"rangeInputRenderer",void 0),ae([h("componentDidLoad")],de.prototype,"initInputMask",null);var le=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class pe extends F{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>new E),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}le([p()],pe.prototype,"positionRelativeTo",void 0),le([p()],pe.prototype,"mode",void 0),le([p()],pe.prototype,"rangeDropdownRenderer",void 0),le([p()],pe.prototype,"rangeInputRenderer",void 0),le([p()],pe.prototype,"dropdownSelectedItemsController",void 0),le([h("watchDisabled")],pe.prototype,"hideDropdownWhenDisabled",null);const ce=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var he=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ue=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new N,this.labelRenderer=new L,this.singleInputRenderer=new W,this.singleDropdownRenderer=new G,this.valueController=new q,this.singleDropdownController=new Y,this.dropdownSelectedItemsController=new J,this.keyboardController=new Z,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new a({timeFormat:t}):new d({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new a({timeFormat:e}):new d({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new se({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new te,this.rangeClearButtonRenderer=new ne,this.rangeDropdownRenderer=new re,this.startDropdownController=new pe("start"),this.endDropdownController=new pe("end"),this.inputMaskController=new de,this.inputEventPrevent=new P([w],(()=>this.inputContainerRef)),this.changeEventEmitter=z(ue,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(ce),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return l(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:this.getTimePickerClass(t),ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}getTimePickerClass(e){return{"vega-time-picker-input-container":!0,"range-mode":e,mobile:e&&this.isMobileDevice,tablet:e&&this.isTabletDevice}}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};he([g()],ue.prototype,"globalSlimmers",void 0),he([m()],ue.prototype,"translationSlimmer",void 0),he([m()],ue.prototype,"labelRenderer",void 0),he([m()],ue.prototype,"singleInputRenderer",void 0),he([m()],ue.prototype,"singleDropdownRenderer",void 0),he([m()],ue.prototype,"valueController",void 0),he([m()],ue.prototype,"singleDropdownController",void 0),he([m()],ue.prototype,"dropdownSelectedItemsController",void 0),he([m()],ue.prototype,"keyboardController",void 0),he([m()],ue.prototype,"formFieldController",void 0),he([m()],ue.prototype,"rangeInputRenderer",void 0),he([m()],ue.prototype,"rangeClearButtonRenderer",void 0),he([m()],ue.prototype,"rangeDropdownRenderer",void 0),he([m()],ue.prototype,"startDropdownController",void 0),he([m()],ue.prototype,"endDropdownController",void 0),he([m()],ue.prototype,"inputMaskController",void 0),he([m()],ue.prototype,"inputEventPrevent",void 0),he([m()],ue.prototype,"changeEventEmitter",void 0),he([m()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he([s()],ue.prototype,"watchValue",null),ue.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.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-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-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%)}.range-mode .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var me=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ve=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v}render(){return l(e(o,null),this.host)}get host(){return n(this)}};me([g()],ve.prototype,"globalSlimmers",void 0),me([m()],ve.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ve.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}:host(.mobile) .vega-time-picker-dropdown-panel>ul,:host(.tablet) .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}:host(.mobile) .vega-time-picker-panel-column::after{height:0}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{ue as vega_time_picker,ve as vega_time_picker_dropdown}
1
+ import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-6b2342e0.js";import{C as s}from"./p-75b58efe.js";import{T as a,a as d}from"./p-a2aeb646.js";import{s as l}from"./p-519a7d55.js";import{c as p,V as c,M as h,L as u,I as m}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-d849e0f5.js";import{F as f}from"./p-6e136980.js";import{D as b,g as w,G as x,H as y,a as k}from"./p-8d0ca805.js";import{g as R,D as j}from"./p-d9671d27.js";import{c as D}from"./p-86194314.js";import{R as I,a5 as S,i as C,a6 as T}from"./p-1f83cebf.js";import{i as V}from"./p-d27ae9ff.js";import{F as O}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{E as F}from"./p-89d685a8.js";import{C as E}from"./p-8187878e.js";import{K as M}from"./p-920719ad.js";import{I as $}from"./p-abd7aeaa.js";import{C as P}from"./p-c9b6b5a9.js";import{c as z}from"./p-66fa700b.js";import{T as N}from"./p-75f981ce.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-5b71c85e.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-3bf66be2.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-c2488ed6.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-fe12eff6.js";import"./p-b1f869fb.js";import"./p-6f8be8ea.js";import"./p-bf19682d.js";import"./p-8c9ea6f4.js";import"./p-a7b5f497.js";import"./p-430be941.js";import"./p-0c667d6a.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";import"./p-476a173a.js";var _=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends c{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}_([p()],L.prototype,"label",void 0),_([p()],L.prototype,"mode",void 0),_([p()],L.prototype,"required",void 0),_([p()],L.prototype,"disabled",void 0),_([p()],L.prototype,"singleInputRenderer",void 0),_([p()],L.prototype,"rangeInputRenderer",void 0);var B=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends c{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,w,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,x,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,y,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:this.translationSlimmer.t("Select Time")}}B([p()],W.prototype,"placeholder",void 0),B([p()],W.prototype,"size",void 0),B([p()],W.prototype,"disabled",void 0),B([p()],W.prototype,"value",void 0),B([p()],W.prototype,"valueController",void 0),B([p()],W.prototype,"singleDropdownController",void 0),B([p()],W.prototype,"translationSlimmer",void 0);var K=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,k,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}K([p()],G.prototype,"timeFormat",void 0),K([p()],G.prototype,"dropdownSource",void 0),K([p()],G.prototype,"selectedTimeValue",void 0),K([p()],G.prototype,"valueController",void 0),K([p()],G.prototype,"dropdownSelectedItemsController",void 0),K([p()],G.prototype,"singleDropdownController",void 0),K([h("componentDidRender")],G.prototype,"componentDidRenderCallback",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class q extends c{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&V(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),A.notify(O,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&I(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&I(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&I(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.timeFormat)||""===e))}return t||u.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}U([p({writable:!0})],q.prototype,"value",void 0),U([p()],q.prototype,"mode",void 0),U([p()],q.prototype,"timeFormat",void 0),U([p()],q.prototype,"selectedTimeValue",void 0),U([p()],q.prototype,"increments",void 0),U([p()],q.prototype,"changeEventEmitter",void 0),U([p()],q.prototype,"singleInputRenderer",void 0),U([p()],q.prototype,"rangeInputRenderer",void 0),U([p()],q.prototype,"dropdownSelectedItemsController",void 0),U([p()],q.prototype,"host",void 0),U([h("watchValue")],q.prototype,"emitChangeEventOrClearTimePicker",null),U([h("watchSelectedTimeValue")],q.prototype,"updateValueIfSelectedItemsChange",null),U([h("watchMode")],q.prototype,"resetCurrentValueIfModeChange",null),U([h("componentDidLoad")],q.prototype,"checkTheDefaultValueForRangeMode",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends F{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>new E))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(u.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(S(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(S(t))}else for(let t=0;t<24;t++)e.push(S(t));return e}}H([p({writable:!0})],Y.prototype,"isDropdownShow",void 0),H([p({writable:!0})],Y.prototype,"dropdownSource",void 0),H([p()],Y.prototype,"mode",void 0),H([p({writable:!0})],Y.prototype,"increments",void 0),H([p()],Y.prototype,"timeFormat",void 0),H([p()],Y.prototype,"value",void 0),H([p()],Y.prototype,"positionRelativeTo",void 0),H([p()],Y.prototype,"selectedTimeValue",void 0),H([p()],Y.prototype,"singleInputRenderer",void 0),H([p()],Y.prototype,"rangeInputRenderer",void 0),H([p()],Y.prototype,"singleDropdownRenderer",void 0),H([p()],Y.prototype,"valueController",void 0),H([p()],Y.prototype,"dropdownSelectedItemsController",void 0),H([p()],Y.prototype,"inputMaskController",void 0),H([h("watchIncrements")],Y.prototype,"initValueAndDropdownSource",null),H([h("watchTimeFormat")],Y.prototype,"initDropdownSourceAndInputMaskConfig",null),H([h("componentWillLoad")],Y.prototype,"initDropdownSourceAndSelectedItems",null),H([h("watchDisabled")],Y.prototype,"hideDropdownWhenDisabled",null);var X=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends c{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&I(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=S(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:S(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:S(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!I(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}X([p({writable:!0})],J.prototype,"selectedTimeValue",void 0),X([p()],J.prototype,"mode",void 0),X([p()],J.prototype,"value",void 0),X([p()],J.prototype,"timeFormat",void 0),X([p()],J.prototype,"dropdownSource",void 0),X([p()],J.prototype,"increments",void 0),X([p()],J.prototype,"disabled",void 0),X([p()],J.prototype,"singleDropdownRenderer",void 0),X([p()],J.prototype,"rangeDropdownRenderer",void 0),X([h("watchValue")],J.prototype,"syncSelectedItemsByValueChange",null),X([h("watchIsDropdownShow")],J.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),X([h("componentDidRender")],J.prototype,"syncSelectedItemsPosition",null);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends M{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}Q([p()],Z.prototype,"host",void 0),Q([p()],Z.prototype,"mode",void 0),Q([p()],Z.prototype,"singleInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeDropdownRenderer",void 0),Q([p()],Z.prototype,"rangeInputRenderer",void 0),Q([p()],Z.prototype,"singleDropdownController",void 0),Q([p()],Z.prototype,"startDropdownController",void 0),Q([p()],Z.prototype,"endDropdownController",void 0);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(I(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,w,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:this.translationSlimmer.t("Start Time"):Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:this.translationSlimmer.t("End Time")}}ee([p()],te.prototype,"mode",void 0),ee([p()],te.prototype,"placeholder",void 0),ee([p()],te.prototype,"disabled",void 0),ee([p()],te.prototype,"size",void 0),ee([p()],te.prototype,"positionRelativeTo",void 0),ee([p()],te.prototype,"timeFormat",void 0),ee([p()],te.prototype,"increments",void 0),ee([p()],te.prototype,"value",void 0),ee([p()],te.prototype,"startDropdownController",void 0),ee([p()],te.prototype,"endDropdownController",void 0),ee([p()],te.prototype,"valueController",void 0),ee([p()],te.prototype,"rangeClearButtonRenderer",void 0),ee([p()],te.prototype,"rangeDropdownRenderer",void 0),ee([p()],te.prototype,"dropdownSelectedItemsController",void 0),ee([p()],te.prototype,"translationSlimmer",void 0);var ie=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class re extends c{constructor(){super(...arguments),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice,tablet:this.isTabletDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(C);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(C)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}ie([p()],re.prototype,"timeFormat",void 0),ie([p()],re.prototype,"value",void 0),ie([p()],re.prototype,"dropdownSource",void 0),ie([p()],re.prototype,"valueController",void 0),ie([p()],re.prototype,"rangeInputRenderer",void 0),ie([p()],re.prototype,"startDropdownController",void 0),ie([p()],re.prototype,"endDropdownController",void 0),ie([h("componentDidRender")],re.prototype,"componentDidRenderCallback",null);var oe=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends c{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:this.disabled?-1:0,onClick:this.onClickClearIcon,onKeyDown:D()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}oe([p()],ne.prototype,"disabled",void 0),oe([p()],ne.prototype,"value",void 0),oe([p()],ne.prototype,"valueController",void 0),oe([p()],ne.prototype,"endDropdownController",void 0),oe([p()],ne.prototype,"rangeInputRenderer",void 0);class se extends ${constructor(e){super(),this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>I(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${T(t)}`)>new Date(`${r}T${T(e)}`)}}var ae=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends c{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}ae([p()],de.prototype,"timeFormat",void 0),ae([p()],de.prototype,"mode",void 0),ae([p()],de.prototype,"singleInputRenderer",void 0),ae([p()],de.prototype,"rangeInputRenderer",void 0),ae([h("componentDidLoad")],de.prototype,"initInputMask",null);var le=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class pe extends F{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>new E),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}le([p()],pe.prototype,"positionRelativeTo",void 0),le([p()],pe.prototype,"mode",void 0),le([p()],pe.prototype,"rangeDropdownRenderer",void 0),le([p()],pe.prototype,"rangeInputRenderer",void 0),le([p()],pe.prototype,"dropdownSelectedItemsController",void 0),le([h("watchDisabled")],pe.prototype,"hideDropdownWhenDisabled",null);const ce=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var he=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ue=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new N,this.labelRenderer=new L,this.singleInputRenderer=new W,this.singleDropdownRenderer=new G,this.valueController=new q,this.singleDropdownController=new Y,this.dropdownSelectedItemsController=new J,this.keyboardController=new Z,this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new a({timeFormat:t}):new d({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new a({timeFormat:e}):new d({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new se({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new te,this.rangeClearButtonRenderer=new ne,this.rangeDropdownRenderer=new re,this.startDropdownController=new pe("start"),this.endDropdownController=new pe("end"),this.inputMaskController=new de,this.inputEventPrevent=new P([w],(()=>this.inputContainerRef)),this.changeEventEmitter=z(ue,w),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(ce),this.isMobileDevice=R()===j.MOBILE,this.isTabletDevice=R()===j.TABLET,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return l(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:this.getTimePickerClass(t),ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}getTimePickerClass(e){return{"vega-time-picker-input-container":!0,"range-mode":e,mobile:e&&this.isMobileDevice,tablet:e&&this.isTabletDevice}}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};he([g()],ue.prototype,"globalSlimmers",void 0),he([m()],ue.prototype,"translationSlimmer",void 0),he([m()],ue.prototype,"labelRenderer",void 0),he([m()],ue.prototype,"singleInputRenderer",void 0),he([m()],ue.prototype,"singleDropdownRenderer",void 0),he([m()],ue.prototype,"valueController",void 0),he([m()],ue.prototype,"singleDropdownController",void 0),he([m()],ue.prototype,"dropdownSelectedItemsController",void 0),he([m()],ue.prototype,"keyboardController",void 0),he([m()],ue.prototype,"formFieldController",void 0),he([m()],ue.prototype,"rangeInputRenderer",void 0),he([m()],ue.prototype,"rangeClearButtonRenderer",void 0),he([m()],ue.prototype,"rangeDropdownRenderer",void 0),he([m()],ue.prototype,"startDropdownController",void 0),he([m()],ue.prototype,"endDropdownController",void 0),he([m()],ue.prototype,"inputMaskController",void 0),he([m()],ue.prototype,"inputEventPrevent",void 0),he([m()],ue.prototype,"changeEventEmitter",void 0),he([m()],ue.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he([s()],ue.prototype,"watchValue",null),ue.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.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-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));margin:-1px}.range-mode .vega-time-picker-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%)}.range-mode .vega-time-picker-range-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var me=function(e,t,i,r){var o,n=arguments.length,s=n<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 a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ve=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v}render(){return l(e(o,null),this.host)}get host(){return n(this)}};me([g()],ve.prototype,"globalSlimmers",void 0),me([m()],ve.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ve.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}:host(.mobile) .vega-time-picker-dropdown-panel>ul,:host(.tablet) .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}:host(.mobile) .vega-time-picker-panel-column::after{height:0}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{ue as vega_time_picker,ve as vega_time_picker_dropdown}
@@ -1 +1 @@
1
- import{h as e,H as t,r as i,c as o,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-ac4563d7.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-d849e0f5.js";import{D as f,a as m,g as u,m as b,E as x}from"./p-8d0ca805.js";import{F as w}from"./p-a528714c.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{c as R}from"./p-f383c856.js";import{F as I}from"./p-6e136980.js";import{f as C,e as k}from"./p-d9671d27.js";import{C as U}from"./p-c9b6b5a9.js";import{c as O}from"./p-66fa700b.js";import{T as z}from"./p-75f981ce.js";import{D as V}from"./p-a5713178.js";import{V as F}from"./p-ef9cbad1.js";import"./p-abd7aeaa.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-8c9ea6f4.js";import"./p-5d676a94.js";import"./p-56e97df8.js";import"./p-6f8be8ea.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-4866e390.js";import"./p-331a62d5.js";import"./p-fe12eff6.js";import"./p-a7b5f497.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-3bf66be2.js";var D=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class N 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}`}}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],N.prototype,"inputRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],N.prototype,"defaultContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],N.prototype,"previewContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],N.prototype,"uploadingContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewController"})],N.prototype,"previewController",void 0),D([s()],N.prototype,"value",void 0),D([s()],N.prototype,"disabled",void 0),D([s()],N.prototype,"status",void 0),D([s()],N.prototype,"label",void 0),D([s()],N.prototype,"required",void 0),D([s()],N.prototype,"width",void 0),D([s()],N.prototype,"height",void 0),D([s()],N.prototype,"hint",void 0);var E=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class A 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})}}E([s({componentFieldName:"vegaImageUploaderValueController"})],A.prototype,"valueController",void 0),E([s()],A.prototype,"accept",void 0);var S=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}S([s({componentFieldName:"vegaImageUploaderInputRenderer"})],P.prototype,"inputRenderer",void 0),S([s()],P.prototype,"disabled",void 0);var L=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class T 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:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,m,(()=>{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}}L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([s({componentFieldName:"vegaImageUploaderValueController"})],T.prototype,"valueController",void 0),L([s({componentFieldName:"vegaImageUploaderPreviewController"})],T.prototype,"previewController",void 0),L([s({componentFieldName:"vegaImageUploaderRemoveController"})],T.prototype,"removeController",void 0),L([s()],T.prototype,"disabled",void 0),L([s()],T.prototype,"showPreviewButton",void 0),L([s()],T.prototype,"showRemoveButton",void 0),L([s()],T.prototype,"showReplaceButton",void 0),L([s()],T.prototype,"removeEventEmitter",void 0),L([s()],T.prototype,"isInDarkMode",void 0);var _=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class B 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({writable:!0})],B.prototype,"value",void 0),_([s()],B.prototype,"changeEventEmitter",void 0),_([s()],B.prototype,"host",void 0),_([s({componentFieldName:"vegaImageUploaderInputController"})],B.prototype,"inputController",void 0),_([d("watchValue")],B.prototype,"handleValueChange",null);var K=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class M 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");this.value&&this.value.name&&(t.modalTitle=this.value.name);const i=document.createElement("div");i.style.textAlign="center";const o=document.createElement("img");return o.width=0,o.className="preview-image",e&&(o.src=e),o.alt="",o.style.width="100%",i.appendChild(o),t.appendChild(i),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")}}K([s()],M.prototype,"value",void 0),K([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null),K([d("getContentURL")],M.prototype,"getImagePreviewURL",void 0);class q 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 r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],q.prototype,"actionsRenderer",void 0);var G=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>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:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}G([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),G([s({writable:!0})],$.prototype,"status",void 0),G([s()],$.prototype,"cancelEventEmitter",void 0);var H=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class J 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:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}H([s({componentFieldName:"vegaImageUploaderInputController"})],J.prototype,"inputController",void 0),H([s()],J.prototype,"actionTitle",void 0),H([s()],J.prototype,"actionSubTitle",void 0),H([s()],J.prototype,"translationSlimmer",void 0);var Q=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.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()}}Q([s({componentFieldName:"vegaImageUploaderValueController"})],W.prototype,"valueController",void 0),Q([s()],W.prototype,"removeEventEmitter",void 0),Q([d("disconnectedCallback")],W.prototype,"disconnectedCallback",null);var X=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class Y extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}X([s()],Y.prototype,"host",void 0),X([s()],Y.prototype,"value",void 0),X([d("watchValue")],Y.prototype,"handleValueChange",null);const Z=[{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 ee=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const te=["jpg","png","jpeg"],ie=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.translationSlimmer=new z,this.vegaImageUploaderRenderer=new N,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new q,this.vegaImageUploaderDefaultContentRenderer=new J,this.vegaImageUploaderInputRenderer=new A,this.vegaImageUploaderActionsRenderer=new T,this.vegaImageUploaderInputController=new P,this.vegaImageUploaderValueController=new B,this.vegaImageUploaderPreviewController=new M,this.vegaImageUploaderRemoveController=new W,this.actionsVisibilityController=new Y,this.darkModeStateControllerSlimmer=new V,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(ie,u),this.removeEventEmitter=O(ie,b),this.cancelEventEmitter=O(ie,x),this.buttonCircleEventPrevent=new U([m],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(Z),this.isInDarkMode=F.isDarkMode(),this.value=null,this.accept=te.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 a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};ee([v()],ie.prototype,"globalSlimmers",void 0),ee([p()],ie.prototype,"translationSlimmer",void 0),ee([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputController",void 0),ee([p()],ie.prototype,"vegaImageUploaderValueController",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),ee([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),ee([p()],ie.prototype,"actionsVisibilityController",void 0),ee([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),ee([p()],ie.prototype,"formFieldController",void 0),ee([p()],ie.prototype,"changeEventEmitter",void 0),ee([p()],ie.prototype,"removeEventEmitter",void 0),ee([p()],ie.prototype,"cancelEventEmitter",void 0),ee([p()],ie.prototype,"buttonCircleEventPrevent",void 0),ee([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.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{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}: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 .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{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}: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{ie as vega_image_uploader}
1
+ import{h as e,H as t,r as i,c as o,g as r}from"./p-6b2342e0.js";import{s as a}from"./p-519a7d55.js";import{R as n}from"./p-280cbcdb.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-430be941.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-d849e0f5.js";import{D as f,a as m,g as u,m as b,E as x}from"./p-8d0ca805.js";import{F as w}from"./p-a528714c.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{c as R}from"./p-c2488ed6.js";import{F as I}from"./p-6e136980.js";import{f as C,e as k}from"./p-d9671d27.js";import{C as U}from"./p-c9b6b5a9.js";import{c as O}from"./p-66fa700b.js";import{T as z}from"./p-75f981ce.js";import{D as V}from"./p-a5713178.js";import{V as F}from"./p-ef9cbad1.js";import"./p-abd7aeaa.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-8c9ea6f4.js";import"./p-5d676a94.js";import"./p-b1f869fb.js";import"./p-6f8be8ea.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-4866e390.js";import"./p-331a62d5.js";import"./p-fe12eff6.js";import"./p-a7b5f497.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-3bf66be2.js";var D=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class N 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}`}}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],N.prototype,"inputRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],N.prototype,"defaultContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],N.prototype,"previewContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],N.prototype,"uploadingContentRenderer",void 0),D([s({componentFieldName:"vegaImageUploaderPreviewController"})],N.prototype,"previewController",void 0),D([s()],N.prototype,"value",void 0),D([s()],N.prototype,"disabled",void 0),D([s()],N.prototype,"status",void 0),D([s()],N.prototype,"label",void 0),D([s()],N.prototype,"required",void 0),D([s()],N.prototype,"width",void 0),D([s()],N.prototype,"height",void 0),D([s()],N.prototype,"hint",void 0);var E=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class A 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})}}E([s({componentFieldName:"vegaImageUploaderValueController"})],A.prototype,"valueController",void 0),E([s()],A.prototype,"accept",void 0);var S=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}S([s({componentFieldName:"vegaImageUploaderInputRenderer"})],P.prototype,"inputRenderer",void 0),S([s()],P.prototype,"disabled",void 0);var L=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class T 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:this.isInDarkMode?"text-primary":"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,m,(()=>{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}}L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([s({componentFieldName:"vegaImageUploaderValueController"})],T.prototype,"valueController",void 0),L([s({componentFieldName:"vegaImageUploaderPreviewController"})],T.prototype,"previewController",void 0),L([s({componentFieldName:"vegaImageUploaderRemoveController"})],T.prototype,"removeController",void 0),L([s()],T.prototype,"disabled",void 0),L([s()],T.prototype,"showPreviewButton",void 0),L([s()],T.prototype,"showRemoveButton",void 0),L([s()],T.prototype,"showReplaceButton",void 0),L([s()],T.prototype,"removeEventEmitter",void 0),L([s()],T.prototype,"isInDarkMode",void 0);var _=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class B 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({writable:!0})],B.prototype,"value",void 0),_([s()],B.prototype,"changeEventEmitter",void 0),_([s()],B.prototype,"host",void 0),_([s({componentFieldName:"vegaImageUploaderInputController"})],B.prototype,"inputController",void 0),_([d("watchValue")],B.prototype,"handleValueChange",null);var K=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class M 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");this.value&&this.value.name&&(t.modalTitle=this.value.name);const i=document.createElement("div");i.style.textAlign="center";const o=document.createElement("img");return o.width=0,o.className="preview-image",e&&(o.src=e),o.alt="",o.style.width="100%",i.appendChild(o),t.appendChild(i),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")}}K([s()],M.prototype,"value",void 0),K([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null),K([d("getContentURL")],M.prototype,"getImagePreviewURL",void 0);class q 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 r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);a>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],q.prototype,"actionsRenderer",void 0);var G=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>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:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}G([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),G([s({writable:!0})],$.prototype,"status",void 0),G([s()],$.prototype,"cancelEventEmitter",void 0);var H=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class J 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:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}H([s({componentFieldName:"vegaImageUploaderInputController"})],J.prototype,"inputController",void 0),H([s()],J.prototype,"actionTitle",void 0),H([s()],J.prototype,"actionSubTitle",void 0),H([s()],J.prototype,"translationSlimmer",void 0);var Q=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class W extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.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()}}Q([s({componentFieldName:"vegaImageUploaderValueController"})],W.prototype,"valueController",void 0),Q([s()],W.prototype,"removeEventEmitter",void 0),Q([d("disconnectedCallback")],W.prototype,"disconnectedCallback",null);var X=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};class Y extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}X([s()],Y.prototype,"host",void 0),X([s()],Y.prototype,"value",void 0),X([d("watchValue")],Y.prototype,"handleValueChange",null);const Z=[{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 ee=function(e,t,i,o){var r,a=arguments.length,n=a<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--)(r=e[s])&&(n=(a<3?r(n):a>3?r(t,i,n):r(t,i))||n);return a>3&&n&&Object.defineProperty(t,i,n),n};const te=["jpg","png","jpeg"],ie=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.translationSlimmer=new z,this.vegaImageUploaderRenderer=new N,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new q,this.vegaImageUploaderDefaultContentRenderer=new J,this.vegaImageUploaderInputRenderer=new A,this.vegaImageUploaderActionsRenderer=new T,this.vegaImageUploaderInputController=new P,this.vegaImageUploaderValueController=new B,this.vegaImageUploaderPreviewController=new M,this.vegaImageUploaderRemoveController=new W,this.actionsVisibilityController=new Y,this.darkModeStateControllerSlimmer=new V,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(ie,u),this.removeEventEmitter=O(ie,b),this.cancelEventEmitter=O(ie,x),this.buttonCircleEventPrevent=new U([m],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(Z),this.isInDarkMode=F.isDarkMode(),this.value=null,this.accept=te.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 a(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};ee([v()],ie.prototype,"globalSlimmers",void 0),ee([p()],ie.prototype,"translationSlimmer",void 0),ee([p()],ie.prototype,"vegaImageUploaderRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderActionsRenderer",void 0),ee([p()],ie.prototype,"vegaImageUploaderInputController",void 0),ee([p()],ie.prototype,"vegaImageUploaderValueController",void 0),ee([p()],ie.prototype,"vegaImageUploaderPreviewController",void 0),ee([p()],ie.prototype,"vegaImageUploaderRemoveController",void 0),ee([p()],ie.prototype,"actionsVisibilityController",void 0),ee([p()],ie.prototype,"darkModeStateControllerSlimmer",void 0),ee([p()],ie.prototype,"formFieldController",void 0),ee([p()],ie.prototype,"changeEventEmitter",void 0),ee([p()],ie.prototype,"removeEventEmitter",void 0),ee([p()],ie.prototype,"cancelEventEmitter",void 0),ee([p()],ie.prototype,"buttonCircleEventPrevent",void 0),ee([p()],ie.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ie.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{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));border-style:none}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}: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 .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{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border-style:none}: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{ie as vega_image_uploader}
@@ -1 +1 @@
1
- export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-d0e31633.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-ce1a2982.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-a2aeb646.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-abd7aeaa.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-6e1ab235.js";import"./p-2d0d575f.js";import"./p-a528714c.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-56e97df8.js";import"./p-6f8be8ea.js";import"./p-8d0ca805.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-b75ee3ba.js";import"./p-bf19682d.js";
1
+ export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-d0e31633.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-0575d22e.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-a2aeb646.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-abd7aeaa.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-6e1ab235.js";import"./p-2d0d575f.js";import"./p-a528714c.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-b1f869fb.js";import"./p-6f8be8ea.js";import"./p-8d0ca805.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-b75ee3ba.js";import"./p-bf19682d.js";
@@ -1 +1 @@
1
- import{h as t,f as e,r as s,H as o,g as i}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as p,V as a,M as n,L as c,I as f}from"./p-6e1ab235.js";import{V as m,I as l}from"./p-d849e0f5.js";import{a as d,V as j}from"./p-8c9ea6f4.js";import{f as h}from"./p-c8f1b9d5.js";import{f as b}from"./p-a528714c.js";import{O as u}from"./p-331a62d5.js";import{C as v}from"./p-2d0d575f.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-ac4563d7.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-f383c856.js";import"./p-d9671d27.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-fe12eff6.js";import"./p-8d0ca805.js";import"./p-56e97df8.js";import"./p-6f8be8ea.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-a7b5f497.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";var g=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};class y extends a{render(){const e=d.getIconKey(this.country),s=j.hasIcon(e),o=h(this.size,"widthAndHeight"),i=`calc(${o} * 4 / 3)`;return s?t("vega-icon",{icon:e,size:this.size,style:{"--vega-icon-width":i}}):t("vega-skeleton",{type:"image",corners:"rounded-2",height:o,width:i})}}g([p()],y.prototype,"size",void 0),g([p()],y.prototype,"country",void 0);var R=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};class w extends a{constructor(){super(...arguments),this.isAcceptObserver=()=>!0,this.listenerCallback=()=>{e(this.host)}}componentWillLoad(){this.country&&(this.isFlagForCountryCodeLoaded(this.country)||this.registerObserver())}unRegisterObserver(){this.observer&&(v.unregister(b,this.observer),this.observer=null)}registerObserver(){this.observer=new u(this.isAcceptObserver.bind(this),this.listenerCallback.bind(this)),v.register(b,this.observer)}isFlagForCountryCodeLoaded(t){const e=d.getIconKey(t);return d.hasIcon(e)}}!async function(){try{const t=(await import("./p-3e258753.js")).CountryFlags;d.register(t),v.notify(b,{})}catch(t){c.error("Error loading flag module:",t)}}(),R([p()],w.prototype,"host",void 0),R([p()],w.prototype,"country",void 0),R([n("componentWillLoad")],w.prototype,"componentWillLoad",null),R([n("disconnectedCallback")],w.prototype,"unRegisterObserver",null);var O=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};const C=class{constructor(t){s(this,t),this.globalSlimmers={},this.renderer=new y,this.vegaFlagIconController=new w,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.size="size-16"}render(){return r(t(o,null,this.renderer.render()),this.host)}get host(){return i(this)}};O([l()],C.prototype,"globalSlimmers",void 0),O([f()],C.prototype,"renderer",void 0),O([f()],C.prototype,"vegaFlagIconController",void 0),O([f()],C.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),C.style=":host{display:inline-block}:host vega-icon,:host vega-skeleton,:host svg{display:block;border-radius:2px}:host vega-icon{width:var(--vega-icon-width, 24px)}";export{C as vega_flag_icon}
1
+ import{h as t,f as e,r as s,H as o,g as i}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as p,V as a,M as n,L as c,I as f}from"./p-6e1ab235.js";import{V as m,I as l}from"./p-d849e0f5.js";import{a as d,V as j}from"./p-8c9ea6f4.js";import{f as h}from"./p-691ba1ae.js";import{f as b}from"./p-a528714c.js";import{O as u}from"./p-331a62d5.js";import{C as v}from"./p-2d0d575f.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-430be941.js";import"./p-10ac8b57.js";import"./p-b75ee3ba.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-c2488ed6.js";import"./p-d9671d27.js";import"./p-ef9cbad1.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-fe12eff6.js";import"./p-8d0ca805.js";import"./p-b1f869fb.js";import"./p-6f8be8ea.js";import"./p-5b71c85e.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-a7b5f497.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";var g=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};class y extends a{render(){const e=d.getIconKey(this.country),s=j.hasIcon(e),o=h(this.size,"widthAndHeight"),i=`calc(${o} * 4 / 3)`;return s?t("vega-icon",{icon:e,size:this.size,style:{"--vega-icon-width":i}}):t("vega-skeleton",{type:"image",corners:"rounded-2",height:o,width:i})}}g([p()],y.prototype,"size",void 0),g([p()],y.prototype,"country",void 0);var R=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};class w extends a{constructor(){super(...arguments),this.isAcceptObserver=()=>!0,this.listenerCallback=()=>{e(this.host)}}componentWillLoad(){this.country&&(this.isFlagForCountryCodeLoaded(this.country)||this.registerObserver())}unRegisterObserver(){this.observer&&(v.unregister(b,this.observer),this.observer=null)}registerObserver(){this.observer=new u(this.isAcceptObserver.bind(this),this.listenerCallback.bind(this)),v.register(b,this.observer)}isFlagForCountryCodeLoaded(t){const e=d.getIconKey(t);return d.hasIcon(e)}}!async function(){try{const t=(await import("./p-3e258753.js")).CountryFlags;d.register(t),v.notify(b,{})}catch(t){c.error("Error loading flag module:",t)}}(),R([p()],w.prototype,"host",void 0),R([p()],w.prototype,"country",void 0),R([n("componentWillLoad")],w.prototype,"componentWillLoad",null),R([n("disconnectedCallback")],w.prototype,"unRegisterObserver",null);var O=function(t,e,s,o){var i,r=arguments.length,p=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,s,o);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(p=(r<3?i(p):r>3?i(e,s,p):i(e,s))||p);return r>3&&p&&Object.defineProperty(e,s,p),p};const C=class{constructor(t){s(this,t),this.globalSlimmers={},this.renderer=new y,this.vegaFlagIconController=new w,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.size="size-16"}render(){return r(t(o,null,this.renderer.render()),this.host)}get host(){return i(this)}};O([l()],C.prototype,"globalSlimmers",void 0),O([f()],C.prototype,"renderer",void 0),O([f()],C.prototype,"vegaFlagIconController",void 0),O([f()],C.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),C.style=":host{display:inline-block}:host vega-icon,:host vega-skeleton,:host svg{display:block;border-radius:2px}:host vega-icon{width:var(--vega-icon-width, 24px)}";export{C as vega_flag_icon}