@datarailsshared/datarailsshared 1.4.144 → 1.4.146
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/assets/styles/img/genius.svg +62 -5
- package/assets/styles/vars.scss +1 -0
- package/bundles/datarailsshared-datarailsshared.umd.js +86 -38
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.146.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +3 -3
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +4 -4
- package/esm2015/lib/dr-chat/chat.component.js +12 -4
- package/esm2015/lib/dr-chat/dr-chat-message/chat-message.component.js +1 -1
- package/esm2015/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.js +40 -2
- package/esm2015/lib/models/chat.js +2 -2
- package/fesm2015/datarailsshared-datarailsshared.js +78 -34
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-chat/chat.component.d.ts +2 -0
- package/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.d.ts +11 -2
- package/package.json +1 -1
- package/assets/styles/img/genius-avatar.svg +0 -9
- package/datarailsshared-datarailsshared-1.4.144.tgz +0 -0
|
@@ -1,9 +1,66 @@
|
|
|
1
|
-
<svg width="
|
|
2
|
-
<path d="
|
|
1
|
+
<svg width="44" height="39" viewBox="0 0 44 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M43.8225 15.2532V24.6554C43.8225 32.4971 37.9257 38.8777 30.6736 38.8777H17.9307C15.8645 38.839 14.1973 37.0183 14.1973 34.7715C14.1973 32.5247 15.8645 30.6985 17.9307 30.6653H30.6736C33.7371 30.6653 36.2277 27.9703 36.2277 24.661V15.2588C36.2277 11.9495 33.7371 9.25442 30.6736 9.25442H26.2139C28.3107 9.25442 30.0087 7.41161 30.0087 5.14268C30.0087 2.87376 28.3414 1.07522 26.2752 1.03648H30.6685C37.9155 1.03648 43.8174 7.41714 43.8174 15.2588L43.8225 15.2532Z" fill="url(#paint0_linear_817_8440)"/>
|
|
3
|
+
<path d="M30.0438 5.10617C30.0438 7.37509 28.3109 9.24865 26.214 9.24865H13.149C10.0855 9.24865 7.59479 11.9437 7.59479 15.253V24.6552C7.59479 27.9645 10.0855 30.6596 13.149 30.6596H17.936C15.8698 30.6983 14.2025 32.519 14.2025 34.7658C14.2025 37.0126 15.8698 38.8388 17.936 38.872H13.149C5.90195 38.872 0 32.4913 0 24.6497V15.2475C0 7.41138 5.89683 1.03072 13.1439 1.03072H26.2754C28.3416 1.06945 30.0438 2.85938 30.0438 5.10617Z" fill="#4EB7DF"/>
|
|
4
|
+
<path d="M39.7223 1.03064H39.5938C39.5938 1.03064 39.64 1.03064 39.6606 1.03064C39.6812 1.03064 39.7069 1.03064 39.7275 1.03064H39.7223Z" stroke="#A6A8AA" stroke-width="0.37" stroke-miterlimit="10"/>
|
|
5
|
+
<path d="M21.5456 30.6649H21.417C21.417 30.6649 21.4633 30.6649 21.4839 30.6649C21.5044 30.6649 21.5301 30.6649 21.5507 30.6649H21.5456Z" stroke="#A6A8AA" stroke-width="0.37" stroke-miterlimit="10"/>
|
|
6
|
+
<path style="mix-blend-mode:multiply" opacity="0.1" d="M30.7036 1H26.3104C28.3766 1.03874 30.0439 2.85942 30.0439 5.10621C30.0439 7.353 28.3459 9.21794 26.249 9.21794H30.7087C33.7722 9.21794 36.2629 11.913 36.2629 15.2223V15.6982L43.0803 10.4133C41.2494 4.92912 36.3907 1 30.7036 1Z" fill="url(#paint1_linear_817_8440)"/>
|
|
7
|
+
<path style="mix-blend-mode:multiply" opacity="0.2" d="M13.5302 38.8865L17.9298 38.8865C15.8634 38.8616 14.184 37.0521 14.169 34.8054C14.154 32.5586 15.8395 30.6824 17.9363 30.6684L12.8517 30.6684C9.56421 30.2887 8.06989 28.1966 7.47216 24.9091L7.47216 24.3114L0.897153 29.6909C2.7647 35.1627 7.84317 38.9245 13.5302 38.8865Z" fill="url(#paint2_linear_817_8440)"/>
|
|
8
|
+
<g opacity="0.3">
|
|
9
|
+
<path style="mix-blend-mode:multiply" d="M0 19.265V20.9155C0 31.744 8.14009 30.7968 8.14009 30.7968H12.4845C9.68554 30.5365 7.48062 27.9499 7.48062 24.8093V15.3988C7.48062 12.0866 10.1346 9.06934 13.15 9.06934L8.36819 9.36821C8.36819 9.36821 0.00503418 8.44206 0.00503418 19.2705L0 19.265Z" fill="url(#paint3_linear_817_8440)"/>
|
|
10
|
+
<path style="mix-blend-mode:multiply" d="M43.0369 19.0659V20.715C43.0369 31.5339 35.6069 30.5876 35.6069 30.5876H31.6415C34.3698 29.9898 36.2088 27.7431 36.2088 24.6054V15.2032C36.2088 11.8938 33.9711 9.1988 31.2188 9.1988H35.6023C35.6023 9.1988 43.0323 8.2525 43.0323 19.0714L43.0369 19.0659Z" fill="url(#paint4_linear_817_8440)"/>
|
|
11
|
+
</g>
|
|
3
12
|
<defs>
|
|
4
|
-
<linearGradient id="
|
|
5
|
-
<stop stop-color="#
|
|
6
|
-
<stop offset="
|
|
13
|
+
<linearGradient id="paint0_linear_817_8440" x1="17.0352" y1="44.0364" x2="59.6947" y2="-11.3214" gradientUnits="userSpaceOnUse">
|
|
14
|
+
<stop offset="0.0278769" stop-color="#7676FF"/>
|
|
15
|
+
<stop offset="0.183411" stop-color="#5959FF"/>
|
|
16
|
+
<stop offset="0.35" stop-color="#5757E0"/>
|
|
17
|
+
<stop offset="0.61" stop-color="#4646CE"/>
|
|
18
|
+
<stop offset="0.84" stop-color="#4B4BE4"/>
|
|
19
|
+
<stop offset="1" stop-color="#4444EB"/>
|
|
20
|
+
</linearGradient>
|
|
21
|
+
<linearGradient id="paint1_linear_817_8440" x1="46.5539" y1="11.9902" x2="30.2125" y2="8.01552" gradientUnits="userSpaceOnUse">
|
|
22
|
+
<stop offset="0.49" stop-color="white"/>
|
|
23
|
+
<stop offset="0.55" stop-color="#FAFAFA"/>
|
|
24
|
+
<stop offset="0.61" stop-color="#ECECEC"/>
|
|
25
|
+
<stop offset="0.68" stop-color="#D5D5D5"/>
|
|
26
|
+
<stop offset="0.75" stop-color="#B5B5B5"/>
|
|
27
|
+
<stop offset="0.82" stop-color="#8B8B8B"/>
|
|
28
|
+
<stop offset="0.89" stop-color="#595959"/>
|
|
29
|
+
<stop offset="0.97" stop-color="#1E1E1E"/>
|
|
30
|
+
<stop offset="1"/>
|
|
31
|
+
</linearGradient>
|
|
32
|
+
<linearGradient id="paint2_linear_817_8440" x1="-7.7699" y1="25.8057" x2="14.3143" y2="31.9615" gradientUnits="userSpaceOnUse">
|
|
33
|
+
<stop offset="0.49" stop-color="white"/>
|
|
34
|
+
<stop offset="0.55" stop-color="#FAFAFA"/>
|
|
35
|
+
<stop offset="0.61" stop-color="#ECECEC"/>
|
|
36
|
+
<stop offset="0.68" stop-color="#D5D5D5"/>
|
|
37
|
+
<stop offset="0.75" stop-color="#B5B5B5"/>
|
|
38
|
+
<stop offset="0.82" stop-color="#8B8B8B"/>
|
|
39
|
+
<stop offset="0.89" stop-color="#595959"/>
|
|
40
|
+
<stop offset="0.97" stop-color="#1E1E1E"/>
|
|
41
|
+
<stop offset="1"/>
|
|
42
|
+
</linearGradient>
|
|
43
|
+
<linearGradient id="paint3_linear_817_8440" x1="6.57449" y1="40.2506" x2="6.41604" y2="8.34705" gradientUnits="userSpaceOnUse">
|
|
44
|
+
<stop offset="0.49" stop-color="white"/>
|
|
45
|
+
<stop offset="0.55" stop-color="#FAFAFA"/>
|
|
46
|
+
<stop offset="0.61" stop-color="#ECECEC"/>
|
|
47
|
+
<stop offset="0.68" stop-color="#D5D5D5"/>
|
|
48
|
+
<stop offset="0.75" stop-color="#B5B5B5"/>
|
|
49
|
+
<stop offset="0.82" stop-color="#8B8B8B"/>
|
|
50
|
+
<stop offset="0.89" stop-color="#595959"/>
|
|
51
|
+
<stop offset="0.97" stop-color="#1E1E1E"/>
|
|
52
|
+
<stop offset="1"/>
|
|
53
|
+
</linearGradient>
|
|
54
|
+
<linearGradient id="paint4_linear_817_8440" x1="38.0634" y1="-1.4321" x2="37.2038" y2="28.0008" gradientUnits="userSpaceOnUse">
|
|
55
|
+
<stop offset="0.49" stop-color="white"/>
|
|
56
|
+
<stop offset="0.55" stop-color="#FAFAFA"/>
|
|
57
|
+
<stop offset="0.61" stop-color="#ECECEC"/>
|
|
58
|
+
<stop offset="0.68" stop-color="#D5D5D5"/>
|
|
59
|
+
<stop offset="0.75" stop-color="#B5B5B5"/>
|
|
60
|
+
<stop offset="0.82" stop-color="#8B8B8B"/>
|
|
61
|
+
<stop offset="0.89" stop-color="#595959"/>
|
|
62
|
+
<stop offset="0.97" stop-color="#1E1E1E"/>
|
|
63
|
+
<stop offset="1"/>
|
|
7
64
|
</linearGradient>
|
|
8
65
|
</defs>
|
|
9
66
|
</svg>
|
package/assets/styles/vars.scss
CHANGED
|
@@ -4133,7 +4133,7 @@
|
|
|
4133
4133
|
this.parameters = obj === null || obj === void 0 ? void 0 : obj.parameters;
|
|
4134
4134
|
this.avatarUrl = (obj === null || obj === void 0 ? void 0 : obj.avatarUrl) ?
|
|
4135
4135
|
obj.avatarUrl :
|
|
4136
|
-
!(obj === null || obj === void 0 ? void 0 : obj.role) || (obj === null || obj === void 0 ? void 0 : obj.role) === exports.ChatRole.ASSISTANT ? document.staticFunc('/genius
|
|
4136
|
+
!(obj === null || obj === void 0 ? void 0 : obj.role) || (obj === null || obj === void 0 ? void 0 : obj.role) === exports.ChatRole.ASSISTANT ? document.staticFunc('/genius.svg') : '';
|
|
4137
4137
|
this.user = obj === null || obj === void 0 ? void 0 : obj.user;
|
|
4138
4138
|
}
|
|
4139
4139
|
return ChatMessage;
|
|
@@ -5962,7 +5962,7 @@
|
|
|
5962
5962
|
]),
|
|
5963
5963
|
],
|
|
5964
5964
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
5965
|
-
styles: [":host{position:relative;display:flex;flex-direction:row;width:100%;background:rgba(249,250,255,.7);border-top:1px solid #E5E5E5;padding:16px 24px}:host:first-child{border:none}:host:last-child{border-bottom:1px solid #E5E5E5}.reply+:host.reply,.not-reply+:host.not-reply{border-top:none;padding-top:0;padding-left:75px}.reply+:host.reply .avatar,.reply+:host.reply dr-avatar,.not-reply+:host.not-reply .avatar,.not-reply+:host.not-reply dr-avatar{display:none}:host.not-reply{background-color:#fff}:host .avatar{display:flex;width:28px;height:28px;background-color:#
|
|
5965
|
+
styles: [":host{position:relative;display:flex;flex-direction:row;width:100%;background:rgba(249,250,255,.7);border-top:1px solid #E5E5E5;padding:16px 24px}:host:first-child{border:none}:host:last-child{border-bottom:1px solid #E5E5E5}.reply+:host.reply,.not-reply+:host.not-reply{border-top:none;padding-top:0;padding-left:75px}.reply+:host.reply .avatar,.reply+:host.reply dr-avatar,.not-reply+:host.not-reply .avatar,.not-reply+:host.not-reply dr-avatar{display:none}:host.not-reply{background-color:#fff}:host .avatar{display:flex;width:28px;height:28px;background-color:#fff;border-radius:16px;flex-shrink:0;box-shadow:0 1px 3px 1px #0003;background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2239%22 viewBox%3D%220 0 44 39%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M43.8225 15.2532V24.6554C43.8225 32.4971 37.9257 38.8777 30.6736 38.8777H17.9307C15.8645 38.839 14.1973 37.0183 14.1973 34.7715C14.1973 32.5247 15.8645 30.6985 17.9307 30.6653H30.6736C33.7371 30.6653 36.2277 27.9703 36.2277 24.661V15.2588C36.2277 11.9495 33.7371 9.25442 30.6736 9.25442H26.2139C28.3107 9.25442 30.0087 7.41161 30.0087 5.14268C30.0087 2.87376 28.3414 1.07522 26.2752 1.03648H30.6685C37.9155 1.03648 43.8174 7.41714 43.8174 15.2588L43.8225 15.2532Z%22 fill%3D%22url(%23paint0_linear_817_8440)%22%2F%3E%3Cpath d%3D%22M30.0438 5.10617C30.0438 7.37509 28.3109 9.24865 26.214 9.24865H13.149C10.0855 9.24865 7.59479 11.9437 7.59479 15.253V24.6552C7.59479 27.9645 10.0855 30.6596 13.149 30.6596H17.936C15.8698 30.6983 14.2025 32.519 14.2025 34.7658C14.2025 37.0126 15.8698 38.8388 17.936 38.872H13.149C5.90195 38.872 0 32.4913 0 24.6497V15.2475C0 7.41138 5.89683 1.03072 13.1439 1.03072H26.2754C28.3416 1.06945 30.0438 2.85938 30.0438 5.10617Z%22 fill%3D%22%234EB7DF%22%2F%3E%3Cpath d%3D%22M39.7223 1.03064H39.5938C39.5938 1.03064 39.64 1.03064 39.6606 1.03064C39.6812 1.03064 39.7069 1.03064 39.7275 1.03064H39.7223Z%22 stroke%3D%22%23A6A8AA%22 stroke-width%3D%220.37%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M21.5456 30.6649H21.417C21.417 30.6649 21.4633 30.6649 21.4839 30.6649C21.5044 30.6649 21.5301 30.6649 21.5507 30.6649H21.5456Z%22 stroke%3D%22%23A6A8AA%22 stroke-width%3D%220.37%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 opacity%3D%220.1%22 d%3D%22M30.7036 1H26.3104C28.3766 1.03874 30.0439 2.85942 30.0439 5.10621C30.0439 7.353 28.3459 9.21794 26.249 9.21794H30.7087C33.7722 9.21794 36.2629 11.913 36.2629 15.2223V15.6982L43.0803 10.4133C41.2494 4.92912 36.3907 1 30.7036 1Z%22 fill%3D%22url(%23paint1_linear_817_8440)%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 opacity%3D%220.2%22 d%3D%22M13.5302 38.8865L17.9298 38.8865C15.8634 38.8616 14.184 37.0521 14.169 34.8054C14.154 32.5586 15.8395 30.6824 17.9363 30.6684L12.8517 30.6684C9.56421 30.2887 8.06989 28.1966 7.47216 24.9091L7.47216 24.3114L0.897153 29.6909C2.7647 35.1627 7.84317 38.9245 13.5302 38.8865Z%22 fill%3D%22url(%23paint2_linear_817_8440)%22%2F%3E%3Cg opacity%3D%220.3%22%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 d%3D%22M0 19.265V20.9155C0 31.744 8.14009 30.7968 8.14009 30.7968H12.4845C9.68554 30.5365 7.48062 27.9499 7.48062 24.8093V15.3988C7.48062 12.0866 10.1346 9.06934 13.15 9.06934L8.36819 9.36821C8.36819 9.36821 0.00503418 8.44206 0.00503418 19.2705L0 19.265Z%22 fill%3D%22url(%23paint3_linear_817_8440)%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 d%3D%22M43.0369 19.0659V20.715C43.0369 31.5339 35.6069 30.5876 35.6069 30.5876H31.6415C34.3698 29.9898 36.2088 27.7431 36.2088 24.6054V15.2032C36.2088 11.8938 33.9711 9.1988 31.2188 9.1988H35.6023C35.6023 9.1988 43.0323 8.2525 43.0323 19.0714L43.0369 19.0659Z%22 fill%3D%22url(%23paint4_linear_817_8440)%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_817_8440%22 x1%3D%2217.0352%22 y1%3D%2244.0364%22 x2%3D%2259.6947%22 y2%3D%22-11.3214%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.0278769%22 stop-color%3D%22%237676FF%22%2F%3E%3Cstop offset%3D%220.183411%22 stop-color%3D%22%235959FF%22%2F%3E%3Cstop offset%3D%220.35%22 stop-color%3D%22%235757E0%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%234646CE%22%2F%3E%3Cstop offset%3D%220.84%22 stop-color%3D%22%234B4BE4%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%234444EB%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint1_linear_817_8440%22 x1%3D%2246.5539%22 y1%3D%2211.9902%22 x2%3D%2230.2125%22 y2%3D%228.01552%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint2_linear_817_8440%22 x1%3D%22-7.7699%22 y1%3D%2225.8057%22 x2%3D%2214.3143%22 y2%3D%2231.9615%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint3_linear_817_8440%22 x1%3D%226.57449%22 y1%3D%2240.2506%22 x2%3D%226.41604%22 y2%3D%228.34705%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint4_linear_817_8440%22 x1%3D%2238.0634%22 y1%3D%22-1.4321%22 x2%3D%2237.2038%22 y2%3D%2228.0008%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\");background-size:20px 22px;background-repeat:no-repeat;background-position-x:4px;background-position-y:3px}:host .avatar,:host dr-avatar{margin:0 23px 0 0}:host .message{display:flex;align-items:center;flex-grow:1}:host .message__actions{display:flex;align-items:center;margin-left:24px;flex-grow:1;justify-content:flex-end}:host .message__actions::ng-deep button:not(:hover) i[class*=dr-icon]{color:#b9b9ec!important}\n"]
|
|
5966
5966
|
},] }
|
|
5967
5967
|
];
|
|
5968
5968
|
DrChatMessageComponent.ctorParameters = function () { return [
|
|
@@ -5979,6 +5979,77 @@
|
|
|
5979
5979
|
drChatMessageActions: [{ type: i0.ContentChild, args: ['drChatMessageActions',] }]
|
|
5980
5980
|
};
|
|
5981
5981
|
|
|
5982
|
+
var DrChatSuggestionsComponent = /** @class */ (function () {
|
|
5983
|
+
function DrChatSuggestionsComponent() {
|
|
5984
|
+
this._nonHiddenValues = [];
|
|
5985
|
+
this.visibleValues = [];
|
|
5986
|
+
this.values = [];
|
|
5987
|
+
this.fullScreen = false;
|
|
5988
|
+
this.buttonMode = false;
|
|
5989
|
+
this.suggestionSelect = new i0.EventEmitter();
|
|
5990
|
+
}
|
|
5991
|
+
Object.defineProperty(DrChatSuggestionsComponent.prototype, "hiddenValues", {
|
|
5992
|
+
get: function () {
|
|
5993
|
+
return JSON.parse(localStorage.getItem('aiChatSuggestions')) || [];
|
|
5994
|
+
},
|
|
5995
|
+
set: function (values) {
|
|
5996
|
+
localStorage.setItem('aiChatSuggestions', JSON.stringify(values));
|
|
5997
|
+
},
|
|
5998
|
+
enumerable: false,
|
|
5999
|
+
configurable: true
|
|
6000
|
+
});
|
|
6001
|
+
DrChatSuggestionsComponent.prototype.ngOnInit = function () {
|
|
6002
|
+
this.filterValues();
|
|
6003
|
+
};
|
|
6004
|
+
DrChatSuggestionsComponent.prototype.onItemClick = function (item) {
|
|
6005
|
+
var _this = this;
|
|
6006
|
+
this.suggestionSelect.emit(item);
|
|
6007
|
+
this.hiddenValues = __spreadArray(__spreadArray([], __read(this.hiddenValues)), [item]);
|
|
6008
|
+
this.filterValues();
|
|
6009
|
+
this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
|
|
6010
|
+
setTimeout(function () { return _this.suggestionCardsList.nativeElement.style.visibility = ''; }, 10);
|
|
6011
|
+
};
|
|
6012
|
+
DrChatSuggestionsComponent.prototype.filterValues = function () {
|
|
6013
|
+
var hiddenValues = this.hiddenValues;
|
|
6014
|
+
this._nonHiddenValues = ___namespace.filter(this.values, function (val) { return !hiddenValues.includes(val); });
|
|
6015
|
+
this.fillVisibleValues();
|
|
6016
|
+
};
|
|
6017
|
+
DrChatSuggestionsComponent.prototype.fillVisibleValues = function () {
|
|
6018
|
+
var maxItemsCount = this.fullScreen ? 6 : 4;
|
|
6019
|
+
var nonHiddenValues = ___namespace.clone(this._nonHiddenValues);
|
|
6020
|
+
this.visibleValues.length = 0;
|
|
6021
|
+
for (var i = 0; i < maxItemsCount; i++) {
|
|
6022
|
+
if (!nonHiddenValues.length) {
|
|
6023
|
+
break;
|
|
6024
|
+
}
|
|
6025
|
+
var randomIndex = Math.floor(Math.random() * nonHiddenValues.length);
|
|
6026
|
+
var item = nonHiddenValues.splice(randomIndex, 1)[0];
|
|
6027
|
+
this.visibleValues.push(item);
|
|
6028
|
+
}
|
|
6029
|
+
};
|
|
6030
|
+
DrChatSuggestionsComponent.prototype.clearHidden = function () {
|
|
6031
|
+
localStorage.setItem('aiChatSuggestions', null);
|
|
6032
|
+
this.filterValues();
|
|
6033
|
+
};
|
|
6034
|
+
return DrChatSuggestionsComponent;
|
|
6035
|
+
}());
|
|
6036
|
+
DrChatSuggestionsComponent.decorators = [
|
|
6037
|
+
{ type: i0.Component, args: [{
|
|
6038
|
+
selector: 'dr-chat-suggestions',
|
|
6039
|
+
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\" (mouseenter)=\"fillVisibleValues()\">\n <div class=\"chat-suggestions__container__button\">\n Suggested chats\n </div>\n <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n <div class=\"chat-suggestions__items\" #suggestionCardsList>\n <div class=\"chat-suggestions__items__background\"></div>\n <div *ngFor=\"let item of visibleValues\"\n class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n",
|
|
6040
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
6041
|
+
styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;max-width:970px}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 24px}:host .chat-suggestions__container:hover{width:100%}:host .chat-suggestions__container:hover .chat-suggestions__container__button{background:#EAEAFF}:host .chat-suggestions__container:hover .chat-suggestions__items,:host .chat-suggestions__container:hover .chat-suggestions__items__background{display:flex}:host .chat-suggestions__container__button{display:flex;align-items:center;height:30px;padding:0 16px;font-size:12px;line-height:20px;background:#F2F2FF;color:#1d1d6d;border-radius:4px;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:30px;z-index:2}:host .chat-suggestions__items{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding:0 24px}:host .chat-suggestions__items__background{display:none;position:absolute;top:-30px;right:0;bottom:30px;left:0;background:white;opacity:.7;z-index:-1}:host .chat-suggestions__items__item{margin:0 0 20px;display:inline-flex;height:76px;width:275px;padding:16px;border-radius:8px;background:#F2F2FF;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#EAEAFF}\n"]
|
|
6042
|
+
},] }
|
|
6043
|
+
];
|
|
6044
|
+
DrChatSuggestionsComponent.ctorParameters = function () { return []; };
|
|
6045
|
+
DrChatSuggestionsComponent.propDecorators = {
|
|
6046
|
+
values: [{ type: i0.Input }],
|
|
6047
|
+
fullScreen: [{ type: i0.Input }],
|
|
6048
|
+
buttonMode: [{ type: i0.Input }],
|
|
6049
|
+
suggestionSelect: [{ type: i0.Output }],
|
|
6050
|
+
suggestionCardsList: [{ type: i0.ViewChild, args: ['suggestionCardsList',] }]
|
|
6051
|
+
};
|
|
6052
|
+
|
|
5982
6053
|
var DrChatComponent = /** @class */ (function () {
|
|
5983
6054
|
function DrChatComponent(cdr) {
|
|
5984
6055
|
this.cdr = cdr;
|
|
@@ -6054,14 +6125,20 @@
|
|
|
6054
6125
|
this.destroy$.next();
|
|
6055
6126
|
this.destroy$.complete();
|
|
6056
6127
|
};
|
|
6128
|
+
DrChatComponent.prototype.onClearClick = function ($event) {
|
|
6129
|
+
this.clear.emit($event);
|
|
6130
|
+
if (this._chatSuggestions) {
|
|
6131
|
+
this._chatSuggestions.clearHidden();
|
|
6132
|
+
}
|
|
6133
|
+
};
|
|
6057
6134
|
return DrChatComponent;
|
|
6058
6135
|
}());
|
|
6059
6136
|
DrChatComponent.decorators = [
|
|
6060
6137
|
{ type: i0.Component, args: [{
|
|
6061
6138
|
selector: 'dr-chat',
|
|
6062
|
-
template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n <div class=\"chat__header\">\n <div
|
|
6139
|
+
template: "<div class=\"chat\" [class.chat--in-full-screen]=\"fullScreen\">\n <div class=\"chat__header\">\n <div class=\"chat__header__logo\"></div>\n\n <div class=\"chat__header__text\">\n <div class=\"chat__header__text__title\">{{ title }}</div>\n <div *ngIf=\"subtitle\" class=\"chat__header__text__subtitle\">{{ subtitle }}</div>\n </div>\n\n <dr-button *ngIf=\"showClearButton\"\n (click)=\"onClearClick($event)\"\n theme=\"icon\"\n icon=\"dr-icon-clear\"\n class=\"ml-auto\"\n drTooltip=\"Clear chat\">\n </dr-button>\n\n <dr-button *ngIf=\"!fullScreen\"\n (click)=\"close.emit($event)\"\n theme=\"icon\"\n icon=\"dr-icon-exit\"\n class=\"ml-4\"\n drTooltip=\"Close\">\n </dr-button>\n </div>\n\n <div *ngIf=\"!messages?.length\" class=\"chat__empty-state\">\n <span class=\"chat__empty-state__text\">{{ noMessagesPlaceholder }}</span>\n </div>\n\n <div *ngIf=\"messages?.length\" class=\"chat__messages\">\n <div #messagesContainer class=\"chat__messages__container\"\n [class.chat__messages__container--scroll]=\"messagesContainerWithScroll\">\n <ng-content select=\"dr-chat-message\"></ng-content>\n </div>\n </div>\n\n <dr-chat-suggestions *ngIf=\"suggestions?.length\"\n [values]=\"suggestions\"\n [fullScreen]=\"fullScreen\"\n class=\"chat__suggestions\"\n [class.chat__suggestions--full-height]=\"fullScreen && !messages?.length\"\n [buttonMode]=\"!!messages?.length\"\n (suggestionSelect)=\"suggestionSelect.emit($event)\">\n </dr-chat-suggestions>\n\n <div class=\"form\">\n <ng-content select=\"dr-chat-form\"></ng-content>\n </div>\n</div>\n",
|
|
6063
6140
|
providers: [DrChatCustomMessageService],
|
|
6064
|
-
styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:\"Poppins\",sans-serif;font-size:14px;font-weight:400;line-height:22px}.chat__header{display:flex;align-items:center;background-color:#f2f2ff;color:#25258c;padding:15px 24px;font-weight:400;font-size:20px;line-height:28px;box-shadow:0 1px 3px #0003;z-index:1}.chat__header__logo{display:flex;width:
|
|
6141
|
+
styles: [":host{height:100%;width:100%;display:flex;flex-direction:column}.chat{position:relative;display:flex;flex-grow:1;flex-direction:column;height:100%;background-color:#fff;color:#4e566c;font-family:\"Poppins\",sans-serif;font-size:14px;font-weight:400;line-height:22px}.chat__header{display:flex;align-items:center;background-color:#f2f2ff;color:#25258c;padding:15px 24px;font-weight:400;font-size:20px;line-height:28px;box-shadow:0 1px 3px #0003;z-index:1}.chat__header__logo{display:flex;width:43px;height:38px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2239%22 viewBox%3D%220 0 44 39%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M43.8225 15.2532V24.6554C43.8225 32.4971 37.9257 38.8777 30.6736 38.8777H17.9307C15.8645 38.839 14.1973 37.0183 14.1973 34.7715C14.1973 32.5247 15.8645 30.6985 17.9307 30.6653H30.6736C33.7371 30.6653 36.2277 27.9703 36.2277 24.661V15.2588C36.2277 11.9495 33.7371 9.25442 30.6736 9.25442H26.2139C28.3107 9.25442 30.0087 7.41161 30.0087 5.14268C30.0087 2.87376 28.3414 1.07522 26.2752 1.03648H30.6685C37.9155 1.03648 43.8174 7.41714 43.8174 15.2588L43.8225 15.2532Z%22 fill%3D%22url(%23paint0_linear_817_8440)%22%2F%3E%3Cpath d%3D%22M30.0438 5.10617C30.0438 7.37509 28.3109 9.24865 26.214 9.24865H13.149C10.0855 9.24865 7.59479 11.9437 7.59479 15.253V24.6552C7.59479 27.9645 10.0855 30.6596 13.149 30.6596H17.936C15.8698 30.6983 14.2025 32.519 14.2025 34.7658C14.2025 37.0126 15.8698 38.8388 17.936 38.872H13.149C5.90195 38.872 0 32.4913 0 24.6497V15.2475C0 7.41138 5.89683 1.03072 13.1439 1.03072H26.2754C28.3416 1.06945 30.0438 2.85938 30.0438 5.10617Z%22 fill%3D%22%234EB7DF%22%2F%3E%3Cpath d%3D%22M39.7223 1.03064H39.5938C39.5938 1.03064 39.64 1.03064 39.6606 1.03064C39.6812 1.03064 39.7069 1.03064 39.7275 1.03064H39.7223Z%22 stroke%3D%22%23A6A8AA%22 stroke-width%3D%220.37%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath d%3D%22M21.5456 30.6649H21.417C21.417 30.6649 21.4633 30.6649 21.4839 30.6649C21.5044 30.6649 21.5301 30.6649 21.5507 30.6649H21.5456Z%22 stroke%3D%22%23A6A8AA%22 stroke-width%3D%220.37%22 stroke-miterlimit%3D%2210%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 opacity%3D%220.1%22 d%3D%22M30.7036 1H26.3104C28.3766 1.03874 30.0439 2.85942 30.0439 5.10621C30.0439 7.353 28.3459 9.21794 26.249 9.21794H30.7087C33.7722 9.21794 36.2629 11.913 36.2629 15.2223V15.6982L43.0803 10.4133C41.2494 4.92912 36.3907 1 30.7036 1Z%22 fill%3D%22url(%23paint1_linear_817_8440)%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 opacity%3D%220.2%22 d%3D%22M13.5302 38.8865L17.9298 38.8865C15.8634 38.8616 14.184 37.0521 14.169 34.8054C14.154 32.5586 15.8395 30.6824 17.9363 30.6684L12.8517 30.6684C9.56421 30.2887 8.06989 28.1966 7.47216 24.9091L7.47216 24.3114L0.897153 29.6909C2.7647 35.1627 7.84317 38.9245 13.5302 38.8865Z%22 fill%3D%22url(%23paint2_linear_817_8440)%22%2F%3E%3Cg opacity%3D%220.3%22%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 d%3D%22M0 19.265V20.9155C0 31.744 8.14009 30.7968 8.14009 30.7968H12.4845C9.68554 30.5365 7.48062 27.9499 7.48062 24.8093V15.3988C7.48062 12.0866 10.1346 9.06934 13.15 9.06934L8.36819 9.36821C8.36819 9.36821 0.00503418 8.44206 0.00503418 19.2705L0 19.265Z%22 fill%3D%22url(%23paint3_linear_817_8440)%22%2F%3E%3Cpath style%3D%22mix-blend-mode%3Amultiply%22 d%3D%22M43.0369 19.0659V20.715C43.0369 31.5339 35.6069 30.5876 35.6069 30.5876H31.6415C34.3698 29.9898 36.2088 27.7431 36.2088 24.6054V15.2032C36.2088 11.8938 33.9711 9.1988 31.2188 9.1988H35.6023C35.6023 9.1988 43.0323 8.2525 43.0323 19.0714L43.0369 19.0659Z%22 fill%3D%22url(%23paint4_linear_817_8440)%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_817_8440%22 x1%3D%2217.0352%22 y1%3D%2244.0364%22 x2%3D%2259.6947%22 y2%3D%22-11.3214%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.0278769%22 stop-color%3D%22%237676FF%22%2F%3E%3Cstop offset%3D%220.183411%22 stop-color%3D%22%235959FF%22%2F%3E%3Cstop offset%3D%220.35%22 stop-color%3D%22%235757E0%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%234646CE%22%2F%3E%3Cstop offset%3D%220.84%22 stop-color%3D%22%234B4BE4%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%234444EB%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint1_linear_817_8440%22 x1%3D%2246.5539%22 y1%3D%2211.9902%22 x2%3D%2230.2125%22 y2%3D%228.01552%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint2_linear_817_8440%22 x1%3D%22-7.7699%22 y1%3D%2225.8057%22 x2%3D%2214.3143%22 y2%3D%2231.9615%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint3_linear_817_8440%22 x1%3D%226.57449%22 y1%3D%2240.2506%22 x2%3D%226.41604%22 y2%3D%228.34705%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id%3D%22paint4_linear_817_8440%22 x1%3D%2238.0634%22 y1%3D%22-1.4321%22 x2%3D%2237.2038%22 y2%3D%2228.0008%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop offset%3D%220.49%22 stop-color%3D%22white%22%2F%3E%3Cstop offset%3D%220.55%22 stop-color%3D%22%23FAFAFA%22%2F%3E%3Cstop offset%3D%220.61%22 stop-color%3D%22%23ECECEC%22%2F%3E%3Cstop offset%3D%220.68%22 stop-color%3D%22%23D5D5D5%22%2F%3E%3Cstop offset%3D%220.75%22 stop-color%3D%22%23B5B5B5%22%2F%3E%3Cstop offset%3D%220.82%22 stop-color%3D%22%238B8B8B%22%2F%3E%3Cstop offset%3D%220.89%22 stop-color%3D%22%23595959%22%2F%3E%3Cstop offset%3D%220.97%22 stop-color%3D%22%231E1E1E%22%2F%3E%3Cstop offset%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\") no-repeat;background-size:100% 100%}.chat__header__text{display:flex;flex-direction:column;flex-grow:1;margin-left:20px}.chat__header__text__title{display:flex;align-items:center}.chat__header__text__title:after{content:\"BETA\";display:inline-flex;padding:2px 10px;background:#25258C;color:#f4f4f3;font-weight:600;font-size:10px;line-height:14px;border-radius:8px;margin-left:12px;font-family:\"Nunito Sans\",sans-serif}.chat__header__text__subtitle{font-size:14px;line-height:22px}.chat__header dr-button::ng-deep button:not(:hover){color:#25258c}.chat__empty-state{display:flex;justify-content:center}.chat__empty-state__text{padding:20px 0;font-family:Poppins,sans-serif;font-size:20px;font-weight:300;line-height:30px;text-align:center;max-width:440px;color:#4646ce}.chat__messages{display:flex;flex-grow:1;overflow-x:hidden;overflow-y:auto;height:100%;width:100%}.chat__messages__container{overflow-y:auto;overflow-x:hidden;display:flex;flex-shrink:0;flex-direction:column;width:100%;padding-bottom:1px}.chat__messages__container--scroll::ng-deep dr-chat-message{padding-right:16px}.chat__suggestions--full-height{flex-grow:1;height:1px;overflow:auto}.chat--in-full-screen .chat__header{padding-left:48px;padding-right:48px}.chat--in-full-screen .chat__empty-state__text{padding:77px 0;font-size:28px;line-height:46px;max-width:570px}.chat--in-full-screen .chat__messages::ng-deep dr-chat-message{justify-content:center}.chat--in-full-screen .chat__messages::ng-deep .message{max-width:919px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items{padding-left:0;padding-right:0}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__items__item{margin:0 0 26px;height:80px;width:310px;font-size:16px}.chat--in-full-screen .chat__suggestions::ng-deep .chat-suggestions__container{padding:0}\n"]
|
|
6065
6142
|
},] }
|
|
6066
6143
|
];
|
|
6067
6144
|
DrChatComponent.ctorParameters = function () { return [
|
|
@@ -6081,7 +6158,8 @@
|
|
|
6081
6158
|
chatForm: [{ type: i0.ContentChild, args: [DrChatFormComponent,] }],
|
|
6082
6159
|
clear: [{ type: i0.Output }],
|
|
6083
6160
|
close: [{ type: i0.Output }],
|
|
6084
|
-
suggestionSelect: [{ type: i0.Output }]
|
|
6161
|
+
suggestionSelect: [{ type: i0.Output }],
|
|
6162
|
+
_chatSuggestions: [{ type: i0.ViewChild, args: [DrChatSuggestionsComponent,] }]
|
|
6085
6163
|
};
|
|
6086
6164
|
|
|
6087
6165
|
/**
|
|
@@ -6209,36 +6287,6 @@
|
|
|
6209
6287
|
drCustomMessage: [{ type: i0.Input }]
|
|
6210
6288
|
};
|
|
6211
6289
|
|
|
6212
|
-
var DrChatSuggestionsComponent = /** @class */ (function () {
|
|
6213
|
-
function DrChatSuggestionsComponent() {
|
|
6214
|
-
this.values = [];
|
|
6215
|
-
this.buttonMode = false;
|
|
6216
|
-
this.suggestionSelect = new i0.EventEmitter();
|
|
6217
|
-
}
|
|
6218
|
-
DrChatSuggestionsComponent.prototype.onItemClick = function (item) {
|
|
6219
|
-
var _this = this;
|
|
6220
|
-
this.suggestionSelect.emit(item);
|
|
6221
|
-
this.suggestionCardsList.nativeElement.style.visibility = 'hidden';
|
|
6222
|
-
setTimeout(function () { return _this.suggestionCardsList.nativeElement.style.visibility = ''; }, 10);
|
|
6223
|
-
};
|
|
6224
|
-
return DrChatSuggestionsComponent;
|
|
6225
|
-
}());
|
|
6226
|
-
DrChatSuggestionsComponent.decorators = [
|
|
6227
|
-
{ type: i0.Component, args: [{
|
|
6228
|
-
selector: 'dr-chat-suggestions',
|
|
6229
|
-
template: "<div class=\"chat-suggestions\">\n <ng-container *ngIf=\"buttonMode; else suggestionCards\">\n <div class=\"chat-suggestions__container\">\n <div class=\"chat-suggestions__container__button\">\n Suggested chats\n </div>\n <ng-container *ngTemplateOutlet=\"suggestionCards\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #suggestionCards>\n <div class=\"chat-suggestions__items\" #suggestionCardsList>\n <div class=\"chat-suggestions__items__background\"></div>\n <div *ngFor=\"let item of values\"\n class=\"chat-suggestions__items__item\" (click)=\"onItemClick(item)\">\n {{ item }}\n </div>\n </div>\n</ng-template>\n",
|
|
6230
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
6231
|
-
styles: [":host{display:flex;align-items:flex-start;justify-content:center}:host .chat-suggestions{display:flex;width:100%;max-width:970px}:host .chat-suggestions__container{display:flex;position:relative;width:auto;margin-top:12px;padding:0 24px}:host .chat-suggestions__container:hover{width:100%}:host .chat-suggestions__container:hover .chat-suggestions__container__button{background:#EAEAFF}:host .chat-suggestions__container:hover .chat-suggestions__items,:host .chat-suggestions__container:hover .chat-suggestions__items__background{display:flex}:host .chat-suggestions__container__button{display:flex;align-items:center;height:30px;padding:0 16px;font-size:12px;line-height:20px;background:#F2F2FF;color:#1d1d6d;border-radius:4px;cursor:pointer}:host .chat-suggestions__container .chat-suggestions__items{display:none;position:absolute;width:100%;bottom:0;left:0;padding-bottom:30px;z-index:2}:host .chat-suggestions__items{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;padding:0 24px}:host .chat-suggestions__items__background{display:none;position:absolute;top:-30px;right:0;bottom:30px;left:0;background:white;opacity:.7;z-index:-1}:host .chat-suggestions__items__item{margin:0 0 20px;display:inline-flex;height:76px;width:275px;padding:16px;border-radius:8px;background:#F2F2FF;box-shadow:0 1px 2px #00000026;font-size:14px;line-height:24px;color:#25258c}:host .chat-suggestions__items__item:hover{cursor:pointer;background:#EAEAFF}\n"]
|
|
6232
|
-
},] }
|
|
6233
|
-
];
|
|
6234
|
-
DrChatSuggestionsComponent.ctorParameters = function () { return []; };
|
|
6235
|
-
DrChatSuggestionsComponent.propDecorators = {
|
|
6236
|
-
values: [{ type: i0.Input }],
|
|
6237
|
-
buttonMode: [{ type: i0.Input }],
|
|
6238
|
-
suggestionSelect: [{ type: i0.Output }],
|
|
6239
|
-
suggestionCardsList: [{ type: i0.ViewChild, args: ['suggestionCardsList',] }]
|
|
6240
|
-
};
|
|
6241
|
-
|
|
6242
6290
|
var DR_CHAT_COMPONENTS = [
|
|
6243
6291
|
DrChatComponent,
|
|
6244
6292
|
DrChatMessageComponent,
|
|
@@ -6361,9 +6409,9 @@
|
|
|
6361
6409
|
exports["ɵt"] = DrChatCustomMessageService;
|
|
6362
6410
|
exports["ɵu"] = DrChatMessageComponent;
|
|
6363
6411
|
exports["ɵv"] = DrChatFormComponent;
|
|
6364
|
-
exports["ɵw"] =
|
|
6365
|
-
exports["ɵx"] =
|
|
6366
|
-
exports["ɵy"] =
|
|
6412
|
+
exports["ɵw"] = DrChatSuggestionsComponent;
|
|
6413
|
+
exports["ɵx"] = DrChatMessageTextComponent;
|
|
6414
|
+
exports["ɵy"] = DrChatMessageFileComponent;
|
|
6367
6415
|
exports["ɵz"] = DrChatCustomMessageDirective;
|
|
6368
6416
|
|
|
6369
6417
|
Object.defineProperty(exports, '__esModule', { value: true });
|