@fullsession.io/fs-feedback-widget 1.6.1 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +109 -109
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +32 -32
- package/src/App.svelte +246 -233
- package/src/Icons/mainIcon.svelte +25 -25
- package/src/Icons/reactionIcons.svelte +134 -134
- package/src/main.js +56 -56
- package/src/widgetPages/App.css +157 -111
- package/src/widgetPages/reactionPage.svelte +382 -305
- package/src/widgetPages/reactionpage.css +267 -237
- package/dist/bundle.css +0 -329
- package/dist/publicextra.css +0 -298
package/README.md
CHANGED
|
@@ -1,109 +1,109 @@
|
|
|
1
|
-
*Psst — looking for a more complete solution? Check out [SvelteKit](https://kit.svelte.dev), the official framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.*
|
|
2
|
-
|
|
3
|
-
*Looking for a shareable component template instead? You can [use SvelteKit for that as well](https://kit.svelte.dev/docs#packaging) or the older [sveltejs/component-template](https://github.com/sveltejs/component-template)*
|
|
4
|
-
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# svelte app
|
|
8
|
-
|
|
9
|
-
This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
|
|
10
|
-
|
|
11
|
-
To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
npx degit sveltejs/template svelte-app
|
|
15
|
-
cd svelte-app
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
*Note that you will need to have [Node.js](https://nodejs.org) installed.*
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Get started
|
|
22
|
-
|
|
23
|
-
Install the dependencies...
|
|
24
|
-
|
|
25
|
-
```bash
|
|
26
|
-
cd svelte-app
|
|
27
|
-
npm install
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
...then start [Rollup](https://rollupjs.org):
|
|
31
|
-
|
|
32
|
-
```bash
|
|
33
|
-
npm run dev
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
Navigate to [localhost:8080](http://localhost:8080). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
|
|
37
|
-
|
|
38
|
-
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
|
|
39
|
-
|
|
40
|
-
If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.
|
|
41
|
-
|
|
42
|
-
## Building and running in production mode
|
|
43
|
-
|
|
44
|
-
To create an optimised version of the app:
|
|
45
|
-
|
|
46
|
-
```bash
|
|
47
|
-
npm run build
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
## Single-page app mode
|
|
54
|
-
|
|
55
|
-
By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.
|
|
56
|
-
|
|
57
|
-
If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json:
|
|
58
|
-
|
|
59
|
-
```js
|
|
60
|
-
"start": "sirv public --single"
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
## Using TypeScript
|
|
64
|
-
|
|
65
|
-
This template comes with a script to set up a TypeScript development environment, you can run it immediately after cloning the template with:
|
|
66
|
-
|
|
67
|
-
```bash
|
|
68
|
-
node scripts/setupTypeScript.js
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
Or remove the script via:
|
|
72
|
-
|
|
73
|
-
```bash
|
|
74
|
-
rm scripts/setupTypeScript.js
|
|
75
|
-
```
|
|
76
|
-
|
|
77
|
-
If you want to use `baseUrl` or `path` aliases within your `tsconfig`, you need to set up `@rollup/plugin-alias` to tell Rollup to resolve the aliases. For more info, see [this StackOverflow question](https://stackoverflow.com/questions/63427935/setup-tsconfig-path-in-svelte).
|
|
78
|
-
|
|
79
|
-
## Deploying to the web
|
|
80
|
-
|
|
81
|
-
### With [Vercel](https://vercel.com)
|
|
82
|
-
|
|
83
|
-
Install `vercel` if you haven't already:
|
|
84
|
-
|
|
85
|
-
```bash
|
|
86
|
-
npm install -g vercel
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
Then, from within your project folder:
|
|
90
|
-
|
|
91
|
-
```bash
|
|
92
|
-
cd public
|
|
93
|
-
vercel deploy --name my-project
|
|
94
|
-
```
|
|
95
|
-
|
|
96
|
-
### With [surge](https://surge.sh/)
|
|
97
|
-
|
|
98
|
-
Install `surge` if you haven't already:
|
|
99
|
-
|
|
100
|
-
```bash
|
|
101
|
-
npm install -g surge
|
|
102
|
-
```
|
|
103
|
-
|
|
104
|
-
Then, from within your project folder:
|
|
105
|
-
|
|
106
|
-
```bash
|
|
107
|
-
npm run build
|
|
108
|
-
surge public my-project.surge.sh
|
|
109
|
-
```
|
|
1
|
+
*Psst — looking for a more complete solution? Check out [SvelteKit](https://kit.svelte.dev), the official framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.*
|
|
2
|
+
|
|
3
|
+
*Looking for a shareable component template instead? You can [use SvelteKit for that as well](https://kit.svelte.dev/docs#packaging) or the older [sveltejs/component-template](https://github.com/sveltejs/component-template)*
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# svelte app
|
|
8
|
+
|
|
9
|
+
This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template.
|
|
10
|
+
|
|
11
|
+
To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npx degit sveltejs/template svelte-app
|
|
15
|
+
cd svelte-app
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
*Note that you will need to have [Node.js](https://nodejs.org) installed.*
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Get started
|
|
22
|
+
|
|
23
|
+
Install the dependencies...
|
|
24
|
+
|
|
25
|
+
```bash
|
|
26
|
+
cd svelte-app
|
|
27
|
+
npm install
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
...then start [Rollup](https://rollupjs.org):
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
npm run dev
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
Navigate to [localhost:8080](http://localhost:8080). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
|
|
37
|
+
|
|
38
|
+
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
|
|
39
|
+
|
|
40
|
+
If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.
|
|
41
|
+
|
|
42
|
+
## Building and running in production mode
|
|
43
|
+
|
|
44
|
+
To create an optimised version of the app:
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm run build
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com).
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
## Single-page app mode
|
|
54
|
+
|
|
55
|
+
By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere.
|
|
56
|
+
|
|
57
|
+
If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json:
|
|
58
|
+
|
|
59
|
+
```js
|
|
60
|
+
"start": "sirv public --single"
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Using TypeScript
|
|
64
|
+
|
|
65
|
+
This template comes with a script to set up a TypeScript development environment, you can run it immediately after cloning the template with:
|
|
66
|
+
|
|
67
|
+
```bash
|
|
68
|
+
node scripts/setupTypeScript.js
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
Or remove the script via:
|
|
72
|
+
|
|
73
|
+
```bash
|
|
74
|
+
rm scripts/setupTypeScript.js
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
If you want to use `baseUrl` or `path` aliases within your `tsconfig`, you need to set up `@rollup/plugin-alias` to tell Rollup to resolve the aliases. For more info, see [this StackOverflow question](https://stackoverflow.com/questions/63427935/setup-tsconfig-path-in-svelte).
|
|
78
|
+
|
|
79
|
+
## Deploying to the web
|
|
80
|
+
|
|
81
|
+
### With [Vercel](https://vercel.com)
|
|
82
|
+
|
|
83
|
+
Install `vercel` if you haven't already:
|
|
84
|
+
|
|
85
|
+
```bash
|
|
86
|
+
npm install -g vercel
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
Then, from within your project folder:
|
|
90
|
+
|
|
91
|
+
```bash
|
|
92
|
+
cd public
|
|
93
|
+
vercel deploy --name my-project
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
### With [surge](https://surge.sh/)
|
|
97
|
+
|
|
98
|
+
Install `surge` if you haven't already:
|
|
99
|
+
|
|
100
|
+
```bash
|
|
101
|
+
npm install -g surge
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
Then, from within your project folder:
|
|
105
|
+
|
|
106
|
+
```bash
|
|
107
|
+
npm run build
|
|
108
|
+
surge public my-project.surge.sh
|
|
109
|
+
```
|
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 a(){return Object.create(null)}function r(n){n.forEach(i)}function l(n){return"function"==typeof n}function s(n,e){return n!=n?e==e:n!==e||n&&"object"==typeof n||"function"==typeof n}function c(n){const e={};for(const t in n)"$"!==t[0]&&(e[t]=n[t]);return e}const f="undefined"!=typeof window;let d=f?()=>window.performance.now():()=>Date.now(),u=f?n=>requestAnimationFrame(n):e;const m=new Set;function p(n){m.forEach((e=>{e.c(n)||(m.delete(e),e.f())})),0!==m.size&&u(p)}function g(n){let e;return 0===m.size&&u(p),{promise:new Promise((t=>{m.add(e={c:n,f:t})})),abort(){m.delete(e)}}}function h(n,e){n.appendChild(e)}function x(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){h(n.head||n,e)}(x(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 T(n,e,t,o){return n.addEventListener(e,t,o),()=>n.removeEventListener(e,t,o)}function S(n,e,t){null==t?n.removeAttribute(e):n.getAttribute(e)!==t&&n.setAttribute(e,t)}function B(n,e,t){e in n?n[e]="boolean"==typeof n[e]&&""===t||t:S(n,e,t)}function I(n,e){e=""+e,n.wholeText!==e&&(n.data=e)}function E(n,e,t,o){null===t?n.style.removeProperty(e):n.style.setProperty(e,t,o?"important":"")}const z=new Map;let M,D=0;function _(n,e,t,o,i,a,r,l=0){const s=16.666/o;let c="{\n";for(let n=0;n<=1;n+=s){const o=e+(t-e)*a(n);c+=100*n+`%{${r(o,1-o)}}\n`}const f=c+`100% {${r(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}(f)}_${l}`,u=x(n),{stylesheet:m,rules:p}=z.get(u)||function(n,e){const t={stylesheet:$(e),rules:{}};return z.set(n,t),t}(u,n);p[d]||(p[d]=!0,m.insertRule(`@keyframes ${d} ${f}`,m.cssRules.length));const g=n.style.animation||"";return n.style.animation=`${g?`${g}, `:""}${d} ${o}ms linear ${i}ms 1 both`,D+=1,d}function P(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(", "),D-=i,D||u((()=>{D||(z.forEach((n=>{const{stylesheet:e}=n;let t=e.cssRules.length;for(;t--;)e.deleteRule(t);n.rules={}})),z.clear())})))}function R(n){M=n}const L=[],H=[],A=[],V=[],q=Promise.resolve();let G=!1;function U(n){A.push(n)}function F(n){V.push(n)}const N=new Set;let j,O=0;function W(){const n=M;do{for(;O<L.length;){const n=L[O];O++,R(n),Q(n.$$)}for(R(null),L.length=0,O=0;H.length;)H.pop()();for(let n=0;n<A.length;n+=1){const e=A[n];N.has(e)||(N.add(e),e())}A.length=0}while(L.length);for(;V.length;)V.pop()();G=!1,N.clear(),R(n)}function Q(n){if(null!==n.fragment){n.update(),r(n.before_update);const e=n.dirty;n.dirty=[-1],n.fragment&&n.fragment.p(n.ctx,e),n.after_update.forEach(U)}}function X(){return j||(j=Promise.resolve(),j.then((()=>{j=null}))),j}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 Y;function Z(){Y={r:0,c:[],p:Y}}function nn(){Y.r||r(Y.c),Y=Y.p}function en(n,e){n&&n.i&&(K.delete(n),n.i(e))}function tn(n,e,t,o){if(n&&n.o){if(K.has(n))return;K.add(n),Y.c.push((()=>{K.delete(n),o&&(t&&n.d(1),o())})),n.o(e)}}const on={duration:0};function an(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:a,on_mount:s,on_destroy:c,after_update:f}=n.$$;a&&a.m(e,t),o||U((()=>{const e=s.map(i).filter(l);c?c.push(...e):r(e),n.$$.on_mount=[]})),f.forEach(U)}function sn(n,e){const t=n.$$;null!==t.fragment&&(r(t.on_destroy),t.fragment&&t.fragment.d(e),t.on_destroy=t.fragment=null,t.ctx=[])}function cn(n,e){-1===n.$$.dirty[0]&&(L.push(n),G||(G=!0,q.then(W)),n.$$.dirty.fill(0)),n.$$.dirty[e/31|0]|=1<<e%31}function fn(n,t,o,i,l,s,c,f=[-1]){const d=M;R(n);const u=n.$$={fragment:null,ctx:null,props:s,update:e,not_equal:l,bound:a(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(d?d.$$.context:[])),callbacks:a(),dirty:f,skip_bound:!1,root:t.target||d.$$.root};c&&c(u.root);let m=!1;if(u.ctx=o?o(n,t.props||{},((e,t,...o)=>{const i=o.length?o[0]:t;return u.ctx&&l(u.ctx[e],u.ctx[e]=i)&&(!u.skip_bound&&u.bound[e]&&u.bound[e](i),m&&cn(n,e)),t})):[],u.update(),m=!0,r(u.before_update),u.fragment=!!i&&i(u.ctx),t.target){if(t.hydrate){const n=function(n){return Array.from(n.childNodes)}(t.target);u.fragment&&u.fragment.l(n),n.forEach(y)}else u.fragment&&u.fragment.c();t.intro&&en(n.$$.fragment),ln(n,t.target,t.anchor,t.customElement),W()}R(d)}class dn{$destroy(){sn(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 un(n){let t,o,i,a,r,l,s,c,f,d,u,m,p,g,x,$,b,k,C;return{c(){t=w("svg"),o=w("g"),i=w("g"),a=w("path"),r=w("g"),l=w("g"),s=w("g"),c=w("g"),f=w("g"),d=w("g"),u=w("g"),m=w("g"),p=w("g"),g=w("g"),x=w("g"),$=w("g"),b=w("g"),k=w("g"),C=w("g"),S(a,"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"),S(t,"fill",n[0]),S(t,"version","1.1"),S(t,"id","Layer_1"),S(t,"xmlns","http://www.w3.org/2000/svg"),S(t,"xmlns:xlink","http://www.w3.org/1999/xlink"),S(t,"x","0px"),S(t,"y","0px"),S(t,"viewBox","0 0 458 458"),E(t,"enable-background","new 0 0 458 458"),S(t,"xml:space","preserve")},m(n,e){v(n,t,e),h(t,o),h(o,i),h(i,a),h(t,r),h(t,l),h(t,s),h(t,c),h(t,f),h(t,d),h(t,u),h(t,m),h(t,p),h(t,g),h(t,x),h(t,$),h(t,b),h(t,k),h(t,C)},p(n,[e]){1&e&&S(t,"fill",n[0])},i:e,o:e,d(n){n&&y(t)}}}function mn(n,e,t){let{fill:o=""}=e;return n.$$set=n=>{"fill"in n&&t(0,o=n.fill)},[o]}class pn extends dn{constructor(n){super(),fn(this,n,mn,un,s,{fill:0})}}function gn(n){let t,o,i=n[3].svg+"";return{c(){t=w("svg"),S(t,"class",o=n[4].class),S(t,"focusable",n[0]),S(t,"width",n[1]),S(t,"height",n[2]),S(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)&&S(t,"class",o),1&e&&S(t,"focusable",n[0]),2&e&&S(t,"width",n[1]),4&e&&S(t,"height",n[2])},i:e,o:e,d(n){n&&y(t)}}}function hn(n,e,t){let{name:i}=e,{focusable:a=!1}=e,{width:r="40px"}=e,{height:l="40px"}=e,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((n=>n.name===i));return n.$$set=n=>{t(4,e=o(o({},e),c(n))),"name"in n&&t(5,i=n.name),"focusable"in n&&t(0,a=n.focusable),"width"in n&&t(1,r=n.width),"height"in n&&t(2,l=n.height)},e=c(e),[a,r,l,s,e,i]}class xn extends dn{constructor(n){super(),fn(this,n,hn,gn,s,{name:5,focusable:0,width:1,height:2})}}function $n(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 vn(n){let t,o,i,a,l,s,c,f,d,u,m,p,g=n[0].wgEmailReqMsg+"";function x(n,e){return 0==n[8]?kn:1==n[8]?wn:void 0}let $=x(n),w=$&&$(n);return{c(){t=b("div"),o=b("div"),i=k(g),a=C(),l=b("div"),s=b("input"),c=C(),f=b("div"),d=b("p"),d.innerHTML="<u>Skip</u>",u=C(),w&&w.c(),S(o,"id","fsEmailText"),S(s,"type","text"),S(s,"id","fsEmailTextArea"),S(s,"placeholder","email@domain.com"),S(l,"id","fsEmailInputCont"),S(d,"id","fsSkipText"),S(f,"class","fsEmailFooter"),S(t,"class","fsEmailContainer")},m(e,r){v(e,t,r),h(t,o),h(o,i),h(t,a),h(t,l),h(l,s),h(t,c),h(t,f),h(f,d),h(f,u),w&&w.m(f,null),m||(p=[T(s,"keyup",n[49]),T(d,"click",n[50])],m=!0)},p(n,e){1&e[0]&&g!==(g=n[0].wgEmailReqMsg+"")&&I(i,g),$===($=x(n))&&w?w.p(n,e):(w&&w.d(1),w=$&&$(n),w&&(w.c(),w.m(f,null)))},i:e,o:e,d(n){n&&y(t),w&&w.d(),m=!1,r(p)}}}function yn(n){let e,t,o,i,a,l,s,c,f,d,u,m,p,g,x,$,w,k,B,I,E,z,M,D,_,P,R,L,H,A,V,q,G,U,F,N,j,O,W,Q,X,J,K,Y,on,an;const rn=[Tn,Cn],ln=[];function sn(n,e){return n[6]?0:0==n[6]?1:-1}~(a=sn(n))&&(l=ln[a]=rn[a](n));const cn=[Bn,Sn],fn=[];function dn(n,e){return n[6]?0:0==n[6]?1:-1}~(m=dn(n))&&(p=fn[m]=cn[m](n));const un=[En,In],mn=[];function pn(n,e){return n[6]?0:0==n[6]?1:-1}~(B=pn(n))&&(I=mn[B]=un[B](n));const gn=[Mn,zn],hn=[];function xn(n,e){return n[6]?0:0==n[6]?1:-1}~(P=xn(n))&&(R=hn[P]=gn[P](n));const $n=[_n,Dn],vn=[];function yn(n,e){return n[6]?0:0==n[6]?1:-1}function bn(n,e){return 0==n[8]?Rn:1==n[8]?Pn:void 0}~(G=yn(n))&&(U=vn[G]=$n[G](n));let wn=bn(n),kn=wn&&wn(n);return{c(){e=b("div"),t=b("div"),o=b("div"),i=b("div"),l&&l.c(),s=C(),c=b("p"),c.textContent="Hate",f=C(),d=b("div"),u=b("div"),p&&p.c(),g=C(),x=b("p"),x.textContent="Dislike",$=C(),w=b("div"),k=b("div"),I&&I.c(),E=C(),z=b("p"),z.textContent="Neutral",M=C(),D=b("div"),_=b("div"),R&&R.c(),L=C(),H=b("p"),H.textContent="Like",A=C(),V=b("div"),q=b("div"),U&&U.c(),F=C(),N=b("p"),N.textContent="Love",j=C(),O=b("div"),W=b("div"),Q=C(),X=b("textarea"),J=C(),K=b("div"),kn&&kn.c(),S(i,"class","fsReactionIcon"),S(c,"class","fsReactionText"),S(c,"id","fsHateDiv"),S(o,"class","fsIconTextCont"),S(u,"class","fsReactionIcon"),S(x,"class","fsReactionText"),S(x,"id","fsDislikeDiv"),S(d,"class","fsIconTextCont"),S(k,"class","fsReactionIcon"),S(z,"class","fsReactionText"),S(z,"id","fsNeutralDiv"),S(w,"class","fsIconTextCont"),S(_,"class","fsReactionIcon"),S(H,"class","fsReactionText"),S(H,"id","fsLikeDiv"),S(D,"class","fsIconTextCont"),S(q,"class","fsReactionIcon"),S(N,"class","fsReactionText"),S(N,"id","fsLoveDiv"),S(V,"class","fsIconTextCont"),S(t,"class","fsIcons-second"),S(W,"class","fsPointerDiv"),S(W,"id","fsPointer"),S(X,"class","fsTextArea"),S(X,"placeholder","Tell us your experience..."),S(O,"class","fsTextAreaCont"),S(K,"class","fsFooter"),S(e,"class","fsCommentContainer")},m(r,l){v(r,e,l),h(e,t),h(t,o),h(o,i),~a&&ln[a].m(i,null),h(o,s),h(o,c),h(t,f),h(t,d),h(d,u),~m&&fn[m].m(u,null),h(d,g),h(d,x),h(t,$),h(t,w),h(w,k),~B&&mn[B].m(k,null),h(w,E),h(w,z),h(t,M),h(t,D),h(D,_),~P&&hn[P].m(_,null),h(D,L),h(D,H),h(t,A),h(t,V),h(V,q),~G&&vn[G].m(q,null),h(V,F),h(V,N),h(e,j),h(e,O),h(O,W),h(O,Q),h(O,X),h(e,J),h(e,K),kn&&kn.m(K,null),Y=!0,on||(an=[T(o,"click",n[34]),T(d,"click",n[37]),T(w,"click",n[40]),T(D,"click",n[43]),T(q,"click",n[46]),T(X,"keyup",n[47])],on=!0)},p(n,e){let t=a;a=sn(n),a===t?~a&&ln[a].p(n,e):(l&&(Z(),tn(ln[t],1,1,(()=>{ln[t]=null})),nn()),~a?(l=ln[a],l?l.p(n,e):(l=ln[a]=rn[a](n),l.c()),en(l,1),l.m(i,null)):l=null);let o=m;m=dn(n),m===o?~m&&fn[m].p(n,e):(p&&(Z(),tn(fn[o],1,1,(()=>{fn[o]=null})),nn()),~m?(p=fn[m],p?p.p(n,e):(p=fn[m]=cn[m](n),p.c()),en(p,1),p.m(u,null)):p=null);let r=B;B=pn(n),B===r?~B&&mn[B].p(n,e):(I&&(Z(),tn(mn[r],1,1,(()=>{mn[r]=null})),nn()),~B?(I=mn[B],I?I.p(n,e):(I=mn[B]=un[B](n),I.c()),en(I,1),I.m(k,null)):I=null);let s=P;P=xn(n),P===s?~P&&hn[P].p(n,e):(R&&(Z(),tn(hn[s],1,1,(()=>{hn[s]=null})),nn()),~P?(R=hn[P],R?R.p(n,e):(R=hn[P]=gn[P](n),R.c()),en(R,1),R.m(_,null)):R=null);let c=G;G=yn(n),G===c?~G&&vn[G].p(n,e):(U&&(Z(),tn(vn[c],1,1,(()=>{vn[c]=null})),nn()),~G?(U=vn[G],U?U.p(n,e):(U=vn[G]=$n[G](n),U.c()),en(U,1),U.m(q,null)):U=null),wn===(wn=bn(n))&&kn?kn.p(n,e):(kn&&kn.d(1),kn=wn&&wn(n),kn&&(kn.c(),kn.m(K,null)))},i(n){Y||(en(l),en(p),en(I),en(R),en(U),Y=!0)},o(n){tn(l),tn(p),tn(I),tn(R),tn(U),Y=!1},d(n){n&&y(e),~a&&ln[a].d(),~m&&fn[m].d(),~B&&mn[B].d(),~P&&hn[P].d(),~G&&vn[G].d(),kn&&kn.d(),on=!1,r(an)}}}function bn(n){let e,t,o,i,a,l,s,c,f,d,u,m,p,g,x,$,w,B,E,z,M,D,_,P,R,L,A,V,q,G,U,N,j,O,W,Q,X,J,K,Y,Z,nn,on,cn,fn=n[0].wgQuestion+"";function dn(e){n[22](e)}let un={};function mn(e){n[24](e)}void 0!==n[2][0]&&(un.name=n[2][0]),c=new xn({props:un}),H.push((()=>an(c,"name",dn)));let pn={};function gn(e){n[26](e)}void 0!==n[2][1]&&(pn.name=n[2][1]),x=new xn({props:pn}),H.push((()=>an(x,"name",mn)));let hn={};function $n(e){n[28](e)}void 0!==n[2][2]&&(hn.name=n[2][2]),D=new xn({props:hn}),H.push((()=>an(D,"name",gn)));let vn={};function yn(e){n[30](e)}void 0!==n[2][3]&&(vn.name=n[2][3]),q=new xn({props:vn}),H.push((()=>an(q,"name",$n)));let bn={};return void 0!==n[2][4]&&(bn.name=n[2][4]),Q=new xn({props:bn}),H.push((()=>an(Q,"name",yn))),{c(){e=b("div"),t=b("div"),o=k(fn),i=C(),a=b("div"),l=b("div"),s=b("div"),rn(c.$$.fragment),d=C(),u=b("p"),u.textContent="Hate",m=C(),p=b("div"),g=b("div"),rn(x.$$.fragment),w=C(),B=b("p"),B.textContent="Dislike",E=C(),z=b("div"),M=b("div"),rn(D.$$.fragment),P=C(),R=b("p"),R.textContent="Neutral",L=C(),A=b("div"),V=b("div"),rn(q.$$.fragment),U=C(),N=b("p"),N.textContent="Like",j=C(),O=b("div"),W=b("div"),rn(Q.$$.fragment),J=C(),K=b("p"),K.textContent="Love",Y=C(),Z=b("p"),S(t,"id","fsTxt"),S(s,"class","fsReactionIcon"),S(u,"class","fsReactionText"),S(l,"class","fsIconTextCont"),S(g,"class","fsReactionIcon"),S(B,"class","fsReactionText"),S(p,"class","fsIconTextCont"),S(M,"class","fsReactionIcon"),S(R,"class","fsReactionText"),S(z,"class","fsIconTextCont"),S(V,"class","fsReactionIcon"),S(N,"class","fsReactionText"),S(A,"class","fsIconTextCont"),S(W,"class","fsReactionIcon"),S(K,"class","fsReactionText"),S(O,"class","fsIconTextCont"),S(a,"class","fsIcons"),S(Z,"id","test"),S(e,"class","fsReactionsContainer")},m(r,f){v(r,e,f),h(e,t),h(t,o),h(e,i),h(e,a),h(a,l),h(l,s),ln(c,s,null),h(l,d),h(l,u),h(a,m),h(a,p),h(p,g),ln(x,g,null),h(p,w),h(p,B),h(a,E),h(a,z),h(z,M),ln(D,M,null),h(z,P),h(z,R),h(a,L),h(a,A),h(A,V),ln(q,V,null),h(A,U),h(A,N),h(a,j),h(a,O),h(O,W),ln(Q,W,null),h(O,J),h(O,K),h(e,Y),h(e,Z),nn=!0,on||(cn=[T(l,"click",n[23]),T(p,"click",n[25]),T(z,"click",n[27]),T(A,"click",n[29]),T(O,"click",n[31])],on=!0)},p(n,e){(!nn||1&e[0])&&fn!==(fn=n[0].wgQuestion+"")&&I(o,fn);const t={};!f&&4&e[0]&&(f=!0,t.name=n[2][0],F((()=>f=!1))),c.$set(t);const i={};!$&&4&e[0]&&($=!0,i.name=n[2][1],F((()=>$=!1))),x.$set(i);const a={};!_&&4&e[0]&&(_=!0,a.name=n[2][2],F((()=>_=!1))),D.$set(a);const r={};!G&&4&e[0]&&(G=!0,r.name=n[2][3],F((()=>G=!1))),q.$set(r);const l={};!X&&4&e[0]&&(X=!0,l.name=n[2][4],F((()=>X=!1))),Q.$set(l)},i(n){nn||(en(c.$$.fragment,n),en(x.$$.fragment,n),en(D.$$.fragment,n),en(q.$$.fragment,n),en(Q.$$.fragment,n),nn=!0)},o(n){tn(c.$$.fragment,n),tn(x.$$.fragment,n),tn(D.$$.fragment,n),tn(q.$$.fragment,n),tn(Q.$$.fragment,n),nn=!1},d(n){n&&y(e),sn(c),sn(x),sn(D),sn(q),sn(Q),on=!1,r(cn)}}}function wn(n){let t,o,i;return{c(){t=b("fs-button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',B(t,"class","fsSendButtonContCommentComp")},m(e,a){v(e,t,a),o||(i=[T(t,"click",n[51]),T(t,"click",n[52])],o=!0)},p:e,d(n){n&&y(t),o=!1,r(i)}}}function kn(n){let t;return{c(){t=b("fs-button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',B(t,"class","fsCommentButtonContDisable")},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Cn(n){let e,t,o;function i(e){n[33](e)}let a={};return void 0!==n[2][0]&&(a.name=n[2][0]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Tn(n){let e,t,o;function i(e){n[32](e)}let a={};return void 0!==n[2][0]&&(a.name=n[2][0]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Sn(n){let e,t,o;function i(e){n[36](e)}let a={};return void 0!==n[2][1]&&(a.name=n[2][1]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Bn(n){let e,t,o;function i(e){n[35](e)}let a={};return void 0!==n[2][1]&&(a.name=n[2][1]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function In(n){let e,t,o;function i(e){n[39](e)}let a={};return void 0!==n[2][2]&&(a.name=n[2][2]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function En(n){let e,t,o;function i(e){n[38](e)}let a={};return void 0!==n[2][2]&&(a.name=n[2][2]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function zn(n){let e,t,o;function i(e){n[42](e)}let a={};return void 0!==n[2][3]&&(a.name=n[2][3]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Mn(n){let e,t,o;function i(e){n[41](e)}let a={};return void 0!==n[2][3]&&(a.name=n[2][3]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Dn(n){let e,t,o;function i(e){n[45](e)}let a={};return void 0!==n[2][4]&&(a.name=n[2][4]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function _n(n){let e,t,o;function i(e){n[44](e)}let a={};return void 0!==n[2][4]&&(a.name=n[2][4]),e=new xn({props:a}),H.push((()=>an(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],F((()=>t=!1))),e.$set(i)},i(n){o||(en(e.$$.fragment,n),o=!0)},o(n){tn(e.$$.fragment,n),o=!1},d(n){sn(e,n)}}}function Pn(n){let t,o,i;return{c(){t=b("fs-button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',B(t,"class","fsSendButtonContCommentComp")},m(e,a){v(e,t,a),o||(i=T(t,"click",n[48]),o=!0)},p:e,d(n){n&&y(t),o=!1,i()}}}function Rn(n){let t;return{c(){t=b("fs-button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',B(t,"class","fsCommentButtonContDisable")},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Ln(n){let e,t,o,i;const a=[bn,yn,vn],r=[];function l(n,e){return 1===n[7]?0:2===n[7]?1:3===n[7]?2:-1}return~(e=l(n))&&(t=r[e]=a[e](n)),{c(){t&&t.c(),o=k("")},m(n,t){~e&&r[e].m(n,t),v(n,o,t),i=!0},p(n,i){let s=e;e=l(n),e===s?~e&&r[e].p(n,i):(t&&(Z(),tn(r[s],1,1,(()=>{r[s]=null})),nn()),~e?(t=r[e],t?t.p(n,i):(t=r[e]=a[e](n),t.c()),en(t,1),t.m(o.parentNode,o)):t=null)},i(n){i||(en(t),i=!0)},o(n){tn(t),i=!1},d(n){~e&&r[e].d(n),n&&y(o)}}}function Hn(n,e,t){let o,i,a,r,l,s,c,f,d,{feedbackData:u}=e,m=["hate","dislike","neutral","like","love"],p=m,g="",h="",x="",$="test",v=!0,y=0,{closeHandler:b=((n,e,t)=>{})}=e,{closeHandlerBeforeFinishing:w=((n,e,t)=>{})}=e;const k=()=>{let n=document.querySelector(".fsTextArea");""===n.value?t(8,d=!1):t(8,d=!0),t(4,h=""),t(4,h=n.value)},C=()=>{let n=document.querySelector("#fsEmailTextArea");/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(n.value)&&""!==n.value?(t(8,d=!0),t(5,x=""),t(5,x=document.getElementById("fsEmailTextArea").value)):t(8,d=!1)},T=(n,e,f)=>{let d=$;var u;$=f,t(7,o=n),t(3,g=String(e)),t(2,p=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),w(x,h,g),y>0&&("hate"==(u=d)?t(20,a="none"):"dislike"==u?t(19,r="none"):"neutral"==u?t(18,l="none"):"like"==u?t(17,s="none"):"love"==u&&t(15,c="none")),y++,1==e?(t(16,i=11),t(20,a="block"),t(2,p[0]=m[0],p),t(6,v=!v)):2==e?(t(2,p[1]=m[1],p),t(16,i=30),t(19,r="block"),t(6,v=!v)):3==e?(t(2,p[2]=m[2],p),t(16,i=49),t(18,l="block"),t(6,v=!v)):4==e?(t(2,p[3]=m[3],p),t(16,i=68),t(17,s="block"),t(6,v=!v)):5==e&&(t(2,p[4]=m[4],p),t(16,i=87),t(15,c="block"),t(6,v=!v))},S=n=>{clearInterval(undefined),document.querySelector(".fsTextArea").value="",t(8,d=!1),t(7,o=n)},B=()=>{clearInterval(undefined),document.querySelector("#fsEmailTextArea").value=""};return n.$$set=n=>{"feedbackData"in n&&t(0,u=n.feedbackData),"closeHandler"in n&&t(1,b=n.closeHandler),"closeHandlerBeforeFinishing"in n&&t(14,w=n.closeHandlerBeforeFinishing)},n.$$.update=()=>{1&n.$$.dirty[0]&&t(21,f=u.wgAccentColor),65536&n.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",i+"%"),1048576&n.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",a),524288&n.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",r),262144&n.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",l),131072&n.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",s),32768&n.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",c),2097152&n.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",f)},t(7,o=1),t(16,i=10),t(20,a="none"),t(19,r="none"),t(18,l="none"),t(17,s="none"),t(15,c="none"),t(8,d=!1),[u,b,p,g,h,x,v,o,d,k,C,T,S,B,w,c,i,s,l,r,a,f,function(e){n.$$.not_equal(p[0],e)&&(p[0]=e,t(2,p))},()=>T(2,1,"hate"),function(e){n.$$.not_equal(p[1],e)&&(p[1]=e,t(2,p))},()=>T(2,2,"dislike"),function(e){n.$$.not_equal(p[2],e)&&(p[2]=e,t(2,p))},()=>T(2,3,"neutral"),function(e){n.$$.not_equal(p[3],e)&&(p[3]=e,t(2,p))},()=>T(2,4,"like"),function(e){n.$$.not_equal(p[4],e)&&(p[4]=e,t(2,p))},()=>T(2,5,"love"),function(e){n.$$.not_equal(p[0],e)&&(p[0]=e,t(2,p))},function(e){n.$$.not_equal(p[0],e)&&(p[0]=e,t(2,p))},()=>T(2,1,"hate"),function(e){n.$$.not_equal(p[1],e)&&(p[1]=e,t(2,p))},function(e){n.$$.not_equal(p[1],e)&&(p[1]=e,t(2,p))},()=>T(2,2,"dislike"),function(e){n.$$.not_equal(p[2],e)&&(p[2]=e,t(2,p))},function(e){n.$$.not_equal(p[2],e)&&(p[2]=e,t(2,p))},()=>T(2,3,"neutral"),function(e){n.$$.not_equal(p[3],e)&&(p[3]=e,t(2,p))},function(e){n.$$.not_equal(p[3],e)&&(p[3]=e,t(2,p))},()=>T(2,4,"like"),function(e){n.$$.not_equal(p[4],e)&&(p[4]=e,t(2,p))},function(e){n.$$.not_equal(p[4],e)&&(p[4]=e,t(2,p))},()=>T(2,5,"love"),()=>k(),()=>S(3),()=>C(),()=>b(x,h,g),()=>b(x,h,g),()=>B()]}$n(".fsReactionsContainer {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: fit-content;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n .fsIcons {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 5%;\n padding-bottom: 30px;\n }\n #fsTxt {\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 .fsIconTextCont {\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 22px;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n\n .fsReactionText {\n font-size: 12px;\n display: none;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin-top: 0px;\n \n }\n .fsIconTextCont:hover{\n pointer-events: auto;\n cursor: pointer;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n .fsReactionIcon:hover + .fsReactionText {\n display: block;\n opacity: 0.8;\n }\n\n .fsCommentContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: 291px;\n pointer-events: auto;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n .fsTextAreaCont{\n pointer-events: auto;\n width: 100%;\n height: 140px;\n background-color: #eaeaeb;\n margin-top: 17%;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n .fsTextArea{\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n\n .fsTextarea:focus { \n outline: none !important;\n }\n .fsSendButtonCommentComponent{\n pointer-events: auto;\n color: #ffff;\n font-size: 12px;\n text-align: center;\n margin-top: 6px;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n .fsSendButtonContCommentComp{\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n \n.fsCommentButtonContDisable{\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n}\n.fsCommentButtonTxtDisable{\n pointer-events: auto;\n color: black;\n font-size: 12px;\n text-align: center;\n margin-top: 6px;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n}\n .fsFooter{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n\n .fsIcons-second{\n\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n margin-top: 6%;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n .fsPointerDiv{\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 #fsHateDiv{\n display: var(--hateDisplay);\n }\n #fsDislikeDiv{\n display: var(--dislikeDisplay);\n }\n #fsNeutralDiv{\n display: var(--neutralDisplay);\n }\n #fsLikeDiv{\n display: var(--likeDisplay);\n }\n #fsLoveDiv{\n display: var(--loveDisplay);\n }\n .fsEmailContainer{\n pointer-events: auto;\n display: flex;\n flex-direction: column;\n height: fit-content;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n #fsEmailInputCont{\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n\n }\n #fsEmailTextArea{\n pointer-events: auto;\n text-align: center;\n border: 0px;\n background-color: #eaeaeb;\n outline: none;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n #fsEmailText{\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n .fsEmailFooter{\n pointer-events: auto;\n display: flex;\n justify-content: flex-end;\n flex-direction: row;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }\n #fsSkipText{\n color: #908f8f;\n cursor: pointer;\n font-size: 13px;\n margin-top: 6%;\n margin-right: 4%;\n letter-spacing: normal;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n\n }\n #fsSkipText:hover{\n color: #666666;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n\n }",{insertAt:"top"});class An extends dn{constructor(n){super(),fn(this,n,Hn,Ln,s,{feedbackData:0,closeHandler:1,closeHandlerBeforeFinishing:14},null,[-1,-1])}}function Vn(n){const e=n-1;return e*e*e+1}function qn(n,{delay:e=0,duration:t=400,easing:o=Vn,x:i=0,y:a=0,opacity:r=0}={}){const l=getComputedStyle(n),s=+l.opacity,c="none"===l.transform?"":l.transform,f=s*(1-r);return{delay:e,duration:t,easing:o,css:(n,e)=>`\n\t\t\ttransform: ${c} translate(${(1-n)*i}px, ${(1-n)*a}px);\n\t\t\topacity: ${s-f*e}`}}function Gn(n){let e,t,o,i,a,r,l,s,c,f;function d(e){n[22](e)}let u={};return void 0!==n[1]&&(u.fill=n[1]),r=new pn({props:u}),H.push((()=>an(r,"fill",d))),{c(){e=b("div"),t=b("div"),o=k(n[2]),i=C(),a=b("div"),rn(r.$$.fragment),S(t,"id","fsFeedbackTxt"),S(a,"id","fsMainIcon"),S(e,"class","fsWidget")},m(l,d){v(l,e,d),h(e,t),h(t,o),h(e,i),h(e,a),ln(r,a,null),s=!0,c||(f=T(e,"click",n[10]),c=!0)},p(n,e){(!s||4&e)&&I(o,n[2]);const t={};!l&&2&e&&(l=!0,t.fill=n[1],F((()=>l=!1))),r.$set(t)},i(n){s||(en(r.$$.fragment,n),s=!0)},o(n){tn(r.$$.fragment,n),s=!1},d(n){n&&y(e),sn(r),c=!1,f()}}}function Un(n){let o,i,a,r,s,c,f,u,m;function p(e){n[23](e)}let x={closeHandler:n[8]};return void 0!==n[0]&&(x.feedbackData=n[0]),r=new An({props:x}),H.push((()=>an(r,"feedbackData",p))),{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="fsCloseIcon">X</p>',a=C(),rn(r.$$.fragment),S(i,"class","fsCloseCont"),S(o,"class","fsCont")},m(e,t){v(e,o,t),h(o,i),h(o,a),ln(r,o,null),f=!0,u||(m=T(i,"click",n[11]),u=!0)},p(e,t){n=e;const o={};!s&&1&t&&(s=!0,o.feedbackData=n[0],F((()=>s=!1))),r.$set(o)},i(i){f||(en(r.$$.fragment,i),c||U((()=>{c=function(n,o,i){let a,r,s=o(n,i),c=!1,f=0;function u(){a&&P(n,a)}function m(){const{delay:o=0,duration:i=300,easing:l=t,tick:m=e,css:p}=s||on;p&&(a=_(n,0,1,i,o,l,p,f++)),m(0,1);const h=d()+o,x=h+i;r&&r.abort(),c=!0,U((()=>J(n,!0,"start"))),r=g((e=>{if(c){if(e>=x)return m(1,0),J(n,!0,"end"),u(),c=!1;if(e>=h){const n=l((e-h)/i);m(n,1-n)}}return c}))}let p=!1;return{start(){p||(p=!0,P(n),l(s)?(s=s(),X().then(m)):m())},invalidate(){p=!1},end(){c&&(u(),c=!1)}}}(o,qn,{x:n[6],duration:500}),c.start()})),f=!0)},o(n){tn(r.$$.fragment,n),f=!1},d(n){n&&y(o),sn(r),u=!1,m()}}}function Fn(n){let o,i,a,s,c,f,u,m,p,x=n[0].wgThanksMsg+"";return{c(){o=b("div"),i=b("div"),i.innerHTML='<p id="fsCloseIcon">X</p>',a=C(),s=b("div"),c=k(x),S(i,"class","fsCloseCont"),E(s,"width","61%"),E(s,"text-align","center"),E(s,"margin-top","7%"),E(s,"margin-left","20%"),E(s,"padding-bottom","8%"),S(o,"class","fsThanksMessageCont")},m(e,t){v(e,o,t),h(o,i),h(o,a),h(o,s),h(s,c),u=!0,m||(p=T(i,"click",n[9]),m=!0)},p(e,t){n=e,(!u||1&t)&&x!==(x=n[0].wgThanksMsg+"")&&I(c,x)},i(n){u||(f&&f.end(1),u=!0)},o(i){f=function(n,o,i){let a,s=o(n,i),c=!0;const f=Y;function u(){const{delay:o=0,duration:i=300,easing:l=t,tick:u=e,css:m}=s||on;m&&(a=_(n,1,0,i,o,l,m));const p=d()+o,h=p+i;U((()=>J(n,!1,"start"))),g((e=>{if(c){if(e>=h)return u(0,1),J(n,!1,"end"),--f.r||r(f.c),!1;if(e>=p){const n=l((e-p)/i);u(1-n,n)}}return c}))}return f.r+=1,l(s)?X().then((()=>{s=s(),u()})):u(),{end(e){e&&s.tick&&s.tick(1,0),c&&(a&&P(n,a),c=!1)}}}(o,qn,{x:n[7],duration:300}),u=!1},d(n){n&&y(o),n&&f&&f.end(),m=!1,p()}}}function Nn(n){let e,t,o,i,a=n[4]&&Gn(n),r=n[3]&&Un(n),l=n[5]&&Fn(n);return{c(){e=b("fsContainer"),a&&a.c(),t=C(),r&&r.c(),o=C(),l&&l.c(),E(e,"position","10px")},m(n,s){v(n,e,s),a&&a.m(e,null),h(e,t),r&&r.m(e,null),h(e,o),l&&l.m(e,null),i=!0},p(n,[i]){n[4]?a?(a.p(n,i),16&i&&en(a,1)):(a=Gn(n),a.c(),en(a,1),a.m(e,t)):a&&(Z(),tn(a,1,1,(()=>{a=null})),nn()),n[3]?r?(r.p(n,i),8&i&&en(r,1)):(r=Un(n),r.c(),en(r,1),r.m(e,o)):r&&(Z(),tn(r,1,1,(()=>{r=null})),nn()),n[5]?l?(l.p(n,i),32&i&&en(l,1)):(l=Fn(n),l.c(),en(l,1),l.m(e,null)):l&&(Z(),tn(l,1,1,(()=>{l=null})),nn())},i(n){i||(en(a),en(r),en(l),i=!0)},o(n){tn(a),tn(r),tn(l),i=!1},d(n){n&&y(e),a&&a.d(),r&&r.d(),l&&l.d()}}}function jn(n,e,t){let o,{feedback:i}=e,{widgetPosition:a}=e,r="",l="",s="Feedback";s="en"==i.wgLanguage?" Feedback":"ar"==i.wgLanguage?"رأي":"Rétroaction",!0===i.wgAlternateColor?(r="white",l="white"):(r="black",l="black");let c="",f="",d=0,u=0,m=0,p=0,g=!1,h=!0,x=!1,$=0,v=0,y="";y="fixed"==a?"fixed":"absolute",0==Number(i.wgPosition)&&(c="center",f="row-reverse",d=5,u=0,m=30,p=0,$=-100,v=20),1==Number(i.wgPosition)&&(c="center",f="row",d=0,u=5,m=0,p=30,$=100,v=-20),2==Number(i.wgPosition)&&(c="flex-end",f="row-reverse",d=5,m=30,p=0,$=-100,v=20),3==Number(i.wgPosition)&&(c="flex-end",f="row",d=0,u=5,m=0,p=30,$=100,v=-20);const b=()=>{t(3,g=!g),t(5,x=!x)};return n.$$set=n=>{"feedback"in n&&t(0,i=n.feedback),"widgetPosition"in n&&t(12,a=n.widgetPosition)},n.$$.update=()=>{1&n.$$.dirty&&t(21,o=i.wgAccentColor),2097152&n.$$.dirty&&document.documentElement.style.setProperty("--widgetColor",o),8192&n.$$.dirty&&document.documentElement.style.setProperty("--widgetTextColor",r),1048576&n.$$.dirty&&document.documentElement.style.setProperty("--positionState",y),16384&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionHorizintal",c),32768&n.$$.dirty&&document.documentElement.style.setProperty("--wgPositionVertical",f),65536&n.$$.dirty&&document.documentElement.style.setProperty("--widgetLeftSideBorder",d+"px"),131072&n.$$.dirty&&document.documentElement.style.setProperty("--widgetRightSideBorder",u+"px"),262144&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginRight",m+"px"),524288&n.$$.dirty&&document.documentElement.style.setProperty("--widgetMarginLeft",p+"px")},[i,l,s,g,h,x,$,v,(n,e,t)=>{let o={email:n,comment:e,reaction:Number(t)},i=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(i),b()},()=>{t(5,x=!x),setTimeout((function(){t(4,h=!h)}),350)},()=>{t(3,g=!g),t(4,h=!h)},()=>{t(3,g=!g),setTimeout((function(){t(4,h=!h)}),350)},a,r,c,f,d,u,m,p,y,o,function(n){l=n,t(1,l)},function(n){i=n,t(0,i)}]}$n("fsContainer{\n width: 100%;\n display: flex;\n flex-direction: var(--wgPositionVertical);\n position: var(--positionState);\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 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n fsContainerApp{\n width: 776px;\n height: 415px;\n display: flex;\n flex-direction: var(--wgPositionVertical);\n position: fixed;\n top: 0; right: 0; bottom: 0; left: 0;\n pointer-events: none;\n align-items: var(--wgPositionHorizintal);\n padding: 0;\n z-index: 100000;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n .fsWidget {\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 #fsMainIcon {\n width: 60%;\n margin-left: 4%;\n cursor: pointer;\n }\n #fsFeedbackTxt {\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 .fsWidget: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 .fsCont {\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 .fsThanksMessageCont{\n pointer-events: auto;\n width: 320px;\n height: auto;\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 #fsCloseIcon{\n\t font-size: 15px;\n\t color: #ffff;\n\t font-weight: 600;\n \tcursor: pointer;\n margin-top: 2px;\n\t \n }\n .fsCloseCont{\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\t/* align-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 On extends dn{constructor(n){super(),fn(this,n,jn,Nn,s,{feedback:0,widgetPosition:12})}}return n.feedbackCreator=function(n,e){let t,o;null==e||null==e?(t=document.body,o="fixed"):(t=e,o="absolute"),new On({target:t,props:{feedback:n,widgetPosition:o}})},Object.defineProperty(n,"__esModule",{value:!0}),n}({});
|
|
1
|
+
var fsFeedbackWidget=function(n){"use strict";function e(){}const t=n=>n;function r(n,e){for(const t in e)n[t]=e[t];return n}function o(n){return n()}function i(){return Object.create(null)}function a(n){n.forEach(o)}function l(n){return"function"==typeof n}function s(n,e){return n!=n?e==e:n!==e||n&&"object"==typeof n||"function"==typeof n}function c(n){const e={};for(const t in n)"$"!==t[0]&&(e[t]=n[t]);return e}const f="undefined"!=typeof window;let d=f?()=>window.performance.now():()=>Date.now(),u=f?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&&u(m)}function g(n){let e;return 0===p.size&&u(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=w("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 w(n){return document.createElement(n)}function b(n){return document.createElementNS("http://www.w3.org/2000/svg",n)}function C(n){return document.createTextNode(n)}function k(){return C(" ")}function T(){return C("")}function S(n,e,t,r){return n.addEventListener(e,t,r),()=>n.removeEventListener(e,t,r)}function B(n,e,t){null==t?n.removeAttribute(e):n.getAttribute(e)!==t&&n.setAttribute(e,t)}function I(n,e){e=""+e,n.wholeText!==e&&(n.data=e)}function M(n,e,t,r){null===t?n.style.removeProperty(e):n.style.setProperty(e,t,r?"important":"")}function z(n,e,t){n.classList[t?"add":"remove"](e)}const E=new Map;let D,_=0;function A(n,e,t,r,o,i,a,l=0){const s=16.666/r;let c="{\n";for(let n=0;n<=1;n+=s){const r=e+(t-e)*i(n);c+=100*n+`%{${a(r,1-r)}}\n`}const f=c+`100% {${a(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}(f)}_${l}`,u=h(n),{stylesheet:p,rules:m}=E.get(u)||function(n,e){const t={stylesheet:$(e),rules:{}};return E.set(n,t),t}(u,n);m[d]||(m[d]=!0,p.insertRule(`@keyframes ${d} ${f}`,p.cssRules.length));const g=n.style.animation||"";return n.style.animation=`${g?`${g}, `:""}${d} ${r}ms linear ${o}ms 1 both`,_+=1,d}function R(n,e){const t=(n.style.animation||"").split(", "),r=t.filter(e?n=>n.indexOf(e)<0:n=>-1===n.indexOf("__svelte")),o=t.length-r.length;o&&(n.style.animation=r.join(", "),_-=o,_||u((()=>{_||(E.forEach((n=>{const{stylesheet:e}=n;let t=e.cssRules.length;for(;t--;)e.deleteRule(t);n.rules={}})),E.clear())})))}function P(n){D=n}const L=[],H=[],q=[],V=[],G=Promise.resolve();let U=!1;function F(n){q.push(n)}function N(n){V.push(n)}const j=new Set;let O,W=0;function Q(){const n=D;do{for(;W<L.length;){const n=L[W];W++,P(n),X(n.$$)}for(P(null),L.length=0,W=0;H.length;)H.pop()();for(let n=0;n<q.length;n+=1){const e=q[n];j.has(e)||(j.add(e),e())}q.length=0}while(L.length);for(;V.length;)V.pop()();U=!1,j.clear(),P(n)}function X(n){if(null!==n.fragment){n.update(),a(n.before_update);const e=n.dirty;n.dirty=[-1],n.fragment&&n.fragment.p(n.ctx,e),n.after_update.forEach(F)}}function J(){return O||(O=Promise.resolve(),O.then((()=>{O=null}))),O}function K(n,e,t){n.dispatchEvent(function(n,e,t=!1){const r=document.createEvent("CustomEvent");return r.initCustomEvent(n,t,!1,e),r}(`${e?"intro":"outro"}${t}`))}const Y=new Set;let Z;function nn(){Z={r:0,c:[],p:Z}}function en(){Z.r||a(Z.c),Z=Z.p}function tn(n,e){n&&n.i&&(Y.delete(n),n.i(e))}function rn(n,e,t,r){if(n&&n.o){if(Y.has(n))return;Y.add(n),Z.c.push((()=>{Y.delete(n),r&&(t&&n.d(1),r())})),n.o(e)}}const on={duration:0};function an(n,e,t){const r=n.$$.props[e];void 0!==r&&(n.$$.bound[r]=t,t(n.$$.ctx[r]))}function ln(n){n&&n.c()}function sn(n,e,t,r){const{fragment:i,on_mount:s,on_destroy:c,after_update:f}=n.$$;i&&i.m(e,t),r||F((()=>{const e=s.map(o).filter(l);c?c.push(...e):a(e),n.$$.on_mount=[]})),f.forEach(F)}function cn(n,e){const t=n.$$;null!==t.fragment&&(a(t.on_destroy),t.fragment&&t.fragment.d(e),t.on_destroy=t.fragment=null,t.ctx=[])}function fn(n,e){-1===n.$$.dirty[0]&&(L.push(n),U||(U=!0,G.then(Q)),n.$$.dirty.fill(0)),n.$$.dirty[e/31|0]|=1<<e%31}function dn(n,t,r,o,l,s,c,f=[-1]){const d=D;P(n);const u=n.$$={fragment:null,ctx:null,props:s,update:e,not_equal:l,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(d?d.$$.context:[])),callbacks:i(),dirty:f,skip_bound:!1,root:t.target||d.$$.root};c&&c(u.root);let p=!1;if(u.ctx=r?r(n,t.props||{},((e,t,...r)=>{const o=r.length?r[0]:t;return u.ctx&&l(u.ctx[e],u.ctx[e]=o)&&(!u.skip_bound&&u.bound[e]&&u.bound[e](o),p&&fn(n,e)),t})):[],u.update(),p=!0,a(u.before_update),u.fragment=!!o&&o(u.ctx),t.target){if(t.hydrate){const n=function(n){return Array.from(n.childNodes)}(t.target);u.fragment&&u.fragment.l(n),n.forEach(y)}else u.fragment&&u.fragment.c();t.intro&&tn(n.$$.fragment),sn(n,t.target,t.anchor,t.customElement),Q()}P(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 pn(n){let t,r,o,i,a,l,s,c,f,d,u,p,m,g,h,$,w,C,k;return{c(){t=b("svg"),r=b("g"),o=b("g"),i=b("path"),a=b("g"),l=b("g"),s=b("g"),c=b("g"),f=b("g"),d=b("g"),u=b("g"),p=b("g"),m=b("g"),g=b("g"),h=b("g"),$=b("g"),w=b("g"),C=b("g"),k=b("g"),B(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"),B(t,"fill",n[0]),B(t,"version","1.1"),B(t,"id","Layer_1"),B(t,"xmlns","http://www.w3.org/2000/svg"),B(t,"xmlns:xlink","http://www.w3.org/1999/xlink"),B(t,"x","0px"),B(t,"y","0px"),B(t,"viewBox","0 0 458 458"),M(t,"enable-background","new 0 0 458 458"),B(t,"xml:space","preserve")},m(n,e){v(n,t,e),x(t,r),x(r,o),x(o,i),x(t,a),x(t,l),x(t,s),x(t,c),x(t,f),x(t,d),x(t,u),x(t,p),x(t,m),x(t,g),x(t,h),x(t,$),x(t,w),x(t,C),x(t,k)},p(n,[e]){1&e&&B(t,"fill",n[0])},i:e,o:e,d(n){n&&y(t)}}}function mn(n,e,t){let{fill:r=""}=e;return n.$$set=n=>{"fill"in n&&t(0,r=n.fill)},[r]}class gn extends un{constructor(n){super(),dn(this,n,mn,pn,s,{fill:0})}}function xn(n){let t,r,o=n[3].svg+"";return{c(){t=b("svg"),B(t,"class",r=n[4].class),B(t,"focusable",n[0]),B(t,"width",n[1]),B(t,"height",n[2]),B(t,"viewBox","0 0 "+n[3].box+" "+(n[3].box-1))},m(n,e){v(n,t,e),t.innerHTML=o},p(n,[e]){16&e&&r!==(r=n[4].class)&&B(t,"class",r),1&e&&B(t,"focusable",n[0]),2&e&&B(t,"width",n[1]),4&e&&B(t,"height",n[2])},i:e,o:e,d(n){n&&y(t)}}}function hn(n,e,t){let{name:o}=e,{focusable:i=!1}=e,{width:a="40px"}=e,{height:l="40px"}=e,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((n=>n.name===o));return n.$$set=n=>{t(4,e=r(r({},e),c(n))),"name"in n&&t(5,o=n.name),"focusable"in n&&t(0,i=n.focusable),"width"in n&&t(1,a=n.width),"height"in n&&t(2,l=n.height)},e=c(e),[i,a,l,s,e,o]}class $n extends un{constructor(n){super(),dn(this,n,hn,xn,s,{name:5,focusable:0,width:1,height:2})}}function vn(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===t&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n))}}function yn(n){let t,r,o,i,l,s,c,f,d,u,p,m;function g(n,e){return 0==n[9]?kn:1==n[9]?Cn:void 0}let h=g(n),$=h&&h(n);return{c(){t=w("div"),r=w("div"),o=C(n[11]),i=k(),l=w("div"),s=w("input"),c=k(),f=w("div"),d=w("p"),d.innerHTML="<u>Skip</u>",u=k(),$&&$.c(),B(r,"id","fsEmailText"),B(s,"type","text"),B(s,"id","fsEmailTextArea"),B(s,"placeholder","email@domain.com"),B(l,"id","fsEmailInputCont"),B(d,"id","fsSkipText"),B(f,"class","fsEmailFooter"),B(t,"class","fsEmailContainer")},m(e,a){v(e,t,a),x(t,r),x(r,o),x(t,i),x(t,l),x(l,s),x(t,c),x(t,f),x(f,d),x(f,u),$&&$.m(f,null),p||(m=[S(s,"keyup",n[58]),S(d,"click",n[59])],p=!0)},p(n,e){2048&e[0]&&I(o,n[11]),h===(h=g(n))&&$?$.p(n,e):($&&$.d(1),$=h&&h(n),$&&($.c(),$.m(f,null)))},i:e,o:e,d(n){n&&y(t),$&&$.d(),p=!1,a(m)}}}function wn(n){let e,t,r,o,i,l,s,c,f,d,u,p,m,g,h,$,b,C,T,I,M,z,E,D,_,A,R,P,L,H,q,V,G,U,F,N,j,O,W,Q,X,J,K,Y,Z,on,an;const ln=[Sn,Tn],sn=[];function cn(n,e){return n[7]?0:0==n[7]?1:-1}~(i=cn(n))&&(l=sn[i]=ln[i](n));const fn=[In,Bn],dn=[];function un(n,e){return n[7]?0:0==n[7]?1:-1}~(p=un(n))&&(m=dn[p]=fn[p](n));const pn=[zn,Mn],mn=[];function gn(n,e){return n[7]?0:0==n[7]?1:-1}~(T=gn(n))&&(I=mn[T]=pn[T](n));const xn=[Dn,En],hn=[];function $n(n,e){return n[7]?0:0==n[7]?1:-1}~(A=$n(n))&&(R=hn[A]=xn[A](n));const vn=[An,_n],yn=[];function wn(n,e){return n[7]?0:0==n[7]?1:-1}function bn(n,e){return 0==n[9]?Pn:1==n[9]?Rn:void 0}~(G=wn(n))&&(U=yn[G]=vn[G](n));let Cn=bn(n),kn=Cn&&Cn(n);return{c(){e=w("div"),t=w("div"),r=w("div"),o=w("div"),l&&l.c(),s=k(),c=w("p"),c.textContent="Hate",f=k(),d=w("div"),u=w("div"),m&&m.c(),g=k(),h=w("p"),h.textContent="Dislike",$=k(),b=w("div"),C=w("div"),I&&I.c(),M=k(),z=w("p"),z.textContent="Neutral",E=k(),D=w("div"),_=w("div"),R&&R.c(),P=k(),L=w("p"),L.textContent="Like",H=k(),q=w("div"),V=w("div"),U&&U.c(),F=k(),N=w("p"),N.textContent="Love",j=k(),O=w("div"),W=w("div"),Q=k(),X=w("textarea"),K=k(),Y=w("div"),kn&&kn.c(),B(o,"class","fsReactionIcon"),B(c,"class","fsReactionText"),B(c,"id","fsHateDiv"),B(r,"class","fsIconTextCont"),B(u,"class","fsReactionIcon"),B(h,"class","fsReactionText"),B(h,"id","fsDislikeDiv"),B(d,"class","fsIconTextCont"),B(C,"class","fsReactionIcon"),B(z,"class","fsReactionText"),B(z,"id","fsNeutralDiv"),B(b,"class","fsIconTextCont"),B(_,"class","fsReactionIcon"),B(L,"class","fsReactionText"),B(L,"id","fsLikeDiv"),B(D,"class","fsIconTextCont"),B(V,"class","fsReactionIcon"),B(N,"class","fsReactionText"),B(N,"id","fsLoveDiv"),B(q,"class","fsIconTextCont"),B(t,"class","fsIcons-second"),B(W,"class","fsPointerDiv"),B(W,"id","fsPointer"),B(X,"class","fsTextArea"),B(X,"placeholder",n[10]),B(O,"class",J=0===n[0]?"fsTextAreaCont":"fsTextAreaCont-qa-view"),B(Y,"class","fsFooter"),B(e,"class","fsCommentContainer")},m(a,l){v(a,e,l),x(e,t),x(t,r),x(r,o),~i&&sn[i].m(o,null),x(r,s),x(r,c),x(t,f),x(t,d),x(d,u),~p&&dn[p].m(u,null),x(d,g),x(d,h),x(t,$),x(t,b),x(b,C),~T&&mn[T].m(C,null),x(b,M),x(b,z),x(t,E),x(t,D),x(D,_),~A&&hn[A].m(_,null),x(D,P),x(D,L),x(t,H),x(t,q),x(q,V),~G&&yn[G].m(V,null),x(q,F),x(q,N),x(e,j),x(e,O),x(O,W),x(O,Q),x(O,X),x(e,K),x(e,Y),kn&&kn.m(Y,null),Z=!0,on||(an=[S(r,"click",n[43]),S(d,"click",n[46]),S(b,"click",n[49]),S(D,"click",n[52]),S(V,"click",n[55]),S(X,"keyup",n[56])],on=!0)},p(n,e){let t=i;i=cn(n),i===t?~i&&sn[i].p(n,e):(l&&(nn(),rn(sn[t],1,1,(()=>{sn[t]=null})),en()),~i?(l=sn[i],l?l.p(n,e):(l=sn[i]=ln[i](n),l.c()),tn(l,1),l.m(o,null)):l=null);let r=p;p=un(n),p===r?~p&&dn[p].p(n,e):(m&&(nn(),rn(dn[r],1,1,(()=>{dn[r]=null})),en()),~p?(m=dn[p],m?m.p(n,e):(m=dn[p]=fn[p](n),m.c()),tn(m,1),m.m(u,null)):m=null);let a=T;T=gn(n),T===a?~T&&mn[T].p(n,e):(I&&(nn(),rn(mn[a],1,1,(()=>{mn[a]=null})),en()),~T?(I=mn[T],I?I.p(n,e):(I=mn[T]=pn[T](n),I.c()),tn(I,1),I.m(C,null)):I=null);let s=A;A=$n(n),A===s?~A&&hn[A].p(n,e):(R&&(nn(),rn(hn[s],1,1,(()=>{hn[s]=null})),en()),~A?(R=hn[A],R?R.p(n,e):(R=hn[A]=xn[A](n),R.c()),tn(R,1),R.m(_,null)):R=null);let c=G;G=wn(n),G===c?~G&&yn[G].p(n,e):(U&&(nn(),rn(yn[c],1,1,(()=>{yn[c]=null})),en()),~G?(U=yn[G],U?U.p(n,e):(U=yn[G]=vn[G](n),U.c()),tn(U,1),U.m(V,null)):U=null),(!Z||1024&e[0])&&B(X,"placeholder",n[10]),(!Z||1&e[0]&&J!==(J=0===n[0]?"fsTextAreaCont":"fsTextAreaCont-qa-view"))&&B(O,"class",J),Cn===(Cn=bn(n))&&kn?kn.p(n,e):(kn&&kn.d(1),kn=Cn&&Cn(n),kn&&(kn.c(),kn.m(Y,null)))},i(n){Z||(tn(l),tn(m),tn(I),tn(R),tn(U),Z=!0)},o(n){rn(l),rn(m),rn(I),rn(R),rn(U),Z=!1},d(n){n&&y(e),~i&&sn[i].d(),~p&&dn[p].d(),~T&&mn[T].d(),~A&&hn[A].d(),~G&&yn[G].d(),kn&&kn.d(),on=!1,a(an)}}}function bn(n){let e,t,r,o,i,a,l;const s=[Hn,Ln],c=[];function f(n,e){return 0===n[0]?0:1===n[0]?1:-1}return~(o=f(n))&&(i=c[o]=s[o](n)),{c(){e=w("div"),t=C(n[12]),r=k(),i&&i.c(),a=T(),B(e,"id","fsTxt")},m(n,i){v(n,e,i),x(e,t),v(n,r,i),~o&&c[o].m(n,i),v(n,a,i),l=!0},p(n,e){(!l||4096&e[0])&&I(t,n[12]);let r=o;o=f(n),o===r?~o&&c[o].p(n,e):(i&&(nn(),rn(c[r],1,1,(()=>{c[r]=null})),en()),~o?(i=c[o],i?i.p(n,e):(i=c[o]=s[o](n),i.c()),tn(i,1),i.m(a.parentNode,a)):i=null)},i(n){l||(tn(i),l=!0)},o(n){rn(i),l=!1},d(n){n&&y(e),n&&y(r),~o&&c[o].d(n),n&&y(a)}}}function Cn(n){let t,r,o;return{c(){t=w("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',B(t,"class","fsSendButtonContCommentComp")},m(e,i){v(e,t,i),r||(o=[S(t,"click",n[60]),S(t,"click",n[61])],r=!0)},p:e,d(n){n&&y(t),r=!1,a(o)}}}function kn(n){let t;return{c(){t=w("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',B(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Tn(n){let e,t,r;function o(e){n[42](e)}let i={};return void 0!==n[2][0]&&(i.name=n[2][0]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][0],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function Sn(n){let e,t,r;function o(e){n[41](e)}let i={};return void 0!==n[2][0]&&(i.name=n[2][0]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][0],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function Bn(n){let e,t,r;function o(e){n[45](e)}let i={};return void 0!==n[2][1]&&(i.name=n[2][1]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][1],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function In(n){let e,t,r;function o(e){n[44](e)}let i={};return void 0!==n[2][1]&&(i.name=n[2][1]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][1],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function Mn(n){let e,t,r;function o(e){n[48](e)}let i={};return void 0!==n[2][2]&&(i.name=n[2][2]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][2],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function zn(n){let e,t,r;function o(e){n[47](e)}let i={};return void 0!==n[2][2]&&(i.name=n[2][2]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][2],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function En(n){let e,t,r;function o(e){n[51](e)}let i={};return void 0!==n[2][3]&&(i.name=n[2][3]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][3],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function Dn(n){let e,t,r;function o(e){n[50](e)}let i={};return void 0!==n[2][3]&&(i.name=n[2][3]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][3],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function _n(n){let e,t,r;function o(e){n[54](e)}let i={};return void 0!==n[2][4]&&(i.name=n[2][4]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][4],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function An(n){let e,t,r;function o(e){n[53](e)}let i={};return void 0!==n[2][4]&&(i.name=n[2][4]),e=new $n({props:i}),H.push((()=>an(e,"name",o))),{c(){ln(e.$$.fragment)},m(n,t){sn(e,n,t),r=!0},p(n,r){const o={};!t&&4&r[0]&&(t=!0,o.name=n[2][4],N((()=>t=!1))),e.$set(o)},i(n){r||(tn(e.$$.fragment,n),r=!0)},o(n){rn(e.$$.fragment,n),r=!1},d(n){cn(e,n)}}}function Rn(n){let t,r,o;return{c(){t=w("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',B(t,"class","fsSendButtonContCommentComp")},m(e,i){v(e,t,i),r||(o=S(t,"click",n[57]),r=!0)},p:e,d(n){n&&y(t),r=!1,o()}}}function Pn(n){let t;return{c(){t=w("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',B(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Ln(n){let t,r,o,i,a,l,s;function c(n,e){return 0==n[9]?Vn:1==n[9]?qn:void 0}let f=c(n),d=f&&f(n);return{c(){t=w("div"),r=w("div"),o=w("textarea"),i=k(),a=w("div"),d&&d.c(),B(o,"class","fsAnswerTextArea"),B(o,"placeholder","Answer Here..."),B(r,"class","fsTextAreaCont-qa-view"),B(a,"class","fsFooter"),B(t,"class","fsQuestionContainer")},m(e,c){v(e,t,c),x(t,r),x(r,o),x(t,i),x(t,a),d&&d.m(a,null),l||(s=S(o,"keyup",n[39]),l=!0)},p(n,e){f===(f=c(n))&&d?d.p(n,e):(d&&d.d(1),d=f&&f(n),d&&(d.c(),d.m(a,null)))},i:e,o:e,d(n){n&&y(t),d&&d.d(),l=!1,s()}}}function Hn(n){let e,t,r,o,i,l,s,c,f,d,u,p,m,g,h,$,b,C,T,I,M,z,E,D,_,A,R,P,L,q,V,G,U,F,j,O,W,Q,X;function J(e){n[29](e)}let K={};function Y(e){n[31](e)}void 0!==n[2][0]&&(K.name=n[2][0]),i=new $n({props:K}),H.push((()=>an(i,"name",J)));let Z={};function nn(e){n[33](e)}void 0!==n[2][1]&&(Z.name=n[2][1]),p=new $n({props:Z}),H.push((()=>an(p,"name",Y)));let en={};function on(e){n[35](e)}void 0!==n[2][2]&&(en.name=n[2][2]),T=new $n({props:en}),H.push((()=>an(T,"name",nn)));let fn={};function dn(e){n[37](e)}void 0!==n[2][3]&&(fn.name=n[2][3]),A=new $n({props:fn}),H.push((()=>an(A,"name",on)));let un={};return void 0!==n[2][4]&&(un.name=n[2][4]),U=new $n({props:un}),H.push((()=>an(U,"name",dn))),{c(){e=w("div"),t=w("div"),r=w("div"),o=w("div"),ln(i.$$.fragment),s=k(),c=w("p"),c.textContent="Hate",f=k(),d=w("div"),u=w("div"),ln(p.$$.fragment),g=k(),h=w("p"),h.textContent="Dislike",$=k(),b=w("div"),C=w("div"),ln(T.$$.fragment),M=k(),z=w("p"),z.textContent="Neutral",E=k(),D=w("div"),_=w("div"),ln(A.$$.fragment),P=k(),L=w("p"),L.textContent="Like",q=k(),V=w("div"),G=w("div"),ln(U.$$.fragment),j=k(),O=w("p"),O.textContent="Love",B(o,"class","fsReactionIcon"),B(c,"class","fsReactionText"),B(r,"class","fsIconTextCont"),B(u,"class","fsReactionIcon"),B(h,"class","fsReactionText"),B(d,"class","fsIconTextCont"),B(C,"class","fsReactionIcon"),B(z,"class","fsReactionText"),B(b,"class","fsIconTextCont"),B(_,"class","fsReactionIcon"),B(L,"class","fsReactionText"),B(D,"class","fsIconTextCont"),B(G,"class","fsReactionIcon"),B(O,"class","fsReactionText"),B(V,"class","fsIconTextCont"),B(t,"class","fsIcons"),B(e,"class","fsReactionsContainer")},m(a,l){v(a,e,l),x(e,t),x(t,r),x(r,o),sn(i,o,null),x(r,s),x(r,c),x(t,f),x(t,d),x(d,u),sn(p,u,null),x(d,g),x(d,h),x(t,$),x(t,b),x(b,C),sn(T,C,null),x(b,M),x(b,z),x(t,E),x(t,D),x(D,_),sn(A,_,null),x(D,P),x(D,L),x(t,q),x(t,V),x(V,G),sn(U,G,null),x(V,j),x(V,O),W=!0,Q||(X=[S(r,"click",n[30]),S(d,"click",n[32]),S(b,"click",n[34]),S(D,"click",n[36]),S(V,"click",n[38])],Q=!0)},p(n,e){const t={};!l&&4&e[0]&&(l=!0,t.name=n[2][0],N((()=>l=!1))),i.$set(t);const r={};!m&&4&e[0]&&(m=!0,r.name=n[2][1],N((()=>m=!1))),p.$set(r);const o={};!I&&4&e[0]&&(I=!0,o.name=n[2][2],N((()=>I=!1))),T.$set(o);const a={};!R&&4&e[0]&&(R=!0,a.name=n[2][3],N((()=>R=!1))),A.$set(a);const s={};!F&&4&e[0]&&(F=!0,s.name=n[2][4],N((()=>F=!1))),U.$set(s)},i(n){W||(tn(i.$$.fragment,n),tn(p.$$.fragment,n),tn(T.$$.fragment,n),tn(A.$$.fragment,n),tn(U.$$.fragment,n),W=!0)},o(n){rn(i.$$.fragment,n),rn(p.$$.fragment,n),rn(T.$$.fragment,n),rn(A.$$.fragment,n),rn(U.$$.fragment,n),W=!1},d(n){n&&y(e),cn(i),cn(p),cn(T),cn(A),cn(U),Q=!1,a(X)}}}function qn(n){let t,r,o;return{c(){t=w("button"),t.innerHTML='<p class="fsSendButtonCommentComponent">Send</p>',B(t,"class","fsSendButtonContCommentComp")},m(e,i){v(e,t,i),r||(o=S(t,"click",n[40]),r=!0)},p:e,d(n){n&&y(t),r=!1,o()}}}function Vn(n){let t;return{c(){t=w("button"),t.innerHTML='<p class="fsCommentButtonTxtDisable">Send</p>',B(t,"class","fsCommentButtonContDisable"),t.disabled=!0},m(n,e){v(n,t,e)},p:e,d(n){n&&y(t)}}}function Gn(n){let e,t,r,o;const i=[bn,wn,yn],a=[];function l(n,e){return 1===n[8]?0:2===n[8]&&1!==n[0]?1:3===n[8]?2:-1}return~(e=l(n))&&(t=a[e]=i[e](n)),{c(){t&&t.c(),r=T()},m(n,t){~e&&a[e].m(n,t),v(n,r,t),o=!0},p(n,o){let s=e;e=l(n),e===s?~e&&a[e].p(n,o):(t&&(nn(),rn(a[s],1,1,(()=>{a[s]=null})),en()),~e?(t=a[e],t?t.p(n,o):(t=a[e]=i[e](n),t.c()),tn(t,1),t.m(r.parentNode,r)):t=null)},i(n){o||(tn(t),o=!0)},o(n){rn(t),o=!1},d(n){~e&&a[e].d(n),n&&y(r)}}}function Un(n,e,t){let r,o,i,a,l,s,c,f,d,u,p,m,g,{feedbackData:x}=e,{wgType:h}=e,$=["hate","dislike","neutral","like","love"],v=$,y="",w="",b="",C="",k="test",T=!0,S=0,{closeHandler:B=((n,e,t,r)=>{})}=e,{closeHandlerBeforeFinishing:I=((n,e,t)=>{})}=e;const M=()=>{let n=document.querySelector(".fsTextArea");""===n.value?t(9,m=!1):t(9,m=!0),t(4,w=""),t(4,w=n.value)},z=()=>{let n=document.querySelector("#fsEmailTextArea");/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(n.value)&&""!==n.value?(t(9,m=!0),t(5,b=""),t(5,b=document.getElementById("fsEmailTextArea").value)):t(9,m=!1)},E=(n,e,f)=>{let d=k;var u;k=f,t(8,r=n),t(3,y=String(e)),t(2,v=["unSelectedHate","unSelectedDislike","unSelectedNeutral","unSelectedLike","unSelectedLove"]),I(b,w,y),S>0&&("hate"==(u=d)?t(27,i="none"):"dislike"==u?t(26,a="none"):"neutral"==u?t(25,l="none"):"like"==u?t(24,s="none"):"love"==u&&t(22,c="none")),S++,1==e?(t(23,o=11),t(27,i="block"),t(2,v[0]=$[0],v),t(7,T=!T)):2==e?(t(2,v[1]=$[1],v),t(23,o=30),t(26,a="block"),t(7,T=!T)):3==e?(t(2,v[2]=$[2],v),t(23,o=49),t(25,l="block"),t(7,T=!T)):4==e?(t(2,v[3]=$[3],v),t(23,o=68),t(24,s="block"),t(7,T=!T)):5==e&&(t(2,v[4]=$[4],v),t(23,o=87),t(22,c="block"),t(7,T=!T))},D=(n,e)=>{let r=document.querySelector(".fsAnswerTextArea");""===r.value?t(9,m=!1):t(9,m=!0),t(6,C=""),t(6,C=r.value)},_=n=>{clearInterval(g),document.querySelector(".fsTextArea").value="",t(9,m=!1),t(8,r=n)},A=n=>{clearInterval(g),document.querySelector(".fsAnswerTextArea").value="",t(9,m=!1),t(8,r=n)},R=()=>{clearInterval(undefined),document.querySelector("#fsEmailTextArea").value=""};return n.$$set=n=>{"feedbackData"in n&&t(20,x=n.feedbackData),"wgType"in n&&t(0,h=n.wgType),"closeHandler"in n&&t(1,B=n.closeHandler),"closeHandlerBeforeFinishing"in n&&t(21,I=n.closeHandlerBeforeFinishing)},n.$$.update=()=>{1048576&n.$$.dirty[0]&&t(28,f=x.wgAccentColor),1048576&n.$$.dirty[0]&&t(12,d=x.wgQuestion),1048576&n.$$.dirty[0]&&t(11,u=x.wgEmailReqMsg),1048576&n.$$.dirty[0]&&t(10,p=x.wgFeedbackPlaceholder),8388608&n.$$.dirty[0]&&document.documentElement.style.setProperty("--pointerMargin",o+"%"),134217728&n.$$.dirty[0]&&document.documentElement.style.setProperty("--hateDisplay",i),67108864&n.$$.dirty[0]&&document.documentElement.style.setProperty("--dislikeDisplay",a),33554432&n.$$.dirty[0]&&document.documentElement.style.setProperty("--neutralDisplay",l),16777216&n.$$.dirty[0]&&document.documentElement.style.setProperty("--likeDisplay",s),4194304&n.$$.dirty[0]&&document.documentElement.style.setProperty("--loveDisplay",c),268435456&n.$$.dirty[0]&&document.documentElement.style.setProperty("--buttonColor",f)},t(8,r=1),t(23,o=10),t(27,i="none"),t(26,a="none"),t(25,l="none"),t(24,s="none"),t(22,c="none"),t(9,m=!1),[h,B,v,y,w,b,C,T,r,m,p,u,d,M,z,E,D,_,A,R,x,I,c,o,s,l,a,i,f,function(e){n.$$.not_equal(v[0],e)&&(v[0]=e,t(2,v))},()=>E(2,1,"hate"),function(e){n.$$.not_equal(v[1],e)&&(v[1]=e,t(2,v))},()=>E(2,2,"dislike"),function(e){n.$$.not_equal(v[2],e)&&(v[2]=e,t(2,v))},()=>E(2,3,"neutral"),function(e){n.$$.not_equal(v[3],e)&&(v[3]=e,t(2,v))},()=>E(2,4,"like"),function(e){n.$$.not_equal(v[4],e)&&(v[4]=e,t(2,v))},()=>E(2,5,"love"),()=>D(),()=>A(3),function(e){n.$$.not_equal(v[0],e)&&(v[0]=e,t(2,v))},function(e){n.$$.not_equal(v[0],e)&&(v[0]=e,t(2,v))},()=>E(2,1,"hate"),function(e){n.$$.not_equal(v[1],e)&&(v[1]=e,t(2,v))},function(e){n.$$.not_equal(v[1],e)&&(v[1]=e,t(2,v))},()=>E(2,2,"dislike"),function(e){n.$$.not_equal(v[2],e)&&(v[2]=e,t(2,v))},function(e){n.$$.not_equal(v[2],e)&&(v[2]=e,t(2,v))},()=>E(2,3,"neutral"),function(e){n.$$.not_equal(v[3],e)&&(v[3]=e,t(2,v))},function(e){n.$$.not_equal(v[3],e)&&(v[3]=e,t(2,v))},()=>E(2,4,"like"),function(e){n.$$.not_equal(v[4],e)&&(v[4]=e,t(2,v))},function(e){n.$$.not_equal(v[4],e)&&(v[4]=e,t(2,v))},()=>E(2,5,"love"),()=>M(),()=>_(3),()=>z(),()=>B(b,w,y,C),()=>B(b,w,y,C),()=>R()]}vn(".fsReactionsContainer {\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n height: fit-content;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsIcons {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-evenly;\r\n margin-top: 5%;\r\n padding-bottom: 45px;\r\n}\r\n\r\n#fsTxt {\r\n align-self: center;\r\n font-size: 17px;\r\n display: block;\r\n text-align: center;\r\n width: 61%;\r\n overflow: hidden;\r\n}\r\n\r\n.fsIconTextCont {\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 22px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsReactionText {\r\n font-size: 12px;\r\n display: none;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n margin-top: 0px;\r\n\r\n}\r\n\r\n.fsIconTextCont:hover {\r\n pointer-events: auto;\r\n cursor: pointer;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsReactionIcon:hover+.fsReactionText {\r\n display: block;\r\n opacity: 0.8;\r\n}\r\n\r\n.fsCommentContainer,\r\n.fsQuestionContainer {\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n pointer-events: auto;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n height: auto;\r\n padding-bottom: 10px;\r\n}\r\n\r\n.fsTextAreaCont {\r\n pointer-events: auto;\r\n width: 100%;\r\n height: 140px;\r\n background-color: #eaeaeb;\r\n margin-top: 17%;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsTextAreaCont-qa-view {\r\n pointer-events: auto;\r\n width: 100%;\r\n height: 140px;\r\n background-color: #eaeaeb;\r\n margin-top: 10px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.txt-type-view {\r\n margin-top: 10px;\r\n}\r\n\r\n.fsTextArea, .fsAnswerTextArea {\r\n border: 0px;\r\n width: 85%;\r\n height: 120px;\r\n background-color: #eaeaeb;\r\n margin-left: 6%;\r\n outline: none;\r\n margin-top: 4%;\r\n resize: none;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsTextarea:focus {\r\n outline: none !important;\r\n}\r\n\r\n.fsSendButtonCommentComponent {\r\n pointer-events: auto;\r\n color: #ffff;\r\n font-size: 12px;\r\n text-align: center;\r\n margin-top: 6px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n.fsSendButtonContCommentComp {\r\n pointer-events: auto;\r\n background-color: var(--buttonColor);\r\n width: 50px;\r\n height: 29px;\r\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\r\n border-radius: 3px;\r\n margin-top: 13px;\r\n margin-right: 11px;\r\n cursor: pointer;\r\n border: 0px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n.fsCommentButtonContDisable {\r\n pointer-events: auto;\r\n background-color: #cccccc;\r\n width: 50px;\r\n height: 29px;\r\n box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;\r\n border-radius: 3px;\r\n margin-top: 13px;\r\n margin-right: 11px;\r\n cursor: not-allowed;\r\n border: 0px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n.fsCommentButtonTxtDisable {\r\n pointer-events: auto;\r\n color: black;\r\n font-size: 12px;\r\n text-align: center;\r\n margin-top: 6px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n.fsFooter {\r\n pointer-events: auto;\r\n display: flex;\r\n justify-content: flex-end;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n.fsIcons-second {\r\n\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-evenly;\r\n margin-top: 6%;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsPointerDiv {\r\n width: 0;\r\n height: 0;\r\n border-left: 3px solid transparent;\r\n margin-top: -8px;\r\n border-right: 5px solid transparent;\r\n border-bottom: 8px solid #eaeaeb;\r\n margin-left: var(--pointerMargin);\r\n}\r\n\r\n#fsHateDiv {\r\n display: var(--hateDisplay);\r\n}\r\n\r\n#fsDislikeDiv {\r\n display: var(--dislikeDisplay);\r\n}\r\n\r\n#fsNeutralDiv {\r\n display: var(--neutralDisplay);\r\n}\r\n\r\n#fsLikeDiv {\r\n display: var(--likeDisplay);\r\n}\r\n\r\n#fsLoveDiv {\r\n display: var(--loveDisplay);\r\n}\r\n\r\n.fsEmailContainer {\r\n pointer-events: auto;\r\n display: flex;\r\n flex-direction: column;\r\n height: fit-content;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n#fsEmailInputCont {\r\n pointer-events: auto;\r\n pointer-events: auto;\r\n width: 100%;\r\n height: 46px;\r\n background-color: #eaeaeb;\r\n display: flex;\r\n /* align-items: center; */\r\n justify-content: center;\r\n margin-top: 10%;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n#fsEmailTextArea {\r\n pointer-events: auto;\r\n text-align: center;\r\n border: 0px;\r\n background-color: #eaeaeb;\r\n outline: none;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n#fsEmailText {\r\n width: 80%;\r\n display: block;\r\n text-align: center;\r\n align-self: center;\r\n overflow: hidden;\r\n padding-top: 20px;\r\n line-height: 1.29;\r\n font-size: 17px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsEmailFooter {\r\n pointer-events: auto;\r\n display: flex;\r\n justify-content: flex-end;\r\n flex-direction: row;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}\r\n\r\n#fsSkipText {\r\n color: #908f8f;\r\n cursor: pointer;\r\n font-size: 13px;\r\n margin-top: 6%;\r\n margin-right: 4%;\r\n letter-spacing: normal;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n\r\n}\r\n\r\n#fsSkipText:hover {\r\n color: #666666;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n\r\n}",{insertAt:"top"});class Fn extends un{constructor(n){super(),dn(this,n,Un,Gn,s,{feedbackData:20,wgType:0,closeHandler:1,closeHandlerBeforeFinishing:21},null,[-1,-1,-1])}}function Nn(n){const e=n-1;return e*e*e+1}function jn(n,{delay:e=0,duration:t=400,easing:r=Nn,x:o=0,y:i=0,opacity:a=0}={}){const l=getComputedStyle(n),s=+l.opacity,c="none"===l.transform?"":l.transform,f=s*(1-a);return{delay:e,duration:t,easing:r,css:(n,e)=>`\n\t\t\ttransform: ${c} translate(${(1-n)*o}px, ${(1-n)*i}px);\n\t\t\topacity: ${s-f*e}`}}function On(n){let e,t,r,o,i,a,l,s,c,f;function d(e){n[28](e)}let u={};return void 0!==n[1]&&(u.fill=n[1]),a=new gn({props:u}),H.push((()=>an(a,"fill",d))),{c(){e=w("div"),t=w("div"),r=C(n[2]),o=k(),i=w("div"),ln(a.$$.fragment),B(t,"id","fsFeedbackTxt"),B(i,"id","fsMainIcon"),B(e,"class","fsWidget")},m(l,d){v(l,e,d),x(e,t),x(t,r),x(e,o),x(e,i),sn(a,i,null),s=!0,c||(f=S(e,"click",n[13]),c=!0)},p(n,e){(!s||4&e[0])&&I(r,n[2]);const t={};!l&&2&e[0]&&(l=!0,t.fill=n[1],N((()=>l=!1))),a.$set(t)},i(n){s||(tn(a.$$.fragment,n),s=!0)},o(n){rn(a.$$.fragment,n),s=!1},d(n){n&&y(e),cn(a),c=!1,f()}}}function Wn(n){let r,o,i,a,s,c,f,u,p,m;function h(e){n[29](e)}function $(e){n[30](e)}let b={closeHandler:n[11]};return void 0!==n[0]&&(b.feedbackData=n[0]),void 0!==n[8]&&(b.wgType=n[8]),a=new Fn({props:b}),H.push((()=>an(a,"feedbackData",h))),H.push((()=>an(a,"wgType",$))),{c(){r=w("div"),o=w("div"),o.innerHTML='<p id="fsCloseIcon">X</p>',i=k(),ln(a.$$.fragment),B(o,"class","fsCloseCont"),B(r,"class","fsCont"),z(r,"fsContModal",1===n[10])},m(e,t){v(e,r,t),x(r,o),x(r,i),sn(a,r,null),u=!0,p||(m=S(o,"click",n[14]),p=!0)},p(e,t){n=e;const o={};!s&&1&t[0]&&(s=!0,o.feedbackData=n[0],N((()=>s=!1))),!c&&256&t[0]&&(c=!0,o.wgType=n[8],N((()=>c=!1))),a.$set(o),1024&t[0]&&z(r,"fsContModal",1===n[10])},i(o){u||(tn(a.$$.fragment,o),f||F((()=>{f=function(n,r,o){let i,a,s=r(n,o),c=!1,f=0;function u(){i&&R(n,i)}function p(){const{delay:r=0,duration:o=300,easing:l=t,tick:p=e,css:m}=s||on;m&&(i=A(n,0,1,o,r,l,m,f++)),p(0,1);const x=d()+r,h=x+o;a&&a.abort(),c=!0,F((()=>K(n,!0,"start"))),a=g((e=>{if(c){if(e>=h)return p(1,0),K(n,!0,"end"),u(),c=!1;if(e>=x){const n=l((e-x)/o);p(n,1-n)}}return c}))}let m=!1;return{start(){m||(m=!0,R(n),l(s)?(s=s(),J().then(p)):p())},invalidate(){m=!1},end(){c&&(u(),c=!1)}}}(r,jn,{x:n[6],duration:500}),f.start()})),u=!0)},o(n){rn(a.$$.fragment,n),u=!1},d(n){n&&y(r),cn(a),p=!1,m()}}}function Qn(n){let r,o,i,s,c,f,u,p,m;return{c(){r=w("div"),o=w("div"),o.innerHTML='<p id="fsCloseIcon">X</p>',i=k(),s=w("div"),c=C(n[9]),B(o,"class","fsCloseCont"),B(s,"class","thanks-txt"),B(r,"class","fsThanksMessageCont")},m(e,t){v(e,r,t),x(r,o),x(r,i),x(r,s),x(s,c),u=!0,p||(m=S(o,"click",n[12]),p=!0)},p(e,t){n=e,(!u||512&t[0])&&I(c,n[9])},i(n){u||(f&&f.end(1),u=!0)},o(o){f=function(n,r,o){let i,s=r(n,o),c=!0;const f=Z;function u(){const{delay:r=0,duration:o=300,easing:l=t,tick:u=e,css:p}=s||on;p&&(i=A(n,1,0,o,r,l,p));const m=d()+r,x=m+o;F((()=>K(n,!1,"start"))),g((e=>{if(c){if(e>=x)return u(0,1),K(n,!1,"end"),--f.r||a(f.c),!1;if(e>=m){const n=l((e-m)/o);u(1-n,n)}}return c}))}return f.r+=1,l(s)?J().then((()=>{s=s(),u()})):u(),{end(e){e&&s.tick&&s.tick(1,0),c&&(i&&R(n,i),c=!1)}}}(r,jn,{x:n[7],duration:300}),u=!1},d(n){n&&y(r),n&&f&&f.end(),p=!1,m()}}}function Xn(n){let e,t,r,o,i,a=n[4]&&On(n),l=n[3]&&Wn(n),s=n[5]&&Qn(n);return{c(){e=w("fsContainer"),a&&a.c(),t=k(),l&&l.c(),r=k(),s&&s.c(),B(e,"class",o=n[4]||1!=n[10]?"side":"modal"),M(e,"position","10px")},m(n,o){v(n,e,o),a&&a.m(e,null),x(e,t),l&&l.m(e,null),x(e,r),s&&s.m(e,null),i=!0},p(n,c){n[4]?a?(a.p(n,c),16&c[0]&&tn(a,1)):(a=On(n),a.c(),tn(a,1),a.m(e,t)):a&&(nn(),rn(a,1,1,(()=>{a=null})),en()),n[3]?l?(l.p(n,c),8&c[0]&&tn(l,1)):(l=Wn(n),l.c(),tn(l,1),l.m(e,r)):l&&(nn(),rn(l,1,1,(()=>{l=null})),en()),n[5]?s?(s.p(n,c),32&c[0]&&tn(s,1)):(s=Qn(n),s.c(),tn(s,1),s.m(e,null)):s&&(nn(),rn(s,1,1,(()=>{s=null})),en()),(!i||1040&c[0]&&o!==(o=n[4]||1!=n[10]?"side":"modal"))&&B(e,"class",o)},i(n){i||(tn(a),tn(l),tn(s),i=!0)},o(n){rn(a),rn(l),rn(s),i=!1},d(n){n&&y(e),a&&a.d(),l&&l.d(),s&&s.d()}}}function Jn(n,e,t){let r,o,i,a,l,s,c,{feedback:f}=e,{widgetPosition:d}=e,u="",p="",m="Feedback",g="",x="",h=0,$=0,v=0,y=0,w=!1,b=!0,C=!1,k=0,T=0,S="";S="fixed"==d?"fixed":"absolute";const B=()=>{t(3,w=!w),t(5,C=!C)};return n.$$set=n=>{"feedback"in n&&t(0,f=n.feedback),"widgetPosition"in n&&t(15,d=n.widgetPosition)},n.$$.update=()=>{1&n.$$.dirty[0]&&t(27,r=f.wgAccentColor),1&n.$$.dirty[0]&&t(10,o=f.wgDisplayMode),1&n.$$.dirty[0]&&t(8,i=f.wgType),1&n.$$.dirty[0]&&t(26,a=f.wgLanguage),1&n.$$.dirty[0]&&t(25,l=f.wgAlternateColor),1&n.$$.dirty[0]&&t(24,s=f.wgPosition),1&n.$$.dirty[0]&&t(9,c=f.wgThanksMsg),134217728&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetColor",r),67108864&n.$$.dirty[0]&&t(2,m="en"==a?" Feedback":"ar"==a?"رأي":"Rétroaction"),33554432&n.$$.dirty[0]&&(!0===l?(t(16,u="white"),t(1,p="white")):(t(16,u="black"),t(1,p="black"))),65536&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetTextColor",u),8388608&n.$$.dirty[0]&&document.documentElement.style.setProperty("--positionState",S),16777216&n.$$.dirty[0]&&(0==Number(s)?(t(17,g="center"),t(18,x="row-reverse"),t(19,h=5),t(20,$=0),t(21,v=30),t(22,y=0),t(6,k=-100),t(7,T=20)):1==Number(s)?(t(17,g="center"),t(18,x="row"),t(19,h=0),t(20,$=5),t(21,v=0),t(22,y=30),t(6,k=100),t(7,T=-20)):2==Number(s)?(t(17,g="flex-end"),t(18,x="row-reverse"),t(19,h=5),t(21,v=30),t(22,y=0),t(6,k=-100),t(7,T=20)):3==Number(s)&&(t(17,g="flex-end"),t(18,x="row"),t(19,h=0),t(20,$=5),t(21,v=0),t(22,y=30),t(6,k=100),t(7,T=-20))),131072&n.$$.dirty[0]&&document.documentElement.style.setProperty("--wgPositionHorizintal",g),262144&n.$$.dirty[0]&&document.documentElement.style.setProperty("--wgPositionVertical",x),524288&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetLeftSideBorder",h+"px"),1048576&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetRightSideBorder",$+"px"),2097152&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetMarginRight",v+"px"),4194304&n.$$.dirty[0]&&document.documentElement.style.setProperty("--widgetMarginLeft",y+"px")},[f,p,m,w,b,C,k,T,i,c,o,(n,e,t,r)=>{let o;o=0===i?{email:n,comment:e,reaction:Number(t),type:i}:{email:n,questionAnswer:r,type:i};let a=new CustomEvent("fbEvent",{bubbles:!1,detail:o});window.dispatchEvent(a),B()},()=>{t(5,C=!C),setTimeout((function(){t(4,b=!b)}),350)},()=>{t(3,w=!w),t(4,b=!b)},()=>{t(3,w=!w),setTimeout((function(){t(4,b=!b)}),350)},d,u,g,x,h,$,v,y,S,s,l,a,r,function(n){p=n,t(1,p),t(25,l),t(0,f)},function(n){f=n,t(0,f)},function(n){i=n,t(8,i),t(0,f)}]}vn(".side {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: var(--wgPositionVertical);\r\n position: var(--positionState);\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n height: 100%;\r\n pointer-events: none;\r\n align-items: var(--wgPositionHorizintal);\r\n padding: 0;\r\n z-index: 100000;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.modal {\r\n display: flex !important;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100%;\r\n height: 100%;\r\n position: var(--positionState);\r\n background-color: rgba(0, 0, 0, 0.5);\r\n z-index: 1;\r\n pointer-events: none;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.thanks-txt {\r\n width: 61%;\r\n padding: 20px 0;\r\n text-align: center;\r\n align-self: center;\r\n padding-bottom: 20px;\r\n overflow: hidden;\r\n}\r\n\r\nfsContainerApp {\r\n width: 776px;\r\n height: 415px;\r\n display: flex;\r\n flex-direction: var(--wgPositionVertical);\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n pointer-events: none;\r\n align-items: var(--wgPositionHorizintal);\r\n padding: 0;\r\n z-index: 100000;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.fsWidget {\r\n pointer-events: auto;\r\n background-color: var(--widgetColor);\r\n width: 34px;\r\n height: 112px;\r\n border-top-left-radius: var(--widgetLeftSideBorder);\r\n border-bottom-left-radius: var(--widgetLeftSideBorder);\r\n border-top-right-radius: var(--widgetRightSideBorder);\r\n border-bottom-right-radius: var(--widgetRightSideBorder);\r\n box-shadow: 0.2px 0.2px 0.2px rgb(133, 130, 130);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n cursor: pointer;\r\n margin-top: 5px;\r\n}\r\n\r\n#fsMainIcon {\r\n width: 60%;\r\n margin-left: 4%;\r\n cursor: pointer;\r\n}\r\n\r\n#fsFeedbackTxt {\r\n color: var(--widgetTextColor);\r\n font-size: 15px;\r\n writing-mode: vertical-lr;\r\n transform: rotate(180deg);\r\n cursor: pointer;\r\n font-size-adjust: 0.40;\r\n}\r\n\r\n.fsWidget:hover {\r\n width: 35px;\r\n -webkit-box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\r\n box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);\r\n}\r\n\r\n.fsCont {\r\n display: flex;\r\n flex-direction: column;\r\n pointer-events: auto;\r\n border-radius: 5px;\r\n width: 320px;\r\n height: fit-content;\r\n background-color: rgb(255, 255, 255);\r\n margin-right: var(--widgetMarginRight);\r\n margin-left: var(--widgetMarginLeft);\r\n -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\r\n box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\r\n}\r\n\r\n.fsContModal {\r\n margin: 0;\r\n}\r\n\r\n.fsThanksMessageCont {\r\n display: flex;\r\n flex-direction: column;\r\n pointer-events: auto;\r\n width: 320px;\r\n height: auto;\r\n background-color: rgb(255, 255, 255);\r\n margin-right: var(--widgetMarginRight);\r\n margin-left: var(--widgetMarginLeft);\r\n -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\r\n box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;\r\n}\r\n\r\n#fsCloseIcon {\r\n font-size: 15px;\r\n color: #ffff;\r\n font-weight: 600;\r\n cursor: pointer;\r\n margin-top: 2px;\r\n\r\n}\r\n\r\n.fsCloseCont {\r\n pointer-events: auto;\r\n background-color: #4d5167;\r\n width: 27px;\r\n height: 27px;\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n /* align-items: center; */\r\n margin-top: -15px;\r\n margin-left: 85%;\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n/* @media (min-width: 640px) {\r\n body {\r\n max-width: none;\r\n }\r\n } */",{insertAt:"top"});class Kn extends un{constructor(n){super(),dn(this,n,Jn,Xn,s,{feedback:0,widgetPosition:15},null,[-1,-1])}}return n.feedbackCreator=function(n,e){let t,r;return null==e||null==e?(t=document.body,r="fixed"):(t=e,r="absolute"),new Kn({target:t,props:{feedback:n,widgetPosition:r}})},Object.defineProperty(n,"__esModule",{value:!0}),n}({});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|