@progress/kendo-angular-buttons 20.1.2-develop.2 → 21.0.0-develop.3
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/esm2022/button/button.component.mjs +5 -5
- package/esm2022/button/button.module.mjs +4 -4
- package/esm2022/button/button.service.mjs +3 -3
- package/esm2022/buttongroup/buttongroup.component.mjs +4 -4
- package/esm2022/buttongroup/buttongroup.module.mjs +4 -4
- package/esm2022/buttons.module.mjs +4 -4
- package/esm2022/chip/chip-list.component.mjs +19 -9
- package/esm2022/chip/chip.component.mjs +7 -5
- package/esm2022/chip/chip.module.mjs +4 -4
- package/esm2022/dropdownbutton/dropdownbutton.component.mjs +7 -6
- package/esm2022/dropdownbutton/dropdownbutton.module.mjs +4 -4
- package/esm2022/floatingactionbutton/dial-item.component.mjs +4 -4
- package/esm2022/floatingactionbutton/dial-list.component.mjs +4 -4
- package/esm2022/floatingactionbutton/floatingactionbutton.component.mjs +13 -7
- package/esm2022/floatingactionbutton/floatingactionbutton.module.mjs +4 -4
- package/esm2022/floatingactionbutton/templates/dial-item-template.directive.mjs +5 -5
- package/esm2022/floatingactionbutton/templates/fab-template.directive.mjs +5 -5
- package/esm2022/focusable/focus.service.mjs +3 -3
- package/esm2022/focusable/focusable.directive.mjs +4 -4
- package/esm2022/listbutton/button-item-template.directive.mjs +4 -4
- package/esm2022/listbutton/container.service.mjs +3 -3
- package/esm2022/listbutton/list-button.mjs +7 -5
- package/esm2022/listbutton/list.component.mjs +4 -4
- package/esm2022/navigation/navigation.service.mjs +5 -5
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/speechtotextbutton/speechtotextbutton.component.mjs +16 -6
- package/esm2022/speechtotextbutton/speechtotextbutton.module.mjs +4 -4
- package/esm2022/splitbutton/localization/custom-messages.component.mjs +4 -4
- package/esm2022/splitbutton/localization/localized-messages.directive.mjs +4 -4
- package/esm2022/splitbutton/localization/messages.mjs +3 -3
- package/esm2022/splitbutton/splitbutton.component.mjs +7 -6
- package/esm2022/splitbutton/splitbutton.module.mjs +4 -4
- package/fesm2022/progress-kendo-angular-buttons.mjs +174 -142
- package/package.json +11 -11
- package/schematics/ngAdd/index.js +1 -1
|
@@ -35,13 +35,13 @@ export class ButtonItemTemplateDirective {
|
|
|
35
35
|
constructor(templateRef) {
|
|
36
36
|
this.templateRef = templateRef;
|
|
37
37
|
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
39
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ButtonItemTemplateDirective, isStandalone: true, selector: "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", ngImport: i0 });
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonItemTemplateDirective, decorators: [{
|
|
42
42
|
type: Directive,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]',
|
|
45
45
|
standalone: true
|
|
46
46
|
}]
|
|
47
|
-
}], ctorParameters:
|
|
47
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
export class PopupContainerService {
|
|
11
11
|
container;
|
|
12
12
|
template;
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
14
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
13
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
14
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupContainerService });
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupContainerService, decorators: [{
|
|
17
17
|
type: Injectable
|
|
18
18
|
}] });
|
|
@@ -365,7 +365,9 @@ export class ListButton extends MultiTabStop {
|
|
|
365
365
|
if (this.openState && !this.isClosePrevented) {
|
|
366
366
|
this.togglePopupVisibility();
|
|
367
367
|
if (isDocumentAvailable()) {
|
|
368
|
-
e?.esc && hasObservers(this.escape)
|
|
368
|
+
if (e?.esc && hasObservers(this.escape)) {
|
|
369
|
+
this.escape.emit();
|
|
370
|
+
}
|
|
369
371
|
this.button.nativeElement.focus();
|
|
370
372
|
}
|
|
371
373
|
}
|
|
@@ -418,15 +420,15 @@ export class ListButton extends MultiTabStop {
|
|
|
418
420
|
this.isClosePrevented = false;
|
|
419
421
|
}
|
|
420
422
|
}
|
|
421
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
422
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
423
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListButton, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
424
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ListButton, selector: "ng-component", inputs: { disabled: "disabled", tabIndex: "tabIndex", buttonClass: "buttonClass", popupSettings: "popupSettings" }, outputs: { open: "open", close: "close", escape: "escape" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, read: ElementRef }, { propertyName: "buttonList", first: true, predicate: ["buttonList"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
423
425
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListButton, decorators: [{
|
|
425
427
|
type: Component,
|
|
426
428
|
args: [{
|
|
427
429
|
template: ''
|
|
428
430
|
}]
|
|
429
|
-
}], ctorParameters:
|
|
431
|
+
}], ctorParameters: () => [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i5.PopupContainerService }], propDecorators: { button: [{
|
|
430
432
|
type: ViewChild,
|
|
431
433
|
args: ['button', { read: ElementRef }]
|
|
432
434
|
}], buttonList: [{
|
|
@@ -51,8 +51,8 @@ export class ListComponent {
|
|
|
51
51
|
onBlur() {
|
|
52
52
|
this.onItemBlur.emit();
|
|
53
53
|
}
|
|
54
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ListComponent, isStandalone: true, selector: "kendo-button-list", inputs: { data: "data", textField: "textField", itemTemplate: "itemTemplate", size: "size" }, outputs: { onItemClick: "onItemClick", onItemBlur: "onItemBlur" }, ngImport: i0, template: `
|
|
56
56
|
<ul class="k-group k-menu-group k-reset" role="list" [ngClass]="sizeClass">
|
|
57
57
|
<li kendoButtonFocusable
|
|
58
58
|
*ngFor="let dataItem of data; let index = index;"
|
|
@@ -99,7 +99,7 @@ export class ListComponent {
|
|
|
99
99
|
</ul>
|
|
100
100
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
101
101
|
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
104
|
args: [{
|
|
105
105
|
selector: 'kendo-button-list',
|
|
@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
152
152
|
standalone: true,
|
|
153
153
|
imports: [NgClass, NgFor, FocusableDirective, NgIf, TemplateContextDirective, IconWrapperComponent]
|
|
154
154
|
}]
|
|
155
|
-
}], ctorParameters:
|
|
155
|
+
}], ctorParameters: () => [], propDecorators: { data: [{
|
|
156
156
|
type: Input
|
|
157
157
|
}], textField: [{
|
|
158
158
|
type: Input
|
|
@@ -100,12 +100,12 @@ export class NavigationService {
|
|
|
100
100
|
return args.current !== args.end ? args.current + args.step : args.end;
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
104
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
104
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
|
|
107
107
|
type: Injectable
|
|
108
|
-
}], ctorParameters:
|
|
108
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
109
109
|
type: Inject,
|
|
110
110
|
args: [NAVIGATION_CONFIG]
|
|
111
|
-
}] }]
|
|
111
|
+
}] }] });
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '
|
|
13
|
+
publishDate: 1761757511,
|
|
14
|
+
version: '21.0.0-develop.3',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|
|
@@ -281,13 +281,23 @@ export class SpeechToTextButtonComponent {
|
|
|
281
281
|
onClick() {
|
|
282
282
|
if (this.isWebSpeechSupported && this.integrationMode === 'webSpeech') {
|
|
283
283
|
this.ngZone.run(() => {
|
|
284
|
-
this.isListening
|
|
284
|
+
if (this.isListening) {
|
|
285
|
+
this.speechRecognition.stop();
|
|
286
|
+
}
|
|
287
|
+
else {
|
|
288
|
+
this.speechRecognition.start();
|
|
289
|
+
}
|
|
285
290
|
});
|
|
286
291
|
}
|
|
287
292
|
else if (this.integrationMode === 'none') {
|
|
288
293
|
let asyncFactory = () => of(null);
|
|
289
294
|
this.ngZone.run(() => {
|
|
290
|
-
this.isListening
|
|
295
|
+
if (this.isListening) {
|
|
296
|
+
this.end.emit(fn => asyncFactory = fn);
|
|
297
|
+
}
|
|
298
|
+
else {
|
|
299
|
+
this.start.emit(fn => asyncFactory = fn);
|
|
300
|
+
}
|
|
291
301
|
const result = asyncFactory();
|
|
292
302
|
const observable = this.toObservable(result);
|
|
293
303
|
observable.pipe(take(1)).subscribe(() => this.isListening = !this.isListening);
|
|
@@ -423,8 +433,8 @@ export class SpeechToTextButtonComponent {
|
|
|
423
433
|
}
|
|
424
434
|
});
|
|
425
435
|
}
|
|
426
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
427
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
436
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
437
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SpeechToTextButtonComponent, isStandalone: true, selector: "button[kendoSpeechToTextButton]", inputs: { disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", integrationMode: "integrationMode", lang: "lang", continuous: "continuous", interimResults: "interimResults", maxAlternatives: "maxAlternatives" }, outputs: { start: "start", end: "end", result: "result", error: "error", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-listening": "this.listeningClass", "class.k-speech-to-text-button": "this.speechToTextButtonClass", "class.k-button": "this.classButton", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection", "attr.aria-pressed": "this.ariaPressed" } }, providers: [
|
|
428
438
|
LocalizationService,
|
|
429
439
|
{
|
|
430
440
|
provide: L10N_PREFIX,
|
|
@@ -439,7 +449,7 @@ export class SpeechToTextButtonComponent {
|
|
|
439
449
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
440
450
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
441
451
|
}
|
|
442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonComponent, decorators: [{
|
|
443
453
|
type: Component,
|
|
444
454
|
args: [{
|
|
445
455
|
exportAs: 'kendoSpeechToTextButton',
|
|
@@ -462,7 +472,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
462
472
|
standalone: true,
|
|
463
473
|
imports: [IconWrapperComponent]
|
|
464
474
|
}]
|
|
465
|
-
}], ctorParameters:
|
|
475
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i0.NgZone }], propDecorators: { disabled: [{
|
|
466
476
|
type: Input
|
|
467
477
|
}], size: [{
|
|
468
478
|
type: Input
|
|
@@ -17,11 +17,11 @@ import * as i1 from "./speechtotextbutton.component";
|
|
|
17
17
|
* - `SpeechToTextButtonComponent`—The SpeechToTextButton component class.
|
|
18
18
|
*/
|
|
19
19
|
export class SpeechToTextButtonModule {
|
|
20
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
22
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
20
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
21
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonModule, imports: [i1.SpeechToTextButtonComponent], exports: [i1.SpeechToTextButtonComponent] });
|
|
22
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonModule, providers: [IconsService], imports: [KENDO_SPEECHTOTEXTBUTTON] });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpeechToTextButtonModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
26
26
|
args: [{
|
|
27
27
|
exports: [...KENDO_SPEECHTOTEXTBUTTON],
|
|
@@ -20,13 +20,13 @@ export class SplitButtonCustomMessagesComponent extends Messages {
|
|
|
20
20
|
get override() {
|
|
21
21
|
return true;
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SplitButtonCustomMessagesComponent, isStandalone: true, selector: "kendo-splitbutton-messages", providers: [{
|
|
25
25
|
provide: Messages,
|
|
26
26
|
useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
|
|
27
27
|
}], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonCustomMessagesComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{
|
|
32
32
|
providers: [{
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
37
37
|
template: ``,
|
|
38
38
|
standalone: true
|
|
39
39
|
}]
|
|
40
|
-
}], ctorParameters:
|
|
40
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -16,15 +16,15 @@ export class LocalizedSplitButtonMessagesDirective extends Messages {
|
|
|
16
16
|
super();
|
|
17
17
|
this.service = service;
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedSplitButtonMessagesDirective, isStandalone: true, selector: "[kendoSplitButtonLocalizedMessages]", providers: [
|
|
21
21
|
{
|
|
22
22
|
provide: Messages,
|
|
23
23
|
useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
|
|
24
24
|
}
|
|
25
25
|
], usesInheritance: true, ngImport: i0 });
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, decorators: [{
|
|
28
28
|
type: Directive,
|
|
29
29
|
args: [{
|
|
30
30
|
providers: [
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
36
36
|
selector: '[kendoSplitButtonLocalizedMessages]',
|
|
37
37
|
standalone: true
|
|
38
38
|
}]
|
|
39
|
-
}], ctorParameters:
|
|
39
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }] });
|
|
@@ -34,10 +34,10 @@ export class Messages extends ComponentMessages {
|
|
|
34
34
|
* Specifies the text for the SplitButton toggle button `aria-label`.
|
|
35
35
|
*/
|
|
36
36
|
toggleButtonLabel;
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
38
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
38
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: Messages, selector: "kendo-splitbutton-messages-base", inputs: { splitButtonLabel: "splitButtonLabel", toggleButtonLabel: "toggleButtonLabel" }, usesInheritance: true, ngImport: i0 });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Messages, decorators: [{
|
|
41
41
|
type: Directive,
|
|
42
42
|
args: [{
|
|
43
43
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -277,8 +277,9 @@ export class SplitButtonComponent extends ListButton {
|
|
|
277
277
|
*/
|
|
278
278
|
onButtonFocus(event) {
|
|
279
279
|
if (!this._disabled) {
|
|
280
|
-
|
|
281
|
-
|
|
280
|
+
if (!this._isFocused) {
|
|
281
|
+
this.onFocus.emit();
|
|
282
|
+
}
|
|
282
283
|
this._isFocused = true;
|
|
283
284
|
this.focusService.resetFocus();
|
|
284
285
|
const relatedTargetInList = event.relatedTarget && closest(event.relatedTarget, '.k-popup kendo-button-list');
|
|
@@ -503,8 +504,8 @@ export class SplitButtonComponent extends ListButton {
|
|
|
503
504
|
}
|
|
504
505
|
}
|
|
505
506
|
}
|
|
506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
507
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
508
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SplitButtonComponent, isStandalone: true, selector: "kendo-splitbutton", inputs: { text: "text", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", type: "type", imageUrl: "imageUrl", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", disabled: "disabled", popupSettings: "popupSettings", tabIndex: "tabIndex", textField: "textField", data: "data", arrowButtonClass: "arrowButtonClass", arrowButtonIcon: "arrowButtonIcon", arrowButtonSvgIcon: "arrowButtonSvgIcon", buttonAttributes: "buttonAttributes" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", onFocus: "focus", onBlur: "blur", open: "open", close: "close" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)" }, properties: { "class.k-focus": "this.isFocused", "class.k-split-button": "this.widgetClasses", "class.k-button-group": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
|
|
508
509
|
FocusService,
|
|
509
510
|
NavigationService,
|
|
510
511
|
NAVIGATION_SETTINGS_PROVIDER,
|
|
@@ -588,7 +589,7 @@ export class SplitButtonComponent extends ListButton {
|
|
|
588
589
|
<ng-container #container></ng-container>
|
|
589
590
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
|
|
590
591
|
}
|
|
591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonComponent, decorators: [{
|
|
592
593
|
type: Component,
|
|
593
594
|
args: [{
|
|
594
595
|
exportAs: 'kendoSplitButton',
|
|
@@ -680,7 +681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
680
681
|
standalone: true,
|
|
681
682
|
imports: [LocalizedSplitButtonMessagesDirective, ButtonComponent, NgClass, NgIf, ListComponent]
|
|
682
683
|
}]
|
|
683
|
-
}], ctorParameters:
|
|
684
|
+
}], ctorParameters: () => [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i5.PopupContainerService }], propDecorators: { text: [{
|
|
684
685
|
type: Input
|
|
685
686
|
}], icon: [{
|
|
686
687
|
type: Input
|
|
@@ -23,11 +23,11 @@ import * as i4 from "../listbutton/button-item-template.directive";
|
|
|
23
23
|
* - `SplitButtonCustomMessagesComponent`—The SplitButton custom messages component class.
|
|
24
24
|
*/
|
|
25
25
|
export class SplitButtonModule {
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
28
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
27
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonModule, imports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent, i3.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i3.ToggleButtonTabStopDirective], exports: [i1.SplitButtonComponent, i2.SplitButtonCustomMessagesComponent, i3.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i3.ToggleButtonTabStopDirective] });
|
|
28
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.SplitButtonComponent] });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplitButtonModule, decorators: [{
|
|
31
31
|
type: NgModule,
|
|
32
32
|
args: [{
|
|
33
33
|
exports: [...KENDO_SPLITBUTTON, ...KENDO_TOGGLEBUTTONTABSTOP],
|