@trixwell/ngx-parl 1.0.4 → 1.0.6

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.
Files changed (21) hide show
  1. package/README.md +5 -3
  2. package/package.json +1 -1
  3. package/src/assets/i18n/en.json +16 -0
  4. package/src/assets/i18n/uk.json +16 -0
  5. package/src/assets/icons/attach-filled.svg +3 -0
  6. package/src/assets/icons/avatar_anonym.svg +5 -0
  7. package/src/assets/icons/avatar_manager.svg +5 -0
  8. package/src/assets/icons/chat-widget.svg +3 -0
  9. package/src/assets/icons/checked-message.svg +3 -0
  10. package/src/assets/icons/close.svg +3 -0
  11. package/src/assets/icons/hide.svg +3 -0
  12. package/src/assets/icons/icon-edit.svg +3 -0
  13. package/src/assets/icons/no-check.svg +3 -0
  14. package/src/assets/icons/remove-badge.svg +4 -0
  15. package/src/assets/icons/remove.svg +3 -0
  16. package/src/assets/icons/send.svg +3 -0
  17. package/src/assets/icons/trash.svg +3 -0
  18. package/src/assets/img/img_1.png +0 -0
  19. package/src/assets/img/user_4.jpg +0 -0
  20. package/src/assets/img/user_5.jpg +0 -0
  21. package/src/assets/img_1.png +0 -0
package/README.md CHANGED
@@ -3,6 +3,7 @@
3
3
  ## Overview
4
4
 
5
5
  ![img_1.png](img_1.png)
6
+ ![img_1.png](assets/img_1.png)
6
7
 
7
8
  NgxParl is an Angular chat component that renders a fully interactive, customizable messaging interface. It supports features such as real-time message updates from external sources, sending and editing messages, deleting messages, day separators, and smooth auto-scrolling. The component is backend-agnostic, works with any data source, and integrates seamlessly with Angular Material, making it easy to plug into different projects as an open-source chat UI.
8
9
 
@@ -70,8 +71,9 @@ export type ChatMessageType = 'incoming' | 'outgoing';
70
71
 
71
72
  ## Template
72
73
  ```
73
- <ngx-parl [header]="header()"
74
- [(messageList)]="messageList"
75
- [(messageUpdate)]="messageUpdate">
74
+ <ngx-parl
75
+ [header]="header()"
76
+ [(messageList)]="messageList"
77
+ [(messageUpdate)]="messageUpdate">
76
78
  </ngx-parl>
77
79
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trixwell/ngx-parl",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "license": "LGPL-3.0",
5
5
  "description": "Highly customizable Angular Material chat component",
6
6
  "keywords": [
package/src/assets/i18n/en.json ADDED
@@ -0,0 +1,16 @@
1
+ {
2
+ "chat": {
3
+ "title": "Telegram",
4
+ "hide": "Hide",
5
+ "close": "Close",
6
+ "attach": "Attach",
7
+ "send": "Send message",
8
+ "placeholder": "Type a message...",
9
+ "edit_placeholder": "Update a message...",
10
+ "delete_file": "Remove file",
11
+ "gif": "GIF",
12
+ "video": "Video",
13
+ "edit" : "Edit",
14
+ "remove" : "Delete"
15
+ }
16
+ }
package/src/assets/i18n/uk.json ADDED
@@ -0,0 +1,16 @@
1
+ {
2
+ "chat": {
3
+ "title": "Telegram",
4
+ "hide": "Згорнути",
5
+ "close": "Закрити",
6
+ "attach": "Прикріпити",
7
+ "send": "Відправити повідомлення",
8
+ "placeholder": "Напишіть повідомлення...",
9
+ "edit_placeholder": "Змініть текст повідомлення…",
10
+ "delete_file": "Видалити файл",
11
+ "gif": "GIF",
12
+ "video": "Відео",
13
+ "edit" : "Редагувати",
14
+ "remove" : "Видалити"
15
+ }
16
+ }
package/src/assets/icons/attach-filled.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.4756 5.62669C18.1399 5.27751 17.7412 5.00038 17.3022 4.81113C16.8633 4.62188 16.3927 4.52423 15.9174 4.52374C15.442 4.52325 14.9712 4.61994 14.5319 4.80829C14.0926 4.99664 13.6934 5.27296 13.357 5.62145L5.23304 14.0447C5.16593 14.1142 5.08628 14.1694 4.99862 14.2071C4.91096 14.2447 4.81702 14.2641 4.72215 14.264C4.62728 14.264 4.53335 14.2446 4.44572 14.2069C4.35808 14.1692 4.27846 14.1139 4.21141 14.0443C4.14435 13.9747 4.09117 13.892 4.05489 13.8011C4.01862 13.7101 3.99997 13.6126 4 13.5142C4.00003 13.4158 4.01875 13.3183 4.05509 13.2274C4.09142 13.1365 4.14466 13.0538 4.21177 12.9843L12.3364 4.56105C12.8057 4.06826 13.3642 3.67663 13.9799 3.40872C14.5955 3.14081 15.2562 3.00191 15.9239 3.00002C16.5915 2.99813 17.2529 3.13328 17.87 3.39769C18.4871 3.6621 19.0476 4.05055 19.5195 4.54068C19.9913 5.0308 20.365 5.61292 20.6191 6.25351C20.8731 6.89411 21.0026 7.58052 21 8.27324C20.9973 8.96596 20.8627 9.65129 20.6037 10.2898C20.3448 10.9283 19.9666 11.5073 19.4911 11.9936L11.6727 20.0953C11.1056 20.6771 10.3396 21.0024 9.54207 21C8.74455 20.9976 7.98038 20.6677 7.41658 20.0824C6.85279 19.4971 6.53523 18.7041 6.5333 17.8766C6.53138 17.0491 6.84525 16.2545 7.40631 15.6664L15.2262 7.55115C15.3624 7.41464 15.5449 7.3391 15.7342 7.34081C15.9236 7.34252 16.1048 7.42133 16.2387 7.56027C16.3726 7.69922 16.4485 7.88718 16.4502 8.08367C16.4518 8.28015 16.379 8.46945 16.2475 8.61079L8.42758 16.7268C8.1375 17.0339 7.97595 17.4474 7.97804 17.8774C7.98013 18.3074 8.1457 18.7192 8.43876 19.0233C8.73182 19.3274 9.1287 19.4992 9.54315 19.5013C9.9576 19.5035 10.3561 19.3359 10.6521 19.0349L18.4706 10.9332C19.1489 10.2299 19.5305 9.276 19.5314 8.28102C19.5324 7.28604 19.1526 6.33136 18.4756 5.62669Z" fill="#ADB5BD"/>
3
+ </svg>
package/src/assets/icons/avatar_anonym.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="#E9ECEF"/>
3
+ <path d="M22.1834 22.1299H16.8975C14.1914 22.1299 12 24.3213 12 27.0273C12 28.1164 12.8832 28.9996 13.9723 28.9996H25.1086C26.1977 28.9996 27.0809 28.1164 27.0809 27.0273C27.0809 24.3213 24.8895 22.1299 22.1834 22.1299Z" fill="#ADB5BD"/>
4
+ <path d="M19.54 20.7324C21.9514 20.7324 23.9063 18.7776 23.9063 16.3662C23.9063 13.9548 21.9514 12 19.54 12C17.1286 12 15.1738 13.9548 15.1738 16.3662C15.1738 18.7776 17.1286 20.7324 19.54 20.7324Z" fill="#ADB5BD"/>
5
+ </svg>
package/src/assets/icons/avatar_manager.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z" fill="#4656CA"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M20.2734 11.2351C18.5678 11.1783 16.8446 11.6436 15.3568 12.6367C13.6859 13.7532 12.5182 15.402 11.9803 17.2452C11.8318 17.2271 11.6539 17.2351 11.4427 17.2948C10.6542 17.5186 10.0611 18.1647 9.79442 18.7338C9.44855 19.4754 9.30269 20.4562 9.45655 21.4687C9.60935 22.478 10.0358 23.31 10.5691 23.8266C11.104 24.3434 11.708 24.5114 12.308 24.3852C13.2014 24.1946 13.6443 24.0519 13.5192 23.2196L12.9136 19.1852C13.0358 17.0018 14.1662 14.9463 16.0568 13.6823C18.5875 11.9919 21.9054 12.1002 24.3192 13.9532C25.9984 15.2407 26.9734 17.1698 27.0859 19.1948L26.6624 22.017C25.7179 24.6018 23.3763 26.3922 20.6667 26.6463H18.8624C18.3968 26.6463 18.0219 27.0212 18.0219 27.4863V27.9295C18.0219 28.3948 18.3968 28.7698 18.8624 28.7698H21.1374C21.6027 28.7698 21.976 28.3948 21.976 27.9295V27.6978C24.0192 27.1991 25.8027 25.9434 26.964 24.1922L27.6928 24.3855C28.2859 24.5394 28.8971 24.3434 29.4318 23.8268C29.9651 23.31 30.3912 22.4783 30.5443 21.469C30.6987 20.4564 30.5486 19.4772 30.2067 18.734C29.8635 17.9908 29.3523 17.5188 28.7622 17.3495C28.515 17.2783 28.2467 17.2522 28.0166 17.2452C27.5302 15.5786 26.5288 14.0628 25.0856 12.9562C23.6667 11.8674 21.979 11.2911 20.2734 11.2351Z" fill="white"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.9364 18.4928C23.5378 18.4928 24.0252 18.9802 24.0266 19.5832C24.0252 20.1845 23.5378 20.6733 22.9364 20.6733C22.3335 20.6733 21.8447 20.1845 21.8447 19.5832C21.8447 18.9805 22.3338 18.4928 22.9364 18.4928ZM20.0004 18.4928C20.6031 18.4928 21.0906 18.9802 21.0906 19.5832C21.0906 20.1845 20.6031 20.6733 20.0004 20.6733C19.3972 20.6733 18.9098 20.1845 18.9098 19.5832C18.9098 18.9805 19.3972 18.4928 20.0004 18.4928ZM17.0655 18.4928C17.6668 18.4928 18.1556 18.9802 18.1556 19.5832C18.1556 20.1845 17.6668 20.6733 17.0655 20.6733C16.4628 20.6733 15.9751 20.1845 15.9751 19.5832C15.9751 18.9805 16.4628 18.4928 17.0655 18.4928ZM20.0004 13.8096C16.8031 13.8096 14.2266 16.3013 14.2266 19.5832C14.2266 21.1594 14.8226 22.5525 15.7935 23.5746L15.449 25.1192C15.3354 25.6274 15.6879 25.9693 16.1447 25.7149L17.653 24.8736C18.3698 25.1848 19.1626 25.3568 20.0004 25.3568C23.1988 25.3568 25.7738 22.8666 25.7738 19.5832C25.7738 16.3013 23.1988 13.8096 20.0004 13.8096Z" fill="white"/>
5
+ </svg>
package/src/assets/icons/chat-widget.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12 1.35449C5.37188 1.35449 0 5.79355 0 11.2732C0 13.3357 0.764063 15.2529 2.07188 16.842L0.623438 21.5389C0.398438 22.2701 1.18125 22.9076 1.85156 22.5326L6.36563 20.0295C8.04375 20.7654 9.96562 21.1873 12 21.1873C18.6281 21.1873 24 16.7482 24 11.2732C24 5.79824 18.6281 1.35449 12 1.35449ZM6.5625 13.0217C5.59688 13.0217 4.81406 12.2389 4.81406 11.2732C4.81406 10.3076 5.59688 9.52481 6.5625 9.52481C7.52812 9.52481 8.31094 10.3076 8.31094 11.2732C8.31094 12.2389 7.52812 13.0217 6.5625 13.0217ZM12 13.0217C11.0344 13.0217 10.2516 12.2389 10.2516 11.2732C10.2516 10.3076 11.0344 9.52481 12 9.52481C12.9656 9.52481 13.7484 10.3076 13.7484 11.2732C13.7484 12.2389 12.9656 13.0217 12 13.0217ZM17.4375 13.0217C16.4719 13.0217 15.6891 12.2389 15.6891 11.2732C15.6891 10.3076 16.4719 9.52481 17.4375 9.52481C18.4031 9.52481 19.1859 10.3076 19.1859 11.2732C19.1859 12.2389 18.4031 13.0217 17.4375 13.0217Z" fill="#7A95E0"/>
3
+ </svg>
package/src/assets/icons/checked-message.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.4665 11.7694L0.930664 8.23354L1.6435 7.53104L4.47683 10.3644L4.7075 10.1335L5.41016 10.836L4.4665 11.7694ZM8.23316 11.7694L4.69733 8.23354L5.39983 7.5207L8.23316 10.354L14.3665 4.2207L15.069 4.93354L8.23316 11.7694ZM8.00233 8.23354L7.2895 7.53104L10.5895 4.23104L11.3023 4.93354L8.00233 8.23354Z" fill="#E9ECEF"/>
3
+ </svg>
package/src/assets/icons/close.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.39945 18.6532L5.3457 17.5995L10.9457 11.9995L5.3457 6.39945L6.39945 5.3457L11.9995 10.9457L17.5995 5.3457L18.6532 6.39945L13.0532 11.9995L18.6532 17.5995L17.5995 18.6532L11.9995 13.0532L6.39945 18.6532Z" fill="white"/>
3
+ </svg>
package/src/assets/icons/hide.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11 13V18.5H9.5V14.5H5.5V13H11ZM14.5 5.5V9.5H18.5V11H13V5.5H14.5Z" fill="white"/>
3
+ </svg>
package/src/assets/icons/icon-edit.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.16699 15.8337H5.21824L13.7487 7.30324L12.6974 6.25199L4.16699 14.7824V15.8337ZM2.91699 17.0837V14.2632L13.9091 3.27595C14.035 3.16151 14.1741 3.0731 14.3264 3.01074C14.4787 2.94824 14.6385 2.91699 14.8055 2.91699C14.9726 2.91699 15.1344 2.94665 15.291 3.00595C15.4476 3.06526 15.5863 3.15956 15.707 3.28887L16.7247 4.31928C16.854 4.43998 16.9462 4.57887 17.0012 4.73595C17.0562 4.89303 17.0837 5.05012 17.0837 5.2072C17.0837 5.37484 17.055 5.53477 16.9978 5.68699C16.9406 5.83935 16.8496 5.97852 16.7247 6.10449L5.73741 17.0837H2.91699ZM13.2139 6.78678L12.6974 6.25199L13.7487 7.30324L13.2139 6.78678Z" fill="#ADB5BD"/>
3
+ </svg>
package/src/assets/icons/no-check.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.36688 11.7692L2.81055 8.2129L3.52321 7.50007L6.36688 10.3437L12.4772 4.2334L13.1899 4.94623L6.36688 11.7692Z" fill="#F8F9FA"/>
3
+ </svg>
package/src/assets/icons/remove-badge.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="16" height="16" rx="8" fill="#E9ECEF"/>
3
+ <path d="M6.13348 10.2181L5.78223 9.86681L7.64889 8.00014L5.78223 6.13348L6.13348 5.78223L8.00014 7.64889L9.86681 5.78223L10.2181 6.13348L8.35139 8.00014L10.2181 9.86681L9.86681 10.2181L8.00014 8.35139L6.13348 10.2181Z" fill="#343A40"/>
4
+ </svg>
package/src/assets/icons/remove.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2.13348 6.21806L1.78223 5.86681L3.64889 4.00014L1.78223 2.13348L2.13348 1.78223L4.00014 3.64889L5.86681 1.78223L6.21806 2.13348L4.35139 4.00014L6.21806 5.86681L5.86681 6.21806L4.00014 4.35139L2.13348 6.21806Z" fill="#343A40"/>
3
+ </svg>
package/src/assets/icons/send.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.29509 19.925L20.4375 13.3124C20.6044 13.2445 20.7466 13.1311 20.8467 12.9865C20.9467 12.8419 21 12.6724 21 12.4991C21 12.3257 20.9467 12.1562 20.8467 12.0116C20.7466 11.867 20.6044 11.7537 20.4375 11.6858L4.29509 5.07321C4.15532 5.01495 4.00256 4.99086 3.85061 5.00311C3.69865 5.01536 3.55228 5.06357 3.4247 5.14339C3.29711 5.22322 3.19233 5.33214 3.1198 5.46033C3.04727 5.58852 3.00928 5.73195 3.00925 5.87768L3 9.95307C3 10.3951 3.34227 10.7752 3.80481 10.8283L16.876 12.4991L3.80481 14.1611C3.34227 14.223 3 14.6031 3 15.0451L3.00925 19.1205C3.00925 19.7482 3.68455 20.1813 4.29509 19.925Z" fill="#ADB5BD"/>
3
+ </svg>
package/src/assets/icons/trash.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6.08979 17.0831C5.67424 17.0831 5.31924 16.936 5.02479 16.6417C4.73049 16.3472 4.58333 15.9922 4.58333 15.5767V4.99978H3.75V3.74978H7.5V3.0127H12.5V3.74978H16.25V4.99978H15.4167V15.5767C15.4167 15.9976 15.2708 16.3539 14.9792 16.6456C14.6875 16.9373 14.3312 17.0831 13.9102 17.0831H6.08979ZM14.1667 4.99978H5.83333V15.5767C5.83333 15.6515 5.85736 15.713 5.90542 15.761C5.95347 15.8091 6.01493 15.8331 6.08979 15.8331H13.9102C13.9744 15.8331 14.0331 15.8064 14.0865 15.7529C14.1399 15.6996 14.1667 15.6408 14.1667 15.5767V4.99978ZM7.83667 14.1664H9.08646V6.66645H7.83667V14.1664ZM10.9135 14.1664H12.1633V6.66645H10.9135V14.1664Z" fill="#ADB5BD"/>
3
+ </svg>
package/src/assets/img/img_1.png ADDED
Binary file
package/src/assets/img/user_4.jpg ADDED
Binary file
package/src/assets/img/user_5.jpg ADDED
Binary file
package/src/assets/img_1.png ADDED
Binary file