@progress/kendo-angular-conversational-ui 4.1.0 → 5.0.0-dev.202204131603

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 (163) hide show
  1. package/{dist/es2015/api → api}/action.interface.d.ts +0 -0
  2. package/{dist/es2015/api → api}/attachment.interface.d.ts +0 -0
  3. package/{dist/es2015/api → api}/execute-action-event.d.ts +1 -1
  4. package/{dist/es/api/user.interface.js → api/index.d.ts} +6 -0
  5. package/{dist/es2015/api → api}/message.interface.d.ts +0 -0
  6. package/{dist/es2015/api → api}/post-message-event.d.ts +0 -0
  7. package/{dist/es2015/api → api}/preventable-event.d.ts +0 -0
  8. package/{dist/es2015/api → api}/user.interface.d.ts +0 -0
  9. package/bundles/kendo-angular-conversational-ui.umd.js +5 -0
  10. package/{dist/es2015/cards → cards}/hero-card.component.d.ts +3 -0
  11. package/{dist/es2015/chat → chat}/attachment-template.directive.d.ts +3 -0
  12. package/{dist/es2015/chat → chat}/attachment.component.d.ts +9 -5
  13. package/{dist/es2015/chat → chat}/builtin-actions.d.ts +0 -0
  14. package/{dist/es2015/chat → chat}/chat-item.d.ts +0 -0
  15. package/{dist/es2015/chat → chat}/chat-view.d.ts +1 -1
  16. package/{dist/es2015/chat → chat}/chat.component.d.ts +7 -7
  17. package/{dist/es2015/chat → chat}/chat.directives.d.ts +0 -0
  18. package/chat/chat.module.d.ts +49 -0
  19. package/{dist/es2015/chat → chat}/l10n/custom-messages.component.d.ts +4 -1
  20. package/{dist/es2015/chat → chat}/l10n/localized-messages.directive.d.ts +3 -0
  21. package/{dist/es2015/chat → chat}/l10n/messages.d.ts +3 -0
  22. package/{dist/es2015/chat → chat}/message-attachments.component.d.ts +5 -2
  23. package/{dist/es2015/chat → chat}/message-box.component.d.ts +4 -1
  24. package/{dist/es2015/chat → chat}/message-box.directive.d.ts +3 -0
  25. package/{dist/es2015/chat → chat}/message-list.component.d.ts +9 -8
  26. package/{dist/es2015/chat → chat}/message-template.directive.d.ts +3 -0
  27. package/{dist/es2015/chat → chat}/message.component.d.ts +4 -1
  28. package/{dist/es2015/chat → chat}/suggested-actions.component.d.ts +4 -1
  29. package/common/focused-state.directive.d.ts +15 -0
  30. package/{dist/es2015/common → common}/keys.enum.d.ts +0 -0
  31. package/{dist/es2015/common → common}/models/message-box-options.d.ts +0 -0
  32. package/{dist/es2015/common → common}/scroll-anchor.directive.d.ts +3 -0
  33. package/{dist/es2015/common → common}/utils.d.ts +0 -0
  34. package/{dist/es2015 → esm2015}/api/action.interface.js +2 -1
  35. package/{dist/es2015 → esm2015}/api/attachment.interface.js +1 -0
  36. package/{dist/es2015 → esm2015}/api/execute-action-event.js +0 -0
  37. package/{dist/es/api/attachment.interface.js → esm2015/api/index.js} +6 -0
  38. package/{dist/es → esm2015}/api/message.interface.js +1 -0
  39. package/{dist/es2015 → esm2015}/api/post-message-event.js +0 -0
  40. package/{dist/es2015 → esm2015}/api/preventable-event.js +0 -0
  41. package/{dist/es2015 → esm2015}/api/user.interface.js +1 -0
  42. package/esm2015/cards/hero-card.component.js +90 -0
  43. package/{dist/es2015 → esm2015}/chat/attachment-template.directive.js +14 -12
  44. package/esm2015/chat/attachment.component.js +83 -0
  45. package/{dist/es2015 → esm2015}/chat/builtin-actions.js +13 -16
  46. package/{dist/es2015 → esm2015}/chat/chat-item.js +0 -0
  47. package/{dist/es2015 → esm2015}/chat/chat-view.js +0 -6
  48. package/esm2015/chat/chat.component.js +246 -0
  49. package/{dist/es → esm2015}/chat/chat.directives.js +0 -0
  50. package/{dist/es2015 → esm2015}/chat/chat.module.js +43 -15
  51. package/esm2015/chat/l10n/custom-messages.component.js +42 -0
  52. package/esm2015/chat/l10n/localized-messages.directive.js +37 -0
  53. package/esm2015/chat/l10n/messages.js +25 -0
  54. package/{dist/es2015 → esm2015}/chat/message-attachments.component.js +71 -48
  55. package/esm2015/chat/message-box.component.js +141 -0
  56. package/esm2015/chat/message-box.directive.js +24 -0
  57. package/esm2015/chat/message-list.component.js +279 -0
  58. package/{dist/es2015 → esm2015}/chat/message-template.directive.js +14 -12
  59. package/esm2015/chat/message.component.js +140 -0
  60. package/esm2015/chat/suggested-actions.component.js +113 -0
  61. package/esm2015/common/focused-state.directive.js +37 -0
  62. package/{dist/es2015 → esm2015}/common/keys.enum.js +1 -0
  63. package/{dist/es → esm2015}/common/models/message-box-options.js +1 -0
  64. package/{dist/es2015 → esm2015}/common/scroll-anchor.directive.js +20 -26
  65. package/{dist/es2015 → esm2015}/common/utils.js +0 -0
  66. package/{dist/es/api/action.interface.js → esm2015/kendo-angular-conversational-ui.js} +4 -1
  67. package/esm2015/main.js +10 -0
  68. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  69. package/fesm2015/kendo-angular-conversational-ui.js +1757 -0
  70. package/{dist/es2015/common/focused-state.directive.d.ts → kendo-angular-conversational-ui.d.ts} +3 -6
  71. package/main.d.ts +11 -0
  72. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  73. package/package.json +38 -107
  74. package/schematics/ngAdd/index.js +5 -2
  75. package/schematics/ngAdd/index.js.map +1 -1
  76. package/dist/cdn/js/kendo-angular-conversational-ui.js +0 -20
  77. package/dist/cdn/main.js +0 -5
  78. package/dist/es/api/execute-action-event.js +0 -24
  79. package/dist/es/api/post-message-event.js +0 -18
  80. package/dist/es/api/preventable-event.js +0 -32
  81. package/dist/es/cards/hero-card.component.js +0 -54
  82. package/dist/es/chat/attachment-template.directive.js +0 -32
  83. package/dist/es/chat/attachment.component.js +0 -65
  84. package/dist/es/chat/builtin-actions.js +0 -28
  85. package/dist/es/chat/chat-item.js +0 -13
  86. package/dist/es/chat/chat-view.js +0 -92
  87. package/dist/es/chat/chat.component.js +0 -190
  88. package/dist/es/chat/chat.module.js +0 -80
  89. package/dist/es/chat/l10n/custom-messages.component.js +0 -45
  90. package/dist/es/chat/l10n/localized-messages.directive.js +0 -36
  91. package/dist/es/chat/l10n/messages.js +0 -26
  92. package/dist/es/chat/message-attachments.component.js +0 -148
  93. package/dist/es/chat/message-box.component.js +0 -124
  94. package/dist/es/chat/message-box.directive.js +0 -24
  95. package/dist/es/chat/message-list.component.js +0 -165
  96. package/dist/es/chat/message-template.directive.js +0 -32
  97. package/dist/es/chat/message.component.js +0 -77
  98. package/dist/es/chat/suggested-actions.component.js +0 -91
  99. package/dist/es/common/focused-state.directive.js +0 -43
  100. package/dist/es/common/keys.enum.js +0 -4
  101. package/dist/es/common/scroll-anchor.directive.js +0 -87
  102. package/dist/es/common/utils.js +0 -13
  103. package/dist/es/index.js +0 -22
  104. package/dist/es/main.js +0 -8
  105. package/dist/es/package-metadata.js +0 -15
  106. package/dist/es2015/api/message.interface.js +0 -4
  107. package/dist/es2015/cards/hero-card.component.js +0 -79
  108. package/dist/es2015/chat/attachment.component.js +0 -66
  109. package/dist/es2015/chat/chat.component.js +0 -214
  110. package/dist/es2015/chat/chat.directives.js +0 -8
  111. package/dist/es2015/chat/chat.module.d.ts +0 -27
  112. package/dist/es2015/chat/l10n/custom-messages.component.js +0 -37
  113. package/dist/es2015/chat/l10n/localized-messages.directive.js +0 -32
  114. package/dist/es2015/chat/l10n/messages.js +0 -20
  115. package/dist/es2015/chat/message-box.component.js +0 -157
  116. package/dist/es2015/chat/message-box.directive.js +0 -23
  117. package/dist/es2015/chat/message-list.component.js +0 -227
  118. package/dist/es2015/chat/message.component.js +0 -107
  119. package/dist/es2015/chat/suggested-actions.component.js +0 -105
  120. package/dist/es2015/common/focused-state.directive.js +0 -45
  121. package/dist/es2015/common/models/message-box-options.js +0 -4
  122. package/dist/es2015/index.d.ts +0 -22
  123. package/dist/es2015/index.js +0 -22
  124. package/dist/es2015/index.metadata.json +0 -1
  125. package/dist/es2015/main.d.ts +0 -13
  126. package/dist/es2015/main.js +0 -8
  127. package/dist/fesm2015/index.js +0 -1554
  128. package/dist/fesm5/index.js +0 -1383
  129. package/dist/npm/api/action.interface.js +0 -7
  130. package/dist/npm/api/attachment.interface.js +0 -6
  131. package/dist/npm/api/execute-action-event.js +0 -26
  132. package/dist/npm/api/message.interface.js +0 -6
  133. package/dist/npm/api/post-message-event.js +0 -20
  134. package/dist/npm/api/preventable-event.js +0 -34
  135. package/dist/npm/api/user.interface.js +0 -6
  136. package/dist/npm/cards/hero-card.component.js +0 -56
  137. package/dist/npm/chat/attachment-template.directive.js +0 -34
  138. package/dist/npm/chat/attachment.component.js +0 -67
  139. package/dist/npm/chat/builtin-actions.js +0 -33
  140. package/dist/npm/chat/chat-item.js +0 -15
  141. package/dist/npm/chat/chat-view.js +0 -98
  142. package/dist/npm/chat/chat.component.js +0 -192
  143. package/dist/npm/chat/chat.directives.js +0 -14
  144. package/dist/npm/chat/chat.module.js +0 -82
  145. package/dist/npm/chat/l10n/custom-messages.component.js +0 -47
  146. package/dist/npm/chat/l10n/localized-messages.directive.js +0 -38
  147. package/dist/npm/chat/l10n/messages.js +0 -28
  148. package/dist/npm/chat/message-attachments.component.js +0 -150
  149. package/dist/npm/chat/message-box.component.js +0 -126
  150. package/dist/npm/chat/message-box.directive.js +0 -26
  151. package/dist/npm/chat/message-list.component.js +0 -167
  152. package/dist/npm/chat/message-template.directive.js +0 -34
  153. package/dist/npm/chat/message.component.js +0 -79
  154. package/dist/npm/chat/suggested-actions.component.js +0 -93
  155. package/dist/npm/common/focused-state.directive.js +0 -45
  156. package/dist/npm/common/keys.enum.js +0 -6
  157. package/dist/npm/common/models/message-box-options.js +0 -6
  158. package/dist/npm/common/scroll-anchor.directive.js +0 -89
  159. package/dist/npm/common/utils.js +0 -15
  160. package/dist/npm/index.js +0 -39
  161. package/dist/npm/main.js +0 -11
  162. package/dist/npm/package-metadata.js +0 -17
  163. package/dist/systemjs/kendo-angular-conversational-ui.js +0 -5
@@ -1,167 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var execute_action_event_1 = require("../api/execute-action-event");
10
- var utils_1 = require("../common/utils");
11
- var chat_item_1 = require("./chat-item");
12
- var chat_view_1 = require("./chat-view");
13
- var chat_directives_1 = require("./chat.directives");
14
- var message_template_directive_1 = require("./message-template.directive");
15
- var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
16
- /**
17
- * @hidden
18
- */
19
- var MessageListComponent = /** @class */ (function () {
20
- function MessageListComponent(element, intl) {
21
- var _this = this;
22
- var _a;
23
- this.element = element;
24
- this.intl = intl;
25
- this.executeAction = new core_1.EventEmitter();
26
- this.navigate = new core_1.EventEmitter();
27
- this.resize = new core_1.EventEmitter();
28
- this.cssClass = true;
29
- this.view = [];
30
- this.keyActions = (_a = {},
31
- _a[38 /* up */] = function (e) { return _this.navigateTo(e, -1); },
32
- _a[40 /* down */] = function (e) { return _this.navigateTo(e, 1); },
33
- _a);
34
- }
35
- Object.defineProperty(MessageListComponent.prototype, "messages", {
36
- get: function () {
37
- return this._messages;
38
- },
39
- set: function (value) {
40
- var data = value || [];
41
- this.view = chat_view_1.chatView(data);
42
- this._messages = data;
43
- },
44
- enumerable: true,
45
- configurable: true
46
- });
47
- MessageListComponent.prototype.ngAfterViewInit = function () {
48
- this.selectedItem = this.items.last;
49
- };
50
- MessageListComponent.prototype.onResize = function () {
51
- this.resize.emit();
52
- };
53
- MessageListComponent.prototype.formatTimeStamp = function (date) {
54
- return this.intl.formatDate(date, { date: 'full' });
55
- };
56
- MessageListComponent.prototype.onKeydown = function (e) {
57
- var action = this.keyActions[e.keyCode];
58
- if (action) {
59
- action(e);
60
- }
61
- };
62
- MessageListComponent.prototype.onBlur = function (args) {
63
- var _this = this;
64
- var next = args.relatedTarget || document.activeElement;
65
- var outside = !utils_1.closest(next, function (node) { return node === _this.element.nativeElement; });
66
- if (outside) {
67
- this.select(null);
68
- }
69
- };
70
- MessageListComponent.prototype.isOwnMessage = function (msg) {
71
- return chat_view_1.isAuthor(this.user, msg);
72
- };
73
- MessageListComponent.prototype.dispatchAction = function (action, message) {
74
- var args = new execute_action_event_1.ExecuteActionEvent(action, message);
75
- this.executeAction.emit(args);
76
- };
77
- MessageListComponent.prototype.trackGroup = function (_index, item) {
78
- return item.trackBy;
79
- };
80
- MessageListComponent.prototype.select = function (item) {
81
- var prevItem = this.selectedItem;
82
- if (prevItem) {
83
- prevItem.selected = false;
84
- }
85
- if (item) {
86
- item.selected = true;
87
- this.selectedItem = item;
88
- }
89
- };
90
- MessageListComponent.prototype.last = function (items) {
91
- if (!items || items.length === 0) {
92
- return;
93
- }
94
- return items[items.length - 1];
95
- };
96
- MessageListComponent.prototype.navigateTo = function (e, offset) {
97
- var items = this.items.toArray();
98
- var prevItem = this.selectedItem;
99
- var prevIndex = items.indexOf(prevItem);
100
- var nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
101
- var nextItem = items[nextIndex];
102
- if (nextItem !== prevItem) {
103
- this.select(nextItem);
104
- nextItem.focus();
105
- this.navigate.emit();
106
- e.preventDefault();
107
- }
108
- };
109
- tslib_1.__decorate([
110
- core_1.Input(),
111
- tslib_1.__metadata("design:type", Array),
112
- tslib_1.__metadata("design:paramtypes", [Array])
113
- ], MessageListComponent.prototype, "messages", null);
114
- tslib_1.__decorate([
115
- core_1.Input(),
116
- tslib_1.__metadata("design:type", chat_directives_1.AttachmentTemplateDirective)
117
- ], MessageListComponent.prototype, "attachmentTemplate", void 0);
118
- tslib_1.__decorate([
119
- core_1.Input(),
120
- tslib_1.__metadata("design:type", message_template_directive_1.MessageTemplateDirective)
121
- ], MessageListComponent.prototype, "messageTemplate", void 0);
122
- tslib_1.__decorate([
123
- core_1.Input(),
124
- tslib_1.__metadata("design:type", Object)
125
- ], MessageListComponent.prototype, "user", void 0);
126
- tslib_1.__decorate([
127
- core_1.Output(),
128
- tslib_1.__metadata("design:type", core_1.EventEmitter)
129
- ], MessageListComponent.prototype, "executeAction", void 0);
130
- tslib_1.__decorate([
131
- core_1.Output(),
132
- tslib_1.__metadata("design:type", core_1.EventEmitter)
133
- ], MessageListComponent.prototype, "navigate", void 0);
134
- tslib_1.__decorate([
135
- core_1.Output(),
136
- tslib_1.__metadata("design:type", core_1.EventEmitter)
137
- ], MessageListComponent.prototype, "resize", void 0);
138
- tslib_1.__decorate([
139
- core_1.ViewChildren(chat_item_1.ChatItem),
140
- tslib_1.__metadata("design:type", core_1.QueryList)
141
- ], MessageListComponent.prototype, "items", void 0);
142
- tslib_1.__decorate([
143
- core_1.HostBinding('class.k-message-list-content'),
144
- tslib_1.__metadata("design:type", Boolean)
145
- ], MessageListComponent.prototype, "cssClass", void 0);
146
- tslib_1.__decorate([
147
- core_1.HostListener('keydown', ['$event']),
148
- tslib_1.__metadata("design:type", Function),
149
- tslib_1.__metadata("design:paramtypes", [Object]),
150
- tslib_1.__metadata("design:returntype", void 0)
151
- ], MessageListComponent.prototype, "onKeydown", null);
152
- tslib_1.__decorate([
153
- core_1.HostListener('focusout', ['$event']),
154
- tslib_1.__metadata("design:type", Function),
155
- tslib_1.__metadata("design:paramtypes", [FocusEvent]),
156
- tslib_1.__metadata("design:returntype", void 0)
157
- ], MessageListComponent.prototype, "onBlur", null);
158
- MessageListComponent = tslib_1.__decorate([
159
- core_1.Component({
160
- selector: 'kendo-chat-message-list',
161
- template: "\n <ng-container *ngFor=\"let group of view; last as lastGroup; trackBy: trackGroup\">\n <ng-container [ngSwitch]=\"group.type\">\n <div\n *ngSwitchCase=\"'date-marker'\"\n class=\"k-timestamp\"\n >\n {{ formatTimeStamp(group.timestamp) }}\n </div>\n <div\n *ngSwitchCase=\"'message-group'\"\n class=\"k-message-group\"\n [class.k-alt]=\"isOwnMessage(group.messages[0])\"\n [class.k-no-avatar]=\"!group.author.avatarUrl\"\n >\n <img\n *ngIf=\"group.author.avatarUrl\"\n [attr.src]=\"group.author.avatarUrl\"\n class=\"k-avatar\"\n />\n <p *ngIf=\"group.author.name\" class=\"k-author\">{{ group.author.name }}</p>\n <ng-container\n *ngFor=\"let msg of group.messages; first as firstMessage; last as lastMessage\"\n >\n <img *ngIf=\"msg.user?.avatarUrl\" [src]=\"msg.user?.avatarUrl\" class=\"k-avatar\">\n <kendo-chat-message #message\n [message]=\"msg\"\n [tabbable]=\"lastGroup && lastMessage\"\n [template]=\"messageTemplate\"\n (click)=\"select(message)\"\n (focus)=\"select(message)\"\n [class.k-only]=\"group.messages.length === 1\"\n [class.k-first]=\"group.messages.length > 1 && firstMessage\"\n [class.k-last]=\"group.messages.length > 1 && lastMessage\"\n >\n </kendo-chat-message>\n\n <kendo-chat-attachment\n *ngIf=\"msg.attachments && msg.attachments.length === 1\"\n [attachment]=\"msg.attachments[0]\"\n [template]=\"attachmentTemplate\"\n >\n </kendo-chat-attachment>\n </ng-container>\n </div>\n\n <kendo-chat-message-attachments #attachments\n *ngSwitchCase=\"'attachment-group'\"\n [attachments]=\"group.attachments\"\n [layout]=\"group.attachmentLayout\"\n [tabbable]=\"lastGroup\"\n [template]=\"attachmentTemplate\"\n (click)=\"select(attachments)\"\n (focus)=\"select(attachments)\"\n >\n </kendo-chat-message-attachments>\n\n <kendo-chat-suggested-actions #actions\n *ngSwitchCase=\"'action-group'\"\n [actions]=\"group.actions\"\n [tabbable]=\"lastGroup\"\n (dispatch)=\"dispatchAction($event, last(group.messages))\"\n (click)=\"select(actions)\"\n (focus)=\"select(actions)\"\n >\n </kendo-chat-suggested-actions>\n </ng-container>\n </ng-container>\n <kendo-resize-sensor (resize)=\"onResize()\">\n </kendo-resize-sensor>\n "
162
- }),
163
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, kendo_angular_intl_1.IntlService])
164
- ], MessageListComponent);
165
- return MessageListComponent;
166
- }());
167
- exports.MessageListComponent = MessageListComponent;
@@ -1,34 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- /**
10
- * Defines a template that will be used for displaying Chat messages. To define an attachment
11
- * template, nest an `<ng-template>` tag with the `kendoChatMessageTemplate` attribute inside the
12
- * `<kendo-chat>` component. The template context is set to the message instance. For more information,
13
- * refer to the article on [message templates]({% slug message_templates_chat %}).
14
- *
15
- * {% meta height:700 %}
16
- * {% embed_file messages/templates/app.component.ts preview %}
17
- * {% embed_file shared/app.module.ts preview %}
18
- * {% embed_file shared/main.ts hidden %}
19
- * {% endmeta %}
20
- */
21
- var MessageTemplateDirective = /** @class */ (function () {
22
- function MessageTemplateDirective(templateRef) {
23
- this.templateRef = templateRef;
24
- }
25
- MessageTemplateDirective = tslib_1.__decorate([
26
- core_1.Directive({
27
- selector: '[kendoChatMessageTemplate]'
28
- }),
29
- tslib_1.__param(0, core_1.Optional()),
30
- tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
31
- ], MessageTemplateDirective);
32
- return MessageTemplateDirective;
33
- }());
34
- exports.MessageTemplateDirective = MessageTemplateDirective;
@@ -1,79 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var chat_item_1 = require("./chat-item");
10
- var message_template_directive_1 = require("./message-template.directive");
11
- var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
12
- // tslint:disable:no-forward-ref
13
- /**
14
- * @hidden
15
- */
16
- var MessageComponent = /** @class */ (function (_super) {
17
- tslib_1.__extends(MessageComponent, _super);
18
- function MessageComponent(element, intl) {
19
- var _this = _super.call(this) || this;
20
- _this.element = element;
21
- _this.intl = intl;
22
- _this.cssClass = true;
23
- return _this;
24
- }
25
- MessageComponent_1 = MessageComponent;
26
- Object.defineProperty(MessageComponent.prototype, "tabIndex", {
27
- get: function () {
28
- return this.tabbable ? '0' : '-1';
29
- },
30
- enumerable: true,
31
- configurable: true
32
- });
33
- MessageComponent.prototype.formatTimeStamp = function (date) {
34
- return this.intl.formatDate(date, { datetime: 'short' });
35
- };
36
- MessageComponent.prototype.focus = function () {
37
- this.element.nativeElement.focus();
38
- };
39
- var MessageComponent_1;
40
- tslib_1.__decorate([
41
- core_1.Input(),
42
- tslib_1.__metadata("design:type", Object)
43
- ], MessageComponent.prototype, "message", void 0);
44
- tslib_1.__decorate([
45
- core_1.Input(),
46
- tslib_1.__metadata("design:type", Boolean)
47
- ], MessageComponent.prototype, "tabbable", void 0);
48
- tslib_1.__decorate([
49
- core_1.Input(),
50
- tslib_1.__metadata("design:type", message_template_directive_1.MessageTemplateDirective)
51
- ], MessageComponent.prototype, "template", void 0);
52
- tslib_1.__decorate([
53
- core_1.HostBinding('class.k-message'),
54
- tslib_1.__metadata("design:type", Boolean)
55
- ], MessageComponent.prototype, "cssClass", void 0);
56
- tslib_1.__decorate([
57
- core_1.HostBinding('class.k-state-selected'),
58
- core_1.HostBinding('class.k-state-focused'),
59
- tslib_1.__metadata("design:type", Boolean)
60
- ], MessageComponent.prototype, "selected", void 0);
61
- tslib_1.__decorate([
62
- core_1.HostBinding('attr.tabIndex'),
63
- tslib_1.__metadata("design:type", String),
64
- tslib_1.__metadata("design:paramtypes", [])
65
- ], MessageComponent.prototype, "tabIndex", null);
66
- MessageComponent = MessageComponent_1 = tslib_1.__decorate([
67
- core_1.Component({
68
- selector: 'kendo-chat-message',
69
- providers: [{
70
- provide: chat_item_1.ChatItem,
71
- useExisting: core_1.forwardRef(function () { return MessageComponent_1; })
72
- }],
73
- template: "\n <time\n [attr.aria-hidden]=\"!selected\"\n class=\"k-message-time\"\n *ngIf=\"message.timestamp\"\n >\n {{ formatTimeStamp(message.timestamp) }}\n </time>\n\n <ng-container *ngIf=\"!message.typing; else typing\">\n <div class=\"k-bubble\" *ngIf=\"template\">\n <ng-container\n *ngTemplateOutlet=\"template.templateRef; context: { $implicit: message };\"\n >\n </ng-container>\n </div>\n\n <div class=\"k-bubble\" *ngIf=\"!template && message.text\">\n {{message.text}}\n </div>\n </ng-container>\n\n <span\n class=\"k-message-status\"\n *ngIf=\"message.status\"\n >\n {{ message.status }}\n </span>\n\n <ng-template #typing>\n <div class=\"k-bubble\">\n <div class=\"k-typing-indicator\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n </div>\n </ng-template>\n "
74
- }),
75
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, kendo_angular_intl_1.IntlService])
76
- ], MessageComponent);
77
- return MessageComponent;
78
- }(chat_item_1.ChatItem));
79
- exports.MessageComponent = MessageComponent;
@@ -1,93 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- var chat_item_1 = require("./chat-item");
10
- // tslint:disable:no-forward-ref
11
- /**
12
- * @hidden
13
- */
14
- var SuggestedActionsComponent = /** @class */ (function (_super) {
15
- tslib_1.__extends(SuggestedActionsComponent, _super);
16
- function SuggestedActionsComponent() {
17
- var _a;
18
- var _this = _super !== null && _super.apply(this, arguments) || this;
19
- _this.dispatch = new core_1.EventEmitter();
20
- _this.defaultClass = true;
21
- _this.selectedIndex = 0;
22
- _this.keyHandlers = (_a = {},
23
- _a[37 /* left */] = function (e) { return _this.navigateTo(e, -1); },
24
- _a[39 /* right */] = function (e) { return _this.navigateTo(e, 1); },
25
- _a[13 /* enter */] = function (_, action) { return _this.actionClick(action); },
26
- _a);
27
- return _this;
28
- }
29
- SuggestedActionsComponent_1 = SuggestedActionsComponent;
30
- SuggestedActionsComponent.prototype.isSelected = function (index) {
31
- return this.selected && this.selectedIndex === index;
32
- };
33
- SuggestedActionsComponent.prototype.actionClick = function (action) {
34
- this.dispatch.next(action);
35
- };
36
- SuggestedActionsComponent.prototype.actionKeydown = function (e, action) {
37
- var handler = this.keyHandlers[e.keyCode];
38
- if (handler) {
39
- handler(e, action);
40
- }
41
- };
42
- SuggestedActionsComponent.prototype.focus = function () {
43
- this.select(this.selectedIndex);
44
- };
45
- SuggestedActionsComponent.prototype.select = function (index) {
46
- this.selectedIndex = index;
47
- var item = this.items.toArray()[index];
48
- if (item) {
49
- item.nativeElement.focus();
50
- }
51
- };
52
- SuggestedActionsComponent.prototype.navigateTo = function (e, offset) {
53
- var prevIndex = this.selectedIndex;
54
- var nextIndex = Math.max(0, Math.min(prevIndex + offset, this.items.length - 1));
55
- if (nextIndex !== prevIndex) {
56
- this.select(nextIndex);
57
- e.preventDefault();
58
- }
59
- };
60
- var SuggestedActionsComponent_1;
61
- tslib_1.__decorate([
62
- core_1.Input(),
63
- tslib_1.__metadata("design:type", Array)
64
- ], SuggestedActionsComponent.prototype, "actions", void 0);
65
- tslib_1.__decorate([
66
- core_1.Input(),
67
- tslib_1.__metadata("design:type", Boolean)
68
- ], SuggestedActionsComponent.prototype, "tabbable", void 0);
69
- tslib_1.__decorate([
70
- core_1.Output(),
71
- tslib_1.__metadata("design:type", core_1.EventEmitter)
72
- ], SuggestedActionsComponent.prototype, "dispatch", void 0);
73
- tslib_1.__decorate([
74
- core_1.HostBinding('class.k-quick-replies'),
75
- tslib_1.__metadata("design:type", Boolean)
76
- ], SuggestedActionsComponent.prototype, "defaultClass", void 0);
77
- tslib_1.__decorate([
78
- core_1.ViewChildren('item'),
79
- tslib_1.__metadata("design:type", core_1.QueryList)
80
- ], SuggestedActionsComponent.prototype, "items", void 0);
81
- SuggestedActionsComponent = SuggestedActionsComponent_1 = tslib_1.__decorate([
82
- core_1.Component({
83
- selector: 'kendo-chat-suggested-actions',
84
- providers: [{
85
- provide: chat_item_1.ChatItem,
86
- useExisting: core_1.forwardRef(function () { return SuggestedActionsComponent_1; })
87
- }],
88
- template: "\n <span\n #item\n *ngFor=\"let action of actions; index as index; first as first; last as last\"\n class=\"k-quick-reply\"\n [class.k-state-selected]=\"isSelected(index)\"\n [class.k-state-focused]=\"isSelected(index)\"\n [class.k-first]=\"first\"\n [class.k-last]=\"last\"\n [attr.tabindex]=\"tabbable && selectedIndex === index ? '0' : '-1'\"\n (click)=\"actionClick(action)\"\n (keydown)=\"actionKeydown($event, action)\"\n >\n {{ action.title || action.value }}\n </span>\n "
89
- })
90
- ], SuggestedActionsComponent);
91
- return SuggestedActionsComponent;
92
- }(chat_item_1.ChatItem));
93
- exports.SuggestedActionsComponent = SuggestedActionsComponent;
@@ -1,45 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- /**
10
- * @hidden
11
- */
12
- var FocusedStateDirective = /** @class */ (function () {
13
- function FocusedStateDirective() {
14
- this.focused = false;
15
- }
16
- FocusedStateDirective.prototype.onFocus = function () {
17
- this.focused = true;
18
- };
19
- FocusedStateDirective.prototype.onBlur = function () {
20
- this.focused = false;
21
- };
22
- tslib_1.__decorate([
23
- core_1.HostBinding('class.k-focus'),
24
- tslib_1.__metadata("design:type", Boolean)
25
- ], FocusedStateDirective.prototype, "focused", void 0);
26
- tslib_1.__decorate([
27
- core_1.HostListener('focusin'),
28
- tslib_1.__metadata("design:type", Function),
29
- tslib_1.__metadata("design:paramtypes", []),
30
- tslib_1.__metadata("design:returntype", void 0)
31
- ], FocusedStateDirective.prototype, "onFocus", null);
32
- tslib_1.__decorate([
33
- core_1.HostListener('focusout'),
34
- tslib_1.__metadata("design:type", Function),
35
- tslib_1.__metadata("design:paramtypes", []),
36
- tslib_1.__metadata("design:returntype", void 0)
37
- ], FocusedStateDirective.prototype, "onBlur", null);
38
- FocusedStateDirective = tslib_1.__decorate([
39
- core_1.Directive({
40
- selector: '[kendoChatFocusedState]'
41
- })
42
- ], FocusedStateDirective);
43
- return FocusedStateDirective;
44
- }());
45
- exports.FocusedStateDirective = FocusedStateDirective;
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,6 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,89 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- var core_1 = require("@angular/core");
9
- // Consider scroll to be at the bottom when within this number of pixels from the container height.
10
- var maxDelta = 2;
11
- /**
12
- * @hidden
13
- */
14
- var ScrollAnchorDirective = /** @class */ (function () {
15
- function ScrollAnchorDirective(element, zone, renderer) {
16
- this.element = element;
17
- this.zone = zone;
18
- this.renderer = renderer;
19
- this.autoScroll = true;
20
- this.autoScrollChange = new core_1.EventEmitter();
21
- this.overflowAnchor = 'none';
22
- this.scrolling = false;
23
- }
24
- ScrollAnchorDirective.prototype.ngOnInit = function () {
25
- var _this = this;
26
- this.zone.runOutsideAngular(function () {
27
- _this.unsubscribe = _this.renderer.listen(_this.element.nativeElement, 'scroll', function () { return _this.onScroll(); });
28
- });
29
- };
30
- ScrollAnchorDirective.prototype.ngAfterViewInit = function () {
31
- this.scrollToBottom();
32
- };
33
- ScrollAnchorDirective.prototype.ngOnDestroy = function () {
34
- if (this.unsubscribe) {
35
- this.unsubscribe();
36
- }
37
- };
38
- ScrollAnchorDirective.prototype.onScroll = function () {
39
- var _this = this;
40
- if (this.scrolling) {
41
- return;
42
- }
43
- var el = this.element.nativeElement;
44
- var bottom = el.scrollTop + el.offsetHeight;
45
- var height = el.scrollHeight;
46
- var atBottom = height - bottom < maxDelta;
47
- if (this.autoScroll !== atBottom) {
48
- this.zone.run(function () {
49
- _this.autoScroll = atBottom;
50
- _this.autoScrollChange.emit(_this.autoScroll);
51
- });
52
- }
53
- };
54
- ScrollAnchorDirective.prototype.scrollToBottom = function () {
55
- var _this = this;
56
- if (!this.autoScroll) {
57
- return;
58
- }
59
- var el = this.element.nativeElement;
60
- el.scrollTop = el.scrollHeight - el.clientHeight;
61
- this.scrolling = true;
62
- this.zone.runOutsideAngular(function () {
63
- return setTimeout(function () { return _this.scrolling = false; }, 1000);
64
- });
65
- };
66
- tslib_1.__decorate([
67
- core_1.Input(),
68
- tslib_1.__metadata("design:type", Boolean)
69
- ], ScrollAnchorDirective.prototype, "autoScroll", void 0);
70
- tslib_1.__decorate([
71
- core_1.Output(),
72
- tslib_1.__metadata("design:type", core_1.EventEmitter)
73
- ], ScrollAnchorDirective.prototype, "autoScrollChange", void 0);
74
- tslib_1.__decorate([
75
- core_1.HostBinding('style.overflow-anchor'),
76
- tslib_1.__metadata("design:type", String)
77
- ], ScrollAnchorDirective.prototype, "overflowAnchor", void 0);
78
- ScrollAnchorDirective = tslib_1.__decorate([
79
- core_1.Directive({
80
- selector: '[kendoChatScrollAnchor]',
81
- exportAs: 'scrollAnchor'
82
- }),
83
- tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
84
- core_1.NgZone,
85
- core_1.Renderer2])
86
- ], ScrollAnchorDirective);
87
- return ScrollAnchorDirective;
88
- }());
89
- exports.ScrollAnchorDirective = ScrollAnchorDirective;
@@ -1,15 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.closest = function (node, predicate) {
11
- while (node && !predicate(node)) {
12
- node = node.parentNode;
13
- }
14
- return node;
15
- };
package/dist/npm/index.js DELETED
@@ -1,39 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- /**
7
- * Generated bundle index. Do not edit.
8
- */
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- var tslib_1 = require("tslib");
11
- tslib_1.__exportStar(require("./main"), exports);
12
- var preventable_event_1 = require("./api/preventable-event");
13
- exports.PreventableEvent = preventable_event_1.PreventableEvent
14
- var hero_card_component_1 = require("./cards/hero-card.component");
15
- exports.HeroCardComponent = hero_card_component_1.HeroCardComponent
16
- var attachment_component_1 = require("./chat/attachment.component");
17
- exports.AttachmentComponent = attachment_component_1.AttachmentComponent
18
- var chat_item_1 = require("./chat/chat-item");
19
- exports.ChatItem = chat_item_1.ChatItem
20
- var custom_messages_component_1 = require("./chat/l10n/custom-messages.component");
21
- exports.CustomMessagesComponent = custom_messages_component_1.CustomMessagesComponent
22
- var localized_messages_directive_1 = require("./chat/l10n/localized-messages.directive");
23
- exports.LocalizedMessagesDirective = localized_messages_directive_1.LocalizedMessagesDirective
24
- var messages_1 = require("./chat/l10n/messages");
25
- exports.Messages = messages_1.Messages
26
- var message_attachments_component_1 = require("./chat/message-attachments.component");
27
- exports.MessageAttachmentsComponent = message_attachments_component_1.MessageAttachmentsComponent
28
- var message_box_component_1 = require("./chat/message-box.component");
29
- exports.MessageBoxComponent = message_box_component_1.MessageBoxComponent
30
- var message_list_component_1 = require("./chat/message-list.component");
31
- exports.MessageListComponent = message_list_component_1.MessageListComponent
32
- var message_component_1 = require("./chat/message.component");
33
- exports.MessageComponent = message_component_1.MessageComponent
34
- var suggested_actions_component_1 = require("./chat/suggested-actions.component");
35
- exports.SuggestedActionsComponent = suggested_actions_component_1.SuggestedActionsComponent
36
- var focused_state_directive_1 = require("./common/focused-state.directive");
37
- exports.FocusedStateDirective = focused_state_directive_1.FocusedStateDirective
38
- var scroll_anchor_directive_1 = require("./common/scroll-anchor.directive");
39
- exports.ScrollAnchorDirective = scroll_anchor_directive_1.ScrollAnchorDirective
package/dist/npm/main.js DELETED
@@ -1,11 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- var tslib_1 = require("tslib");
8
- tslib_1.__exportStar(require("./chat/chat.directives"), exports);
9
- tslib_1.__exportStar(require("./chat/chat.module"), exports);
10
- tslib_1.__exportStar(require("./api/execute-action-event"), exports);
11
- tslib_1.__exportStar(require("./api/post-message-event"), exports);
@@ -1,17 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- "use strict";
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- /**
8
- * @hidden
9
- */
10
- exports.packageMetadata = {
11
- name: '@progress/kendo-angular-conversational-ui',
12
- productName: 'Kendo UI for Angular',
13
- productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
14
- publishDate: 1649323827,
15
- version: '',
16
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
17
- };