vue-wiguet-chatweb 0.0.6 → 0.0.8
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/dist/components/Chat.vue.d.ts +11 -1
- package/dist/style.css +1 -1
- package/dist/vue-wiguet-chatweb.js +809 -804
- package/dist/vue-wiguet-chatweb.umd.cjs +5 -5
- package/package.json +1 -1
- package/src/components/Chat.vue +5 -6
@@ -1,4 +1,8 @@
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
2
|
+
titlePrincipal: {
|
3
|
+
type: StringConstructor;
|
4
|
+
default: string;
|
5
|
+
};
|
2
6
|
toggleChat: {
|
3
7
|
type: FunctionConstructor;
|
4
8
|
required: true;
|
@@ -12,6 +16,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
12
16
|
required: true;
|
13
17
|
};
|
14
18
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
19
|
+
titlePrincipal: {
|
20
|
+
type: StringConstructor;
|
21
|
+
default: string;
|
22
|
+
};
|
15
23
|
toggleChat: {
|
16
24
|
type: FunctionConstructor;
|
17
25
|
required: true;
|
@@ -24,5 +32,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
24
32
|
type: StringConstructor;
|
25
33
|
required: true;
|
26
34
|
};
|
27
|
-
}>>, {
|
35
|
+
}>>, {
|
36
|
+
titlePrincipal: string;
|
37
|
+
}, {}>;
|
28
38
|
export default _default;
|
package/dist/style.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.bubble[data-v-a066bde3]{--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-a066bde3]{--_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-a066bde3]{margin-right:10px;margin-bottom:1px}.right[data-v-a066bde3]{--_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-a066bde3]{margin-bottom:1px;margin-right:10px}.message[data-v-a066bde3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-a066bde3]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-a066bde3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-
|
1
|
+
.bubble[data-v-a066bde3]{--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-a066bde3]{--_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-a066bde3]{margin-right:10px;margin-bottom:1px}.right[data-v-a066bde3]{--_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-a066bde3]{margin-bottom:1px;margin-right:10px}.message[data-v-a066bde3]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-a066bde3]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-a066bde3]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-bacccd51]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-bacccd51]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-bacccd51]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-bacccd51]{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-bacccd51]{border:none;background:none}.jl-inputgroup-chat>input[data-v-bacccd51]:hover{outline:none}.form-message[data-v-bacccd51]{display:flex;justify-content:space-between}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]{border:none!important;background:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:focus{box-shadow:none}.form-message button[data-v-bacccd51],.jl-inputgroup-chat>button[data-v-bacccd51]:active{box-shadow:none}.widget[data-v-bacccd51]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-bacccd51]{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-bacccd51]::-webkit-scrollbar{width:8px}.messages-container[data-v-bacccd51]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-bacccd51]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-bacccd51]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-bacccd51]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-bacccd51]{--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-bacccd51]{--_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-bacccd51]{margin-right:10px;margin-bottom:1px}.right[data-v-bacccd51]{--_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-bacccd51]{margin-bottom:1px;margin-right:10px}.message[data-v-bacccd51]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-bacccd51]{font-size:10px;color:gray}.chat-message[data-v-bacccd51]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-bacccd51]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-bacccd51]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-bacccd51]{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-bacccd51]{cursor:pointer}.header-widget[data-v-4b17fe0e]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input-chat[data-v-4b17fe0e]{padding-left:10px;height:40px;width:95%}.jl2-input-chat[data-v-4b17fe0e]:focus-visible{outline:none}.jl-inputgroup-chat[data-v-4b17fe0e]{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-4b17fe0e]{border:none;background:none}.jl-inputgroup-chat>input[data-v-4b17fe0e]:hover{outline:none}.form-message[data-v-4b17fe0e]{display:flex;justify-content:space-between}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]{border:none!important;background:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]:focus{box-shadow:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup-chat>button[data-v-4b17fe0e]:active{box-shadow:none}.widget[data-v-4b17fe0e]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-4b17fe0e]{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-4b17fe0e]::-webkit-scrollbar{width:8px}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-4b17fe0e]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-4b17fe0e]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-4b17fe0e]{--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-4b17fe0e]{--_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-4b17fe0e]{margin-right:10px;margin-bottom:1px}.right[data-v-4b17fe0e]{--_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-4b17fe0e]{margin-bottom:1px;margin-right:10px}.message[data-v-4b17fe0e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-4b17fe0e]{font-size:10px;color:gray}.chat-message[data-v-4b17fe0e]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-4b17fe0e]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.title-chat[data-v-4b17fe0e]{font-size:1.1vw;font-weight:700;color:#4d4d4d}.chat-box[data-v-4b17fe0e]{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-4b17fe0e]{cursor:pointer}
|