@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
|
@@ -414,8 +414,8 @@ export class ButtonComponent {
|
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
418
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
417
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.KendoButtonService, optional: true }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
418
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-toggle-button": "this.isToggleable", "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
|
|
419
419
|
LocalizationService,
|
|
420
420
|
{
|
|
421
421
|
provide: L10N_PREFIX,
|
|
@@ -441,7 +441,7 @@ export class ButtonComponent {
|
|
|
441
441
|
|
|
442
442
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
443
443
|
}
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
445
445
|
type: Component,
|
|
446
446
|
args: [{
|
|
447
447
|
exportAs: 'kendoButton',
|
|
@@ -475,9 +475,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
475
475
|
standalone: true,
|
|
476
476
|
imports: [NgIf, IconWrapperComponent, NgClass]
|
|
477
477
|
}]
|
|
478
|
-
}], ctorParameters:
|
|
478
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.KendoButtonService, decorators: [{
|
|
479
479
|
type: Optional
|
|
480
|
-
}] }, { type: i2.LocalizationService }, { type: i0.NgZone }]
|
|
480
|
+
}] }, { type: i2.LocalizationService }, { type: i0.NgZone }], propDecorators: { arrowIcon: [{
|
|
481
481
|
type: Input
|
|
482
482
|
}], toggleable: [{
|
|
483
483
|
type: Input
|
|
@@ -29,11 +29,11 @@ import * as i0 from "@angular/core";
|
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
31
|
export class ButtonModule {
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
33
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
34
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
33
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
|
|
34
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonModule, decorators: [{
|
|
37
37
|
type: NgModule,
|
|
38
38
|
args: [{
|
|
39
39
|
imports: [ButtonComponent],
|
|
@@ -14,9 +14,9 @@ export class KendoButtonService {
|
|
|
14
14
|
click(button) {
|
|
15
15
|
this.buttonClicked.next(button);
|
|
16
16
|
}
|
|
17
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
18
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService });
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KendoButtonService, decorators: [{
|
|
21
21
|
type: Injectable
|
|
22
22
|
}] });
|
|
@@ -265,8 +265,8 @@ export class ButtonGroupComponent {
|
|
|
265
265
|
return i === index;
|
|
266
266
|
}));
|
|
267
267
|
};
|
|
268
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
269
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
268
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1.KendoButtonService }, { token: i2.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
269
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonGroupComponent, isStandalone: true, selector: "kendo-buttongroup", inputs: { disabled: "disabled", selection: "selection", width: "width", tabIndex: "tabIndex", navigable: "navigable" }, outputs: { navigate: "navigate" }, host: { properties: { "class.k-button-group": "this.wrapperClasses", "class.k-disabled": "this.disabledClass", "class.k-button-group-stretched": "this.stretchedClass", "attr.role": "this.role", "attr.dir": "this.dir", "attr.aria-disabled": "this.ariaDisabled", "style.width": "this.wrapperWidth", "attr.tabindex": "this.wrapperTabIndex" } }, providers: [
|
|
270
270
|
KendoButtonService,
|
|
271
271
|
LocalizationService,
|
|
272
272
|
{
|
|
@@ -277,7 +277,7 @@ export class ButtonGroupComponent {
|
|
|
277
277
|
<ng-content select="[kendoButton]"></ng-content>
|
|
278
278
|
`, isInline: true });
|
|
279
279
|
}
|
|
280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
281
281
|
type: Component,
|
|
282
282
|
args: [{
|
|
283
283
|
exportAs: 'kendoButtonGroup',
|
|
@@ -295,7 +295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
295
295
|
`,
|
|
296
296
|
standalone: true
|
|
297
297
|
}]
|
|
298
|
-
}], ctorParameters:
|
|
298
|
+
}], ctorParameters: () => [{ type: i1.KendoButtonService }, { type: i2.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { disabled: [{
|
|
299
299
|
type: Input,
|
|
300
300
|
args: ['disabled']
|
|
301
301
|
}], selection: [{
|
|
@@ -35,11 +35,11 @@ import * as i2 from "./buttongroup.component";
|
|
|
35
35
|
* ```
|
|
36
36
|
*/
|
|
37
37
|
export class ButtonGroupModule {
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
39
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
40
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
39
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, imports: [i1.ButtonComponent, i2.ButtonGroupComponent], exports: [i1.ButtonComponent, i2.ButtonGroupComponent] });
|
|
40
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [i1.ButtonComponent] });
|
|
41
41
|
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonGroupModule, decorators: [{
|
|
43
43
|
type: NgModule,
|
|
44
44
|
args: [{
|
|
45
45
|
exports: [...KENDO_BUTTONGROUP],
|
|
@@ -44,11 +44,11 @@ import * as i13 from "./speechtotextbutton/speechtotextbutton.component";
|
|
|
44
44
|
* ```
|
|
45
45
|
*/
|
|
46
46
|
export class ButtonsModule {
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
48
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
49
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
47
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
48
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, imports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i13.SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective], exports: [i1.ButtonComponent, i1.ButtonComponent, i2.ButtonGroupComponent, i3.DropDownButtonComponent, i4.ButtonItemTemplateDirective, i5.ChipComponent, i5.ChipComponent, i6.ChipListComponent, i7.FloatingActionButtonComponent, i8.DialItemTemplateDirective, i9.FloatingActionButtonTemplateDirective, i10.SplitButtonComponent, i11.SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, i4.ButtonItemTemplateDirective, i13.SpeechToTextButtonComponent, i12.ToggleButtonTabStopDirective] });
|
|
49
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.ButtonComponent, i1.ButtonComponent, i3.DropDownButtonComponent, i5.ChipComponent, i5.ChipComponent, i7.FloatingActionButtonComponent, i10.SplitButtonComponent, i13.SpeechToTextButtonComponent] });
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonsModule, decorators: [{
|
|
52
52
|
type: NgModule,
|
|
53
53
|
args: [{
|
|
54
54
|
imports: [...KENDO_BUTTONS, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -116,7 +116,9 @@ export class ChipListComponent {
|
|
|
116
116
|
set navigable(value) {
|
|
117
117
|
this._navigable = value;
|
|
118
118
|
this.chips?.forEach(c => this.renderer.setAttribute(c.element.nativeElement, 'tabindex', value ? '-1' : '0'));
|
|
119
|
-
|
|
119
|
+
if (this.chips?.first) {
|
|
120
|
+
this.renderer.setAttribute(this.chips.first.element.nativeElement, 'tabindex', '0');
|
|
121
|
+
}
|
|
120
122
|
}
|
|
121
123
|
get navigable() {
|
|
122
124
|
return this._navigable;
|
|
@@ -251,8 +253,12 @@ export class ChipListComponent {
|
|
|
251
253
|
this.chips.forEach((chip, idx) => {
|
|
252
254
|
const chipEl = chip.element.nativeElement;
|
|
253
255
|
this.renderer.removeAttribute(chipEl, 'aria-pressed');
|
|
254
|
-
this.selection !== 'none'
|
|
255
|
-
|
|
256
|
+
if (this.selection !== 'none') {
|
|
257
|
+
this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
|
|
258
|
+
}
|
|
259
|
+
if (this.role === 'listbox') {
|
|
260
|
+
this.renderer.setAttribute(chipEl, 'role', 'option');
|
|
261
|
+
}
|
|
256
262
|
if (!this.navigable) {
|
|
257
263
|
return;
|
|
258
264
|
}
|
|
@@ -276,11 +282,15 @@ export class ChipListComponent {
|
|
|
276
282
|
}
|
|
277
283
|
setChipSize(chip, size) {
|
|
278
284
|
const hasSize = chip.sizeIsSet;
|
|
279
|
-
!hasSize && chip.size !== size
|
|
280
|
-
|
|
285
|
+
if (!hasSize && chip.size !== size) {
|
|
286
|
+
chip.size = size;
|
|
287
|
+
}
|
|
288
|
+
if (!hasSize) {
|
|
289
|
+
chip.sizeIsSet = false;
|
|
290
|
+
}
|
|
281
291
|
}
|
|
282
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
283
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
293
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChipListComponent, isStandalone: true, selector: "kendo-chiplist, kendo-chip-list", inputs: { orientation: "orientation", selection: "selection", size: "size", role: "role", navigable: "navigable" }, outputs: { selectedChange: "selectedChange", remove: "remove" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-chip-list": "this.hostClass", "attr.aria-orientation": "this.orientation", "attr.dir": "this.direction", "class.k-selection-single": "this.single", "attr.aria-multiselectable": "this.multiple", "class.k-selection-multiple": "this.multiple", "attr.role": "this.role" } }, providers: [
|
|
284
294
|
LocalizationService,
|
|
285
295
|
{
|
|
286
296
|
provide: L10N_PREFIX,
|
|
@@ -290,7 +300,7 @@ export class ChipListComponent {
|
|
|
290
300
|
<ng-content></ng-content>
|
|
291
301
|
`, isInline: true });
|
|
292
302
|
}
|
|
293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
294
304
|
type: Component,
|
|
295
305
|
args: [{
|
|
296
306
|
selector: 'kendo-chiplist, kendo-chip-list',
|
|
@@ -306,7 +316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
306
316
|
],
|
|
307
317
|
standalone: true
|
|
308
318
|
}]
|
|
309
|
-
}], ctorParameters:
|
|
319
|
+
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { hostClass: [{
|
|
310
320
|
type: HostBinding,
|
|
311
321
|
args: ['class.k-chip-list']
|
|
312
322
|
}], orientation: [{
|
|
@@ -105,7 +105,9 @@ export class ChipComponent {
|
|
|
105
105
|
*/
|
|
106
106
|
set size(size) {
|
|
107
107
|
const newSize = size || DEFAULT_SIZE;
|
|
108
|
-
|
|
108
|
+
if (!this.sizeIsSet) {
|
|
109
|
+
this.sizeIsSet = true;
|
|
110
|
+
}
|
|
109
111
|
this.handleClasses(newSize, 'size');
|
|
110
112
|
this._size = newSize;
|
|
111
113
|
}
|
|
@@ -362,8 +364,8 @@ export class ChipComponent {
|
|
|
362
364
|
});
|
|
363
365
|
}
|
|
364
366
|
}
|
|
365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
366
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
367
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
368
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChipComponent, isStandalone: true, selector: "kendo-chip", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", avatarSettings: "avatarSettings", selected: "selected", removable: "removable", removeIcon: "removeIcon", removeSvgIcon: "removeSvgIcon", hasMenu: "hasMenu", menuIcon: "menuIcon", menuSvgIcon: "menuSvgIcon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { remove: "remove", menuToggle: "menuToggle", contentClick: "contentClick" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-chip": "this.hostClass", "class.k-chip-has-icon": "this.hasIconClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-selected": "this.selectedClass", "class.k-focus": "this.focusedClass", "attr.dir": "this.direction" } }, providers: [
|
|
367
369
|
LocalizationService,
|
|
368
370
|
{
|
|
369
371
|
provide: L10N_PREFIX,
|
|
@@ -426,7 +428,7 @@ export class ChipComponent {
|
|
|
426
428
|
</span>
|
|
427
429
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
428
430
|
}
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipComponent, decorators: [{
|
|
430
432
|
type: Component,
|
|
431
433
|
args: [{
|
|
432
434
|
selector: 'kendo-chip',
|
|
@@ -496,7 +498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
496
498
|
standalone: true,
|
|
497
499
|
imports: [NgIf, NgStyle, IconWrapperComponent]
|
|
498
500
|
}]
|
|
499
|
-
}], ctorParameters:
|
|
501
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { label: [{
|
|
500
502
|
type: Input
|
|
501
503
|
}], icon: [{
|
|
502
504
|
type: Input
|
|
@@ -31,11 +31,11 @@ import * as i2 from "./chip-list.component";
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class ChipModule {
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
35
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
36
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
35
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ChipModule, imports: [i1.ChipComponent, i2.ChipListComponent], exports: [i1.ChipComponent, i2.ChipListComponent] });
|
|
36
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipModule, providers: [IconsService], imports: [i1.ChipComponent] });
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipModule, decorators: [{
|
|
39
39
|
type: NgModule,
|
|
40
40
|
args: [{
|
|
41
41
|
exports: [...KENDO_CHIPLIST],
|
|
@@ -261,8 +261,9 @@ export class DropDownButtonComponent extends ListButton {
|
|
|
261
261
|
*/
|
|
262
262
|
handleFocus(event) {
|
|
263
263
|
if (!this._disabled) {
|
|
264
|
-
|
|
265
|
-
|
|
264
|
+
if (!this._isFocused) {
|
|
265
|
+
this.onFocus.emit();
|
|
266
|
+
}
|
|
266
267
|
this._isFocused = true;
|
|
267
268
|
this.focusService.resetFocus();
|
|
268
269
|
const relatedTargetInList = event.relatedTarget && closest(event.relatedTarget, '.k-popup kendo-button-list');
|
|
@@ -301,8 +302,8 @@ export class DropDownButtonComponent extends ListButton {
|
|
|
301
302
|
}
|
|
302
303
|
super.ngOnDestroy();
|
|
303
304
|
}
|
|
304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
305
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
305
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonComponent, 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 }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
306
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DropDownButtonComponent, isStandalone: true, selector: "kendo-dropdownbutton", inputs: { arrowIcon: "arrowIcon", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonAttributes: "buttonAttributes" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "style.display": "this.hostDisplayStyle", "attr.dir": "this.dir" } }, providers: [
|
|
306
307
|
FocusService,
|
|
307
308
|
NavigationService,
|
|
308
309
|
NAVIGATION_SETTINGS_PROVIDER,
|
|
@@ -358,7 +359,7 @@ export class DropDownButtonComponent extends ListButton {
|
|
|
358
359
|
<ng-container #container></ng-container>
|
|
359
360
|
`, isInline: true, dependencies: [{ 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: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
|
|
360
361
|
}
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonComponent, decorators: [{
|
|
362
363
|
type: Component,
|
|
363
364
|
args: [{
|
|
364
365
|
exportAs: 'kendoDropDownButton',
|
|
@@ -422,7 +423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
422
423
|
standalone: true,
|
|
423
424
|
imports: [ButtonComponent, NgClass, ListComponent]
|
|
424
425
|
}]
|
|
425
|
-
}], ctorParameters:
|
|
426
|
+
}], 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 }, { type: i0.Renderer2 }], propDecorators: { arrowIcon: [{
|
|
426
427
|
type: Input
|
|
427
428
|
}], icon: [{
|
|
428
429
|
type: Input
|
|
@@ -36,11 +36,11 @@ import * as i2 from "../listbutton/button-item-template.directive";
|
|
|
36
36
|
* ```
|
|
37
37
|
*/
|
|
38
38
|
export class DropDownButtonModule {
|
|
39
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
40
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
41
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
39
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
40
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonModule, imports: [i1.DropDownButtonComponent, i2.ButtonItemTemplateDirective], exports: [i1.DropDownButtonComponent, i2.ButtonItemTemplateDirective] });
|
|
41
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.DropDownButtonComponent] });
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropDownButtonModule, decorators: [{
|
|
44
44
|
type: NgModule,
|
|
45
45
|
args: [{
|
|
46
46
|
exports: [...KENDO_DROPDOWNBUTTON],
|
|
@@ -69,8 +69,8 @@ export class DialItemComponent {
|
|
|
69
69
|
};
|
|
70
70
|
return directions[dir][align];
|
|
71
71
|
}
|
|
72
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
73
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
73
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DialItemComponent, isStandalone: true, selector: "[kendoDialItem]", inputs: { cssClass: "cssClass", cssStyle: "cssStyle", isFocused: "isFocused", index: "index", item: "item", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-item": "this.hostClass", "attr.role": "this.role", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.title": "this.title", "attr.aria-label": "this.title", "attr.data-fab-item-index": "this.indexAttr" } }, ngImport: i0, template: `
|
|
74
74
|
<ng-template *ngIf="dialItemTemplate"
|
|
75
75
|
[ngTemplateOutlet]="dialItemTemplate"
|
|
76
76
|
[ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"
|
|
@@ -88,7 +88,7 @@ export class DialItemComponent {
|
|
|
88
88
|
</ng-container>
|
|
89
89
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialItemComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{
|
|
94
94
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
113
113
|
standalone: true,
|
|
114
114
|
imports: [NgIf, NgTemplateOutlet, IconWrapperComponent]
|
|
115
115
|
}]
|
|
116
|
-
}], ctorParameters:
|
|
116
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { hostClass: [{
|
|
117
117
|
type: HostBinding,
|
|
118
118
|
args: ['class.k-fab-item']
|
|
119
119
|
}], role: [{
|
|
@@ -38,8 +38,8 @@ export class DialListComponent {
|
|
|
38
38
|
ngOnDestroy() {
|
|
39
39
|
this.subscriptions.unsubscribe();
|
|
40
40
|
}
|
|
41
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
41
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialListComponent, deps: [{ token: i1.FocusService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DialListComponent, isStandalone: true, selector: "[kendoDialList]", inputs: { dialItems: "dialItems", dialItemTemplate: "dialItemTemplate", align: "align" }, host: { properties: { "class.k-fab-items": "this.hostClass", "class.k-fab-items-bottom": "this.bottomClass", "class.k-fab-items-top": "this.topClass" } }, ngImport: i0, template: `
|
|
43
43
|
<ng-container *ngFor='let item of dialItems; let idx = index'>
|
|
44
44
|
<li
|
|
45
45
|
kendoButtonFocusable
|
|
@@ -56,7 +56,7 @@ export class DialListComponent {
|
|
|
56
56
|
</ng-container>
|
|
57
57
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "component", type: DialItemComponent, selector: "[kendoDialItem]", inputs: ["cssClass", "cssStyle", "isFocused", "index", "item", "dialItemTemplate", "align"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialListComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{
|
|
62
62
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
80
80
|
standalone: true,
|
|
81
81
|
imports: [NgFor, FocusableDirective, DialItemComponent, NgClass, NgStyle]
|
|
82
82
|
}]
|
|
83
|
-
}], ctorParameters:
|
|
83
|
+
}], ctorParameters: () => [{ type: i1.FocusService }, { type: i0.ChangeDetectorRef }], propDecorators: { hostClass: [{
|
|
84
84
|
type: HostBinding,
|
|
85
85
|
args: ['class.k-fab-items']
|
|
86
86
|
}], bottomClass: [{
|
|
@@ -275,7 +275,9 @@ export class FloatingActionButtonComponent {
|
|
|
275
275
|
}
|
|
276
276
|
ngOnDestroy() {
|
|
277
277
|
this.subscriptions.unsubscribe();
|
|
278
|
-
this.isOpen
|
|
278
|
+
if (this.isOpen) {
|
|
279
|
+
this.toggleDial(false);
|
|
280
|
+
}
|
|
279
281
|
}
|
|
280
282
|
/**
|
|
281
283
|
* Indicates whether the FloatingActionButton is currently open.
|
|
@@ -439,7 +441,9 @@ export class FloatingActionButtonComponent {
|
|
|
439
441
|
if (focusInList) {
|
|
440
442
|
return;
|
|
441
443
|
}
|
|
442
|
-
!this.focusChangedProgrammatically
|
|
444
|
+
if (!this.focusChangedProgrammatically) {
|
|
445
|
+
this.onBlur.emit();
|
|
446
|
+
}
|
|
443
447
|
this.toggleDialWithEvents(false);
|
|
444
448
|
}
|
|
445
449
|
/**
|
|
@@ -451,7 +455,9 @@ export class FloatingActionButtonComponent {
|
|
|
451
455
|
const shouldClose = !focusInList && !focusOnButton;
|
|
452
456
|
if (shouldClose) {
|
|
453
457
|
this.toggleDialWithEvents(false);
|
|
454
|
-
!this.focusChangedProgrammatically
|
|
458
|
+
if (!this.focusChangedProgrammatically) {
|
|
459
|
+
this.onBlur.emit();
|
|
460
|
+
}
|
|
455
461
|
}
|
|
456
462
|
}
|
|
457
463
|
/**
|
|
@@ -725,8 +731,8 @@ export class FloatingActionButtonComponent {
|
|
|
725
731
|
}
|
|
726
732
|
return DEFAULT_DURATION;
|
|
727
733
|
}
|
|
728
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
729
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
734
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i4.AnimationBuilder }, { token: i5.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
735
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FloatingActionButtonComponent, isStandalone: true, selector: "kendo-floatingactionbutton", inputs: { themeColor: "themeColor", size: "size", rounded: "rounded", disabled: "disabled", align: "align", offset: "offset", positionMode: "positionMode", icon: "icon", svgIcon: "svgIcon", iconClass: "iconClass", buttonClass: "buttonClass", dialClass: "dialClass", text: "text", dialItemAnimation: "dialItemAnimation", tabIndex: "tabIndex", dialItems: "dialItems" }, outputs: { onBlur: "blur", onFocus: "focus", dialItemClick: "dialItemClick", open: "open", close: "close" }, host: { properties: { "class.k-pos-fixed": "this.fixedClass", "class.k-pos-absolute": "this.absoluteClass", "attr.dir": "this.direction" } }, providers: [
|
|
730
736
|
FocusService,
|
|
731
737
|
NavigationService,
|
|
732
738
|
NAVIGATION_SETTINGS_PROVIDER,
|
|
@@ -794,7 +800,7 @@ export class FloatingActionButtonComponent {
|
|
|
794
800
|
</ng-template>
|
|
795
801
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: DialListComponent, selector: "[kendoDialList]", inputs: ["dialItems", "dialItemTemplate", "align"] }] });
|
|
796
802
|
}
|
|
797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
803
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
|
|
798
804
|
type: Component,
|
|
799
805
|
args: [{
|
|
800
806
|
selector: 'kendo-floatingactionbutton',
|
|
@@ -869,7 +875,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
869
875
|
standalone: true,
|
|
870
876
|
imports: [NgClass, EventsOutsideAngularDirective, NgIf, NgTemplateOutlet, IconWrapperComponent, DialListComponent]
|
|
871
877
|
}]
|
|
872
|
-
}], ctorParameters:
|
|
878
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i4.AnimationBuilder }, { type: i5.LocalizationService }], propDecorators: { fixedClass: [{
|
|
873
879
|
type: HostBinding,
|
|
874
880
|
args: ['class.k-pos-fixed']
|
|
875
881
|
}], absoluteClass: [{
|
|
@@ -33,11 +33,11 @@ import * as i3 from "./templates/fab-template.directive";
|
|
|
33
33
|
* ```
|
|
34
34
|
*/
|
|
35
35
|
export class FloatingActionButtonModule {
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
38
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
36
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
37
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonModule, imports: [i1.FloatingActionButtonComponent, i2.DialItemTemplateDirective, i3.FloatingActionButtonTemplateDirective], exports: [i1.FloatingActionButtonComponent, i2.DialItemTemplateDirective, i3.FloatingActionButtonTemplateDirective] });
|
|
38
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.FloatingActionButtonComponent] });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonModule, decorators: [{
|
|
41
41
|
type: NgModule,
|
|
42
42
|
args: [{
|
|
43
43
|
exports: [...KENDO_FLOATINGACTIONBUTTON],
|
|
@@ -23,15 +23,15 @@ export class DialItemTemplateDirective {
|
|
|
23
23
|
constructor(templateRef) {
|
|
24
24
|
this.templateRef = templateRef;
|
|
25
25
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
27
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DialItemTemplateDirective, isStandalone: true, selector: "[kendoDialItemTemplate]", ngImport: i0 });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialItemTemplateDirective, decorators: [{
|
|
30
30
|
type: Directive,
|
|
31
31
|
args: [{
|
|
32
32
|
selector: '[kendoDialItemTemplate]',
|
|
33
33
|
standalone: true
|
|
34
34
|
}]
|
|
35
|
-
}], ctorParameters:
|
|
35
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
36
36
|
type: Optional
|
|
37
|
-
}] }]
|
|
37
|
+
}] }] });
|
|
@@ -24,15 +24,15 @@ export class FloatingActionButtonTemplateDirective {
|
|
|
24
24
|
constructor(templateRef) {
|
|
25
25
|
this.templateRef = templateRef;
|
|
26
26
|
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
28
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FloatingActionButtonTemplateDirective, isStandalone: true, selector: "[kendoFloatingActionButtonTemplate]", ngImport: i0 });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatingActionButtonTemplateDirective, decorators: [{
|
|
31
31
|
type: Directive,
|
|
32
32
|
args: [{
|
|
33
33
|
selector: '[kendoFloatingActionButtonTemplate]',
|
|
34
34
|
standalone: true
|
|
35
35
|
}]
|
|
36
|
-
}], ctorParameters:
|
|
36
|
+
}], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
|
|
37
37
|
type: Optional
|
|
38
|
-
}] }]
|
|
38
|
+
}] }] });
|
|
@@ -30,9 +30,9 @@ export class FocusService {
|
|
|
30
30
|
this.focusedIndex = index;
|
|
31
31
|
this.onFocus.emit(index);
|
|
32
32
|
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
34
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
34
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FocusService });
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FocusService, decorators: [{
|
|
37
37
|
type: Injectable
|
|
38
38
|
}] });
|
|
@@ -53,15 +53,15 @@ export class FocusableDirective {
|
|
|
53
53
|
}
|
|
54
54
|
}));
|
|
55
55
|
}
|
|
56
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FocusableDirective, deps: [{ token: i1.FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
57
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FocusableDirective, isStandalone: true, selector: "[kendoButtonFocusable]", inputs: { index: "index" }, ngImport: i0 });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FocusableDirective, decorators: [{
|
|
60
60
|
type: Directive,
|
|
61
61
|
args: [{
|
|
62
62
|
selector: '[kendoButtonFocusable]',
|
|
63
63
|
standalone: true
|
|
64
64
|
}]
|
|
65
|
-
}], ctorParameters:
|
|
65
|
+
}], ctorParameters: () => [{ type: i1.FocusService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { index: [{
|
|
66
66
|
type: Input
|
|
67
67
|
}] } });
|