@progress/kendo-angular-conversational-ui 11.0.0-develop.85 → 11.0.0-develop.87

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.
@@ -6,12 +6,21 @@ import { AfterViewInit, ElementRef, NgZone, OnDestroy, QueryList } from '@angula
6
6
  import { Attachment, AttachmentLayout } from '../api/attachment.interface';
7
7
  import { ChatItem } from './chat-item';
8
8
  import { AttachmentTemplateDirective } from './attachment-template.directive';
9
+ import { SVGIcon } from '@progress/kendo-svg-icons';
9
10
  import * as i0 from "@angular/core";
10
11
  /**
11
12
  * @hidden
12
13
  */
13
14
  export declare class MessageAttachmentsComponent extends ChatItem implements AfterViewInit, OnDestroy {
14
15
  private zone;
16
+ /**
17
+ * @hidden
18
+ */
19
+ chevronLeftIcon: SVGIcon;
20
+ /**
21
+ * @hidden
22
+ */
23
+ chevronRightIcon: SVGIcon;
15
24
  attachments: Attachment[];
16
25
  layout: AttachmentLayout;
17
26
  tabbable: boolean;
@@ -7,9 +7,11 @@ import { fromEvent } from 'rxjs';
7
7
  import { debounceTime } from 'rxjs/operators';
8
8
  import { ChatItem } from './chat-item';
9
9
  import { AttachmentTemplateDirective } from './attachment-template.directive';
10
+ import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
10
11
  import * as i0 from "@angular/core";
11
- import * as i1 from "./attachment.component";
12
- import * as i2 from "@angular/common";
12
+ import * as i1 from "@progress/kendo-angular-buttons";
13
+ import * as i2 from "./attachment.component";
14
+ import * as i3 from "@angular/common";
13
15
  // eslint-disable no-forward-ref
14
16
  /**
15
17
  * @hidden
@@ -18,6 +20,14 @@ export class MessageAttachmentsComponent extends ChatItem {
18
20
  constructor(zone) {
19
21
  super();
20
22
  this.zone = zone;
23
+ /**
24
+ * @hidden
25
+ */
26
+ this.chevronLeftIcon = chevronLeftIcon;
27
+ /**
28
+ * @hidden
29
+ */
30
+ this.chevronRightIcon = chevronRightIcon;
21
31
  this.scrollPosition = 0;
22
32
  this.selectedIndex = 0;
23
33
  this.carouselKeyHandlers = {
@@ -101,11 +111,13 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
101
111
  useExisting: forwardRef(() => MessageAttachmentsComponent)
102
112
  }], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
103
113
  <button
104
- *ngIf="carousel && scrollPosition > 0"
105
- (click)="scrollTo(-1)"
106
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
107
- tabindex="-1">
108
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
114
+ *ngIf="carousel && scrollPosition > 0"
115
+ (click)="scrollTo(-1)"
116
+ kendoButton
117
+ tabindex="-1"
118
+ [svgIcon]="chevronLeftIcon"
119
+ icon="chevron-left"
120
+ >
109
121
  </button>
110
122
  <div #deck [class.k-card-deck]="carousel">
111
123
  <kendo-chat-attachment #item
@@ -124,13 +136,15 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
124
136
  </kendo-chat-attachment>
125
137
  </div>
126
138
  <button
127
- *ngIf="carousel && scrollPosition < 1"
128
- (click)="scrollTo(1)"
129
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
130
- tabindex="-1">
131
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
139
+ *ngIf="carousel && scrollPosition < 1"
140
+ (click)="scrollTo(1)"
141
+ kendoButton
142
+ tabindex="-1"
143
+ [svgIcon]="chevronRightIcon"
144
+ icon="chevron-right"
145
+ >
132
146
  </button>
133
- `, isInline: true, components: [{ type: i1.AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
147
+ `, isInline: true, components: [{ type: i1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i2.AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
134
148
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
135
149
  type: Component,
136
150
  args: [{
@@ -141,11 +155,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
141
155
  selector: 'kendo-chat-message-attachments',
142
156
  template: `
143
157
  <button
144
- *ngIf="carousel && scrollPosition > 0"
145
- (click)="scrollTo(-1)"
146
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
147
- tabindex="-1">
148
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
158
+ *ngIf="carousel && scrollPosition > 0"
159
+ (click)="scrollTo(-1)"
160
+ kendoButton
161
+ tabindex="-1"
162
+ [svgIcon]="chevronLeftIcon"
163
+ icon="chevron-left"
164
+ >
149
165
  </button>
150
166
  <div #deck [class.k-card-deck]="carousel">
151
167
  <kendo-chat-attachment #item
@@ -164,11 +180,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
164
180
  </kendo-chat-attachment>
165
181
  </div>
166
182
  <button
167
- *ngIf="carousel && scrollPosition < 1"
168
- (click)="scrollTo(1)"
169
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
170
- tabindex="-1">
171
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
183
+ *ngIf="carousel && scrollPosition < 1"
184
+ (click)="scrollTo(1)"
185
+ kendoButton
186
+ tabindex="-1"
187
+ [svgIcon]="chevronRightIcon"
188
+ icon="chevron-right"
189
+ >
172
190
  </button>
173
191
  `
174
192
  }]
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-conversational-ui',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1672921456,
12
+ publishDate: 1672938972,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -12,10 +12,11 @@ import * as i2 from '@angular/common';
12
12
  import { CommonModule } from '@angular/common';
13
13
  import { fromEvent } from 'rxjs';
14
14
  import { debounceTime } from 'rxjs/operators';
15
- import * as i6 from '@progress/kendo-angular-common';
16
- import { Keys, ResizeSensorModule } from '@progress/kendo-angular-common';
15
+ import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
17
16
  import * as i1$1 from '@progress/kendo-angular-buttons';
18
17
  import { ButtonModule } from '@progress/kendo-angular-buttons';
18
+ import * as i6 from '@progress/kendo-angular-common';
19
+ import { Keys, ResizeSensorModule } from '@progress/kendo-angular-common';
19
20
 
20
21
  /**
21
22
  * Defines a template that will be used for displaying message attachments. To define an attachment
@@ -118,7 +119,7 @@ const packageMetadata = {
118
119
  name: '@progress/kendo-angular-conversational-ui',
119
120
  productName: 'Kendo UI for Angular',
120
121
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
121
- publishDate: 1672921456,
122
+ publishDate: 1672938972,
122
123
  version: '',
123
124
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
124
125
  };
@@ -493,6 +494,14 @@ class MessageAttachmentsComponent extends ChatItem {
493
494
  constructor(zone) {
494
495
  super();
495
496
  this.zone = zone;
497
+ /**
498
+ * @hidden
499
+ */
500
+ this.chevronLeftIcon = chevronLeftIcon;
501
+ /**
502
+ * @hidden
503
+ */
504
+ this.chevronRightIcon = chevronRightIcon;
496
505
  this.scrollPosition = 0;
497
506
  this.selectedIndex = 0;
498
507
  this.carouselKeyHandlers = {
@@ -576,11 +585,13 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
576
585
  useExisting: forwardRef(() => MessageAttachmentsComponent)
577
586
  }], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
578
587
  <button
579
- *ngIf="carousel && scrollPosition > 0"
580
- (click)="scrollTo(-1)"
581
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
582
- tabindex="-1">
583
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
588
+ *ngIf="carousel && scrollPosition > 0"
589
+ (click)="scrollTo(-1)"
590
+ kendoButton
591
+ tabindex="-1"
592
+ [svgIcon]="chevronLeftIcon"
593
+ icon="chevron-left"
594
+ >
584
595
  </button>
585
596
  <div #deck [class.k-card-deck]="carousel">
586
597
  <kendo-chat-attachment #item
@@ -599,13 +610,15 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
599
610
  </kendo-chat-attachment>
600
611
  </div>
601
612
  <button
602
- *ngIf="carousel && scrollPosition < 1"
603
- (click)="scrollTo(1)"
604
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
605
- tabindex="-1">
606
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
613
+ *ngIf="carousel && scrollPosition < 1"
614
+ (click)="scrollTo(1)"
615
+ kendoButton
616
+ tabindex="-1"
617
+ [svgIcon]="chevronRightIcon"
618
+ icon="chevron-right"
619
+ >
607
620
  </button>
608
- `, isInline: true, components: [{ type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
621
+ `, isInline: true, components: [{ type: i1$1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
609
622
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
610
623
  type: Component,
611
624
  args: [{
@@ -616,11 +629,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
616
629
  selector: 'kendo-chat-message-attachments',
617
630
  template: `
618
631
  <button
619
- *ngIf="carousel && scrollPosition > 0"
620
- (click)="scrollTo(-1)"
621
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
622
- tabindex="-1">
623
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
632
+ *ngIf="carousel && scrollPosition > 0"
633
+ (click)="scrollTo(-1)"
634
+ kendoButton
635
+ tabindex="-1"
636
+ [svgIcon]="chevronLeftIcon"
637
+ icon="chevron-left"
638
+ >
624
639
  </button>
625
640
  <div #deck [class.k-card-deck]="carousel">
626
641
  <kendo-chat-attachment #item
@@ -639,11 +654,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
639
654
  </kendo-chat-attachment>
640
655
  </div>
641
656
  <button
642
- *ngIf="carousel && scrollPosition < 1"
643
- (click)="scrollTo(1)"
644
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
645
- tabindex="-1">
646
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
657
+ *ngIf="carousel && scrollPosition < 1"
658
+ (click)="scrollTo(1)"
659
+ kendoButton
660
+ tabindex="-1"
661
+ [svgIcon]="chevronRightIcon"
662
+ icon="chevron-right"
663
+ >
647
664
  </button>
648
665
  `
649
666
  }]
@@ -16,6 +16,7 @@ import { CommonModule } from '@angular/common';
16
16
  import * as i1$1 from '@progress/kendo-angular-intl';
17
17
  import { fromEvent } from 'rxjs';
18
18
  import { debounceTime } from 'rxjs/operators';
19
+ import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
19
20
 
20
21
  /**
21
22
  * Defines a template that will be used for displaying message attachments. To define an attachment
@@ -114,7 +115,7 @@ const packageMetadata = {
114
115
  name: '@progress/kendo-angular-conversational-ui',
115
116
  productName: 'Kendo UI for Angular',
116
117
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
117
- publishDate: 1672921456,
118
+ publishDate: 1672938972,
118
119
  version: '',
119
120
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
120
121
  };
@@ -654,6 +655,14 @@ class MessageAttachmentsComponent extends ChatItem {
654
655
  constructor(zone) {
655
656
  super();
656
657
  this.zone = zone;
658
+ /**
659
+ * @hidden
660
+ */
661
+ this.chevronLeftIcon = chevronLeftIcon;
662
+ /**
663
+ * @hidden
664
+ */
665
+ this.chevronRightIcon = chevronRightIcon;
657
666
  this.scrollPosition = 0;
658
667
  this.selectedIndex = 0;
659
668
  this.carouselKeyHandlers = {
@@ -737,11 +746,13 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
737
746
  useExisting: forwardRef(() => MessageAttachmentsComponent)
738
747
  }], viewQueries: [{ propertyName: "deck", first: true, predicate: ["deck"], descendants: true, read: ElementRef, static: true }, { propertyName: "items", predicate: ["item"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
739
748
  <button
740
- *ngIf="carousel && scrollPosition > 0"
741
- (click)="scrollTo(-1)"
742
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
743
- tabindex="-1">
744
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
749
+ *ngIf="carousel && scrollPosition > 0"
750
+ (click)="scrollTo(-1)"
751
+ kendoButton
752
+ tabindex="-1"
753
+ [svgIcon]="chevronLeftIcon"
754
+ icon="chevron-left"
755
+ >
745
756
  </button>
746
757
  <div #deck [class.k-card-deck]="carousel">
747
758
  <kendo-chat-attachment #item
@@ -760,13 +771,15 @@ MessageAttachmentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
760
771
  </kendo-chat-attachment>
761
772
  </div>
762
773
  <button
763
- *ngIf="carousel && scrollPosition < 1"
764
- (click)="scrollTo(1)"
765
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
766
- tabindex="-1">
767
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
774
+ *ngIf="carousel && scrollPosition < 1"
775
+ (click)="scrollTo(1)"
776
+ kendoButton
777
+ tabindex="-1"
778
+ [svgIcon]="chevronRightIcon"
779
+ icon="chevron-right"
780
+ >
768
781
  </button>
769
- `, isInline: true, components: [{ type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
782
+ `, isInline: true, components: [{ type: i1.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: AttachmentComponent, selector: "kendo-chat-attachment", inputs: ["attachment", "template"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
770
783
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MessageAttachmentsComponent, decorators: [{
771
784
  type: Component,
772
785
  args: [{
@@ -777,11 +790,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
777
790
  selector: 'kendo-chat-message-attachments',
778
791
  template: `
779
792
  <button
780
- *ngIf="carousel && scrollPosition > 0"
781
- (click)="scrollTo(-1)"
782
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
783
- tabindex="-1">
784
- <span class="k-icon k-button-icon k-i-chevron-left"></span>
793
+ *ngIf="carousel && scrollPosition > 0"
794
+ (click)="scrollTo(-1)"
795
+ kendoButton
796
+ tabindex="-1"
797
+ [svgIcon]="chevronLeftIcon"
798
+ icon="chevron-left"
799
+ >
785
800
  </button>
786
801
  <div #deck [class.k-card-deck]="carousel">
787
802
  <kendo-chat-attachment #item
@@ -800,11 +815,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
800
815
  </kendo-chat-attachment>
801
816
  </div>
802
817
  <button
803
- *ngIf="carousel && scrollPosition < 1"
804
- (click)="scrollTo(1)"
805
- class="k-button k-icon-button k-button-md k-rounded-md k-button-solid k-button-solid-base"
806
- tabindex="-1">
807
- <span class="k-icon k-button-icon k-i-chevron-right"></span>
818
+ *ngIf="carousel && scrollPosition < 1"
819
+ (click)="scrollTo(1)"
820
+ kendoButton
821
+ tabindex="-1"
822
+ [svgIcon]="chevronRightIcon"
823
+ icon="chevron-right"
824
+ >
808
825
  </button>
809
826
  `
810
827
  }]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-conversational-ui",
3
- "version": "11.0.0-develop.85",
3
+ "version": "11.0.0-develop.87",
4
4
  "description": "Kendo UI for Angular Conversational UI components",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,12 +24,12 @@
24
24
  "@angular/core": "13 - 15",
25
25
  "@angular/platform-browser": "13 - 15",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-buttons": "11.0.0-develop.85",
28
- "@progress/kendo-angular-common": "11.0.0-develop.85",
29
- "@progress/kendo-angular-intl": "11.0.0-develop.85",
30
- "@progress/kendo-angular-l10n": "11.0.0-develop.85",
31
- "@progress/kendo-angular-popup": "11.0.0-develop.85",
32
- "@progress/kendo-angular-schematics": "11.0.0-develop.85",
27
+ "@progress/kendo-angular-buttons": "11.0.0-develop.87",
28
+ "@progress/kendo-angular-common": "11.0.0-develop.87",
29
+ "@progress/kendo-angular-intl": "11.0.0-develop.87",
30
+ "@progress/kendo-angular-l10n": "11.0.0-develop.87",
31
+ "@progress/kendo-angular-popup": "11.0.0-develop.87",
32
+ "@progress/kendo-angular-schematics": "11.0.0-develop.87",
33
33
  "rxjs": "^6.5.3 || ^7.0.0"
34
34
  },
35
35
  "dependencies": {