vue-wiguet-chatweb 0.0.11 → 0.0.13

package/dist/components/Widget.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         required: true;
     };
+    isDarkMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-toast" | "show-confirm")[], "show-toast" | "show-confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tokenAuth: {
         type: StringConstructor;
@@ -31,8 +35,14 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         required: true;
     };
+    isDarkMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onShow-toast"?: ((...args: any[]) => any) | undefined;
     "onShow-confirm"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}, {
+    isDarkMode: boolean;
+}, {}>;
 export default _default;

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/style.css

@@ -1 +1 @@
-.bubble[data-v-b45e4c4e]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;color:#fff}.left[data-v-b45e4c4e]{border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-b45e4c4e]{margin-right:10px;margin-bottom:1px}.right[data-v-b45e4c4e]{border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-b45e4c4e]{margin-bottom:1px;margin-right:10px}.message[data-v-b45e4c4e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-b45e4c4e]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-b45e4c4e]{max-width:90%;min-width:90%;display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem}.message-left[data-v-b45e4c4e]{display:flex;justify-content:start}.message-right[data-v-b45e4c4e]{display:flex;justify-content:end}.target[data-v-b45e4c4e]{padding:.5rem 0;width:100%}.btn-danger[data-v-b45e4c4e]{background-color:transparent;border:0;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-danger[data-v-b45e4c4e] svg[data-v-b45e4c4e]{width:24px;height:24px}.btn-danger[data-v-b45e4c4e][data-v-b45e4c4e]:hover{background-color:#ff00003a}.btn-container[data-v-b45e4c4e]{display:flex;align-items:center}.message-container[data-v-b45e4c4e]{display:flex}.spinner_ajPY[data-v-d9a6b2b7]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-d9a6b2b7 .75s infinite linear}@keyframes spinner_AtaB-d9a6b2b7{to{transform:rotate(360deg)}}.header-widget[data-v-c9263219]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-c9263219]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-c9263219]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-c9263219]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-c9263219]{border:none;background:none}.jl-inputgroup-chat>input[data-v-c9263219]:hover{outline:none}.form-message[data-v-c9263219]{display:flex;justify-content:space-between}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]{border:none!important;background:none}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]:focus{box-shadow:none}.form-message button[data-v-c9263219],.jl-inputgroup-chat>button[data-v-c9263219]:active{box-shadow:none}.widget[data-v-c9263219]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-c9263219]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-c9263219]::-webkit-scrollbar{width:8px}.messages-container[data-v-c9263219]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-c9263219]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-c9263219]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-c9263219]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-c9263219]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-c9263219]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-c9263219]{margin-right:10px;margin-bottom:1px}.right[data-v-c9263219]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-c9263219]{margin-bottom:1px;margin-right:10px}.message[data-v-c9263219]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-c9263219]{font-size:10px;color:gray}.chat-message[data-v-c9263219]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-c9263219]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-c9263219]{font-size:1rem;font-weight:700;color:#4d4d4d}.chat-box[data-v-c9263219]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-c9263219]{cursor:pointer}.btn-primary[data-v-c9263219]{padding:10px 12px}.btn-primary[data-v-c9263219][data-v-c9263219]:hover{background-color:#f28b0c1a}.btn-close[data-v-c9263219]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-c9263219][data-v-c9263219]:hover{background-color:#cacaca88}.messages-container[data-v-c9263219]{position:relative}.loader[data-v-c9263219]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.header-widget[data-v-689c29e3]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-689c29e3]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-689c29e3]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-689c29e3]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input[data-v-689c29e3]{border:none;background:none}.jl-inputgroup-chat>input[data-v-689c29e3]:hover{outline:none}.form-message[data-v-689c29e3]{display:flex;justify-content:space-between}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]{border:none!important;background:none}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]:focus{box-shadow:none}.form-message button[data-v-689c29e3],.jl-inputgroup-chat>button[data-v-689c29e3]:active{box-shadow:none}.widget[data-v-689c29e3]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-689c29e3]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-689c29e3]::-webkit-scrollbar{width:8px}.messages-container[data-v-689c29e3]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-689c29e3]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-689c29e3]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-689c29e3]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-689c29e3]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-689c29e3]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-689c29e3]{margin-right:10px;margin-bottom:1px}.right[data-v-689c29e3]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-689c29e3]{margin-bottom:1px;margin-right:10px}.message[data-v-689c29e3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-689c29e3]{font-size:10px;color:gray}.chat-message[data-v-689c29e3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-689c29e3]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-689c29e3]{font-size:1rem;font-weight:700;color:#4d4d4d}.chat-box[data-v-689c29e3]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.pointer[data-v-689c29e3]{cursor:pointer}.widget-container[data-v-689c29e3]{position:relative}.new-message-badge[data-v-689c29e3]{position:absolute;background-color:red;width:30px;height:30px;display:flex;font-family:Roboto,sans-serif;align-items:center;font-weight:500;justify-content:center;border-radius:50%;right:-2px;top:-4px}
+.bubble[data-v-3e307a49]{--r: 25px;--t: 30px;width:100%;padding:calc(2 * var(--r) / 3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100% / calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r) / -2) calc(var(--r) / -2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0 / var(--r) var(--r) space padding-box;color:#fff}.left[data-v-3e307a49]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:0;background-color:#fcd7ae;color:#4d4d4d}.bubble>.content-left[data-v-3e307a49]{margin-right:10px;margin-bottom:1px}.right[data-v-3e307a49]{--_d: 100%;border-right:var(--t) solid #0000;margin-right:0;background-color:#fdeedb;color:#4d4d4d}.bubble>.content-right[data-v-3e307a49]{margin-bottom:1px;margin-right:10px}.message-text[data-v-3e307a49]{margin-bottom:10px}.detail-message[data-v-3e307a49]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-3e307a49]{display:flex;flex-direction:column;justify-content:center;margin-bottom:.5rem}.message[data-v-3e307a49]{width:100%;display:flex}.message-left[data-v-3e307a49]{justify-content:start}.message-right[data-v-3e307a49]{justify-content:end}.target[data-v-3e307a49]{padding:.5rem 0;width:100%}.btn-danger[data-v-3e307a49]{background-color:transparent;border:0;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-danger[data-v-3e307a49] svg[data-v-3e307a49]{width:24px;height:24px}.btn-danger[data-v-3e307a49][data-v-3e307a49]:hover{background-color:#ff00003a}.btn-container[data-v-3e307a49]{display:flex;align-items:center}.message-container[data-v-3e307a49]{min-width:80%;max-width:80%}.messages-container-list[data-v-3e307a49]{width:100%}.spinner_ajPY[data-v-d9a6b2b7]{fill:#fe6d00;transform-origin:center;animation:spinner_AtaB-d9a6b2b7 .75s infinite linear}@keyframes spinner_AtaB-d9a6b2b7{to{transform:rotate(360deg)}}.btn-primary[data-v-adddbb91]{padding:10px 12px}.btn-primary[data-v-adddbb91][data-v-adddbb91]:hover{background-color:#f28b0c1a}.btn-close[data-v-adddbb91]{padding:0;background-color:transparent;border:none;display:flex;align-items:center;border-radius:50%}.btn-close[data-v-adddbb91][data-v-adddbb91]:hover{background-color:#cacaca88}.messages-container[data-v-adddbb91]{position:relative}.loader[data-v-adddbb91]{position:absolute;top:18px;z-index:5;left:50%;transform:translate(-50%,-50%)}.widget-css-reset *{box-sizing:border-box}.widget-container{--chat-text-color: #4d4d4d;--chat-bg-color: #fff;--chat-box-shadow-color: #ccc}.chat-dark-mode{--chat-text-color: #cfcfcf;--chat-bg-color: var(--surface-a, #293241);--chat-box-shadow-color: #4d4d4d}.header-widget{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cccccc;margin-bottom:10px}.jl2-input-chat{padding-left:10px;height:40px;width:95%}.jl2-input-chat:focus-visible{outline:none}.jl-inputgroup-chat{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup-chat>input{border:none;background:none}.jl-inputgroup-chat>input:hover{outline:none}.form-message{display:flex;justify-content:space-between}.form-message button,.jl-inputgroup-chat>button{border:none!important;background:none}.form-message button,.jl-inputgroup-chat>button:focus{box-shadow:none}.form-message button,.jl-inputgroup-chat>button:active{box-shadow:none}.widget{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container{height:100%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-width:thin;scrollbar-color:#f28b0c transparent;scrollbar-track-color:transparent;scrollbar-face-color:#f28b0c}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background-color:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.message-send{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}#chat-circle{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat{font-size:1rem;font-weight:700;color:var(--chat-text-color);margin:0}.chat-box{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:var(--chat-bg-color);position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px var(--chat-box-shadow-color)}.pointer{cursor:pointer}.widget-container[data-v-88f4149c]{position:relative}.new-message-badge[data-v-88f4149c]{position:absolute;background-color:red;width:30px;height:30px;display:flex;font-family:Roboto,sans-serif;align-items:center;font-weight:500;justify-content:center;border-radius:50%;right:-2px;top:-4px}