ftscore-widget - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/cjs/ftscore-chat.cjs.entry.js

@@ -7,3 +7,3 @@ 'use strict';
 
-const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.top-0{top:0}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[100dvh\\]{height:100dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
+const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.m8\\.13{margin:2.0325rem}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[60dvh\\]{height:60dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
 
@@ -56,3 +56,3 @@ const FtscoreChat = class {
     this.isOpened = this.isOpened || this.isOpen;
-    return (index.h("div", { class: "relative" }, index.h("div", { class: "" }, index.h("div", { class: { 'hidden': !this.isOpen, 'fixed top-0 left-0 w-screen h-[100dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, index.h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), index.h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, index.h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, index.h("div", { class: "flex items-center" }, index.h("div", { style: { "padding-top": "10px" }, class: "relative" }, index.h("svg", { class: "", width: "32", height: "28", viewBox: "0 0 32 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", null, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.83362 2.01514C5.51991 2.01514 2.83362 4.70143 2.83362 8.01513V12.5509C2.83362 15.8646 5.51991 18.5509 8.83362 18.5509H9.8949C9.9865 18.5509 10.047 18.6462 10.008 18.7291L8.56165 21.8065C8.51215 21.9118 8.62076 22.0217 8.72663 21.9734L15.9862 18.6635C16.149 18.5893 16.3259 18.5509 16.5048 18.5509H19.1664C22.4801 18.5509 25.1664 15.8646 25.1664 12.5509V8.01514C25.1664 4.70143 22.4801 2.01514 19.1664 2.01514H8.83362ZM9.53346 12.065C10.1502 12.065 10.6501 11.5651 10.6501 10.9484C10.6501 10.3317 10.1502 9.83177 9.53346 9.83177C8.91676 9.83177 8.41683 10.3317 8.41683 10.9484C8.41683 11.5651 8.91676 12.065 9.53346 12.065ZM15.1167 10.9484C15.1167 11.5651 14.6167 12.065 14 12.065C13.3833 12.065 12.8834 11.5651 12.8834 10.9484C12.8834 10.3317 13.3833 9.83177 14 9.83177C14.6167 9.83177 15.1167 10.3317 15.1167 10.9484ZM18.4665 12.065C19.0833 12.065 19.5832 11.5651 19.5832 10.9484C19.5832 10.3317 19.0833 9.83177 18.4665 9.83177C17.8498 9.83177 17.3499 10.3317 17.3499 10.9484C17.3499 11.5651 17.8498 12.065 18.4665 12.065Z", fill: "#308CA7" }))), index.h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), index.h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "3px", "white-space": "pre" } }, this.chatMessage)))))));
+    return (index.h("div", { class: "relative" }, index.h("div", { class: "" }, index.h("div", { class: { 'hidden': !this.isOpen, 'fixed bottom-0 left-0 w-screen h-[60dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, index.h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), index.h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, index.h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, index.h("div", { class: "flex items-center" }, index.h("div", { style: { "padding-top": "10px" }, class: "relative" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "28", viewBox: "0 0 510 510", width: "28" }, index.h("linearGradient", { id: "A", gradientUnits: "userSpaceOnUse", x1: "310.43", x2: "310.43", y1: "222.051", y2: "432.656" }, index.h("stop", { offset: "0", "stop-color": "#dc4955" }), index.h("stop", { offset: "1", "stop-color": "#c4237c" })), index.h("linearGradient", { id: "B", gradientUnits: "userSpaceOnUse" }, index.h("stop", { offset: "0", "stop-color": "#8a1958", "stop-opacity": "0" }), index.h("stop", { offset: "1", "stop-color": "#8a1958" })), index.h("linearGradient", { id: "C", x1: "415.675", x2: "214.777", y1: "374.845", y2: "173.947" }), index.h("linearGradient", { id: "D", x1: "310.423", x2: "310.423", y1: "406.382", y2: "489.294" }), index.h("linearGradient", { id: "E", gradientUnits: "userSpaceOnUse", x1: "90.603", x2: "303.233", y1: "14.985", y2: "353.396" }, index.h("stop", { offset: "0", "stop-color": "#76ccf8" }), index.h("stop", { offset: ".833", "stop-color": "#518ef8" }), index.h("stop", { offset: "1", "stop-color": "#4981f8" })), index.h("linearGradient", { id: "F", gradientUnits: "userSpaceOnUse", x1: "178.53", x2: "178.53", y1: "202.667", y2: "284.691" }, index.h("stop", { offset: "0", "stop-color": "#4071f7", "stop-opacity": "0" }), index.h("stop", { offset: "1", "stop-color": "#30569f" })), index.h("linearGradient", { id: "G", gradientUnits: "userSpaceOnUse" }, index.h("stop", { offset: "0", "stop-color": "#eef4ff" }), index.h("stop", { offset: "1", "stop-color": "#cfe7fd" })), index.h("linearGradient", { id: "H", x1: "271.998", x2: "232.47", y1: "112.61", y2: "152.138" }), index.h("linearGradient", { id: "I", x1: "194.417", x2: "154.889", y1: "112.61", y2: "152.138" }), index.h("linearGradient", { id: "J", x1: "116.836", x2: "77.308", y1: "112.61", y2: "152.138" }), index.h("linearGradient", { id: "K", x1: "403.402", x2: "363.874", y1: "320.991", y2: "360.519" }), index.h("linearGradient", { id: "L", x1: "325.82", x2: "286.292", y1: "320.991", y2: "360.519" }), index.h("linearGradient", { id: "M", x1: "248.239", x2: "208.711", y1: "320.991", y2: "360.519" }), index.h("linearGradient", { id: "N", gradientUnits: "userSpaceOnUse", x1: "236.377", x2: "236.377", y1: "197.333", y2: "301.641" }, index.h("stop", { offset: "0", "stop-color": "#9d66d6" }), index.h("stop", { offset: "1", "stop-color": "#453d81" })), index.h("path", { d: "M269.701 171.061c-72.209 0-130.451 49.439-152.468 112.319-4.848 13.847-6.373 29.006-6.373 44.523 0 87.725 71.116 158.841 158.841 158.841h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77C484.77 426.495 510 380.149 510 327.903c0-86.251-68.745-156.445-154.431-158.781z", fill: "url(#A)" }), index.h("path", { d: "M445.84 455.44l4.39 35.77c1.63 13.22-12.1 22.94-24.02 17.01l-47.97-23.82c-8.81 1.51-17.84 2.34-27.08 2.34h-30.6L117.2 283.37l-.02.05C136 220.5 197.42 171.06 269.7 171.06l85.869-1.94c42.109 1.148 80.128 18.686 107.911 46.46C492.22 244.33 510 284.04 510 327.9c0 52.25-25.23 98.6-64.16 127.54z", fill: "url(#C)" }), index.h("path", { d: "M499.151 385.663H121.694c23.107 59.165 80.66 101.081 148.007 101.081h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77c23.746-17.656 42.38-41.791 53.316-69.781z", fill: "url(#D)" }), index.h("path", { d: "M142.491 0h73.072c78.695 0 142.491 63.795 142.491 142.491 0 9.102-.853 18.005-2.485 26.632-12.472 65.967-70.413 114.858-140.006 114.858H142.49c-8.287 0-16.394.253-24.294-1.105l-43.03 21.374c-10.698 5.314-23.011-3.404-21.553-15.259l3.945-32.088C22.633 230.935 0 189.359 0 142.491 0 63.795 63.795 0 142.491 0z", fill: "url(#E)" }), index.h("path", { d: "m8.13 190c9.529 26.941 26.92 50.167 49.43 66.904l-3.945 32.088c-1.458 11.855 10.856 20.573 21.553 15.259l43.03-21.375c7.899 1.358 16.007 1.105 24.293 1.105h73.073c62.035 0 113.801-38.647 133.367-93.981z", fill: "url(#F)" }), index.h("circle", { cx: "256.608", cy: "128", fill: "url(#H)", r: "27.845" }), index.h("circle", { cx: "179.027", cy: "128", fill: "url(#I)", r: "27.845" }), index.h("circle", { cx: "101.445", cy: "128", fill: "url(#J)", r: "27.845" }), index.h("circle", { cx: "388.012", cy: "336.381", fill: "url(#K)", r: "27.845" }), index.h("circle", { cx: "310.43", cy: "336.381", fill: "url(#L)", r: "27.845" }), index.h("circle", { cx: "232.849", cy: "336.381", fill: "url(#M)", r: "27.845" }), index.h("path", { d: "M355.558 169.125l-4.399-.063h-81.457c-72.266 0-133.251 48.263-152.505 114.312l1.001-.497c7.899 1.358 16.007 2.105 24.293 2.105h73.073c69.591-.001 127.52-49.893 139.994-115.857z", fill: "url(#N)" })), index.h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), index.h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "6px", "white-space": "pre" } }, this.chatMessage)))))));
   }
@@ -59,0 +59,0 @@ };

dist/collection/components/ftscore-chat/ftscore-chat.js

@@ -47,3 +47,3 @@ import { h } from "@stencil/core";
     this.isOpened = this.isOpened || this.isOpen;
-    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed top-0 left-0 w-screen h-[100dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { class: "", width: "32", height: "28", viewBox: "0 0 32 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.83362 2.01514C5.51991 2.01514 2.83362 4.70143 2.83362 8.01513V12.5509C2.83362 15.8646 5.51991 18.5509 8.83362 18.5509H9.8949C9.9865 18.5509 10.047 18.6462 10.008 18.7291L8.56165 21.8065C8.51215 21.9118 8.62076 22.0217 8.72663 21.9734L15.9862 18.6635C16.149 18.5893 16.3259 18.5509 16.5048 18.5509H19.1664C22.4801 18.5509 25.1664 15.8646 25.1664 12.5509V8.01514C25.1664 4.70143 22.4801 2.01514 19.1664 2.01514H8.83362ZM9.53346 12.065C10.1502 12.065 10.6501 11.5651 10.6501 10.9484C10.6501 10.3317 10.1502 9.83177 9.53346 9.83177C8.91676 9.83177 8.41683 10.3317 8.41683 10.9484C8.41683 11.5651 8.91676 12.065 9.53346 12.065ZM15.1167 10.9484C15.1167 11.5651 14.6167 12.065 14 12.065C13.3833 12.065 12.8834 11.5651 12.8834 10.9484C12.8834 10.3317 13.3833 9.83177 14 9.83177C14.6167 9.83177 15.1167 10.3317 15.1167 10.9484ZM18.4665 12.065C19.0833 12.065 19.5832 11.5651 19.5832 10.9484C19.5832 10.3317 19.0833 9.83177 18.4665 9.83177C17.8498 9.83177 17.3499 10.3317 17.3499 10.9484C17.3499 11.5651 17.8498 12.065 18.4665 12.065Z", fill: "#308CA7" }))), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "3px", "white-space": "pre" } }, this.chatMessage)))))));
+    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed bottom-0 left-0 w-screen h-[60dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "28", viewBox: "0 0 510 510", width: "28" }, h("linearGradient", { id: "A", gradientUnits: "userSpaceOnUse", x1: "310.43", x2: "310.43", y1: "222.051", y2: "432.656" }, h("stop", { offset: "0", "stop-color": "#dc4955" }), h("stop", { offset: "1", "stop-color": "#c4237c" })), h("linearGradient", { id: "B", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#8a1958", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#8a1958" })), h("linearGradient", { id: "C", x1: "415.675", x2: "214.777", y1: "374.845", y2: "173.947" }), h("linearGradient", { id: "D", x1: "310.423", x2: "310.423", y1: "406.382", y2: "489.294" }), h("linearGradient", { id: "E", gradientUnits: "userSpaceOnUse", x1: "90.603", x2: "303.233", y1: "14.985", y2: "353.396" }, h("stop", { offset: "0", "stop-color": "#76ccf8" }), h("stop", { offset: ".833", "stop-color": "#518ef8" }), h("stop", { offset: "1", "stop-color": "#4981f8" })), h("linearGradient", { id: "F", gradientUnits: "userSpaceOnUse", x1: "178.53", x2: "178.53", y1: "202.667", y2: "284.691" }, h("stop", { offset: "0", "stop-color": "#4071f7", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#30569f" })), h("linearGradient", { id: "G", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#eef4ff" }), h("stop", { offset: "1", "stop-color": "#cfe7fd" })), h("linearGradient", { id: "H", x1: "271.998", x2: "232.47", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "I", x1: "194.417", x2: "154.889", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "J", x1: "116.836", x2: "77.308", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "K", x1: "403.402", x2: "363.874", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "L", x1: "325.82", x2: "286.292", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "M", x1: "248.239", x2: "208.711", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "N", gradientUnits: "userSpaceOnUse", x1: "236.377", x2: "236.377", y1: "197.333", y2: "301.641" }, h("stop", { offset: "0", "stop-color": "#9d66d6" }), h("stop", { offset: "1", "stop-color": "#453d81" })), h("path", { d: "M269.701 171.061c-72.209 0-130.451 49.439-152.468 112.319-4.848 13.847-6.373 29.006-6.373 44.523 0 87.725 71.116 158.841 158.841 158.841h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77C484.77 426.495 510 380.149 510 327.903c0-86.251-68.745-156.445-154.431-158.781z", fill: "url(#A)" }), h("path", { d: "M445.84 455.44l4.39 35.77c1.63 13.22-12.1 22.94-24.02 17.01l-47.97-23.82c-8.81 1.51-17.84 2.34-27.08 2.34h-30.6L117.2 283.37l-.02.05C136 220.5 197.42 171.06 269.7 171.06l85.869-1.94c42.109 1.148 80.128 18.686 107.911 46.46C492.22 244.33 510 284.04 510 327.9c0 52.25-25.23 98.6-64.16 127.54z", fill: "url(#C)" }), h("path", { d: "M499.151 385.663H121.694c23.107 59.165 80.66 101.081 148.007 101.081h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77c23.746-17.656 42.38-41.791 53.316-69.781z", fill: "url(#D)" }), h("path", { d: "M142.491 0h73.072c78.695 0 142.491 63.795 142.491 142.491 0 9.102-.853 18.005-2.485 26.632-12.472 65.967-70.413 114.858-140.006 114.858H142.49c-8.287 0-16.394.253-24.294-1.105l-43.03 21.374c-10.698 5.314-23.011-3.404-21.553-15.259l3.945-32.088C22.633 230.935 0 189.359 0 142.491 0 63.795 63.795 0 142.491 0z", fill: "url(#E)" }), h("path", { d: "m8.13 190c9.529 26.941 26.92 50.167 49.43 66.904l-3.945 32.088c-1.458 11.855 10.856 20.573 21.553 15.259l43.03-21.375c7.899 1.358 16.007 1.105 24.293 1.105h73.073c62.035 0 113.801-38.647 133.367-93.981z", fill: "url(#F)" }), h("circle", { cx: "256.608", cy: "128", fill: "url(#H)", r: "27.845" }), h("circle", { cx: "179.027", cy: "128", fill: "url(#I)", r: "27.845" }), h("circle", { cx: "101.445", cy: "128", fill: "url(#J)", r: "27.845" }), h("circle", { cx: "388.012", cy: "336.381", fill: "url(#K)", r: "27.845" }), h("circle", { cx: "310.43", cy: "336.381", fill: "url(#L)", r: "27.845" }), h("circle", { cx: "232.849", cy: "336.381", fill: "url(#M)", r: "27.845" }), h("path", { d: "M355.558 169.125l-4.399-.063h-81.457c-72.266 0-133.251 48.263-152.505 114.312l1.001-.497c7.899 1.358 16.007 2.105 24.293 2.105h73.073c69.591-.001 127.52-49.893 139.994-115.857z", fill: "url(#N)" })), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "6px", "white-space": "pre" } }, this.chatMessage)))))));
   }
@@ -50,0 +50,0 @@ static get is() { return "ftscore-chat"; }

dist/components/ftscore-chat.js

 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.top-0{top:0}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[100dvh\\]{height:100dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
+const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.m8\\.13{margin:2.0325rem}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[60dvh\\]{height:60dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
 
@@ -53,3 +53,3 @@ const FtscoreChat$1 = /*@__PURE__*/ proxyCustomElement(class FtscoreChat extends HTMLElement {
     this.isOpened = this.isOpened || this.isOpen;
-    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed top-0 left-0 w-screen h-[100dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { class: "", width: "32", height: "28", viewBox: "0 0 32 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.83362 2.01514C5.51991 2.01514 2.83362 4.70143 2.83362 8.01513V12.5509C2.83362 15.8646 5.51991 18.5509 8.83362 18.5509H9.8949C9.9865 18.5509 10.047 18.6462 10.008 18.7291L8.56165 21.8065C8.51215 21.9118 8.62076 22.0217 8.72663 21.9734L15.9862 18.6635C16.149 18.5893 16.3259 18.5509 16.5048 18.5509H19.1664C22.4801 18.5509 25.1664 15.8646 25.1664 12.5509V8.01514C25.1664 4.70143 22.4801 2.01514 19.1664 2.01514H8.83362ZM9.53346 12.065C10.1502 12.065 10.6501 11.5651 10.6501 10.9484C10.6501 10.3317 10.1502 9.83177 9.53346 9.83177C8.91676 9.83177 8.41683 10.3317 8.41683 10.9484C8.41683 11.5651 8.91676 12.065 9.53346 12.065ZM15.1167 10.9484C15.1167 11.5651 14.6167 12.065 14 12.065C13.3833 12.065 12.8834 11.5651 12.8834 10.9484C12.8834 10.3317 13.3833 9.83177 14 9.83177C14.6167 9.83177 15.1167 10.3317 15.1167 10.9484ZM18.4665 12.065C19.0833 12.065 19.5832 11.5651 19.5832 10.9484C19.5832 10.3317 19.0833 9.83177 18.4665 9.83177C17.8498 9.83177 17.3499 10.3317 17.3499 10.9484C17.3499 11.5651 17.8498 12.065 18.4665 12.065Z", fill: "#308CA7" }))), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "3px", "white-space": "pre" } }, this.chatMessage)))))));
+    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed bottom-0 left-0 w-screen h-[60dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "28", viewBox: "0 0 510 510", width: "28" }, h("linearGradient", { id: "A", gradientUnits: "userSpaceOnUse", x1: "310.43", x2: "310.43", y1: "222.051", y2: "432.656" }, h("stop", { offset: "0", "stop-color": "#dc4955" }), h("stop", { offset: "1", "stop-color": "#c4237c" })), h("linearGradient", { id: "B", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#8a1958", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#8a1958" })), h("linearGradient", { id: "C", x1: "415.675", x2: "214.777", y1: "374.845", y2: "173.947" }), h("linearGradient", { id: "D", x1: "310.423", x2: "310.423", y1: "406.382", y2: "489.294" }), h("linearGradient", { id: "E", gradientUnits: "userSpaceOnUse", x1: "90.603", x2: "303.233", y1: "14.985", y2: "353.396" }, h("stop", { offset: "0", "stop-color": "#76ccf8" }), h("stop", { offset: ".833", "stop-color": "#518ef8" }), h("stop", { offset: "1", "stop-color": "#4981f8" })), h("linearGradient", { id: "F", gradientUnits: "userSpaceOnUse", x1: "178.53", x2: "178.53", y1: "202.667", y2: "284.691" }, h("stop", { offset: "0", "stop-color": "#4071f7", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#30569f" })), h("linearGradient", { id: "G", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#eef4ff" }), h("stop", { offset: "1", "stop-color": "#cfe7fd" })), h("linearGradient", { id: "H", x1: "271.998", x2: "232.47", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "I", x1: "194.417", x2: "154.889", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "J", x1: "116.836", x2: "77.308", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "K", x1: "403.402", x2: "363.874", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "L", x1: "325.82", x2: "286.292", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "M", x1: "248.239", x2: "208.711", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "N", gradientUnits: "userSpaceOnUse", x1: "236.377", x2: "236.377", y1: "197.333", y2: "301.641" }, h("stop", { offset: "0", "stop-color": "#9d66d6" }), h("stop", { offset: "1", "stop-color": "#453d81" })), h("path", { d: "M269.701 171.061c-72.209 0-130.451 49.439-152.468 112.319-4.848 13.847-6.373 29.006-6.373 44.523 0 87.725 71.116 158.841 158.841 158.841h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77C484.77 426.495 510 380.149 510 327.903c0-86.251-68.745-156.445-154.431-158.781z", fill: "url(#A)" }), h("path", { d: "M445.84 455.44l4.39 35.77c1.63 13.22-12.1 22.94-24.02 17.01l-47.97-23.82c-8.81 1.51-17.84 2.34-27.08 2.34h-30.6L117.2 283.37l-.02.05C136 220.5 197.42 171.06 269.7 171.06l85.869-1.94c42.109 1.148 80.128 18.686 107.911 46.46C492.22 244.33 510 284.04 510 327.9c0 52.25-25.23 98.6-64.16 127.54z", fill: "url(#C)" }), h("path", { d: "M499.151 385.663H121.694c23.107 59.165 80.66 101.081 148.007 101.081h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77c23.746-17.656 42.38-41.791 53.316-69.781z", fill: "url(#D)" }), h("path", { d: "M142.491 0h73.072c78.695 0 142.491 63.795 142.491 142.491 0 9.102-.853 18.005-2.485 26.632-12.472 65.967-70.413 114.858-140.006 114.858H142.49c-8.287 0-16.394.253-24.294-1.105l-43.03 21.374c-10.698 5.314-23.011-3.404-21.553-15.259l3.945-32.088C22.633 230.935 0 189.359 0 142.491 0 63.795 63.795 0 142.491 0z", fill: "url(#E)" }), h("path", { d: "m8.13 190c9.529 26.941 26.92 50.167 49.43 66.904l-3.945 32.088c-1.458 11.855 10.856 20.573 21.553 15.259l43.03-21.375c7.899 1.358 16.007 1.105 24.293 1.105h73.073c62.035 0 113.801-38.647 133.367-93.981z", fill: "url(#F)" }), h("circle", { cx: "256.608", cy: "128", fill: "url(#H)", r: "27.845" }), h("circle", { cx: "179.027", cy: "128", fill: "url(#I)", r: "27.845" }), h("circle", { cx: "101.445", cy: "128", fill: "url(#J)", r: "27.845" }), h("circle", { cx: "388.012", cy: "336.381", fill: "url(#K)", r: "27.845" }), h("circle", { cx: "310.43", cy: "336.381", fill: "url(#L)", r: "27.845" }), h("circle", { cx: "232.849", cy: "336.381", fill: "url(#M)", r: "27.845" }), h("path", { d: "M355.558 169.125l-4.399-.063h-81.457c-72.266 0-133.251 48.263-152.505 114.312l1.001-.497c7.899 1.358 16.007 2.105 24.293 2.105h73.073c69.591-.001 127.52-49.893 139.994-115.857z", fill: "url(#N)" })), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "6px", "white-space": "pre" } }, this.chatMessage)))))));
   }
@@ -56,0 +56,0 @@ static get style() { return ftscoreChatCss; }

dist/esm/ftscore-chat.entry.js

 import { r as registerInstance, h } from './index-ae4dc971.js';
 
-const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.top-0{top:0}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[100dvh\\]{height:100dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
+const ftscoreChatCss = "*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scroll-snap-strictness:proximity;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow:0 0 rgba(0,0,0,0);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.right-\\[0px\\]{right:0px}.top-\\[0px\\]{top:0px}.m8\\.13{margin:2.0325rem}.mt-\\[5px\\]{margin-top:5px}.inline-block{display:inline-block}.hidden{display:none}.h-\\[60dvh\\]{height:60dvh}.h-screen{height:100vh}.min-w-\\[15px\\]{min-width:15px}.w-full{width:100%}.w-screen{width:100vw}.flex{display:flex}.items-center{align-items:center}.rounded-full{border-radius:9999px}.bg-\\[\\#F05252\\]{--un-bg-opacity:1;background-color:rgba(240,82,82,var(--un-bg-opacity))}.p-\\[3px\\]{padding:3px}.text-center{text-align:center}.text-right{text-align:right}.text-\\[11px\\]{font-size:11px}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 640px){.sm\\:bottom-\\[calc\\(var\\(--widget-position-bottom\\)\\)\\]{bottom:calc(var(--widget-position-bottom))}.sm\\:left-auto{left:auto}.sm\\:right-\\[var\\(--widget-position-right\\)\\]{right:var(--widget-position-right)}.sm\\:top-auto{top:auto}.sm\\:h-\\[550px\\]{height:550px}.sm\\:w-\\[190px\\]{width:190px}.sm\\:w-\\[440px\\]{width:440px}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=\"false\"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=\"true\"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:host{display:inline-block;position:fixed;right:var(--widget-position-right);bottom:var(--widget-position-bottom);left:var(--widget-position-left);top:var(--widget-position-top);font-family:'Manrope',sans-serif}.bubble{height:48px;background:#fff;border-radius:20px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.102);padding-left:10px;padding-right:10px}iframe{background:#fff;border:1px solid #ebeef5;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1)}";
 
@@ -51,3 +51,3 @@ const FtscoreChat = class {
     this.isOpened = this.isOpened || this.isOpen;
-    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed top-0 left-0 w-screen h-[100dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { class: "", width: "32", height: "28", viewBox: "0 0 32 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.83362 2.01514C5.51991 2.01514 2.83362 4.70143 2.83362 8.01513V12.5509C2.83362 15.8646 5.51991 18.5509 8.83362 18.5509H9.8949C9.9865 18.5509 10.047 18.6462 10.008 18.7291L8.56165 21.8065C8.51215 21.9118 8.62076 22.0217 8.72663 21.9734L15.9862 18.6635C16.149 18.5893 16.3259 18.5509 16.5048 18.5509H19.1664C22.4801 18.5509 25.1664 15.8646 25.1664 12.5509V8.01514C25.1664 4.70143 22.4801 2.01514 19.1664 2.01514H8.83362ZM9.53346 12.065C10.1502 12.065 10.6501 11.5651 10.6501 10.9484C10.6501 10.3317 10.1502 9.83177 9.53346 9.83177C8.91676 9.83177 8.41683 10.3317 8.41683 10.9484C8.41683 11.5651 8.91676 12.065 9.53346 12.065ZM15.1167 10.9484C15.1167 11.5651 14.6167 12.065 14 12.065C13.3833 12.065 12.8834 11.5651 12.8834 10.9484C12.8834 10.3317 13.3833 9.83177 14 9.83177C14.6167 9.83177 15.1167 10.3317 15.1167 10.9484ZM18.4665 12.065C19.0833 12.065 19.5832 11.5651 19.5832 10.9484C19.5832 10.3317 19.0833 9.83177 18.4665 9.83177C17.8498 9.83177 17.3499 10.3317 17.3499 10.9484C17.3499 11.5651 17.8498 12.065 18.4665 12.065Z", fill: "#308CA7" }))), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "3px", "white-space": "pre" } }, this.chatMessage)))))));
+    return (h("div", { class: "relative" }, h("div", { class: "" }, h("div", { class: { 'hidden': !this.isOpen, 'fixed bottom-0 left-0 w-screen h-[60dvh] sm:top-auto sm:left-auto sm:right-[var(--widget-position-right)] sm:bottom-[calc(var(--widget-position-bottom))] sm:w-[440px] sm:h-[550px]': true } }, h("iframe", { src: "https://chat.sjtvwm.xyz", width: "100%", height: "100%", ref: el => this.onRefIframe(el) })), h("div", { class: { 'text-right mt-[5px]': true, 'hidden': this.isOpen } }, h("button", { class: "bubble w-full sm:w-[190px] focus:outline-none inline-block", onClick: () => this.toggleButton() }, h("div", { class: "flex items-center" }, h("div", { style: { "padding-top": "10px" }, class: "relative" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "28", viewBox: "0 0 510 510", width: "28" }, h("linearGradient", { id: "A", gradientUnits: "userSpaceOnUse", x1: "310.43", x2: "310.43", y1: "222.051", y2: "432.656" }, h("stop", { offset: "0", "stop-color": "#dc4955" }), h("stop", { offset: "1", "stop-color": "#c4237c" })), h("linearGradient", { id: "B", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#8a1958", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#8a1958" })), h("linearGradient", { id: "C", x1: "415.675", x2: "214.777", y1: "374.845", y2: "173.947" }), h("linearGradient", { id: "D", x1: "310.423", x2: "310.423", y1: "406.382", y2: "489.294" }), h("linearGradient", { id: "E", gradientUnits: "userSpaceOnUse", x1: "90.603", x2: "303.233", y1: "14.985", y2: "353.396" }, h("stop", { offset: "0", "stop-color": "#76ccf8" }), h("stop", { offset: ".833", "stop-color": "#518ef8" }), h("stop", { offset: "1", "stop-color": "#4981f8" })), h("linearGradient", { id: "F", gradientUnits: "userSpaceOnUse", x1: "178.53", x2: "178.53", y1: "202.667", y2: "284.691" }, h("stop", { offset: "0", "stop-color": "#4071f7", "stop-opacity": "0" }), h("stop", { offset: "1", "stop-color": "#30569f" })), h("linearGradient", { id: "G", gradientUnits: "userSpaceOnUse" }, h("stop", { offset: "0", "stop-color": "#eef4ff" }), h("stop", { offset: "1", "stop-color": "#cfe7fd" })), h("linearGradient", { id: "H", x1: "271.998", x2: "232.47", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "I", x1: "194.417", x2: "154.889", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "J", x1: "116.836", x2: "77.308", y1: "112.61", y2: "152.138" }), h("linearGradient", { id: "K", x1: "403.402", x2: "363.874", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "L", x1: "325.82", x2: "286.292", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "M", x1: "248.239", x2: "208.711", y1: "320.991", y2: "360.519" }), h("linearGradient", { id: "N", gradientUnits: "userSpaceOnUse", x1: "236.377", x2: "236.377", y1: "197.333", y2: "301.641" }, h("stop", { offset: "0", "stop-color": "#9d66d6" }), h("stop", { offset: "1", "stop-color": "#453d81" })), h("path", { d: "M269.701 171.061c-72.209 0-130.451 49.439-152.468 112.319-4.848 13.847-6.373 29.006-6.373 44.523 0 87.725 71.116 158.841 158.841 158.841h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77C484.77 426.495 510 380.149 510 327.903c0-86.251-68.745-156.445-154.431-158.781z", fill: "url(#A)" }), h("path", { d: "M445.84 455.44l4.39 35.77c1.63 13.22-12.1 22.94-24.02 17.01l-47.97-23.82c-8.81 1.51-17.84 2.34-27.08 2.34h-30.6L117.2 283.37l-.02.05C136 220.5 197.42 171.06 269.7 171.06l85.869-1.94c42.109 1.148 80.128 18.686 107.911 46.46C492.22 244.33 510 284.04 510 327.9c0 52.25-25.23 98.6-64.16 127.54z", fill: "url(#C)" }), h("path", { d: "M499.151 385.663H121.694c23.107 59.165 80.66 101.081 148.007 101.081h81.458c9.238 0 18.276-.833 27.081-2.347l47.967 23.827c11.925 5.924 25.651-3.794 24.026-17.01l-4.398-35.77c23.746-17.656 42.38-41.791 53.316-69.781z", fill: "url(#D)" }), h("path", { d: "M142.491 0h73.072c78.695 0 142.491 63.795 142.491 142.491 0 9.102-.853 18.005-2.485 26.632-12.472 65.967-70.413 114.858-140.006 114.858H142.49c-8.287 0-16.394.253-24.294-1.105l-43.03 21.374c-10.698 5.314-23.011-3.404-21.553-15.259l3.945-32.088C22.633 230.935 0 189.359 0 142.491 0 63.795 63.795 0 142.491 0z", fill: "url(#E)" }), h("path", { d: "m8.13 190c9.529 26.941 26.92 50.167 49.43 66.904l-3.945 32.088c-1.458 11.855 10.856 20.573 21.553 15.259l43.03-21.375c7.899 1.358 16.007 1.105 24.293 1.105h73.073c62.035 0 113.801-38.647 133.367-93.981z", fill: "url(#F)" }), h("circle", { cx: "256.608", cy: "128", fill: "url(#H)", r: "27.845" }), h("circle", { cx: "179.027", cy: "128", fill: "url(#I)", r: "27.845" }), h("circle", { cx: "101.445", cy: "128", fill: "url(#J)", r: "27.845" }), h("circle", { cx: "388.012", cy: "336.381", fill: "url(#K)", r: "27.845" }), h("circle", { cx: "310.43", cy: "336.381", fill: "url(#L)", r: "27.845" }), h("circle", { cx: "232.849", cy: "336.381", fill: "url(#M)", r: "27.845" }), h("path", { d: "M355.558 169.125l-4.399-.063h-81.457c-72.266 0-133.251 48.263-152.505 114.312l1.001-.497c7.899 1.358 16.007 2.105 24.293 2.105h73.073c69.591-.001 127.52-49.893 139.994-115.857z", fill: "url(#N)" })), h("div", { class: { "absolute bg-[#F05252] text-white rounded-full p-[3px] text-[11px] top-[0px] right-[0px] min-w-[15px] text-center": true, "hidden": (this.isOpen || this.unreadCounter == 0) } }, this.unreadCounter)), h("div", { style: { "font-size": "16px", "overflow": "hidden", "text-overflow": "ellipsis", "color": "#bbbbbb", "margin-left": "6px", "white-space": "pre" } }, this.chatMessage)))))));
   }
@@ -54,0 +54,0 @@ };

dist/ftscore-widget/ftscore-widget.esm.js

@@ -1,2 +0,2 @@
-import{p as t,b as e}from"./p-1b589d96.js";export{s as setNonce}from"./p-1b589d96.js";const o=()=>{const s=import.meta.url;const e={};if(s!==""){e.resourcesUrl=new URL(".",s).href}return t(e)};o().then((s=>e([["p-228cfba5",[[1,"ftscore-chat",{isOpen:[32],unreadCounter:[32],chatMessage:[32]}]]]],s)));
+import{p as t,b as e}from"./p-1b589d96.js";export{s as setNonce}from"./p-1b589d96.js";const o=()=>{const s=import.meta.url;const e={};if(s!==""){e.resourcesUrl=new URL(".",s).href}return t(e)};o().then((s=>e([["p-723f0142",[[1,"ftscore-chat",{isOpen:[32],unreadCounter:[32],chatMessage:[32]}]]]],s)));
 //# sourceMappingURL=ftscore-widget.esm.js.map

package.json

 {
   "name": "ftscore-widget",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -76,1 +76,5 @@ [![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
 - Then you can use the element anywhere in your template, JSX, html etc
+
+<script>
+document.body.appendChild(Object.assign(document.createElement('script'), {src: 'https://unpkg.com/ftscore-widget@0.0.8/dist/ftscore-widget/ftscore-widget.esm.js', type: 'module'})) && document.body.appendChild(Object.assign(document.createElement('ftscore-chat'), {style: '--widget-position-bottom: 22px; --widget-position-right: 22px; --widget-position-left: 22px;'}));
+</script>

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1079063

increased by4.17%

Lines of code

5989

increased by0.96%

Number of lines in readme file

79

increased by3.95%

Number of low supply chain risk alerts

5

decreased by-50%

No dependency changes