@eturnity/eturnity_reusable_components 7.33.2 → 7.33.3

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 (158) hide show
  1. package/babel.config.js +12 -1
  2. package/coverage/base.css +224 -0
  3. package/coverage/block-navigation.js +87 -0
  4. package/coverage/favicon.png +0 -0
  5. package/coverage/index.html +986 -0
  6. package/coverage/prettify.css +1 -0
  7. package/coverage/prettify.js +2 -0
  8. package/coverage/sort-arrow-sprite.png +0 -0
  9. package/coverage/sorter.js +196 -0
  10. package/coverage/src/App.vue.html +175 -0
  11. package/coverage/src/Test.vue.html +421 -0
  12. package/coverage/src/assets/index.html +116 -0
  13. package/coverage/src/assets/tests/helpers.js.html +121 -0
  14. package/coverage/src/assets/tests/index.html +116 -0
  15. package/coverage/src/assets/theme.js.html +208 -0
  16. package/coverage/src/components/addNewButton/AddNewButton.stories.js.html +157 -0
  17. package/coverage/src/components/addNewButton/index.html +131 -0
  18. package/coverage/src/components/addNewButton/index.vue.html +268 -0
  19. package/coverage/src/components/banner/actionBanner/index.html +116 -0
  20. package/coverage/src/components/banner/actionBanner/index.vue.html +277 -0
  21. package/coverage/src/components/banner/banner/banner.stories.js.html +178 -0
  22. package/coverage/src/components/banner/banner/index.html +131 -0
  23. package/coverage/src/components/banner/banner/index.vue.html +649 -0
  24. package/coverage/src/components/banner/infoBanner/index.html +116 -0
  25. package/coverage/src/components/banner/infoBanner/index.vue.html +256 -0
  26. package/coverage/src/components/buttons/buttonIcon/index.html +116 -0
  27. package/coverage/src/components/buttons/buttonIcon/index.vue.html +520 -0
  28. package/coverage/src/components/buttons/closeButton/CloseButton.stories.js.html +172 -0
  29. package/coverage/src/components/buttons/closeButton/index.html +131 -0
  30. package/coverage/src/components/buttons/closeButton/index.vue.html +268 -0
  31. package/coverage/src/components/buttons/mainButton/index.html +116 -0
  32. package/coverage/src/components/buttons/mainButton/index.vue.html +505 -0
  33. package/coverage/src/components/card/index.html +116 -0
  34. package/coverage/src/components/card/index.vue.html +373 -0
  35. package/coverage/src/components/collapsableInfoText/index.html +116 -0
  36. package/coverage/src/components/collapsableInfoText/index.vue.html +466 -0
  37. package/coverage/src/components/deleteIcon/DeleteIcon.stories.js.html +172 -0
  38. package/coverage/src/components/deleteIcon/index.html +131 -0
  39. package/coverage/src/components/deleteIcon/index.vue.html +319 -0
  40. package/coverage/src/components/draggableInputHandle/index.html +116 -0
  41. package/coverage/src/components/draggableInputHandle/index.vue.html +223 -0
  42. package/coverage/src/components/dropdown/Dropdown.stories.js.html +244 -0
  43. package/coverage/src/components/dropdown/index.html +131 -0
  44. package/coverage/src/components/dropdown/index.vue.html +499 -0
  45. package/coverage/src/components/errorMessage/index.html +116 -0
  46. package/coverage/src/components/errorMessage/index.vue.html +277 -0
  47. package/coverage/src/components/filter/filterSettings.vue.html +2002 -0
  48. package/coverage/src/components/filter/index.html +146 -0
  49. package/coverage/src/components/filter/index.vue.html +547 -0
  50. package/coverage/src/components/filter/parentDropdown.vue.html +358 -0
  51. package/coverage/src/components/icon/Icons.stories.js.html +208 -0
  52. package/coverage/src/components/icon/iconCollection.vue.html +289 -0
  53. package/coverage/src/components/icon/index.html +146 -0
  54. package/coverage/src/components/icon/index.vue.html +505 -0
  55. package/coverage/src/components/iconWrapper/index.html +116 -0
  56. package/coverage/src/components/iconWrapper/index.vue.html +622 -0
  57. package/coverage/src/components/infoCard/index.html +116 -0
  58. package/coverage/src/components/infoCard/index.vue.html +205 -0
  59. package/coverage/src/components/infoText/index.html +116 -0
  60. package/coverage/src/components/infoText/index.vue.html +595 -0
  61. package/coverage/src/components/inputs/checkbox/Checkbox.stories.js.html +256 -0
  62. package/coverage/src/components/inputs/checkbox/index.html +131 -0
  63. package/coverage/src/components/inputs/checkbox/index.vue.html +757 -0
  64. package/coverage/src/components/inputs/inputNumber/InputNumber.stories.js.html +535 -0
  65. package/coverage/src/components/inputs/inputNumber/index.html +131 -0
  66. package/coverage/src/components/inputs/inputNumber/index.vue.html +2452 -0
  67. package/coverage/src/components/inputs/inputNumberQuestion/index.html +116 -0
  68. package/coverage/src/components/inputs/inputNumberQuestion/index.vue.html +739 -0
  69. package/coverage/src/components/inputs/inputText/InputText.stories.js.html +310 -0
  70. package/coverage/src/components/inputs/inputText/index.html +131 -0
  71. package/coverage/src/components/inputs/inputText/index.vue.html +1213 -0
  72. package/coverage/src/components/inputs/radioButton/RadioButton.stories.js.html +259 -0
  73. package/coverage/src/components/inputs/radioButton/index.html +131 -0
  74. package/coverage/src/components/inputs/radioButton/index.vue.html +904 -0
  75. package/coverage/src/components/inputs/searchInput/SearchInput.stories.js.html +205 -0
  76. package/coverage/src/components/inputs/searchInput/index.html +131 -0
  77. package/coverage/src/components/inputs/searchInput/index.vue.html +538 -0
  78. package/coverage/src/components/inputs/select/index.html +131 -0
  79. package/coverage/src/components/inputs/select/index.vue.html +2809 -0
  80. package/coverage/src/components/inputs/select/option/index.html +116 -0
  81. package/coverage/src/components/inputs/select/option/index.vue.html +529 -0
  82. package/coverage/src/components/inputs/select/select.stories.js.html +259 -0
  83. package/coverage/src/components/inputs/slider/index.html +116 -0
  84. package/coverage/src/components/inputs/slider/index.vue.html +463 -0
  85. package/coverage/src/components/inputs/switchField/index.html +116 -0
  86. package/coverage/src/components/inputs/switchField/index.vue.html +847 -0
  87. package/coverage/src/components/inputs/textAreaInput/TextAreaInput.stories.js.html +466 -0
  88. package/coverage/src/components/inputs/textAreaInput/index.html +131 -0
  89. package/coverage/src/components/inputs/textAreaInput/index.vue.html +679 -0
  90. package/coverage/src/components/inputs/toggle/Toggle.stories.js.html +316 -0
  91. package/coverage/src/components/inputs/toggle/index.html +131 -0
  92. package/coverage/src/components/inputs/toggle/index.vue.html +1036 -0
  93. package/coverage/src/components/label/index.html +116 -0
  94. package/coverage/src/components/label/index.vue.html +382 -0
  95. package/coverage/src/components/markerItem/index.html +116 -0
  96. package/coverage/src/components/markerItem/index.vue.html +349 -0
  97. package/coverage/src/components/modals/actionModal/index.html +116 -0
  98. package/coverage/src/components/modals/actionModal/index.vue.html +277 -0
  99. package/coverage/src/components/modals/infoModal/index.html +116 -0
  100. package/coverage/src/components/modals/infoModal/index.vue.html +241 -0
  101. package/coverage/src/components/modals/modal/index.html +131 -0
  102. package/coverage/src/components/modals/modal/index.vue.html +649 -0
  103. package/coverage/src/components/modals/modal/modal.stories.js.html +178 -0
  104. package/coverage/src/components/navigationTabs/index.html +116 -0
  105. package/coverage/src/components/navigationTabs/index.vue.html +427 -0
  106. package/coverage/src/components/pageSubtitle/index.html +116 -0
  107. package/coverage/src/components/pageSubtitle/index.vue.html +286 -0
  108. package/coverage/src/components/pageTitle/index.html +116 -0
  109. package/coverage/src/components/pageTitle/index.vue.html +289 -0
  110. package/coverage/src/components/pagination/index.html +116 -0
  111. package/coverage/src/components/pagination/index.vue.html +529 -0
  112. package/coverage/src/components/progressBar/index.html +116 -0
  113. package/coverage/src/components/progressBar/index.vue.html +460 -0
  114. package/coverage/src/components/projectMarker/index.html +116 -0
  115. package/coverage/src/components/projectMarker/index.vue.html +985 -0
  116. package/coverage/src/components/rangeSlider/Slider.vue.html +1804 -0
  117. package/coverage/src/components/rangeSlider/index.html +131 -0
  118. package/coverage/src/components/rangeSlider/index.vue.html +1636 -0
  119. package/coverage/src/components/rangeSlider/utils/dom.js.html +232 -0
  120. package/coverage/src/components/rangeSlider/utils/fns.js.html +163 -0
  121. package/coverage/src/components/rangeSlider/utils/index.html +131 -0
  122. package/coverage/src/components/selectedOptions/index.html +116 -0
  123. package/coverage/src/components/selectedOptions/index.vue.html +520 -0
  124. package/coverage/src/components/sideMenu/index.html +116 -0
  125. package/coverage/src/components/sideMenu/index.vue.html +895 -0
  126. package/coverage/src/components/spinner/index.html +116 -0
  127. package/coverage/src/components/spinner/index.vue.html +289 -0
  128. package/coverage/src/components/tableDropdown/index.html +116 -0
  129. package/coverage/src/components/tableDropdown/index.vue.html +1999 -0
  130. package/coverage/src/components/tables/mainTable/exampleNested.vue.html +1069 -0
  131. package/coverage/src/components/tables/mainTable/index.html +131 -0
  132. package/coverage/src/components/tables/mainTable/index.vue.html +1615 -0
  133. package/coverage/src/components/tables/viewTable/index.html +116 -0
  134. package/coverage/src/components/tables/viewTable/index.vue.html +670 -0
  135. package/coverage/src/components/tabsHeader/index.html +116 -0
  136. package/coverage/src/components/tabsHeader/index.vue.html +334 -0
  137. package/coverage/src/components/threeDots/index.html +116 -0
  138. package/coverage/src/components/threeDots/index.vue.html +1324 -0
  139. package/coverage/src/components/videoThumbnail/index.html +131 -0
  140. package/coverage/src/components/videoThumbnail/index.vue.html +394 -0
  141. package/coverage/src/components/videoThumbnail/videoThumbnail.stories.js.html +184 -0
  142. package/coverage/src/helpers/currencyMapping.js.html +169 -0
  143. package/coverage/src/helpers/index.html +146 -0
  144. package/coverage/src/helpers/numberConverter.js.html +394 -0
  145. package/coverage/src/helpers/translateLang.js.html +469 -0
  146. package/coverage/src/index.html +131 -0
  147. package/coverage/src/mixins/index.html +116 -0
  148. package/coverage/src/mixins/inputValidations.js.html +376 -0
  149. package/coverage/src/router/dynamicRoutes.js.html +154 -0
  150. package/coverage/src/router/index.html +116 -0
  151. package/coverage/src/utils/index.html +116 -0
  152. package/coverage/src/utils/index.js.html +121 -0
  153. package/jest.config.js +6 -2
  154. package/package.json +2 -2
  155. package/src/Test.vue +10 -0
  156. package/src/components/icon/index.vue +1 -1
  157. package/src/components/inputs/toggle/toggle.spec.js +1 -1
  158. /package/src/components/icon/{iconCache.js → iconCache.mjs} +0 -0
package/coverage/src/components/filter/index.vue.html ADDED
@@ -0,0 +1,547 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/filter/index.vue</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/filter</a> index.vue</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">0% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>0/55</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">0% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/33</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/29</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">0% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>0/55</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line low'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a>
181
+ <a name='L116'></a><a href='#L116'>116</a>
182
+ <a name='L117'></a><a href='#L117'>117</a>
183
+ <a name='L118'></a><a href='#L118'>118</a>
184
+ <a name='L119'></a><a href='#L119'>119</a>
185
+ <a name='L120'></a><a href='#L120'>120</a>
186
+ <a name='L121'></a><a href='#L121'>121</a>
187
+ <a name='L122'></a><a href='#L122'>122</a>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a>
196
+ <a name='L131'></a><a href='#L131'>131</a>
197
+ <a name='L132'></a><a href='#L132'>132</a>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
207
+ <a name='L142'></a><a href='#L142'>142</a>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-no">&nbsp;</span>
223
+ <span class="cline-any cline-no">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-no">&nbsp;</span>
227
+ <span class="cline-any cline-no">&nbsp;</span>
228
+ <span class="cline-any cline-no">&nbsp;</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
230
+ <span class="cline-any cline-no">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-no">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span>
241
+ <span class="cline-any cline-neutral">&nbsp;</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-neutral">&nbsp;</span>
251
+ <span class="cline-any cline-neutral">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-neutral">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-neutral">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-neutral">&nbsp;</span>
258
+ <span class="cline-any cline-neutral">&nbsp;</span>
259
+ <span class="cline-any cline-neutral">&nbsp;</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-no">&nbsp;</span>
273
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-neutral">&nbsp;</span>
275
+ <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
+ <span class="cline-any cline-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-no">&nbsp;</span>
281
+ <span class="cline-any cline-no">&nbsp;</span>
282
+ <span class="cline-any cline-neutral">&nbsp;</span>
283
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-neutral">&nbsp;</span>
286
+ <span class="cline-any cline-no">&nbsp;</span>
287
+ <span class="cline-any cline-neutral">&nbsp;</span>
288
+ <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-no">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
291
+ <span class="cline-any cline-neutral">&nbsp;</span>
292
+ <span class="cline-any cline-neutral">&nbsp;</span>
293
+ <span class="cline-any cline-no">&nbsp;</span>
294
+ <span class="cline-any cline-neutral">&nbsp;</span>
295
+ <span class="cline-any cline-neutral">&nbsp;</span>
296
+ <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-neutral">&nbsp;</span>
298
+ <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-no">&nbsp;</span>
300
+ <span class="cline-any cline-no">&nbsp;</span>
301
+ <span class="cline-any cline-no">&nbsp;</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
303
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-neutral">&nbsp;</span>
305
+ <span class="cline-any cline-no">&nbsp;</span>
306
+ <span class="cline-any cline-no">&nbsp;</span>
307
+ <span class="cline-any cline-neutral">&nbsp;</span>
308
+ <span class="cline-any cline-neutral">&nbsp;</span>
309
+ <span class="cline-any cline-neutral">&nbsp;</span>
310
+ <span class="cline-any cline-no">&nbsp;</span>
311
+ <span class="cline-any cline-no">&nbsp;</span>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-neutral">&nbsp;</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
316
+ <span class="cline-any cline-neutral">&nbsp;</span>
317
+ <span class="cline-any cline-no">&nbsp;</span>
318
+ <span class="cline-any cline-no">&nbsp;</span>
319
+ <span class="cline-any cline-no">&nbsp;</span>
320
+ <span class="cline-any cline-neutral">&nbsp;</span>
321
+ <span class="cline-any cline-neutral">&nbsp;</span>
322
+ <span class="cline-any cline-no">&nbsp;</span>
323
+ <span class="cline-any cline-no">&nbsp;</span>
324
+ <span class="cline-any cline-neutral">&nbsp;</span>
325
+ <span class="cline-any cline-neutral">&nbsp;</span>
326
+ <span class="cline-any cline-no">&nbsp;</span>
327
+ <span class="cline-any cline-no">&nbsp;</span>
328
+ <span class="cline-any cline-neutral">&nbsp;</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-no">&nbsp;</span>
331
+ <span class="cline-any cline-no">&nbsp;</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-no">&nbsp;</span>
335
+ <span class="cline-any cline-no">&nbsp;</span>
336
+ <span class="cline-any cline-neutral">&nbsp;</span>
337
+ <span class="cline-any cline-neutral">&nbsp;</span>
338
+ <span class="cline-any cline-no">&nbsp;</span>
339
+ <span class="cline-any cline-no">&nbsp;</span>
340
+ <span class="cline-any cline-neutral">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-no">&nbsp;</span>
344
+ <span class="cline-any cline-neutral">&nbsp;</span>
345
+ <span class="cline-any cline-no">&nbsp;</span>
346
+ <span class="cline-any cline-neutral">&nbsp;</span>
347
+ <span class="cline-any cline-neutral">&nbsp;</span>
348
+ <span class="cline-any cline-no">&nbsp;</span>
349
+ <span class="cline-any cline-no">&nbsp;</span>
350
+ <span class="cline-any cline-neutral">&nbsp;</span>
351
+ <span class="cline-any cline-no">&nbsp;</span>
352
+ <span class="cline-any cline-no">&nbsp;</span>
353
+ <span class="cline-any cline-no">&nbsp;</span>
354
+ <span class="cline-any cline-no">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
+ <span class="cline-any cline-no">&nbsp;</span>
358
+ <span class="cline-any cline-neutral">&nbsp;</span>
359
+ <span class="cline-any cline-neutral">&nbsp;</span>
360
+ <span class="cline-any cline-no">&nbsp;</span>
361
+ <span class="cline-any cline-neutral">&nbsp;</span>
362
+ <span class="cline-any cline-neutral">&nbsp;</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
+ <span class="cline-any cline-neutral">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-neutral">&nbsp;</span>
368
+ <span class="cline-any cline-neutral">&nbsp;</span>
369
+ <span class="cline-any cline-neutral">&nbsp;</span>
370
+ <span class="cline-any cline-no">&nbsp;</span>
371
+ <span class="cline-any cline-no">&nbsp;</span>
372
+ <span class="cline-any cline-no">&nbsp;</span>
373
+ <span class="cline-any cline-no">&nbsp;</span>
374
+ <span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
375
+ &lt;PageWrapper ref="dropdown"&gt;
376
+ &lt;ParentDropdown<span class="cstat-no" title="statement not covered" ></span>
377
+ <span class="cstat-no" title="statement not covered" > :dropdown-text="dropdownText ? dropdownText : 'Default view'"</span>
378
+ :is-open="isDropdownOpen"
379
+ @on-toggle="onToggleDropdown()"
380
+ <span class="cstat-no" title="statement not covered" > /&gt;</span>
381
+ &lt;FilterSettings<span class="cstat-no" title="statement not covered" ></span>
382
+ v-if="isDropdown<span class="cstat-no" title="statement not covered" >Open"</span>
383
+ :active-language<span class="cstat-no" title="statement not covered" >="activeLanguage"</span>
384
+ :active-view="<span class="cstat-no" title="statement not covered" >activeView"</span>
385
+ :button-text="buttonText"
386
+ :filter-data="filterData"
387
+ :filter-v<span class="cstat-no" title="statement not covered" >iews="filterViews"</span>
388
+ :has-active-view="hasActiveView"
389
+ :settings-translations="settingsTranslations"
390
+ @on-apply-current-view="onApplyCurrentView()"
391
+ @on-cancel-view="onCancelSettings()"
392
+ @on-container-click="onContainerClick()"
393
+ @on-drag-change="$emit('on-drag-change', $event)"
394
+ @on-filter-change="onFilterChange($event)"
395
+ @on-prevent-close="onPreventClose($event)"
396
+ @on-reset-filters="onResetFilters()"
397
+ @on-save-new-view="$emit('on-save-new-view')"
398
+ @on-view-delete="onViewDelete($event)"
399
+ @on-view-select="onViewSelect($event)"
400
+ /&gt;
401
+ &lt;/PageWrapper&gt;
402
+ &lt;/template&gt;
403
+ &nbsp;
404
+ &lt;script&gt;
405
+ import styled from 'vue3-styled-components'
406
+ import ParentDropdown from './parentDropdown'
407
+ import FilterSettings from './filterSettings'
408
+ &nbsp;
409
+ const PageWrapper = styled.div`
410
+ position: relative;
411
+ `
412
+ &nbsp;
413
+ export default {
414
+ name: 'FilterComponent',
415
+ components: {
416
+ ParentDropdown,
417
+ PageWrapper,
418
+ FilterSettings,
419
+ },
420
+ props: {
421
+ filterData: {
422
+ required: true,
423
+ },
424
+ dropdownText: {
425
+ <span class="fstat-no" title="function not covered" ></span> required: false,
426
+ <span class="cstat-no" title="statement not covered" > },</span>
427
+ filterViews: {
428
+ required: true,
429
+ },
430
+ activeView: {
431
+ required: false,
432
+ default: null,
433
+ <span class="fstat-no" title="function not covered" ></span> },
434
+ <span class="cstat-no" title="statement not covered" > buttonText: {</span>
435
+ <span class="cstat-no" title="statement not covered" > required: false,</span>
436
+ },
437
+ hasActiveView: {
438
+ required: false,
439
+ <span class="fstat-no" title="function not covered" ></span> },
440
+ <span class="cstat-no" title="statement not covered" > activeLanguage: {</span>
441
+ required: false,
442
+ <span class="fstat-no" title="function not covered" ></span> default: 'en-us',
443
+ <span class="cstat-no" title="statement not covered" > },</span>
444
+ settingsTranslations: {
445
+ required: false,
446
+ <span class="fstat-no" title="function not covered" ></span> },
447
+ <span class="cstat-no" title="statement not covered" > closeDropdown: {</span>
448
+ required: false,
449
+ <span class="fstat-no" title="function not covered" ></span> },
450
+ },
451
+ data() {
452
+ return {
453
+ <span class="cstat-no" title="statement not covered" > isDropdownOpen: false,</span>
454
+ <span class="cstat-no" title="statement not covered" > activeFil<span class="fstat-no" title="function not covered" >te</span>r: null,</span>
455
+ <span class="cstat-no" title="statement not covered" > preventOutsideClick: false,</span>
456
+ }
457
+ },
458
+ <span class="fstat-no" title="function not covered" > wa</span>tch: {
459
+ <span class="cstat-no" title="statement not covered" > closeDropdown(newVal) {</span>
460
+ <span class="cstat-no" title="statement not covered" > if (newVal) {</span>
461
+ this.isDropdownOpen = false
462
+ }
463
+ <span class="fstat-no" title="function not covered" ></span> },
464
+ },<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
465
+ moun<span class="cstat-no" title="statement not covered" >ted() {</span>
466
+ document.addEventListener('click', this.clickOutside)
467
+ },
468
+ <span class="fstat-no" title="function not covered" > be</span>foreDestroy() {
469
+ document.removeEventListener('click', this.clickOutside)
470
+ },
471
+ me<span class="cstat-no" title="statement not covered" >thods: {</span>
472
+ <span class="cstat-no" title="statement not covered" > onToggleDropdown() {</span>
473
+ <span class="cstat-no" title="statement not covered" > this.isDropdownOpen = !thi</span>s.isDropdownOpen
474
+ },
475
+ <span class="fstat-no" title="function not covered" ></span> onContainerClick() {
476
+ <span class="cstat-no" title="statement not covered" > // due to newer version</span>s of Chrome (121), contains() is not always working.
477
+ <span class="cstat-no" title="statement not covered" > // So, we need to add this s</span>o that the filter modal won't close
478
+ // when we open a dropdown. EPDM-9732
479
+ <span class="fstat-no" title="function not covered" ></span> this.preventOutsideClick = true
480
+ <span class="cstat-no" title="statement not covered" > setTimeout(() =&gt; {</span>
481
+ <span class="cstat-no" title="statement not covered" > this.preventOutsideClick = false</span>
482
+ }, 100)
483
+ <span class="fstat-no" title="function not covered" ></span> },
484
+ <span class="cstat-no" title="statement not covered" > clickOutside(event) {</span>
485
+ <span class="cstat-no" title="statement not covered" > if (</span>
486
+ this.$refs.dropdown &amp;&amp;
487
+ <span class="fstat-no" title="function not covered" ></span> !this.$refs.dropdown.$el.contains(event.target) &amp;&amp;
488
+ <span class="cstat-no" title="statement not covered" > !this.preventOutsideC</span>lick
489
+ <span class="cstat-no" title="statement not covered" > ) {</span>
490
+ this.isDropdownOpen = false
491
+ <span class="fstat-no" title="function not covered" ></span> }
492
+ <span class="cstat-no" title="statement not covered" > },</span>
493
+ <span class="cstat-no" title="statement not covered" > onPreventClose(value) {</span>
494
+ setTimeout(() =&gt; {
495
+ this.preventOutsideClick = value
496
+ }, 100)
497
+ <span class="cstat-no" title="statement not covered" > },</span>
498
+ onFilterChange(data) {
499
+ <span class="cstat-no" title="statement not covered" > // this.preventOutsideClick = true is needed for when the user clicks on the calendar icon on the date range</span>
500
+ // because clicking the calendar does not trigger the @focus
501
+ this.preventOutsideClick = true
502
+ <span class="cstat-no" title="statement not covered" > this.$emit('on-fi</span>lter-settings-change', data)
503
+ thi<span class="cstat-no" title="statement not covered" >s.onPreventClos</span>e(false)
504
+ },<span class="fstat-no" title="function not covered" ></span>
505
+ onCancelSettings() {<span class="cstat-no" title="statement not covered" ></span>
506
+ this.onToggleDropdown()<span class="cstat-no" title="statement not covered" ></span>
507
+ this.$emit('on-cancel-vie<span class="cstat-no" title="statement not covered" >w')</span>
508
+ <span class="cstat-no" title="statement not covered" > },</span>
509
+ onViewSelect(item) {
510
+ this.onToggleDropdown()
511
+ this.$emit('on-filter-v<span class="fstat-no" title="function not covered" >ie</span>w-se<span class="cstat-no" title="statement not covered" >lect', item)</span>
512
+ },
513
+ onViewDelete(item) {
514
+ this.onToggleDropdown()<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
515
+ this.$emit('on-filter-view-delete', item)
516
+ },
517
+ onApplyCurrentView() {
518
+ this.onToggleDropdown()
519
+ this.$emit('on-apply-current-view')
520
+ },
521
+ onResetFilters() {
522
+ this.onToggleDropdown()
523
+ this.$emit('on-reset-filters')
524
+ },<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
525
+ },<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
526
+ }<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
527
+ &lt;/script&gt;<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span>
528
+ <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ></span></span></pre></td></tr></table></pre>
529
+
530
+ <div class='push'></div><!-- for sticky footer -->
531
+ </div><!-- /wrapper -->
532
+ <div class='footer quiet pad2 space-top1 center small'>
533
+ Code coverage generated by
534
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
535
+ at 2024-08-08T06:40:40.328Z
536
+ </div>
537
+ <script src="../../../prettify.js"></script>
538
+ <script>
539
+ window.onload = function () {
540
+ prettyPrint();
541
+ };
542
+ </script>
543
+ <script src="../../../sorter.js"></script>
544
+ <script src="../../../block-navigation.js"></script>
545
+ </body>
546
+ </html>
547
+