@fullsession.io/fs-feedback-widget 1.3.3 → 1.3.5

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 (12) hide show
  1. package/dist/bundle.css +329 -0
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/dist/publicextra.css +298 -0
  7. package/package.json +1 -1
  8. package/src/App.svelte +140 -114
  9. package/src/main.js +32 -32
  10. package/src/widgetPages/App.css +14 -14
  11. package/src/widgetPages/reactionPage.svelte +93 -76
  12. package/src/widgetPages/reactionpage.css +64 -32
package/dist/bundle.css ADDED
@@ -0,0 +1,329 @@
1
+ fsContainer{
2
+ width: 100%;
3
+ display: flex;
4
+ flex-direction: var(--wgPositionVertical);
5
+ position: fixed;
6
+ top: 0; right: 0; bottom: 0; left: 0;
7
+ height: 100%;
8
+ pointer-events: none;
9
+ align-items: var(--wgPositionHorizintal);
10
+ padding: 0;
11
+ z-index: 100000;
12
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
13
+ }
14
+ .fsWidget {
15
+ pointer-events: auto;
16
+ background-color: var(--widgetColor);
17
+ width: 34px;
18
+ height: 112px;
19
+ border-top-left-radius:var(--widgetLeftSideBorder) ;
20
+ border-bottom-left-radius: var(--widgetLeftSideBorder);
21
+ border-top-right-radius: var(--widgetRightSideBorder) ;
22
+ border-bottom-right-radius: var(--widgetRightSideBorder);
23
+ box-shadow: 0.2px 0.2px 0.2px rgb(133, 130, 130);
24
+ display: flex;
25
+ flex-direction: column;
26
+ align-items: center;
27
+ justify-content: space-evenly;
28
+ cursor: pointer;
29
+ margin-top: 5px;
30
+ }
31
+ #fsMainIcon {
32
+ width: 60%;
33
+ margin-left: 4%;
34
+ cursor: pointer;
35
+ }
36
+ #fsFeedbackTxt {
37
+ color: var(--widgetTextColor);
38
+ font-size: 15px;
39
+ writing-mode: vertical-lr;
40
+ transform: rotate(180deg);
41
+ cursor: pointer;
42
+ font-size-adjust: 0.40;
43
+ }
44
+ .fsWidget:hover {
45
+ width: 35px;
46
+ -webkit-box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);
47
+ box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);
48
+ }
49
+ .fsCont {
50
+ pointer-events: auto;
51
+ width: 320px;
52
+ height: fit-content;
53
+ background-color: rgb(255, 255, 255);
54
+ margin-right: var(--widgetMarginRight);
55
+ margin-left: var(--widgetMarginLeft);
56
+ -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
57
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
58
+ }
59
+ .fsThanksMessageCont{
60
+ pointer-events: auto;
61
+ width: 320px;
62
+ height: 104px;
63
+ background-color: rgb(255, 255, 255);
64
+ margin-right: var(--widgetMarginRight);
65
+ margin-left: var(--widgetMarginLeft);
66
+ -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
67
+ box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
68
+ }
69
+ #fsCloseIcon{
70
+ font-size: 15px;
71
+ color: #ffff;
72
+ font-weight: 600;
73
+ cursor: pointer;
74
+
75
+ }
76
+ .fsCloseCont{
77
+ pointer-events: auto;
78
+ background-color: #4d5167;
79
+ width: 27px;
80
+ height: 27px;
81
+ border-radius: 50%;
82
+ display: flex;
83
+ justify-content: center;
84
+ align-items: center;
85
+ margin-top: -15px;
86
+ margin-left: 85%;
87
+ cursor: pointer;
88
+ }
89
+
90
+
91
+
92
+
93
+
94
+ /* @media (min-width: 640px) {
95
+ body {
96
+ max-width: none;
97
+ }
98
+ } */.fsReactionsContainer {
99
+ pointer-events: auto;
100
+ display: flex;
101
+ flex-direction: column;
102
+ height: 190px;
103
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
104
+ }
105
+ .fsIcons {
106
+ display: flex;
107
+ flex-direction: row;
108
+ justify-content: space-evenly;
109
+ margin-top: 11%;
110
+ }
111
+ #fsTxt {
112
+ font-size: 17px;
113
+ display: flex;
114
+ text-align: center;
115
+ margin-top: 5%;
116
+ width: 61%;
117
+ margin-left: 19%;
118
+ }
119
+
120
+ .fsIconTextCont {
121
+ pointer-events: auto;
122
+ display: flex;
123
+ flex-direction: column;
124
+ align-items: center;
125
+ height: 22px;
126
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
127
+ }
128
+
129
+ .fsReactionText {
130
+ font-size: 12px;
131
+ display: none;
132
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
133
+ margin-top: 0px;
134
+
135
+ }
136
+ .fsIconTextCont:hover{
137
+ pointer-events: auto;
138
+ cursor: pointer;
139
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
140
+ }
141
+ .fsReactionIcon:hover + .fsReactionText {
142
+ display: block;
143
+ opacity: 0.8;
144
+ }
145
+
146
+ .fsCommentContainer{
147
+ pointer-events: auto;
148
+ display: flex;
149
+ flex-direction: column;
150
+ height: 291px;
151
+ pointer-events: auto;
152
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
153
+ }
154
+ .fsTextAreaCont{
155
+ pointer-events: auto;
156
+ width: 100%;
157
+ height: 140px;
158
+ background-color: #eaeaeb;
159
+ margin-top: 17%;
160
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
161
+
162
+ }
163
+ .fsTextArea{
164
+ border: 0px;
165
+ width: 85%;
166
+ height: 120px;
167
+ background-color: #eaeaeb;
168
+ margin-left: 6%;
169
+ outline: none;
170
+ margin-top: 4%;
171
+ resize: none;
172
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
173
+
174
+ }
175
+ .fsSendButtonCommentComponent{
176
+ pointer-events: auto;
177
+ color: #ffff;
178
+ font-size: 12px;
179
+ text-align: center;
180
+ margin-top: 7px;
181
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
182
+
183
+ }
184
+ .fsSendButtonContCommentComp{
185
+ pointer-events: auto;
186
+ background-color: var(--buttonColor);
187
+ width: 50px;
188
+ height: 29px;
189
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
190
+ border-radius: 3px;
191
+ margin-top: 13px;
192
+ margin-right: 11px;
193
+ cursor: pointer;
194
+ border: 0px;
195
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
196
+
197
+ }
198
+
199
+ .fsCommentButtonContDisable{
200
+ pointer-events: auto;
201
+ background-color: #cccccc;
202
+ width: 50px;
203
+ height: 29px;
204
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
205
+ border-radius: 3px;
206
+ margin-top: 13px;
207
+ margin-right: 11px;
208
+ cursor:not-allowed;
209
+ border: 0px;
210
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
211
+
212
+ }
213
+ .fsCommentButtonTxtDisable{
214
+ pointer-events: auto;
215
+ color: black;
216
+ font-size: 12px;
217
+ text-align: center;
218
+ margin-top: 7px;
219
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
220
+
221
+ }
222
+ .fsFooter{
223
+ pointer-events: auto;
224
+ display: flex;
225
+ justify-content: flex-end;
226
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
227
+
228
+ }
229
+
230
+ .fsIcons-second{
231
+
232
+ display: flex;
233
+ flex-direction: row;
234
+ justify-content: space-evenly;
235
+ margin-top: 6%;
236
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
237
+
238
+ }
239
+ .fsPointerDiv{
240
+ width: 0;
241
+ height: 0;
242
+ border-left: 3px solid transparent;
243
+ margin-top: -8px;
244
+ border-right: 5px solid transparent;
245
+ border-bottom: 8px solid #eaeaeb;
246
+ margin-left: var(--pointerMargin);
247
+
248
+
249
+ }
250
+ #fsHateDiv{
251
+ display: var(--hateDisplay);
252
+ }
253
+ #fsDislikeDiv{
254
+ display: var(--dislikeDisplay);
255
+ }
256
+ #fsNeutralDiv{
257
+ display: var(--neutralDisplay);
258
+ }
259
+ #fsLikeDiv{
260
+ display: var(--likeDisplay);
261
+ }
262
+ #fsLoveDiv{
263
+ display: var(--loveDisplay);
264
+ }
265
+ .fsEmailContainer{
266
+ pointer-events: auto;
267
+ display: flex;
268
+ flex-direction: column;
269
+ height: 220px;
270
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
271
+
272
+ }
273
+ #fsEmailInputCont{
274
+ pointer-events: auto;
275
+ pointer-events: auto;
276
+ width: 100%;
277
+ height: 46px;
278
+ background-color: #eaeaeb;
279
+ display: flex;
280
+ /* align-items: center; */
281
+ justify-content: center;
282
+ margin-top: 10%;
283
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
284
+
285
+
286
+ }
287
+ #fsEmailTextArea{
288
+ pointer-events: auto;
289
+ text-align: center;
290
+ border: 0px;
291
+ background-color: #eaeaeb;
292
+ outline: none;
293
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
294
+
295
+ }
296
+ #fsEmailText{
297
+ width: 80%;
298
+ text-align: center;
299
+ margin-left: 11%;
300
+ margin-top: 8%;
301
+ line-height: 1.29;
302
+ font-size: 17px;
303
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
304
+
305
+ }
306
+ .fsEmailFooter{
307
+ pointer-events: auto;
308
+ display: flex;
309
+ justify-content: flex-end;
310
+ flex-direction: row;
311
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
312
+
313
+ }
314
+ #fsSkipText{
315
+ color: #908f8f;
316
+ cursor: pointer;
317
+ font-size: 13px;
318
+ margin-top: 6%;
319
+ margin-right: 4%;
320
+ letter-spacing: normal;
321
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
322
+
323
+
324
+ }
325
+ #fsSkipText:hover{
326
+ color: #666666;
327
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
328
+
329
+ }
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var fsFeedbackWidget=function(n){"use strict";function e(){}const t=n=>n;function o(n,e){for(const t in e)n[t]=e[t];return n}function i(n){return n()}function r(){return Object.create(null)}function l(n){n.forEach(i)}function c(n){return"function"==typeof n}function a(n,e){return n!=n?e==e:n!==e||n&&"object"==typeof n||"function"==typeof n}function s(n){const e={};for(const t in n)"$"!==t[0]&&(e[t]=n[t]);return e}const u="undefined"!=typeof window;let d=u?()=>window.performance.now():()=>Date.now(),f=u?n=>requestAnimationFrame(n):e;const p=new Set;function m(n){p.forEach((e=>{e.c(n)||(p.delete(e),e.f())})),0!==p.size&&f(m)}function g(n){let e;return 0===p.size&&f(m),{promise:new Promise((t=>{p.add(e={c:n,f:t})})),abort(){p.delete(e)}}}function x(n,e){n.appendChild(e)}function h(n){if(!n)return document;const e=n.getRootNode?n.getRootNode():n.ownerDocument;return e&&e.host?e:n.ownerDocument}function $(n){const e=b("style");return function(n,e){x(n.head||n,e)}(h(n),e),e.sheet}function v(n,e,t){n.insertBefore(e,t||null)}function y(n){n.parentNode.removeChild(n)}function b(n){return document.createElement(n)}function w(n){return document.createElementNS("http://www.w3.org/2000/svg",n)}function k(n){return document.createTextNode(n)}function C(){return k(" ")}function B(n,e,t,o){return n.addEventListener(e,t,o),()=>n.removeEventListener(e,t,o)}function T(n,e,t){null==t?n.removeAttribute(e):n.getAttribute(e)!==t&&n.setAttribute(e,t)}function M(n,e){e=""+e,n.wholeText!==e&&(n.data=e)}function z(n,e,t,o){null===t?n.style.removeProperty(e):n.style.setProperty(e,t,o?"important":"")}const E=new Map;let D,_=0;function S(n,e,t,o,i,r,l,c=0){const a=16.666/o;let s="{\n";for(let n=0;n<=1;n+=a){const o=e+(t-e)*r(n);s+=100*n+`%{${l(o,1-o)}}\n`}const u=s+`100% {${l(t,1-t)}}\n}`,d=`__svelte_${function(n){let e=5381,t=n.length;for(;t--;)e=(e<<5)-e^n.charCodeAt(t);return e>>>0}(u)}_${c}`,f=h(n),{stylesheet:p,rules:m}=E.get(f)||function(n,e){const t={stylesheet:$(e),rules:{}};return E.set(n,t),t}(f,n);m[d]||(m[d]=!0,p.insertRule(`@keyframes ${d} ${u}`,p.cssRules.length));const g=n.style.animation||"";return n.style.animation=`${g?`${g}, `:""}${d} ${o}ms linear ${i}ms 1 both`,_+=1,d}function H(n,e){const t=(n.style.animation||"").split(", "),o=t.filter(e?n=>n.indexOf(e)<0:n=>-1===n.indexOf("__svelte")),i=t.length-o.length;i&&(n.style.animation=o.join(", "),_-=i,_||f((()=>{_||(E.forEach((n=>{const{stylesheet:e}=n;let t=e.cssRules.length;for(;t--;)e.deleteRule(t);n.rules={}})),E.clear())})))}function L(n){D=n}const P=[],A=[],I=[],q=[],N=Promise.resolve();let F=!1;function R(n){I.push(n)}function j(n){q.push(n)}const O=new Set;let Q,V=0;function X(){const n=D;do{for(;V<P.length;){const n=P[V];V++,L(n),W(n.$$)}for(L(null),P.length=0,V=0;A.length;)A.pop()();for(let n=0;n<I.length;n+=1){const e=I[n];O.has(e)||(O.add(e),e())}I.length=0}while(P.length);for(;q.length;)q.pop()();F=!1,O.clear(),L(n)}function W(n){if(null!==n.fragment){n.update(),l(n.before_update);const e=n.dirty;n.dirty=[-1],n.fragment&&n.fragment.p(n.ctx,e),n.after_update.forEach(R)}}function G(){return Q||(Q=Promise.resolve(),Q.then((()=>{Q=null}))),Q}function J(n,e,t){n.dispatchEvent(function(n,e,t=!1){const o=document.createEvent("CustomEvent");return o.initCustomEvent(n,t,!1,e),o}(`${e?"intro":"outro"}${t}`))}const K=new Set;let U;function Y(){U={r:0,c:[],p:U}}function Z(){U.r||l(U.c),U=U.p}function nn(n,e){n&&n.i&&(K.delete(n),n.i(e))}function en(n,e,t,o){if(n&&n.o){if(K.has(n))return;K.add(n),U.c.push((()=>{K.delete(n),o&&(t&&n.d(1),o())})),n.o(e)}}const tn={duration:0};function on(n,e,t){const o=n.$$.props[e];void 0!==o&&(n.$$.bound[o]=t,t(n.$$.ctx[o]))}function rn(n){n&&n.c()}function ln(n,e,t,o){const{fragment:r,on_mount:a,on_destroy:s,after_update:u}=n.$$;r&&r.m(e,t),o||R((()=>{const e=a.map(i).filter(c);s?s.push(...e):l(e),n.$$.on_mount=[]})),u.forEach(R)}function cn(n,e){const t=n.$$;null!==t.fragment&&(l(t.on_destroy),t.fragment&&t.fragment.d(e),t.on_destroy=t.fragment=null,t.ctx=[])}function an(n,e){-1===n.$$.dirty[0]&&(P.push(n),F||(F=!0,N.then(X)),n.$$.dirty.fill(0)),n.$$.dirty[e/31|0]|=1<<e%31}function sn(n,t,o,i,c,a,s,u=[-1]){const d=D;L(n);const f=n.$$={fragment:null,ctx:null,props:a,update:e,not_equal:c,bound:r(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(d?d.$$.context:[])),callbacks:r(),dirty:u,skip_bound:!1,root:t.target||d.$$.root};s&&s(f.root);let p=!1;if(f.ctx=o?o(n,t.props||{},((e,t,...o)=>{const i=o.length?o[0]:t;return f.ctx&&c(f.ctx[e],f.ctx[e]=i)&&(!f.skip_bound&&f.bound[e]&&f.bound[e](i),p&&an(n,e)),t})):[],f.update(),p=!0,l(f.before_update),f.fragment=!!i&&i(f.ctx),t.target){if(t.hydrate){const n=function(n){return Array.from(n.childNodes)}(t.target);f.fragment&&f.fragment.l(n),n.forEach(y)}else f.fragment&&f.fragment.c();t.intro&&nn(n.$$.fragment),ln(n,t.target,t.anchor,t.customElement),X()}L(d)}class un{$destroy(){cn(this,1),this.$destroy=e}$on(n,e){const t=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return t.push(e),()=>{const n=t.indexOf(e);-1!==n&&t.splice(n,1)}}$set(n){var e;this.$$set&&(e=n,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}function dn(n){let t,o,i,r,l,c,a,s,u,d,f,p,m,g,h,$,b,k,C;return{c(){t=w("svg"),o=w("g"),i=w("g"),r=w("path"),l=w("g"),c=w("g"),a=w("g"),s=w("g"),u=w("g"),d=w("g"),f=w("g"),p=w("g"),m=w("g"),g=w("g"),h=w("g"),$=w("g"),b=w("g"),k=w("g"),C=w("g"),T(r,"d","M428,41.534H30c-16.569,0-30,13.431-30,30v252c0,16.568,13.432,30,30,30h132.1l43.942,52.243 c5.7,6.777,14.103,10.69,22.959,10.69c8.856,0,17.258-3.912,22.959-10.69l43.942-52.243H428c16.568,0,30-13.432,30-30v-252 C458,54.965,444.568,41.534,428,41.534z M323.916,281.534H82.854c-8.284,0-15-6.716-15-15s6.716-15,15-15h241.062 c8.284,0,15,6.716,15,15S332.2,281.534,323.916,281.534z M67.854,198.755c0-8.284,6.716-15,15-15h185.103c8.284,0,15,6.716,15,15 s-6.716,15-15,15H82.854C74.57,213.755,67.854,207.039,67.854,198.755z M375.146,145.974H82.854c-8.284,0-15-6.716-15-15 s6.716-15,15-15h292.291c8.284,0,15,6.716,15,15C390.146,139.258,383.43,145.974,375.146,145.974z"),T(t,"fill",n[0]),T(t,"version","1.1"),T(t,"id","Layer_1"),T(t,"xmlns","http://www.w3.org/2000/svg"),T(t,"xmlns:xlink","http://www.w3.org/1999/xlink"),T(t,"x","0px"),T(t,"y","0px"),T(t,"viewBox","0 0 458 458"),z(t,"enable-background","new 0 0 458 458"),T(t,"xml:space","preserve")},m(n,e){v(n,t,e),x(t,o),x(o,i),x(i,r),x(t,l),x(t,c),x(t,a),x(t,s),x(t,u),x(t,d),x(t,f),x(t,p),x(t,m),x(t,g),x(t,h),x(t,$),x(t,b),x(t,k),x(t,C)},p(n,[e]){1&e&&T(t,"fill",n[0])},i:e,o:e,d(n){n&&y(t)}}}function fn(n,e,t){let{fill:o=""}=e;return n.$$set=n=>{"fill"in n&&t(0,o=n.fill)},[o]}class pn extends un{constructor(n){super(),sn(this,n,fn,dn,a,{fill:0})}}function mn(n){let t,o,i=n[3].svg+"";return{c(){t=w("svg"),T(t,"class",o=n[4].class),T(t,"focusable",n[0]),T(t,"width",n[1]),T(t,"height",n[2]),T(t,"viewBox","0 0 "+n[3].box+" "+(n[3].box-1))},m(n,e){v(n,t,e),t.innerHTML=i},p(n,[e]){16&e&&o!==(o=n[4].class)&&T(t,"class",o),1&e&&T(t,"focusable",n[0]),2&e&&T(t,"width",n[1]),4&e&&T(t,"height",n[2])},i:e,o:e,d(n){n&&y(t)}}}function gn(n,e,t){let{name:i}=e,{focusable:r=!1}=e,{width:l="40px"}=e,{height:c="40px"}=e,a=[{box:50,name:"love",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="#EF7C54" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLove",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"like",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="#FDC537" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLike",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"neutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="#F59F45" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedNeutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"dislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"unSelectedDislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"hate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'},{box:50,name:"unSelectedHate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'}].find((n=>n.name===i));return n.$$set=n=>{t(4,e=o(o({},e),s(n))),"name"in n&&t(5,i=n.name),"focusable"in n&&t(0,r=n.focusable),"width"in n&&t(1,l=n.width),"height"in n&&t(2,c=n.height)},e=s(e),[r,l,c,a,e,i]}class xn extends un{constructor(n){super(),sn(this,n,gn,mn,a,{name:5,focusable:0,width:1,height:2})}}function hn(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}function $n(n){let t,o,i,r,c,a,s,u,d,f,p,m=n[0].wgEmailReqMsg+"";function g(n,e){return 0==n[8]?wn:1==n[8]?bn:void 0}let h=g(n),$=h&&h(n);return{c(){t=b("div"),o=b("div"),i=k(m),r=C(),c=b("div"),c.innerHTML='<input type="text" id="EmailTextArea" placeholder="email@domain.com"/>',a=C(),s=b("div"),u=b("p"),u.innerHTML="<u>Skip</u>",d=C(),$&&$.c(),T(o,"id","emailText"),T(c,"id","emailInputCont"),T(u,"id","skipText"),T(s,"class","emailFooter"),T(t,"class","emailContainer")},m(e,l){v(e,t,l),x(t,o),x(o,i),x(t,r),x(t,c),x(t,a),x(t,s),x(s,u),x(s,d),$&&$.m(s,null),f||(p=[B(c,"click",n[48]),B(u,"click",n[49])],f=!0)},p(n,e){1&e[0]&&m!==(m=n[0].wgEmailReqMsg+"")&&M(i,m),h===(h=g(n))&&$?$.p(n,e):($&&$.d(1),$=h&&h(n),$&&($.c(),$.m(s,null)))},i:e,o:e,d(n){n&&y(t),$&&$.d(),f=!1,l(p)}}}function vn(n){let e,t,o,i,r,c,a,s,u,d,f,p,m,g,h,$,w,k,M,z,E,D,_,S,H,L,P,A,I,q,N,F,R,j,O,Q,V,X,W,G,J,K,U,tn,on,rn;const ln=[Cn,kn],cn=[];function an(n,e){return n[6]?0:0==n[6]?1:-1}~(r=an(n))&&(c=cn[r]=ln[r](n));const sn=[Tn,Bn],un=[];function dn(n,e){return n[6]?0:0==n[6]?1:-1}~(p=dn(n))&&(m=un[p]=sn[p](n));const fn=[zn,Mn],pn=[];function mn(n,e){return n[6]?0:0==n[6]?1:-1}~(M=mn(n))&&(z=pn[M]=fn[M](n));const gn=[Dn,En],xn=[];function hn(n,e){return n[6]?0:0==n[6]?1:-1}~(L=hn(n))&&(P=xn[L]=gn[L](n));const $n=[Sn,_n],vn=[];function yn(n,e){return n[6]?0:0==n[6]?1:-1}function bn(n,e){return 0==n[8]?Ln:1==n[8]?Hn:void 0}~(R=yn(n))&&(j=vn[R]=$n[R](n));let wn=bn(n),Pn=wn&&wn(n);return{c(){e=b("div"),t=b("div"),o=b("div"),i=b("div"),c&&c.c(),a=C(),s=b("p"),s.textContent="Hate",u=C(),d=b("div"),f=b("div"),m&&m.c(),g=C(),h=b("p"),h.textContent="Dislike",$=C(),w=b("div"),k=b("div"),z&&z.c(),E=C(),D=b("p"),D.textContent="Neutral",_=C(),S=b("div"),H=b("div"),P&&P.c(),A=C(),I=b("p"),I.textContent="Like",q=C(),N=b("div"),F=b("div"),j&&j.c(),O=C(),Q=b("p"),Q.textContent="Love",V=C(),X=b("div"),W=b("div"),G=C(),J=b("textarea"),K=C(),U=b("div"),Pn&&Pn.c(),T(i,"class","reactionIcon"),T(s,"class","reactionText"),T(s,"id","hateDiv"),T(o,"class","iconTextCont"),T(f,"class","reactionIcon"),T(h,"class","reactionText"),T(h,"id","dislikeDiv"),T(d,"class","iconTextCont"),T(k,"class","reactionIcon"),T(D,"class","reactionText"),T(D,"id","neutralDiv"),T(w,"class","iconTextCont"),T(H,"class","reactionIcon"),T(I,"class","reactionText"),T(I,"id","likeDiv"),T(S,"class","iconTextCont"),T(F,"class","reactionIcon"),T(Q,"class","reactionText"),T(Q,"id","loveDiv"),T(N,"class","iconTextCont"),T(t,"class","icons-second"),T(W,"class","pointerDiv"),T(W,"id","pointer"),T(J,"class","textArea"),T(J,"placeholder","Tell us your experience..."),T(X,"class","textAreaCont"),T(U,"class","footer"),T(e,"class","commentContainer")},m(l,c){v(l,e,c),x(e,t),x(t,o),x(o,i),~r&&cn[r].m(i,null),x(o,a),x(o,s),x(t,u),x(t,d),x(d,f),~p&&un[p].m(f,null),x(d,g),x(d,h),x(t,$),x(t,w),x(w,k),~M&&pn[M].m(k,null),x(w,E),x(w,D),x(t,_),x(t,S),x(S,H),~L&&xn[L].m(H,null),x(S,A),x(S,I),x(t,q),x(t,N),x(N,F),~R&&vn[R].m(F,null),x(N,O),x(N,Q),x(e,V),x(e,X),x(X,W),x(X,G),x(X,J),x(e,K),x(e,U),Pn&&Pn.m(U,null),tn=!0,on||(rn=[B(o,"click",n[33]),B(d,"click",n[36]),B(w,"click",n[39]),B(S,"click",n[42]),B(F,"click",n[45]),B(J,"click",n[46])],on=!0)},p(n,e){let t=r;r=an(n),r===t?~r&&cn[r].p(n,e):(c&&(Y(),en(cn[t],1,1,(()=>{cn[t]=null})),Z()),~r?(c=cn[r],c?c.p(n,e):(c=cn[r]=ln[r](n),c.c()),nn(c,1),c.m(i,null)):c=null);let o=p;p=dn(n),p===o?~p&&un[p].p(n,e):(m&&(Y(),en(un[o],1,1,(()=>{un[o]=null})),Z()),~p?(m=un[p],m?m.p(n,e):(m=un[p]=sn[p](n),m.c()),nn(m,1),m.m(f,null)):m=null);let l=M;M=mn(n),M===l?~M&&pn[M].p(n,e):(z&&(Y(),en(pn[l],1,1,(()=>{pn[l]=null})),Z()),~M?(z=pn[M],z?z.p(n,e):(z=pn[M]=fn[M](n),z.c()),nn(z,1),z.m(k,null)):z=null);let a=L;L=hn(n),L===a?~L&&xn[L].p(n,e):(P&&(Y(),en(xn[a],1,1,(()=>{xn[a]=null})),Z()),~L?(P=xn[L],P?P.p(n,e):(P=xn[L]=gn[L](n),P.c()),nn(P,1),P.m(H,null)):P=null);let s=R;R=yn(n),R===s?~R&&vn[R].p(n,e):(j&&(Y(),en(vn[s],1,1,(()=>{vn[s]=null})),Z()),~R?(j=vn[R],j?j.p(n,e):(j=vn[R]=$n[R](n),j.c()),nn(j,1),j.m(F,null)):j=null),wn===(wn=bn(n))&&Pn?Pn.p(n,e):(Pn&&Pn.d(1),Pn=wn&&wn(n),Pn&&(Pn.c(),Pn.m(U,null)))},i(n){tn||(nn(c),nn(m),nn(z),nn(P),nn(j),tn=!0)},o(n){en(c),en(m),en(z),en(P),en(j),tn=!1},d(n){n&&y(e),~r&&cn[r].d(),~p&&un[p].d(),~M&&pn[M].d(),~L&&xn[L].d(),~R&&vn[R].d(),Pn&&Pn.d(),on=!1,l(rn)}}}function yn(n){let e,t,o,i,r,c,a,s,u,d,f,p,m,g,h,$,w,z,E,D,_,S,H,L,P,I,q,N,F,R,O,Q,V,X,W,G,J,K,U,Y,Z,tn,an,sn,un=n[0].wgQuestion+"";function dn(e){n[21](e)}let fn={};function pn(e){n[23](e)}void 0!==n[2][0]&&(fn.name=n[2][0]),s=new xn({props:fn}),A.push((()=>on(s,"name",dn)));let mn={};function gn(e){n[25](e)}void 0!==n[2][1]&&(mn.name=n[2][1]),h=new xn({props:mn}),A.push((()=>on(h,"name",pn)));let hn={};function $n(e){n[27](e)}void 0!==n[2][2]&&(hn.name=n[2][2]),S=new xn({props:hn}),A.push((()=>on(S,"name",gn)));let vn={};function yn(e){n[29](e)}void 0!==n[2][3]&&(vn.name=n[2][3]),F=new xn({props:vn}),A.push((()=>on(F,"name",$n)));let bn={};return void 0!==n[2][4]&&(bn.name=n[2][4]),G=new xn({props:bn}),A.push((()=>on(G,"name",yn))),{c(){e=b("div"),t=b("div"),o=k(un),i=C(),r=b("div"),c=b("div"),a=b("div"),rn(s.$$.fragment),d=C(),f=b("p"),f.textContent="Hate",p=C(),m=b("div"),g=b("div"),rn(h.$$.fragment),w=C(),z=b("p"),z.textContent="Dislike",E=C(),D=b("div"),_=b("div"),rn(S.$$.fragment),L=C(),P=b("p"),P.textContent="Neutral",I=C(),q=b("div"),N=b("div"),rn(F.$$.fragment),O=C(),Q=b("p"),Q.textContent="Like",V=C(),X=b("div"),W=b("div"),rn(G.$$.fragment),K=C(),U=b("p"),U.textContent="Love",Y=C(),Z=b("p"),T(t,"id","txt"),T(a,"class","reactionIcon"),T(f,"class","reactionText"),T(c,"class","iconTextCont"),T(g,"class","reactionIcon"),T(z,"class","reactionText"),T(m,"class","iconTextCont"),T(_,"class","reactionIcon"),T(P,"class","reactionText"),T(D,"class","iconTextCont"),T(N,"class","reactionIcon"),T(Q,"class","reactionText"),T(q,"class","iconTextCont"),T(W,"class","reactionIcon"),T(U,"class","reactionText"),T(X,"class","iconTextCont"),T(r,"class","icons"),T(Z,"id","test"),T(e,"class","container")},m(l,u){v(l,e,u),x(e,t),x(t,o),x(e,i),x(e,r),x(r,c),x(c,a),ln(s,a,null),x(c,d),x(c,f),x(r,p),x(r,m),x(m,g),ln(h,g,null),x(m,w),x(m,z),x(r,E),x(r,D),x(D,_),ln(S,_,null),x(D,L),x(D,P),x(r,I),x(r,q),x(q,N),ln(F,N,null),x(q,O),x(q,Q),x(r,V),x(r,X),x(X,W),ln(G,W,null),x(X,K),x(X,U),x(e,Y),x(e,Z),tn=!0,an||(sn=[B(c,"click",n[22]),B(m,"click",n[24]),B(D,"click",n[26]),B(q,"click",n[28]),B(X,"click",n[30])],an=!0)},p(n,e){(!tn||1&e[0])&&un!==(un=n[0].wgQuestion+"")&&M(o,un);const t={};!u&&4&e[0]&&(u=!0,t.name=n[2][0],j((()=>u=!1))),s.$set(t);const i={};!$&&4&e[0]&&($=!0,i.name=n[2][1],j((()=>$=!1))),h.$set(i);const r={};!H&&4&e[0]&&(H=!0,r.name=n[2][2],j((()=>H=!1))),S.$set(r);const l={};!R&&4&e[0]&&(R=!0,l.name=n[2][3],j((()=>R=!1))),F.$set(l);const c={};!J&&4&e[0]&&(J=!0,c.name=n[2][4],j((()=>J=!1))),G.$set(c)},i(n){tn||(nn(s.$$.fragment,n),nn(h.$$.fragment,n),nn(S.$$.fragment,n),nn(F.$$.fragment,n),nn(G.$$.fragment,n),tn=!0)},o(n){en(s.$$.fragment,n),en(h.$$.fragment,n),en(S.$$.fragment,n),en(F.$$.fragment,n),en(G.$$.fragment,n),tn=!1},d(n){n&&y(e),cn(s),cn(h),cn(S),cn(F),cn(G),an=!1,l(sn)}}}function bn(n){let t,o,i;return{c(){t=b("button"),t.innerHTML='<p class="SendButtonCommentComponent">Send</p>',T(t,"class","sendButtonContCommentComp")},m(e,r){v(e,t,r),o||(i=B(t,"click",n[50]),o=!0)},p:e,d(n){n&&y(t),o=!1,i()}}}function wn(n){let t;return{c(){t=b("button"),t.innerHTML='<p class="CommentButtonTxtDisable">Send</p>',T(t,"class","CommentButtonContDisable"),t.disabled=!0},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function kn(n){let e,t,o;function i(e){n[32](e)}let r={};return void 0!==n[2][0]&&(r.name=n[2][0]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][0],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Cn(n){let e,t,o;function i(e){n[31](e)}let r={};return void 0!==n[2][0]&&(r.name=n[2][0]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][0],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Bn(n){let e,t,o;function i(e){n[35](e)}let r={};return void 0!==n[2][1]&&(r.name=n[2][1]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][1],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Tn(n){let e,t,o;function i(e){n[34](e)}let r={};return void 0!==n[2][1]&&(r.name=n[2][1]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][1],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Mn(n){let e,t,o;function i(e){n[38](e)}let r={};return void 0!==n[2][2]&&(r.name=n[2][2]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][2],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function zn(n){let e,t,o;function i(e){n[37](e)}let r={};return void 0!==n[2][2]&&(r.name=n[2][2]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][2],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function En(n){let e,t,o;function i(e){n[41](e)}let r={};return void 0!==n[2][3]&&(r.name=n[2][3]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][3],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Dn(n){let e,t,o;function i(e){n[40](e)}let r={};return void 0!==n[2][3]&&(r.name=n[2][3]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][3],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function _n(n){let e,t,o;function i(e){n[44](e)}let r={};return void 0!==n[2][4]&&(r.name=n[2][4]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][4],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Sn(n){let e,t,o;function i(e){n[43](e)}let r={};return void 0!==n[2][4]&&(r.name=n[2][4]),e=new xn({props:r}),A.push((()=>on(e,"name",i))),{c(){rn(e.$$.fragment)},m(n,t){ln(e,n,t),o=!0},p(n,o){const i={};!t&&4&o[0]&&(t=!0,i.name=n[2][4],j((()=>t=!1))),e.$set(i)},i(n){o||(nn(e.$$.fragment,n),o=!0)},o(n){en(e.$$.fragment,n),o=!1},d(n){cn(e,n)}}}function Hn(n){let t,o,i;return{c(){t=b("button"),t.innerHTML='<p class="SendButtonCommentComponent">Send</p>',T(t,"class","sendButtonContCommentComp")},m(e,r){v(e,t,r),o||(i=B(t,"click",n[47]),o=!0)},p:e,d(n){n&&y(t),o=!1,i()}}}function Ln(n){let t;return{c(){t=b("button"),t.innerHTML='<p class="CommentButtonTxtDisable">Send</p>',T(t,"class","CommentButtonContDisable"),t.disabled=!0},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Pn(n){let e,t,o,i;const r=[yn,vn,$n],l=[];function c(n,e){return 1===n[7]?0:2===n[7]?1:3===n[7]?2:-1}return~(e=c(n))&&(t=l[e]=r[e](n)),{c(){t&&t.c(),o=k("")},m(n,t){~e&&l[e].m(n,t),v(n,o,t),i=!0},p(n,i){let a=e;e=c(n),e===a?~e&&l[e].p(n,i):(t&&(Y(),en(l[a],1,1,(()=>{l[a]=null})),Z()),~e?(t=l[e],t?t.p(n,i):(t=l[e]=r[e](n),t.c()),nn(t,1),t.m(o.parentNode,o)):t=null)},i(n){i||(nn(t),i=!0)},o(n){en(t),i=!1},d(n){~e&&l[e].d(n),n&&y(o)}}}function An(n,e,t){let o,i,r,l,c,a,s,u,d,f,{feedbackData:p}=e,m=["hate","dislike","neutral","like","love"],g=m,x="",h="",$="",v="test",y=!0,b=0,{closeHandler:w=((n,e,t)=>{})}=e,{closeHandlerBeforeFinishing:k=((n,e,t)=>{})}=e;const C=()=>{let n=document.querySelector(".textArea");f=setInterval((()=>{console.log(n.value),""===n.value?t(8,d=!1):t(8,d=!0)}),500)},B=()=>{let n=document.querySelector("#EmailTextArea");setInterval((()=>{console.log(n.value),/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(n.value)&&""!==n.value?t(8,d=!0):t(8,d=!1),t(5,$=""),t(5,$=document.getElementById("EmailTextArea").value)}),500)},T=(n,e,u)=>{let d=v;var f;v=u,console.log(u),t(7,o=n),t(3,x=String(e)),t(2,g=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),k($,h,x),b>0&&("hate"==(f=d)?t(19,r="none"):"dislike"==f?t(18,l="none"):"neutral"==f?t(17,c="none"):"like"==f?t(16,a="none"):"love"==f&&t(14,s="none")),b++,1==e?(t(15,i=11),t(19,r="block"),t(2,g[0]=m[0],g),t(6,y=!y)):2==e?(t(2,g[1]=m[1],g),t(15,i=30),t(18,l="block"),t(6,y=!y)):3==e?(t(2,g[2]=m[2],g),t(15,i=49),t(17,c="block"),t(6,y=!y)):4==e?(t(2,g[3]=m[3],g),t(15,i=68),t(16,a="block"),t(6,y=!y)):5==e&&(t(2,g[4]=m[4],g),t(15,i=87),t(14,s="block"),t(6,y=!y))},M=n=>{clearInterval(f),t(8,d=!1),t(7,o=n),t(4,h=document.getElementsByClassName("textArea")[0].value)};return n.$$set=n=>{"feedbackData"in n&&t(0,p=n.feedbackData),"closeHandler"in n&&t(1,w=n.closeHandler),"closeHandlerBeforeFinishing"in n&&t(13,k=n.closeHandlerBeforeFinishing)},n.$$.update=()=>{1&n.$$.dirty[0]&&t(20,u=p.wgAccentColor),32768&n.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",i+"%"),524288&n.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",r),262144&n.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",l),131072&n.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",c),65536&n.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",a),16384&n.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",s),1048576&n.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",u)},t(7,o=1),t(15,i=10),t(19,r="none"),t(18,l="none"),t(17,c="none"),t(16,a="none"),t(14,s="none"),t(8,d=!1),[p,w,g,x,h,$,y,o,d,C,B,T,M,k,s,i,a,c,l,r,u,function(e){n.$$.not_equal(g[0],e)&&(g[0]=e,t(2,g))},()=>T(2,1,"hate"),function(e){n.$$.not_equal(g[1],e)&&(g[1]=e,t(2,g))},()=>T(2,2,"dislike"),function(e){n.$$.not_equal(g[2],e)&&(g[2]=e,t(2,g))},()=>T(2,3,"neutral"),function(e){n.$$.not_equal(g[3],e)&&(g[3]=e,t(2,g))},()=>T(2,4,"like"),function(e){n.$$.not_equal(g[4],e)&&(g[4]=e,t(2,g))},()=>T(2,5,"love"),function(e){n.$$.not_equal(g[0],e)&&(g[0]=e,t(2,g))},function(e){n.$$.not_equal(g[0],e)&&(g[0]=e,t(2,g))},()=>T(2,1,"hate"),function(e){n.$$.not_equal(g[1],e)&&(g[1]=e,t(2,g))},function(e){n.$$.not_equal(g[1],e)&&(g[1]=e,t(2,g))},()=>T(2,2,"dislike"),function(e){n.$$.not_equal(g[2],e)&&(g[2]=e,t(2,g))},function(e){n.$$.not_equal(g[2],e)&&(g[2]=e,t(2,g))},()=>T(2,3,"neutral"),function(e){n.$$.not_equal(g[3],e)&&(g[3]=e,t(2,g))},function(e){n.$$.not_equal(g[3],e)&&(g[3]=e,t(2,g))},()=>T(2,4,"like"),function(e){n.$$.not_equal(g[4],e)&&(g[4]=e,t(2,g))},function(e){n.$$.not_equal(g[4],e)&&(g[4]=e,t(2,g))},()=>T(2,5,"love"),()=>C(),()=>M(3),()=>B(),()=>w($,h,x),()=>w($,h,x)]}hn(".container {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 190px;\n }\n .icons {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 11%;\n }\n #txt {\n font-size: 17px;\n display: flex;\n text-align: center;\n margin-top: 5%;\n width: 61%;\n margin-left: 19%;\n }\n\n .iconTextCont {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 22px;\n }\n\n .reactionText {\n font-size: 12px;\n display: none;\n margin-top: 9.5%;\n \n }\n .iconTextCont:hover{\n pointer-events: auto;\n cursor: pointer;\n }\n .reactionIcon:hover + .reactionText {\n display: block;\n opacity: 0.8;\n }\n\n .commentContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 291px;\n pointer-events: auto;\n }\n .textAreaCont{\n pointer-events: auto;\n width: 100%;\n height: 140px;\n background-color: #eaeaeb;\n margin-top: 17%;\n }\n .textArea{\n border: 0px;\n width: 85%;\n height: 120px;\n background-color: #eaeaeb;\n margin-left: 6%;\n outline: none;\n margin-top: 4%;\n resize: none;\n\n }\n .SendButtonCommentComponent{\n pointer-events: auto;\n color: #ffff;\n font-size: 12px;\n text-align: center;\n margin-top: 7px;\n \n }\n .sendButtonContCommentComp{\n pointer-events: auto;\n background-color: var(--buttonColor);\n width: 50px;\n height: 29px;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\n border-radius: 3px;\n margin-top: 13px;\n margin-right: 11px;\n cursor: pointer;\n border: 0px;\n \n }\n \n.CommentButtonContDisable{\n pointer-events: auto;\n background-color: #cccccc;\n width: 50px;\n height: 29px;\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\n border-radius: 3px;\n margin-top: 13px;\n margin-right: 11px;\n cursor:not-allowed;\n border: 0px;\n}\n.CommentButtonTxtDisable{\n pointer-events: auto;\n color: black;\n font-size: 12px;\n text-align: center;\n margin-top: 7px;\n}\n .footer{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n }\n\n .icons-second{\n\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 6%;\n }\n .pointerDiv{\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n margin-top: -8px;\n border-right: 5px solid transparent;\n border-bottom: 8px solid #eaeaeb;\n margin-left: var(--pointerMargin);\n\n\n }\n #hateDiv{\n display: var(--hateDisplay);\n }\n #dislikeDiv{\n display: var(--dislikeDisplay);\n }\n #neutralDiv{\n display: var(--neutralDisplay);\n }\n #likeDiv{\n display: var(--likeDisplay);\n }\n #loveDiv{\n display: var(--loveDisplay);\n }\n .emailContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 220px;\n }\n #emailInputCont{\n pointer-events: auto;\n pointer-events: auto;\n width: 100%;\n height: 46px;\n background-color: #eaeaeb;\n display: flex;\n /* align-items: center; */\n justify-content: center;\n margin-top: 10%;\n\n }\n #EmailTextArea{\n pointer-events: auto;\n text-align: center;\n border: 0px;\n background-color: #eaeaeb;\n outline: none;\n }\n #emailText{\n width: 80%;\n text-align: center;\n margin-left: 11%;\n margin-top: 8%;\n line-height: 1.29;\n font-size: 17px;\n }\n .emailFooter{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n flex-direction: row;\n }\n #skipText{\n color: #908f8f;\n cursor: pointer;\n font-size: 13px;\n margin-top: 6%;\n margin-right: 4%;\n letter-spacing: normal;\n\n }\n #skipText:hover{\n color: #666666;\n }",{insertAt:"top"});class In extends un{constructor(n){super(),sn(this,n,An,Pn,a,{feedbackData:0,closeHandler:1,closeHandlerBeforeFinishing:13},null,[-1,-1])}}function qn(n){const e=n-1;return e*e*e+1}function Nn(n,{delay:e=0,duration:t=400,easing:o=qn,x:i=0,y:r=0,opacity:l=0}={}){const c=getComputedStyle(n),a=+c.opacity,s="none"===c.transform?"":c.transform,u=a*(1-l);return{delay:e,duration:t,easing:o,css:(n,e)=>`\n\t\t\ttransform: ${s} translate(${(1-n)*i}px, ${(1-n)*r}px);\n\t\t\topacity: ${a-u*e}`}}function Fn(n){let e,t,o,i,r,l,c,a,s,u;function d(e){n[21](e)}let f={};return void 0!==n[1]&&(f.fill=n[1]),l=new pn({props:f}),A.push((()=>on(l,"fill",d))),{c(){e=b("div"),t=b("div"),o=k(n[2]),i=C(),r=b("div"),rn(l.$$.fragment),T(t,"id","feedbackTxt"),T(r,"id","mainIcon"),T(e,"class","widget")},m(c,d){v(c,e,d),x(e,t),x(t,o),x(e,i),x(e,r),ln(l,r,null),a=!0,s||(u=B(e,"click",n[11]),s=!0)},p(n,e){(!a||4&e)&&M(o,n[2]);const t={};!c&&2&e&&(c=!0,t.fill=n[1],j((()=>c=!1))),l.$set(t)},i(n){a||(nn(l.$$.fragment,n),a=!0)},o(n){en(l.$$.fragment,n),a=!1},d(n){n&&y(e),cn(l),s=!1,u()}}}function Rn(n){let o,i,r,l,a,s,u,f,p;function m(e){n[22](e)}let h={closeHandler:n[8],closeHandlerBeforeFinishing:n[9]};return void 0!==n[0]&&(h.feedbackData=n[0]),l=new In({props:h}),A.push((()=>on(l,"feedbackData",m))),{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="closeIcon">X</p>',r=C(),rn(l.$$.fragment),T(i,"class","closeCont"),T(o,"class","cont")},m(e,t){v(e,o,t),x(o,i),x(o,r),ln(l,o,null),u=!0,f||(p=B(i,"click",n[12]),f=!0)},p(e,t){n=e;const o={};!a&&1&t&&(a=!0,o.feedbackData=n[0],j((()=>a=!1))),l.$set(o)},i(i){u||(nn(l.$$.fragment,i),s||R((()=>{s=function(n,o,i){let r,l,a=o(n,i),s=!1,u=0;function f(){r&&H(n,r)}function p(){const{delay:o=0,duration:i=300,easing:c=t,tick:p=e,css:m}=a||tn;m&&(r=S(n,0,1,i,o,c,m,u++)),p(0,1);const x=d()+o,h=x+i;l&&l.abort(),s=!0,R((()=>J(n,!0,"start"))),l=g((e=>{if(s){if(e>=h)return p(1,0),J(n,!0,"end"),f(),s=!1;if(e>=x){const n=c((e-x)/i);p(n,1-n)}}return s}))}let m=!1;return{start(){m||(m=!0,H(n),c(a)?(a=a(),G().then(p)):p())},invalidate(){m=!1},end(){s&&(f(),s=!1)}}}(o,Nn,{x:n[6],duration:500}),s.start()})),u=!0)},o(n){en(l.$$.fragment,n),u=!1},d(n){n&&y(o),cn(l),f=!1,p()}}}function jn(n){let o,i,r,a,s,u,f,p,m,h=n[0].wgThanksMsg+"";return{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="closeIcon">X</p>',r=C(),a=b("div"),s=k(h),T(i,"class","closeCont"),z(a,"width","61%"),z(a,"text-align","center"),z(a,"margin-top","7%"),z(a,"margin-left","20%"),T(o,"class","thanksMessageCont")},m(e,t){v(e,o,t),x(o,i),x(o,r),x(o,a),x(a,s),f=!0,p||(m=B(i,"click",n[10]),p=!0)},p(e,t){n=e,(!f||1&t)&&h!==(h=n[0].wgThanksMsg+"")&&M(s,h)},i(n){f||(u&&u.end(1),f=!0)},o(i){u=function(n,o,i){let r,a=o(n,i),s=!0;const u=U;function f(){const{delay:o=0,duration:i=300,easing:c=t,tick:f=e,css:p}=a||tn;p&&(r=S(n,1,0,i,o,c,p));const m=d()+o,x=m+i;R((()=>J(n,!1,"start"))),g((e=>{if(s){if(e>=x)return f(0,1),J(n,!1,"end"),--u.r||l(u.c),!1;if(e>=m){const n=c((e-m)/i);f(1-n,n)}}return s}))}return u.r+=1,c(a)?G().then((()=>{a=a(),f()})):f(),{end(e){e&&a.tick&&a.tick(1,0),s&&(r&&H(n,r),s=!1)}}}(o,Nn,{x:n[7],duration:300}),f=!1},d(n){n&&y(o),n&&u&&u.end(),p=!1,m()}}}function On(n){let e,t,o,i,r=n[4]&&Fn(n),l=n[3]&&Rn(n),c=n[5]&&jn(n);return{c(){e=b("container"),r&&r.c(),t=C(),l&&l.c(),o=C(),c&&c.c()},m(n,a){v(n,e,a),r&&r.m(e,null),x(e,t),l&&l.m(e,null),x(e,o),c&&c.m(e,null),i=!0},p(n,[i]){n[4]?r?(r.p(n,i),16&i&&nn(r,1)):(r=Fn(n),r.c(),nn(r,1),r.m(e,t)):r&&(Y(),en(r,1,1,(()=>{r=null})),Z()),n[3]?l?(l.p(n,i),8&i&&nn(l,1)):(l=Rn(n),l.c(),nn(l,1),l.m(e,o)):l&&(Y(),en(l,1,1,(()=>{l=null})),Z()),n[5]?c?(c.p(n,i),32&i&&nn(c,1)):(c=jn(n),c.c(),nn(c,1),c.m(e,null)):c&&(Y(),en(c,1,1,(()=>{c=null})),Z())},i(n){i||(nn(r),nn(l),nn(c),i=!0)},o(n){en(r),en(l),en(c),i=!1},d(n){n&&y(e),r&&r.d(),l&&l.d(),c&&c.d()}}}function Qn(n,e,t){let o,{feedback:i}=e;console.log(i);let r="",l="",c="Feedback";c="en"==i.wgLanguage?" Feedback":"ar"==i.wgLanguage?"رأي":"Rétroaction",!0===i.wgAlternateColor?(r="white",l="white"):(r="black",l="black");let a="",s="",u=0,d=0,f=0,p=0,m=!1,g=!0,x=!1,h=0,$=0;0==Number(i.wgPosition)&&(a="center",s="row-reverse",u=5,d=0,f=30,p=0,h=-100,$=20),1==Number(i.wgPosition)&&(a="center",s="row",u=0,d=5,f=0,p=30,h=100,$=-20),2==Number(i.wgPosition)&&(a="flex-end",s="row-reverse",u=5,f=30,p=0,h=-100,$=20),3==Number(i.wgPosition)&&(a="flex-end",s="row",u=0,d=5,f=0,p=30,h=100,$=-20);let v=0,y="",b="",w="";const k=(n,e,t)=>{y=n,b=e,w=t;let o={email:n,comment:e,reaction:t};if(1==v){let n=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(n),console.log(o)}},C=()=>{t(3,m=!m),t(5,x=!x)};return n.$$set=n=>{"feedback"in n&&t(0,i=n.feedback)},n.$$.update=()=>{1&n.$$.dirty&&t(20,o=i.wgAccentColor),1048576&n.$$.dirty&&document.documentElement.style.setProperty("--widgetColor",o),8192&n.$$.dirty&&document.documentElement.style.setProperty("--widgetTextColor",r),16384&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionHorizintal",a),32768&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionVertical",s),65536&n.$$.dirty&&document.documentElement.style.setProperty("--widgetLeftSideBorder",u+"px"),131072&n.$$.dirty&&document.documentElement.style.setProperty("--widgetRightSideBorder",d+"px"),262144&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginRight",f+"px"),524288&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginLeft",p+"px")},[i,l,c,m,g,x,h,$,(n,e,t)=>{let o={email:n,comment:e,reaction:t},i=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(i),console.log(o),C()},k,()=>{t(5,x=!x),setTimeout((function(){t(4,g=!g)}),350)},()=>{t(3,m=!m),t(4,g=!g)},()=>{v=1,k(y,b,w),t(3,m=!m),setTimeout((function(){t(4,g=!g)}),350)},r,a,s,u,d,f,p,o,function(n){l=n,t(1,l)},function(n){i=n,t(0,i)}]}hn("container{\n width: 100%;\n display: flex;\n flex-direction: var(--wgPositionVertical);\n position: fixed;\n top: 0; right: 0; bottom: 0; left: 0;\n\theight: 100%;\n pointer-events: none;\n align-items: var(--wgPositionHorizintal);\n padding: 0;\n z-index: 100000;\n }\n .widget {\n pointer-events: auto;\n background-color: var(--widgetColor);\n width: 34px;\n height: 112px;\n border-top-left-radius:var(--widgetLeftSideBorder) ;\n border-bottom-left-radius: var(--widgetLeftSideBorder);\n border-top-right-radius: var(--widgetRightSideBorder) ;\n border-bottom-right-radius: var(--widgetRightSideBorder);\n box-shadow: 0.2px 0.2px 0.2px rgb(133, 130, 130);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n cursor: pointer;\n margin-top: 5px;\n }\n #mainIcon {\n width: 60%;\n margin-left: 4%;\n cursor: pointer;\n }\n #feedbackTxt {\n color: var(--widgetTextColor);\n font-size: 15px;\n writing-mode: vertical-lr;\n transform: rotate(180deg);\n cursor: pointer;\n font-size-adjust: 0.40;\n }\n .widget:hover {\n width: 35px;\n -webkit-box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\n box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\n }\n .cont {\n pointer-events: auto;\n width: 320px;\n height: fit-content;\n background-color: rgb(255, 255, 255);\n \tmargin-right: var(--widgetMarginRight);\n margin-left: var(--widgetMarginLeft);\n\t-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px; \n\tbox-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\n }\n .thanksMessageCont{\n pointer-events: auto;\n width: 320px;\n height: 104px;\n background-color: rgb(255, 255, 255);\n \tmargin-right: var(--widgetMarginRight);\n margin-left: var(--widgetMarginLeft);\n\t-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px; \n\tbox-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\n }\n #closeIcon{\n\t font-size: 16px;\n\t color: #ffff;\n\t font-weight: 600;\n\t font-family: system-ui;\n\tcursor: pointer;\n\t \n }\n .closeCont{\n pointer-events: auto;\n\t background-color: #4d5167;\n\t width: 27px;\n height: 27px;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin-top: -15px;\n margin-left: 85%;\n\tcursor: pointer;\n\t}\n\n \n \n \n\n @media (min-width: 640px) {\n body {\n max-width: none;\n }\n }",{insertAt:"top"});class Vn extends un{constructor(n){super(),sn(this,n,Qn,On,a,{feedback:0})}}return n.feedbackCreator=function(n){new Vn({target:document.body,props:{feedback:n}})},Object.defineProperty(n,"__esModule",{value:!0}),n}({});
1
+ var fsFeedbackWidget=function(e){"use strict";function n(){}const t=e=>e;function o(e,n){for(const t in n)e[t]=n[t];return e}function l(e){return e()}function i(){return Object.create(null)}function c(e){e.forEach(l)}function r(e){return"function"==typeof e}function s(e,n){return e!=e?n==n:e!==n||e&&"object"==typeof e||"function"==typeof e}function a(e){const n={};for(const t in e)"$"!==t[0]&&(n[t]=e[t]);return n}const u="undefined"!=typeof window;let f=u?()=>window.performance.now():()=>Date.now(),d=u?e=>requestAnimationFrame(e):n;const m=new Set;function g(e){m.forEach((n=>{n.c(e)||(m.delete(n),n.f())})),0!==m.size&&d(g)}function p(e){let n;return 0===m.size&&d(g),{promise:new Promise((t=>{m.add(n={c:e,f:t})})),abort(){m.delete(n)}}}function $(e,n){e.appendChild(n)}function h(e){if(!e)return document;const n=e.getRootNode?e.getRootNode():e.ownerDocument;return n&&n.host?n:e.ownerDocument}function y(e){const n=x("style");return function(e,n){$(e.head||e,n)}(h(e),n),n.sheet}function v(e,n,t){e.insertBefore(n,t||null)}function w(e){e.parentNode.removeChild(e)}function x(e){return document.createElement(e)}function b(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function k(e){return document.createTextNode(e)}function C(){return k(" ")}function T(e,n,t,o){return e.addEventListener(n,t,o),()=>e.removeEventListener(n,t,o)}function E(e,n,t){null==t?e.removeAttribute(n):e.getAttribute(n)!==t&&e.setAttribute(n,t)}function B(e,n){n=""+n,e.wholeText!==n&&(e.data=n)}function M(e,n,t,o){null===t?e.style.removeProperty(n):e.style.setProperty(n,t,o?"important":"")}const _=new Map;let z,S=0;function R(e,n,t,o,l,i,c,r=0){const s=16.666/o;let a="{\n";for(let e=0;e<=1;e+=s){const o=n+(t-n)*i(e);a+=100*e+`%{${c(o,1-o)}}\n`}const u=a+`100% {${c(t,1-t)}}\n}`,f=`__svelte_${function(e){let n=5381,t=e.length;for(;t--;)n=(n<<5)-n^e.charCodeAt(t);return n>>>0}(u)}_${r}`,d=h(e),{stylesheet:m,rules:g}=_.get(d)||function(e,n){const t={stylesheet:y(n),rules:{}};return _.set(e,t),t}(d,e);g[f]||(g[f]=!0,m.insertRule(`@keyframes ${f} ${u}`,m.cssRules.length));const p=e.style.animation||"";return e.style.animation=`${p?`${p}, `:""}${f} ${o}ms linear ${l}ms 1 both`,S+=1,f}function D(e,n){const t=(e.style.animation||"").split(", "),o=t.filter(n?e=>e.indexOf(n)<0:e=>-1===e.indexOf("__svelte")),l=t.length-o.length;l&&(e.style.animation=o.join(", "),S-=l,S||d((()=>{S||(_.forEach((e=>{const{stylesheet:n}=e;let t=n.cssRules.length;for(;t--;)n.deleteRule(t);e.rules={}})),_.clear())})))}function H(e){z=e}const P=[],I=[],A=[],L=[],q=Promise.resolve();let N=!1;function F(e){A.push(e)}function O(e){L.push(e)}const j=new Set;let W,U=0;function Q(){const e=z;do{for(;U<P.length;){const e=P[U];U++,H(e),V(e.$$)}for(H(null),P.length=0,U=0;I.length;)I.pop()();for(let e=0;e<A.length;e+=1){const n=A[e];j.has(n)||(j.add(n),n())}A.length=0}while(P.length);for(;L.length;)L.pop()();N=!1,j.clear(),H(e)}function V(e){if(null!==e.fragment){e.update(),c(e.before_update);const n=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,n),e.after_update.forEach(F)}}function X(){return W||(W=Promise.resolve(),W.then((()=>{W=null}))),W}function G(e,n,t){e.dispatchEvent(function(e,n,t=!1){const o=document.createEvent("CustomEvent");return o.initCustomEvent(e,t,!1,n),o}(`${n?"intro":"outro"}${t}`))}const J=new Set;let K;function Y(){K={r:0,c:[],p:K}}function Z(){K.r||c(K.c),K=K.p}function ee(e,n){e&&e.i&&(J.delete(e),e.i(n))}function ne(e,n,t,o){if(e&&e.o){if(J.has(e))return;J.add(e),K.c.push((()=>{J.delete(e),o&&(t&&e.d(1),o())})),e.o(n)}}const te={duration:0};function oe(e,n,t){const o=e.$$.props[n];void 0!==o&&(e.$$.bound[o]=t,t(e.$$.ctx[o]))}function le(e){e&&e.c()}function ie(e,n,t,o){const{fragment:i,on_mount:s,on_destroy:a,after_update:u}=e.$$;i&&i.m(n,t),o||F((()=>{const n=s.map(l).filter(r);a?a.push(...n):c(n),e.$$.on_mount=[]})),u.forEach(F)}function ce(e,n){const t=e.$$;null!==t.fragment&&(c(t.on_destroy),t.fragment&&t.fragment.d(n),t.on_destroy=t.fragment=null,t.ctx=[])}function re(e,n){-1===e.$$.dirty[0]&&(P.push(e),N||(N=!0,q.then(Q)),e.$$.dirty.fill(0)),e.$$.dirty[n/31|0]|=1<<n%31}function se(e,t,o,l,r,s,a,u=[-1]){const f=z;H(e);const d=e.$$={fragment:null,ctx:null,props:s,update:n,not_equal:r,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(f?f.$$.context:[])),callbacks:i(),dirty:u,skip_bound:!1,root:t.target||f.$$.root};a&&a(d.root);let m=!1;if(d.ctx=o?o(e,t.props||{},((n,t,...o)=>{const l=o.length?o[0]:t;return d.ctx&&r(d.ctx[n],d.ctx[n]=l)&&(!d.skip_bound&&d.bound[n]&&d.bound[n](l),m&&re(e,n)),t})):[],d.update(),m=!0,c(d.before_update),d.fragment=!!l&&l(d.ctx),t.target){if(t.hydrate){const e=function(e){return Array.from(e.childNodes)}(t.target);d.fragment&&d.fragment.l(e),e.forEach(w)}else d.fragment&&d.fragment.c();t.intro&&ee(e.$$.fragment),ie(e,t.target,t.anchor,t.customElement),Q()}H(f)}class ae{$destroy(){ce(this,1),this.$destroy=n}$on(e,n){const t=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return t.push(n),()=>{const e=t.indexOf(n);-1!==e&&t.splice(e,1)}}$set(e){var n;this.$$set&&(n=e,0!==Object.keys(n).length)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function ue(e){let t,o,l,i,c,r,s,a,u,f,d,m,g,p,h,y,x,k,C;return{c(){t=b("svg"),o=b("g"),l=b("g"),i=b("path"),c=b("g"),r=b("g"),s=b("g"),a=b("g"),u=b("g"),f=b("g"),d=b("g"),m=b("g"),g=b("g"),p=b("g"),h=b("g"),y=b("g"),x=b("g"),k=b("g"),C=b("g"),E(i,"d","M428,41.534H30c-16.569,0-30,13.431-30,30v252c0,16.568,13.432,30,30,30h132.1l43.942,52.243 c5.7,6.777,14.103,10.69,22.959,10.69c8.856,0,17.258-3.912,22.959-10.69l43.942-52.243H428c16.568,0,30-13.432,30-30v-252 C458,54.965,444.568,41.534,428,41.534z M323.916,281.534H82.854c-8.284,0-15-6.716-15-15s6.716-15,15-15h241.062 c8.284,0,15,6.716,15,15S332.2,281.534,323.916,281.534z M67.854,198.755c0-8.284,6.716-15,15-15h185.103c8.284,0,15,6.716,15,15 s-6.716,15-15,15H82.854C74.57,213.755,67.854,207.039,67.854,198.755z M375.146,145.974H82.854c-8.284,0-15-6.716-15-15 s6.716-15,15-15h292.291c8.284,0,15,6.716,15,15C390.146,139.258,383.43,145.974,375.146,145.974z"),E(t,"fill",e[0]),E(t,"version","1.1"),E(t,"id","Layer_1"),E(t,"xmlns","http://www.w3.org/2000/svg"),E(t,"xmlns:xlink","http://www.w3.org/1999/xlink"),E(t,"x","0px"),E(t,"y","0px"),E(t,"viewBox","0 0 458 458"),M(t,"enable-background","new 0 0 458 458"),E(t,"xml:space","preserve")},m(e,n){v(e,t,n),$(t,o),$(o,l),$(l,i),$(t,c),$(t,r),$(t,s),$(t,a),$(t,u),$(t,f),$(t,d),$(t,m),$(t,g),$(t,p),$(t,h),$(t,y),$(t,x),$(t,k),$(t,C)},p(e,[n]){1&n&&E(t,"fill",e[0])},i:n,o:n,d(e){e&&w(t)}}}function fe(e,n,t){let{fill:o=""}=n;return e.$$set=e=>{"fill"in e&&t(0,o=e.fill)},[o]}class de extends ae{constructor(e){super(),se(this,e,fe,ue,s,{fill:0})}}function me(e){let t,o,l=e[3].svg+"";return{c(){t=b("svg"),E(t,"class",o=e[4].class),E(t,"focusable",e[0]),E(t,"width",e[1]),E(t,"height",e[2]),E(t,"viewBox","0 0 "+e[3].box+" "+(e[3].box-1))},m(e,n){v(e,t,n),t.innerHTML=l},p(e,[n]){16&n&&o!==(o=e[4].class)&&E(t,"class",o),1&n&&E(t,"focusable",e[0]),2&n&&E(t,"width",e[1]),4&n&&E(t,"height",e[2])},i:n,o:n,d(e){e&&w(t)}}}function ge(e,n,t){let{name:l}=n,{focusable:i=!1}=n,{width:c="40px"}=n,{height:r="40px"}=n,s=[{box:50,name:"love",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="#EF7C54" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLove",svg:'\n <g transform="translate(.48)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.28"/>\n <circle fill="#3B3735" cx="7.241" cy="27.929" r="3.107"/>\n <circle fill="#3B3735" cx="42.759" cy="27.929" r="3.107"/>\n <path d="M31.236 28.764a2.245 2.245 0 0 1 2.002 3.246 9.086 9.086 0 0 1-8.234 4.779 9.104 9.104 0 0 1-8.242-4.779 2.245 2.245 0 0 1 2.002-3.246h12.472zM12.185 22.089a11.515 11.515 0 0 1-.766-.696c-1.036-1.062-2.29-2.803-1.741-4.352.392-1.21 1.81-1.567 2.95-1.488a4.743 4.743 0 0 1 1.793.487c.233.107.46.226.68.357a.33.33 0 0 0 .504-.261 3.046 3.046 0 0 1 1.358-2.611 2.385 2.385 0 0 1 2.906.635c1.21 1.314 1.088 3.133.584 4.726a20.017 20.017 0 0 1-1.34 3.255 8.12 8.12 0 0 1-.975 1.688c-.749.87-1.846.636-2.777.218a13.838 13.838 0 0 1-3.176-1.958zM37.807 22.089c.267-.218.523-.45.766-.696 1.035-1.062 2.289-2.803 1.74-4.352-.391-1.21-1.819-1.567-2.959-1.488a4.787 4.787 0 0 0-1.793.487 7.424 7.424 0 0 0-.678.357.33.33 0 0 1-.505-.261 3.046 3.046 0 0 0-1.358-2.611 2.385 2.385 0 0 0-2.907.635c-1.21 1.314-1.088 3.133-.583 4.726.35 1.122.799 2.211 1.34 3.255.256.6.584 1.167.975 1.688.749.87 1.854.636 2.776.218a13.838 13.838 0 0 0 3.186-1.958z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"like",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="#FDC537" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedLike",svg:'\n <g transform="translate(.86)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <ellipse fill="#3B3735" cx="14.156" cy="19.803" rx="2.167" ry="3.656"/>\n <ellipse fill="#3B3735" cx="35.844" cy="19.803" rx="2.167" ry="3.656"/>\n <path d="M32.444 28.1a2.643 2.643 0 0 1 2.37 3.824 10.738 10.738 0 0 1-9.69 5.629 10.738 10.738 0 0 1-9.69-5.63 2.643 2.643 0 0 1 2.36-3.822h14.65z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"neutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="#F59F45" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"unSelectedNeutral",svg:'\n <g transform="translate(.24)" fill-rule="nonzero" fill="gray">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="12.63"/>\n <circle fill="#3B3735" cx="15.169" cy="21.459" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="21.459" r="2.81"/>\n <path d="M40.847 31.351H9.135a.67.67 0 1 1 0-1.33h31.712a.67.67 0 1 1 0 1.33z" fill="#3B3735"/>\n </g>\n'},{box:50,name:"dislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"unSelectedDislike",svg:'\n <g transform="translate(.62)" fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.12"/>\n <path d="M33.333 34.743a1.762 1.762 0 0 0 1.718-2.211c-1.119-4.158-5.285-7.241-10.324-7.241s-9.206 3.083-10.324 7.24a1.762 1.762 0 0 0 1.718 2.212l6.536-.881a15.178 15.178 0 0 1 3.946 0l6.73.88z" fill="#3B3735"/>\n <circle fill="#3B3735" cx="15.169" cy="18.076" r="2.81"/>\n <circle fill="#3B3735" cx="34.831" cy="18.076" r="2.81"/>\n </g>'},{box:50,name:"hate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="#FEDCAB" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'},{box:50,name:"unSelectedHate",svg:'\n <g fill-rule="nonzero" fill="none">\n <rect fill="rgb(223 223 223)" width="50" height="50" rx="13.44"/>\n <path d="M20.218 23.865a1.144 1.144 0 0 1-.86-.336l-6.114-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.809 1.96h.043z" fill="#3B3735"/>\n <path d="M14.104 23.865a1.152 1.152 0 0 1-.817-1.961l6.114-6.115a1.152 1.152 0 0 1 1.626 1.634L14.92 23.53a1.161 1.161 0 0 1-.817.336zM36.352 23.865c-.303 0-.594-.121-.808-.336l-6.115-6.106a1.155 1.155 0 1 1 1.634-1.634l6.106 6.115a1.152 1.152 0 0 1-.817 1.96z" fill="#3B3735"/>\n <path d="M30.246 23.865a1.152 1.152 0 0 1-.86-1.961l6.115-6.115a1.152 1.152 0 0 1 1.625 1.634L31.02 23.53a1.161 1.161 0 0 1-.774.336zM35.604 34.546a6.02 6.02 0 0 1-3.389-1.376c-1.083-.783-1.96-1.075-2.339-.783-.157.15-.296.317-.413.5-.221.34-.484.652-.782.928-1.29 1.092-3.07.791-4.3.146a11.937 11.937 0 0 1-1.299-.86 8.11 8.11 0 0 0-1.35-.808 3.44 3.44 0 0 0-3.363.447l-.387.335c-.417.416-.906.75-1.444.99-1.815.722-3.337-.38-4.558-1.256a6.416 6.416 0 0 0-1.952-1.127 2.116 2.116 0 0 0-2.383 1.307 1.152 1.152 0 0 1-2.193-.696 4.386 4.386 0 0 1 5.16-2.838 8.505 8.505 0 0 1 2.71 1.505c1.169.86 1.78 1.212 2.356.989.281-.146.537-.338.756-.568l.508-.43a5.745 5.745 0 0 1 5.676-.757c.607.285 1.183.631 1.72 1.032.345.245.704.469 1.075.671.585.31 1.367.456 1.72.138a2.58 2.58 0 0 0 .395-.49 4.3 4.3 0 0 1 .86-1.015c.86-.68 2.512-1.11 5.092.757 1.109.808 1.978 1.109 2.373.86.153-.135.289-.288.404-.456.112-.138.215-.267.336-.396a4.807 4.807 0 0 1 7.869 1.72 1.152 1.152 0 1 1-2.202.68 2.52 2.52 0 0 0-3.956-.86l-.232.283c-.242.343-.532.65-.86.912a2.83 2.83 0 0 1-1.608.516z" fill="#3B3735"/>\n </g>'}].find((e=>e.name===l));return e.$$set=e=>{t(4,n=o(o({},n),a(e))),"name"in e&&t(5,l=e.name),"focusable"in e&&t(0,i=e.focusable),"width"in e&&t(1,c=e.width),"height"in e&&t(2,r=e.height)},n=a(n),[i,c,r,s,n,l]}class pe extends ae{constructor(e){super(),se(this,e,ge,me,s,{name:5,focusable:0,width:1,height:2})}}function $e(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}function he(e){let t,o,l,i,r,s,a,u,f,d,m,g,p=e[0].wgEmailReqMsg+"";function h(e,n){return 0==e[8]?xe:1==e[8]?we:void 0}let y=h(e),b=y&&y(e);return{c(){t=x("div"),o=x("div"),l=k(p),i=C(),r=x("div"),s=x("input"),a=C(),u=x("div"),f=x("p"),f.innerHTML="<u>Skip</u>",d=C(),b&&b.c(),E(o,"id","fsEmailText"),E(s,"type","text"),E(s,"id","fsEmailTextArea"),E(s,"placeholder","email@domain.com"),E(r,"id","fsEmailInputCont"),E(f,"id","fsSkipText"),E(u,"class","fsEmailFooter"),E(t,"class","fsEmailContainer")},m(n,c){v(n,t,c),$(t,o),$(o,l),$(t,i),$(t,r),$(r,s),$(t,a),$(t,u),$(u,f),$(u,d),b&&b.m(u,null),m||(g=[T(s,"keyup",e[49]),T(f,"click",e[50])],m=!0)},p(e,n){1&n[0]&&p!==(p=e[0].wgEmailReqMsg+"")&&B(l,p),y===(y=h(e))&&b?b.p(e,n):(b&&b.d(1),b=y&&y(e),b&&(b.c(),b.m(u,null)))},i:n,o:n,d(e){e&&w(t),b&&b.d(),m=!1,c(g)}}}function ye(e){let n,t,o,l,i,r,s,a,u,f,d,m,g,p,h,y,b,k,B,M,_,z,S,R,D,H,P,I,A,L,q,N,F,O,j,W,U,Q,V,X,G,J,K,te,oe,le;const ie=[ke,be],ce=[];function re(e,n){return e[6]?0:0==e[6]?1:-1}~(i=re(e))&&(r=ce[i]=ie[i](e));const se=[Te,Ce],ae=[];function ue(e,n){return e[6]?0:0==e[6]?1:-1}~(m=ue(e))&&(g=ae[m]=se[m](e));const fe=[Be,Ee],de=[];function me(e,n){return e[6]?0:0==e[6]?1:-1}~(B=me(e))&&(M=de[B]=fe[B](e));const ge=[_e,Me],pe=[];function $e(e,n){return e[6]?0:0==e[6]?1:-1}~(H=$e(e))&&(P=pe[H]=ge[H](e));const he=[Se,ze],ye=[];function ve(e,n){return e[6]?0:0==e[6]?1:-1}function we(e,n){return 0==e[8]?De:1==e[8]?Re:void 0}~(F=ve(e))&&(O=ye[F]=he[F](e));let xe=we(e),He=xe&&xe(e);return{c(){n=x("div"),t=x("div"),o=x("div"),l=x("div"),r&&r.c(),s=C(),a=x("p"),a.textContent="Hate",u=C(),f=x("div"),d=x("div"),g&&g.c(),p=C(),h=x("p"),h.textContent="Dislike",y=C(),b=x("div"),k=x("div"),M&&M.c(),_=C(),z=x("p"),z.textContent="Neutral",S=C(),R=x("div"),D=x("div"),P&&P.c(),I=C(),A=x("p"),A.textContent="Like",L=C(),q=x("div"),N=x("div"),O&&O.c(),j=C(),W=x("p"),W.textContent="Love",U=C(),Q=x("div"),V=x("div"),X=C(),G=x("textarea"),J=C(),K=x("div"),He&&He.c(),E(l,"class","fsReactionIcon"),E(a,"class","fsReactionText"),E(a,"id","fsHateDiv"),E(o,"class","fsIconTextCont"),E(d,"class","fsReactionIcon"),E(h,"class","fsReactionText"),E(h,"id","fsDislikeDiv"),E(f,"class","fsIconTextCont"),E(k,"class","fsReactionIcon"),E(z,"class","fsReactionText"),E(z,"id","fsNeutralDiv"),E(b,"class","fsIconTextCont"),E(D,"class","fsReactionIcon"),E(A,"class","fsReactionText"),E(A,"id","fsLikeDiv"),E(R,"class","fsIconTextCont"),E(N,"class","fsReactionIcon"),E(W,"class","fsReactionText"),E(W,"id","fsLoveDiv"),E(q,"class","fsIconTextCont"),E(t,"class","fsIcons-second"),E(V,"class","fsPointerDiv"),E(V,"id","fsPointer"),E(G,"class","fsTextArea"),E(G,"placeholder","Tell us your experience..."),E(Q,"class","fsTextAreaCont"),E(K,"class","fsFooter"),E(n,"class","fsCommentContainer")},m(c,r){v(c,n,r),$(n,t),$(t,o),$(o,l),~i&&ce[i].m(l,null),$(o,s),$(o,a),$(t,u),$(t,f),$(f,d),~m&&ae[m].m(d,null),$(f,p),$(f,h),$(t,y),$(t,b),$(b,k),~B&&de[B].m(k,null),$(b,_),$(b,z),$(t,S),$(t,R),$(R,D),~H&&pe[H].m(D,null),$(R,I),$(R,A),$(t,L),$(t,q),$(q,N),~F&&ye[F].m(N,null),$(q,j),$(q,W),$(n,U),$(n,Q),$(Q,V),$(Q,X),$(Q,G),$(n,J),$(n,K),He&&He.m(K,null),te=!0,oe||(le=[T(o,"click",e[34]),T(f,"click",e[37]),T(b,"click",e[40]),T(R,"click",e[43]),T(N,"click",e[46]),T(G,"keyup",e[47])],oe=!0)},p(e,n){let t=i;i=re(e),i===t?~i&&ce[i].p(e,n):(r&&(Y(),ne(ce[t],1,1,(()=>{ce[t]=null})),Z()),~i?(r=ce[i],r?r.p(e,n):(r=ce[i]=ie[i](e),r.c()),ee(r,1),r.m(l,null)):r=null);let o=m;m=ue(e),m===o?~m&&ae[m].p(e,n):(g&&(Y(),ne(ae[o],1,1,(()=>{ae[o]=null})),Z()),~m?(g=ae[m],g?g.p(e,n):(g=ae[m]=se[m](e),g.c()),ee(g,1),g.m(d,null)):g=null);let c=B;B=me(e),B===c?~B&&de[B].p(e,n):(M&&(Y(),ne(de[c],1,1,(()=>{de[c]=null})),Z()),~B?(M=de[B],M?M.p(e,n):(M=de[B]=fe[B](e),M.c()),ee(M,1),M.m(k,null)):M=null);let s=H;H=$e(e),H===s?~H&&pe[H].p(e,n):(P&&(Y(),ne(pe[s],1,1,(()=>{pe[s]=null})),Z()),~H?(P=pe[H],P?P.p(e,n):(P=pe[H]=ge[H](e),P.c()),ee(P,1),P.m(D,null)):P=null);let a=F;F=ve(e),F===a?~F&&ye[F].p(e,n):(O&&(Y(),ne(ye[a],1,1,(()=>{ye[a]=null})),Z()),~F?(O=ye[F],O?O.p(e,n):(O=ye[F]=he[F](e),O.c()),ee(O,1),O.m(N,null)):O=null),xe===(xe=we(e))&&He?He.p(e,n):(He&&He.d(1),He=xe&&xe(e),He&&(He.c(),He.m(K,null)))},i(e){te||(ee(r),ee(g),ee(M),ee(P),ee(O),te=!0)},o(e){ne(r),ne(g),ne(M),ne(P),ne(O),te=!1},d(e){e&&w(n),~i&&ce[i].d(),~m&&ae[m].d(),~B&&de[B].d(),~H&&pe[H].d(),~F&&ye[F].d(),He&&He.d(),oe=!1,c(le)}}}function ve(e){let n,t,o,l,i,r,s,a,u,f,d,m,g,p,h,y,b,M,_,z,S,R,D,H,P,A,L,q,N,F,j,W,U,Q,V,X,G,J,K,Y,Z,te,re,se,ae=e[0].wgQuestion+"";function ue(n){e[22](n)}let fe={};function de(n){e[24](n)}void 0!==e[2][0]&&(fe.name=e[2][0]),a=new pe({props:fe}),I.push((()=>oe(a,"name",ue)));let me={};function ge(n){e[26](n)}void 0!==e[2][1]&&(me.name=e[2][1]),h=new pe({props:me}),I.push((()=>oe(h,"name",de)));let $e={};function he(n){e[28](n)}void 0!==e[2][2]&&($e.name=e[2][2]),R=new pe({props:$e}),I.push((()=>oe(R,"name",ge)));let ye={};function ve(n){e[30](n)}void 0!==e[2][3]&&(ye.name=e[2][3]),N=new pe({props:ye}),I.push((()=>oe(N,"name",he)));let we={};return void 0!==e[2][4]&&(we.name=e[2][4]),X=new pe({props:we}),I.push((()=>oe(X,"name",ve))),{c(){n=x("div"),t=x("div"),o=k(ae),l=C(),i=x("div"),r=x("div"),s=x("div"),le(a.$$.fragment),f=C(),d=x("p"),d.textContent="Hate",m=C(),g=x("div"),p=x("div"),le(h.$$.fragment),b=C(),M=x("p"),M.textContent="Dislike",_=C(),z=x("div"),S=x("div"),le(R.$$.fragment),H=C(),P=x("p"),P.textContent="Neutral",A=C(),L=x("div"),q=x("div"),le(N.$$.fragment),j=C(),W=x("p"),W.textContent="Like",U=C(),Q=x("div"),V=x("div"),le(X.$$.fragment),J=C(),K=x("p"),K.textContent="Love",Y=C(),Z=x("p"),E(t,"id","fsTxt"),E(s,"class","fsReactionIcon"),E(d,"class","fsReactionText"),E(r,"class","fsIconTextCont"),E(p,"class","fsReactionIcon"),E(M,"class","fsReactionText"),E(g,"class","fsIconTextCont"),E(S,"class","fsReactionIcon"),E(P,"class","fsReactionText"),E(z,"class","fsIconTextCont"),E(q,"class","fsReactionIcon"),E(W,"class","fsReactionText"),E(L,"class","fsIconTextCont"),E(V,"class","fsReactionIcon"),E(K,"class","fsReactionText"),E(Q,"class","fsIconTextCont"),E(i,"class","fsIcons"),E(Z,"id","test"),E(n,"class","fsReactionsContainer")},m(c,u){v(c,n,u),$(n,t),$(t,o),$(n,l),$(n,i),$(i,r),$(r,s),ie(a,s,null),$(r,f),$(r,d),$(i,m),$(i,g),$(g,p),ie(h,p,null),$(g,b),$(g,M),$(i,_),$(i,z),$(z,S),ie(R,S,null),$(z,H),$(z,P),$(i,A),$(i,L),$(L,q),ie(N,q,null),$(L,j),$(L,W),$(i,U),$(i,Q),$(Q,V),ie(X,V,null),$(Q,J),$(Q,K),$(n,Y),$(n,Z),te=!0,re||(se=[T(r,"click",e[23]),T(g,"click",e[25]),T(z,"click",e[27]),T(L,"click",e[29]),T(Q,"click",e[31])],re=!0)},p(e,n){(!te||1&n[0])&&ae!==(ae=e[0].wgQuestion+"")&&B(o,ae);const t={};!u&&4&n[0]&&(u=!0,t.name=e[2][0],O((()=>u=!1))),a.$set(t);const l={};!y&&4&n[0]&&(y=!0,l.name=e[2][1],O((()=>y=!1))),h.$set(l);const i={};!D&&4&n[0]&&(D=!0,i.name=e[2][2],O((()=>D=!1))),R.$set(i);const c={};!F&&4&n[0]&&(F=!0,c.name=e[2][3],O((()=>F=!1))),N.$set(c);const r={};!G&&4&n[0]&&(G=!0,r.name=e[2][4],O((()=>G=!1))),X.$set(r)},i(e){te||(ee(a.$$.fragment,e),ee(h.$$.fragment,e),ee(R.$$.fragment,e),ee(N.$$.fragment,e),ee(X.$$.fragment,e),te=!0)},o(e){ne(a.$$.fragment,e),ne(h.$$.fragment,e),ne(R.$$.fragment,e),ne(N.$$.fragment,e),ne(X.$$.fragment,e),te=!1},d(e){e&&w(n),ce(a),ce(h),ce(R),ce(N),ce(X),re=!1,c(se)}}}function we(e){let t,o,l;return{c(){t=x("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',E(t,"class","fsSendButtonContCommentComp")},m(n,i){v(n,t,i),o||(l=[T(t,"click",e[51]),T(t,"click",e[52])],o=!0)},p:n,d(e){e&&w(t),o=!1,c(l)}}}function xe(e){let t;return{c(){t=x("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',E(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(e,n){v(e,t,n)},p:n,d(e){e&&w(t)}}}function be(e){let n,t,o;function l(n){e[33](n)}let i={};return void 0!==e[2][0]&&(i.name=e[2][0]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][0],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function ke(e){let n,t,o;function l(n){e[32](n)}let i={};return void 0!==e[2][0]&&(i.name=e[2][0]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][0],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Ce(e){let n,t,o;function l(n){e[36](n)}let i={};return void 0!==e[2][1]&&(i.name=e[2][1]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][1],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Te(e){let n,t,o;function l(n){e[35](n)}let i={};return void 0!==e[2][1]&&(i.name=e[2][1]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][1],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Ee(e){let n,t,o;function l(n){e[39](n)}let i={};return void 0!==e[2][2]&&(i.name=e[2][2]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][2],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Be(e){let n,t,o;function l(n){e[38](n)}let i={};return void 0!==e[2][2]&&(i.name=e[2][2]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][2],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Me(e){let n,t,o;function l(n){e[42](n)}let i={};return void 0!==e[2][3]&&(i.name=e[2][3]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][3],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function _e(e){let n,t,o;function l(n){e[41](n)}let i={};return void 0!==e[2][3]&&(i.name=e[2][3]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][3],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function ze(e){let n,t,o;function l(n){e[45](n)}let i={};return void 0!==e[2][4]&&(i.name=e[2][4]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][4],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Se(e){let n,t,o;function l(n){e[44](n)}let i={};return void 0!==e[2][4]&&(i.name=e[2][4]),n=new pe({props:i}),I.push((()=>oe(n,"name",l))),{c(){le(n.$$.fragment)},m(e,t){ie(n,e,t),o=!0},p(e,o){const l={};!t&&4&o[0]&&(t=!0,l.name=e[2][4],O((()=>t=!1))),n.$set(l)},i(e){o||(ee(n.$$.fragment,e),o=!0)},o(e){ne(n.$$.fragment,e),o=!1},d(e){ce(n,e)}}}function Re(e){let t,o,l;return{c(){t=x("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',E(t,"class","fsSendButtonContCommentComp")},m(n,i){v(n,t,i),o||(l=T(t,"click",e[48]),o=!0)},p:n,d(e){e&&w(t),o=!1,l()}}}function De(e){let t;return{c(){t=x("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',E(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(e,n){v(e,t,n)},p:n,d(e){e&&w(t)}}}function He(e){let n,t,o,l;const i=[ve,ye,he],c=[];function r(e,n){return 1===e[7]?0:2===e[7]?1:3===e[7]?2:-1}return~(n=r(e))&&(t=c[n]=i[n](e)),{c(){t&&t.c(),o=k("")},m(e,t){~n&&c[n].m(e,t),v(e,o,t),l=!0},p(e,l){let s=n;n=r(e),n===s?~n&&c[n].p(e,l):(t&&(Y(),ne(c[s],1,1,(()=>{c[s]=null})),Z()),~n?(t=c[n],t?t.p(e,l):(t=c[n]=i[n](e),t.c()),ee(t,1),t.m(o.parentNode,o)):t=null)},i(e){l||(ee(t),l=!0)},o(e){ne(t),l=!1},d(e){~n&&c[n].d(e),e&&w(o)}}}function Pe(e,n,t){let o,l,i,c,r,s,a,u,f,{feedbackData:d}=n;console.log("hiiih");let m=["hate","dislike","neutral","like","love"],g=m,p="",$="",h="",y="test",v=!0,w=0,{closeHandler:x=((e,n,t)=>{})}=n,{closeHandlerBeforeFinishing:b=((e,n,t)=>{})}=n;const k=()=>{let e=document.querySelector(".fsTextArea");""===e.value?t(8,f=!1):t(8,f=!0),t(4,$=""),t(4,$=e.value),console.log(e.value)},C=()=>{let e=document.querySelector("#fsEmailTextArea");/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e.value)&&""!==e.value?(t(8,f=!0),t(5,h=""),t(5,h=document.getElementById("fsEmailTextArea").value)):t(8,f=!1)},T=(e,n,u)=>{let f=y;var d;y=u,console.log(u),t(7,o=e),t(3,p=String(n)),t(2,g=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),b(h,$,p),w>0&&("hate"==(d=f)?t(20,i="none"):"dislike"==d?t(19,c="none"):"neutral"==d?t(18,r="none"):"like"==d?t(17,s="none"):"love"==d&&t(15,a="none")),w++,1==n?(t(16,l=11),t(20,i="block"),t(2,g[0]=m[0],g),t(6,v=!v)):2==n?(t(2,g[1]=m[1],g),t(16,l=30),t(19,c="block"),t(6,v=!v)):3==n?(t(2,g[2]=m[2],g),t(16,l=49),t(18,r="block"),t(6,v=!v)):4==n?(t(2,g[3]=m[3],g),t(16,l=68),t(17,s="block"),t(6,v=!v)):5==n&&(t(2,g[4]=m[4],g),t(16,l=87),t(15,a="block"),t(6,v=!v))},E=e=>{clearInterval(undefined),document.querySelector(".fsTextArea").value="",t(8,f=!1),t(7,o=e)},B=()=>{console.log("444"),clearInterval(undefined),document.querySelector("#fsEmailTextArea").value=""};return e.$$set=e=>{"feedbackData"in e&&t(0,d=e.feedbackData),"closeHandler"in e&&t(1,x=e.closeHandler),"closeHandlerBeforeFinishing"in e&&t(14,b=e.closeHandlerBeforeFinishing)},e.$$.update=()=>{1&e.$$.dirty[0]&&t(21,u=d.wgAccentColor),65536&e.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",l+"%"),1048576&e.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",i),524288&e.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",c),262144&e.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",r),131072&e.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",s),32768&e.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",a),2097152&e.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",u)},t(7,o=1),t(16,l=10),t(20,i="none"),t(19,c="none"),t(18,r="none"),t(17,s="none"),t(15,a="none"),t(8,f=!1),[d,x,g,p,$,h,v,o,f,k,C,T,E,B,b,a,l,s,r,c,i,u,function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},()=>T(2,1,"hate"),function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},()=>T(2,2,"dislike"),function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},()=>T(2,3,"neutral"),function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},()=>T(2,4,"like"),function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},()=>T(2,5,"love"),function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},function(n){e.$$.not_equal(g[0],n)&&(g[0]=n,t(2,g))},()=>T(2,1,"hate"),function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},function(n){e.$$.not_equal(g[1],n)&&(g[1]=n,t(2,g))},()=>T(2,2,"dislike"),function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},function(n){e.$$.not_equal(g[2],n)&&(g[2]=n,t(2,g))},()=>T(2,3,"neutral"),function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},function(n){e.$$.not_equal(g[3],n)&&(g[3]=n,t(2,g))},()=>T(2,4,"like"),function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},function(n){e.$$.not_equal(g[4],n)&&(g[4]=n,t(2,g))},()=>T(2,5,"love"),()=>k(),()=>E(3),()=>C(),()=>x(h,$,p),()=>x(h,$,p),()=>B()]}$e("",{insertAt:"top"});class Ie extends ae{constructor(e){super(),se(this,e,Pe,He,s,{feedbackData:0,closeHandler:1,closeHandlerBeforeFinishing:14},null,[-1,-1])}}function Ae(e){const n=e-1;return n*n*n+1}function Le(e,{delay:n=0,duration:t=400,easing:o=Ae,x:l=0,y:i=0,opacity:c=0}={}){const r=getComputedStyle(e),s=+r.opacity,a="none"===r.transform?"":r.transform,u=s*(1-c);return{delay:n,duration:t,easing:o,css:(e,n)=>`\n\t\t\ttransform: ${a} translate(${(1-e)*l}px, ${(1-e)*i}px);\n\t\t\topacity: ${s-u*n}`}}function qe(e){let n,t,o,l,i,c,r,s,a,u;function f(n){e[21](n)}let d={};return void 0!==e[1]&&(d.fill=e[1]),c=new de({props:d}),I.push((()=>oe(c,"fill",f))),{c(){n=x("div"),t=x("div"),o=k(e[2]),l=C(),i=x("div"),le(c.$$.fragment),E(t,"id","fsFeedbackTxt"),E(i,"id","fsMainIcon"),E(n,"class","fsWidget")},m(r,f){v(r,n,f),$(n,t),$(t,o),$(n,l),$(n,i),ie(c,i,null),s=!0,a||(u=T(n,"click",e[11]),a=!0)},p(e,n){(!s||4&n)&&B(o,e[2]);const t={};!r&&2&n&&(r=!0,t.fill=e[1],O((()=>r=!1))),c.$set(t)},i(e){s||(ee(c.$$.fragment,e),s=!0)},o(e){ne(c.$$.fragment,e),s=!1},d(e){e&&w(n),ce(c),a=!1,u()}}}function Ne(e){let o,l,i,c,s,a,u,d,m;function g(n){e[22](n)}let h={closeHandler:e[8],closeHandlerBeforeFinishing:e[9]};return void 0!==e[0]&&(h.feedbackData=e[0]),c=new Ie({props:h}),I.push((()=>oe(c,"feedbackData",g))),{c(){o=x("div"),l=x("div"),l.innerHTML='<p id="fsCloseIcon">X</p>',i=C(),le(c.$$.fragment),E(l,"class","fsCloseCont"),E(o,"class","fsCont")},m(n,t){v(n,o,t),$(o,l),$(o,i),ie(c,o,null),u=!0,d||(m=T(l,"click",e[12]),d=!0)},p(n,t){e=n;const o={};!s&&1&t&&(s=!0,o.feedbackData=e[0],O((()=>s=!1))),c.$set(o)},i(l){u||(ee(c.$$.fragment,l),a||F((()=>{a=function(e,o,l){let i,c,s=o(e,l),a=!1,u=0;function d(){i&&D(e,i)}function m(){const{delay:o=0,duration:l=300,easing:r=t,tick:m=n,css:g}=s||te;g&&(i=R(e,0,1,l,o,r,g,u++)),m(0,1);const $=f()+o,h=$+l;c&&c.abort(),a=!0,F((()=>G(e,!0,"start"))),c=p((n=>{if(a){if(n>=h)return m(1,0),G(e,!0,"end"),d(),a=!1;if(n>=$){const e=r((n-$)/l);m(e,1-e)}}return a}))}let g=!1;return{start(){g||(g=!0,D(e),r(s)?(s=s(),X().then(m)):m())},invalidate(){g=!1},end(){a&&(d(),a=!1)}}}(o,Le,{x:e[6],duration:500}),a.start()})),u=!0)},o(e){ne(c.$$.fragment,e),u=!1},d(e){e&&w(o),ce(c),d=!1,m()}}}function Fe(e){let o,l,i,s,a,u,d,m,g,h=e[0].wgThanksMsg+"";return{c(){o=x("div"),l=x("div"),l.innerHTML='<p id="fsCloseIcon">X</p>',i=C(),s=x("div"),a=k(h),E(l,"class","fsCloseCont"),M(s,"width","61%"),M(s,"text-align","center"),M(s,"margin-top","7%"),M(s,"margin-left","20%"),E(o,"class","fsThanksMessageCont")},m(n,t){v(n,o,t),$(o,l),$(o,i),$(o,s),$(s,a),d=!0,m||(g=T(l,"click",e[10]),m=!0)},p(n,t){e=n,(!d||1&t)&&h!==(h=e[0].wgThanksMsg+"")&&B(a,h)},i(e){d||(u&&u.end(1),d=!0)},o(l){u=function(e,o,l){let i,s=o(e,l),a=!0;const u=K;function d(){const{delay:o=0,duration:l=300,easing:r=t,tick:d=n,css:m}=s||te;m&&(i=R(e,1,0,l,o,r,m));const g=f()+o,$=g+l;F((()=>G(e,!1,"start"))),p((n=>{if(a){if(n>=$)return d(0,1),G(e,!1,"end"),--u.r||c(u.c),!1;if(n>=g){const e=r((n-g)/l);d(1-e,e)}}return a}))}return u.r+=1,r(s)?X().then((()=>{s=s(),d()})):d(),{end(n){n&&s.tick&&s.tick(1,0),a&&(i&&D(e,i),a=!1)}}}(o,Le,{x:e[7],duration:300}),d=!1},d(e){e&&w(o),e&&u&&u.end(),m=!1,g()}}}function Oe(e){let n,t,o,l,i=e[4]&&qe(e),c=e[3]&&Ne(e),r=e[5]&&Fe(e);return{c(){n=x("fsContainer"),i&&i.c(),t=C(),c&&c.c(),o=C(),r&&r.c()},m(e,s){v(e,n,s),i&&i.m(n,null),$(n,t),c&&c.m(n,null),$(n,o),r&&r.m(n,null),l=!0},p(e,[l]){e[4]?i?(i.p(e,l),16&l&&ee(i,1)):(i=qe(e),i.c(),ee(i,1),i.m(n,t)):i&&(Y(),ne(i,1,1,(()=>{i=null})),Z()),e[3]?c?(c.p(e,l),8&l&&ee(c,1)):(c=Ne(e),c.c(),ee(c,1),c.m(n,o)):c&&(Y(),ne(c,1,1,(()=>{c=null})),Z()),e[5]?r?(r.p(e,l),32&l&&ee(r,1)):(r=Fe(e),r.c(),ee(r,1),r.m(n,null)):r&&(Y(),ne(r,1,1,(()=>{r=null})),Z())},i(e){l||(ee(i),ee(c),ee(r),l=!0)},o(e){ne(i),ne(c),ne(r),l=!1},d(e){e&&w(n),i&&i.d(),c&&c.d(),r&&r.d()}}}function je(e,n,t){let o,{feedback:l}=n;console.log(l);let i="",c="",r="Feedback";r="en"==l.wgLanguage?" Feedback":"ar"==l.wgLanguage?"رأي":"Rétroaction",!0===l.wgAlternateColor?(i="white",c="white"):(i="black",c="black");let s="",a="",u=0,f=0,d=0,m=0,g=!1,p=!0,$=!1,h=0,y=0;0==Number(l.wgPosition)&&(s="center",a="row-reverse",u=5,f=0,d=30,m=0,h=-100,y=20),1==Number(l.wgPosition)&&(s="center",a="row",u=0,f=5,d=0,m=30,h=100,y=-20),2==Number(l.wgPosition)&&(s="flex-end",a="row-reverse",u=5,d=30,m=0,h=-100,y=20),3==Number(l.wgPosition)&&(s="flex-end",a="row",u=0,f=5,d=0,m=30,h=100,y=-20);let v=0,w="",x="",b="";const k=(e,n,t)=>{w=e,x=n,b=Number(t);let o={email:e,comment:n,reaction:t};if(1==v){console.log("hi",o);let e=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(e),console.log(o)}},C=()=>{t(3,g=!g),t(5,$=!$)};return e.$$set=e=>{"feedback"in e&&t(0,l=e.feedback)},e.$$.update=()=>{1&e.$$.dirty&&t(20,o=l.wgAccentColor),1048576&e.$$.dirty&&document.documentElement.style.setProperty("--widgetColor",o),8192&e.$$.dirty&&document.documentElement.style.setProperty("--widgetTextColor",i),16384&e.$$.dirty&&document.documentElement.style.setProperty("--wgPositionHorizintal",s),32768&e.$$.dirty&&document.documentElement.style.setProperty("--wgPositionVertical",a),65536&e.$$.dirty&&document.documentElement.style.setProperty("--widgetLeftSideBorder",u+"px"),131072&e.$$.dirty&&document.documentElement.style.setProperty("--widgetRightSideBorder",f+"px"),262144&e.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginRight",d+"px"),524288&e.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginLeft",m+"px")},[l,c,r,g,p,$,h,y,(e,n,t)=>{let o={email:e,comment:n,reaction:Number(t)},l=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(l),console.log(o),C()},k,()=>{t(5,$=!$),setTimeout((function(){t(4,p=!p)}),350)},()=>{t(3,g=!g),t(4,p=!p)},()=>{v=1,0!=b&&k(w,x,b),t(3,g=!g),setTimeout((function(){t(4,p=!p)}),350)},i,s,a,u,f,d,m,o,function(e){c=e,t(1,c)},function(e){l=e,t(0,l)}]}$e("",{insertAt:"top"});class We extends ae{constructor(e){super(),se(this,e,je,Oe,s,{feedback:0})}}function Ue(e){new We({target:document.body,props:{feedback:e}})}return Ue({id:1,wgStatus:1,wgName:"ask",wgDescription:"test",wgCrtDt:"2021-12-05 10:49:14",wgResponses:null,wgUpdTime:null,SiteId:98,UserId:262,wgLanguage:"en",wgPosition:"0",wgAccentColor:"#51797b",wgAlternateColor:!0,wgQuestion:"How would you rate your experience?",wgUserScreenshot:1,wgEmailReqMsg:"We may wish to follow up. Enter your email if you're happy for us to contact you.",wgEmailReqActivation:1,wgAdditionalMsg:"Heads up! This is for feedback only. Need help? Contact us via our [link to Help Center].",wgAdditionalMsgActivation:1,wgThanksMsg:"Thank you for sharing your feedback with us",wgThanksMsgActivation:1,wgDesktop:1,wgPhone:1,wgTablet:1,wgPages:[{id:0,name:"*"}],wgWidgetToUsers:0,wgPercentage:100,wgEmail:"abd@gmail.com",wgWidgetToAllPages:1,wgReactionStyle:0,wgResponseViaEmail:1}),e.feedbackCreator=Ue,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
2
2
  //# sourceMappingURL=index.js.map