@progress/kendo-angular-buttons 25.1.0-develop.9 → 25.1.1-develop.1
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/fesm2022/progress-kendo-angular-buttons.mjs +177 -122
- package/index.d.ts +22 -1
- package/package-metadata.mjs +2 -2
- package/package.json +7 -7
|
@@ -34,10 +34,10 @@ class KendoButtonService {
|
|
|
34
34
|
click(button) {
|
|
35
35
|
this.buttonClicked.next(button);
|
|
36
36
|
}
|
|
37
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
38
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
37
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KendoButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
38
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KendoButtonService });
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KendoButtonService, decorators: [{
|
|
41
41
|
type: Injectable
|
|
42
42
|
}] });
|
|
43
43
|
|
|
@@ -49,8 +49,8 @@ const packageMetadata = {
|
|
|
49
49
|
productName: 'Kendo UI for Angular',
|
|
50
50
|
productCode: 'KENDOUIANGULAR',
|
|
51
51
|
productCodes: ['KENDOUIANGULAR'],
|
|
52
|
-
publishDate:
|
|
53
|
-
version: '25.1.
|
|
52
|
+
publishDate: 1788947562,
|
|
53
|
+
version: '25.1.1-develop.1',
|
|
54
54
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
55
55
|
};
|
|
56
56
|
|
|
@@ -544,8 +544,8 @@ class ButtonComponent {
|
|
|
544
544
|
this.renderer.addClass(elem, themeColorClass.toAdd);
|
|
545
545
|
}
|
|
546
546
|
}
|
|
547
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
548
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
547
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: KendoButtonService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
548
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconPosition: "iconPosition", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
|
|
549
549
|
LocalizationService,
|
|
550
550
|
{
|
|
551
551
|
provide: L10N_PREFIX,
|
|
@@ -597,7 +597,7 @@ class ButtonComponent {
|
|
|
597
597
|
|
|
598
598
|
`, isInline: true, dependencies: [{ 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"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
599
599
|
}
|
|
600
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
601
601
|
type: Component,
|
|
602
602
|
args: [{
|
|
603
603
|
selector: 'button[kendoButton]',
|
|
@@ -990,8 +990,8 @@ class ButtonGroupComponent {
|
|
|
990
990
|
return i === index;
|
|
991
991
|
}));
|
|
992
992
|
};
|
|
993
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
994
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
993
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: KendoButtonService }, { token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
994
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", 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: [
|
|
995
995
|
KendoButtonService,
|
|
996
996
|
LocalizationService,
|
|
997
997
|
{
|
|
@@ -1003,7 +1003,7 @@ class ButtonGroupComponent {
|
|
|
1003
1003
|
<ng-content select="[kendoButton]"></ng-content>
|
|
1004
1004
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1005
1005
|
}
|
|
1006
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
1007
1007
|
type: Component,
|
|
1008
1008
|
args: [{
|
|
1009
1009
|
selector: 'kendo-buttongroup',
|
|
@@ -1402,8 +1402,8 @@ class ChipComponent {
|
|
|
1402
1402
|
this.renderer.setAttribute(this.element.nativeElement, 'aria-pressed', `${value}`);
|
|
1403
1403
|
}
|
|
1404
1404
|
}
|
|
1405
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1406
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
1405
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1406
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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", "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: [
|
|
1407
1407
|
LocalizationService,
|
|
1408
1408
|
{
|
|
1409
1409
|
provide: L10N_PREFIX,
|
|
@@ -1477,7 +1477,7 @@ class ChipComponent {
|
|
|
1477
1477
|
}
|
|
1478
1478
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1479
1479
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipComponent, decorators: [{
|
|
1481
1481
|
type: Component,
|
|
1482
1482
|
args: [{
|
|
1483
1483
|
selector: 'kendo-chip',
|
|
@@ -1862,8 +1862,8 @@ class ChipListComponent {
|
|
|
1862
1862
|
this.normalizeActiveIndex();
|
|
1863
1863
|
this.chips.forEach((chip, idx) => {
|
|
1864
1864
|
const chipEl = chip.element.nativeElement;
|
|
1865
|
-
this.renderer.removeAttribute(chipEl, 'aria-pressed');
|
|
1866
1865
|
if (this.role === 'listbox') {
|
|
1866
|
+
this.renderer.removeAttribute(chipEl, 'aria-pressed');
|
|
1867
1867
|
this.renderer.setAttribute(chipEl, 'role', 'option');
|
|
1868
1868
|
if (this.selection !== 'none') {
|
|
1869
1869
|
this.renderer.setAttribute(chipEl, 'aria-selected', `${chip.selected}`);
|
|
@@ -1899,8 +1899,8 @@ class ChipListComponent {
|
|
|
1899
1899
|
chip.sizeIsSet = false;
|
|
1900
1900
|
}
|
|
1901
1901
|
}
|
|
1902
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1903
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
1902
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipListComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
1903
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", 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", "attr.aria-multiselectable": "this.multiple", "attr.role": "this.role" } }, providers: [
|
|
1904
1904
|
LocalizationService,
|
|
1905
1905
|
{
|
|
1906
1906
|
provide: L10N_PREFIX,
|
|
@@ -1910,7 +1910,7 @@ class ChipListComponent {
|
|
|
1910
1910
|
<ng-content></ng-content>
|
|
1911
1911
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1912
1912
|
}
|
|
1913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
1913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
1914
1914
|
type: Component,
|
|
1915
1915
|
args: [{
|
|
1916
1916
|
selector: 'kendo-chiplist, kendo-chip-list',
|
|
@@ -1995,10 +1995,10 @@ class ButtonItemTemplateDirective {
|
|
|
1995
1995
|
constructor(templateRef) {
|
|
1996
1996
|
this.templateRef = templateRef;
|
|
1997
1997
|
}
|
|
1998
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
1999
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
1998
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1999
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: ButtonItemTemplateDirective, isStandalone: true, selector: "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", ngImport: i0 });
|
|
2000
2000
|
}
|
|
2001
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonItemTemplateDirective, decorators: [{
|
|
2002
2002
|
type: Directive,
|
|
2003
2003
|
args: [{
|
|
2004
2004
|
selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]',
|
|
@@ -2032,10 +2032,10 @@ class FocusService {
|
|
|
2032
2032
|
this.focusedIndex = index;
|
|
2033
2033
|
this.onFocus.emit(index);
|
|
2034
2034
|
}
|
|
2035
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2036
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2035
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FocusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2036
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FocusService });
|
|
2037
2037
|
}
|
|
2038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FocusService, decorators: [{
|
|
2039
2039
|
type: Injectable
|
|
2040
2040
|
}] });
|
|
2041
2041
|
|
|
@@ -2161,10 +2161,10 @@ class NavigationService {
|
|
|
2161
2161
|
return args.current !== args.end ? args.current + args.step : args.end;
|
|
2162
2162
|
}
|
|
2163
2163
|
}
|
|
2164
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2165
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2164
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: NavigationService, deps: [{ token: NAVIGATION_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2165
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: NavigationService });
|
|
2166
2166
|
}
|
|
2167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: NavigationService, decorators: [{
|
|
2168
2168
|
type: Injectable
|
|
2169
2169
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2170
2170
|
type: Inject,
|
|
@@ -2177,10 +2177,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
2177
2177
|
class PopupContainerService {
|
|
2178
2178
|
container;
|
|
2179
2179
|
template;
|
|
2180
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2181
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
2180
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopupContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2181
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopupContainerService });
|
|
2182
2182
|
}
|
|
2183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: PopupContainerService, decorators: [{
|
|
2184
2184
|
type: Injectable
|
|
2185
2185
|
}] });
|
|
2186
2186
|
|
|
@@ -2229,10 +2229,10 @@ class FocusableDirective {
|
|
|
2229
2229
|
}
|
|
2230
2230
|
}));
|
|
2231
2231
|
}
|
|
2232
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2233
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
2232
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FocusableDirective, deps: [{ token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2233
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: FocusableDirective, isStandalone: true, selector: "[kendoButtonFocusable]", inputs: { index: "index" }, ngImport: i0 });
|
|
2234
2234
|
}
|
|
2235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FocusableDirective, decorators: [{
|
|
2236
2236
|
type: Directive,
|
|
2237
2237
|
args: [{
|
|
2238
2238
|
selector: '[kendoButtonFocusable]',
|
|
@@ -2281,8 +2281,8 @@ class ListComponent {
|
|
|
2281
2281
|
onBlur() {
|
|
2282
2282
|
this.onItemBlur.emit();
|
|
2283
2283
|
}
|
|
2284
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2285
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
2284
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2285
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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: `
|
|
2286
2286
|
<ul class="k-menu-group" role="list" [ngClass]="sizeClass">
|
|
2287
2287
|
@for (dataItem of data; track dataItem; let index = $index; let isFirst = $first; let isLast = $last) {
|
|
2288
2288
|
<li kendoButtonFocusable
|
|
@@ -2336,7 +2336,7 @@ class ListComponent {
|
|
|
2336
2336
|
</ul>
|
|
2337
2337
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoButtonFocusable]", inputs: ["index"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
2338
2338
|
}
|
|
2339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ListComponent, decorators: [{
|
|
2340
2340
|
type: Component,
|
|
2341
2341
|
args: [{
|
|
2342
2342
|
selector: 'kendo-button-list',
|
|
@@ -2651,6 +2651,12 @@ class ListButton extends MultiTabStop {
|
|
|
2651
2651
|
}
|
|
2652
2652
|
const value = open ?? !this.openState;
|
|
2653
2653
|
this._toggle(value, false);
|
|
2654
|
+
if (!isDocumentAvailable()) {
|
|
2655
|
+
return;
|
|
2656
|
+
}
|
|
2657
|
+
this.zone.runOutsideAngular(() => {
|
|
2658
|
+
setTimeout(() => this.zone.run(() => this.focusService.focus(value ? 0 : -1)));
|
|
2659
|
+
});
|
|
2654
2660
|
}
|
|
2655
2661
|
/**
|
|
2656
2662
|
* @hidden
|
|
@@ -2816,10 +2822,10 @@ class ListButton extends MultiTabStop {
|
|
|
2816
2822
|
this.isClosePrevented = false;
|
|
2817
2823
|
}
|
|
2818
2824
|
}
|
|
2819
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
2820
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
2825
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ListButton, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2826
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", type: ListButton, isStandalone: true, 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2821
2827
|
}
|
|
2822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
2828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ListButton, decorators: [{
|
|
2823
2829
|
type: Component,
|
|
2824
2830
|
args: [{
|
|
2825
2831
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -3146,8 +3152,8 @@ class DropDownButtonComponent extends ListButton {
|
|
|
3146
3152
|
}
|
|
3147
3153
|
super.ngOnDestroy();
|
|
3148
3154
|
}
|
|
3149
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3150
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
3155
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonComponent, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: PopupContainerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
3156
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", 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: [
|
|
3151
3157
|
FocusService,
|
|
3152
3158
|
NavigationService,
|
|
3153
3159
|
NAVIGATION_SETTINGS_PROVIDER$2,
|
|
@@ -3204,7 +3210,7 @@ class DropDownButtonComponent extends ListButton {
|
|
|
3204
3210
|
<ng-container #container></ng-container>
|
|
3205
3211
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3206
3212
|
}
|
|
3207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonComponent, decorators: [{
|
|
3208
3214
|
type: Component,
|
|
3209
3215
|
args: [{
|
|
3210
3216
|
selector: 'kendo-dropdownbutton',
|
|
@@ -3411,10 +3417,10 @@ class DialItemTemplateDirective {
|
|
|
3411
3417
|
constructor(templateRef) {
|
|
3412
3418
|
this.templateRef = templateRef;
|
|
3413
3419
|
}
|
|
3414
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3415
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3420
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3421
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: DialItemTemplateDirective, isStandalone: true, selector: "[kendoDialItemTemplate]", ngImport: i0 });
|
|
3416
3422
|
}
|
|
3417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3423
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialItemTemplateDirective, decorators: [{
|
|
3418
3424
|
type: Directive,
|
|
3419
3425
|
args: [{
|
|
3420
3426
|
selector: '[kendoDialItemTemplate]',
|
|
@@ -3444,10 +3450,10 @@ class FloatingActionButtonTemplateDirective {
|
|
|
3444
3450
|
constructor(templateRef) {
|
|
3445
3451
|
this.templateRef = templateRef;
|
|
3446
3452
|
}
|
|
3447
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3448
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
3453
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3454
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: FloatingActionButtonTemplateDirective, isStandalone: true, selector: "[kendoFloatingActionButtonTemplate]", ngImport: i0 });
|
|
3449
3455
|
}
|
|
3450
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3456
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonTemplateDirective, decorators: [{
|
|
3451
3457
|
type: Directive,
|
|
3452
3458
|
args: [{
|
|
3453
3459
|
selector: '[kendoFloatingActionButtonTemplate]',
|
|
@@ -3518,8 +3524,8 @@ class DialItemComponent {
|
|
|
3518
3524
|
};
|
|
3519
3525
|
return directions[dir][align];
|
|
3520
3526
|
}
|
|
3521
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3522
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
3527
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
3528
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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: `
|
|
3523
3529
|
@if (dialItemTemplate) {
|
|
3524
3530
|
<ng-template
|
|
3525
3531
|
[ngTemplateOutlet]="dialItemTemplate"
|
|
@@ -3542,7 +3548,7 @@ class DialItemComponent {
|
|
|
3542
3548
|
}
|
|
3543
3549
|
`, isInline: true, dependencies: [{ 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"] }] });
|
|
3544
3550
|
}
|
|
3545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialItemComponent, decorators: [{
|
|
3546
3552
|
type: Component,
|
|
3547
3553
|
args: [{
|
|
3548
3554
|
selector: '[kendoDialItem]',
|
|
@@ -3636,8 +3642,8 @@ class DialListComponent {
|
|
|
3636
3642
|
ngOnDestroy() {
|
|
3637
3643
|
this.subscriptions.unsubscribe();
|
|
3638
3644
|
}
|
|
3639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
3640
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
3645
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialListComponent, deps: [{ token: FocusService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
3646
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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: `
|
|
3641
3647
|
@for (item of dialItems; track item; let idx = $index) {
|
|
3642
3648
|
<li
|
|
3643
3649
|
kendoButtonFocusable
|
|
@@ -3654,7 +3660,7 @@ class DialListComponent {
|
|
|
3654
3660
|
}
|
|
3655
3661
|
`, isInline: true, dependencies: [{ 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"] }] });
|
|
3656
3662
|
}
|
|
3657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
3663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DialListComponent, decorators: [{
|
|
3658
3664
|
type: Component,
|
|
3659
3665
|
args: [{
|
|
3660
3666
|
selector: '[kendoDialList]',
|
|
@@ -4394,8 +4400,8 @@ class FloatingActionButtonComponent {
|
|
|
4394
4400
|
}
|
|
4395
4401
|
return DEFAULT_DURATION;
|
|
4396
4402
|
}
|
|
4397
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4398
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
4403
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: FocusService }, { token: NavigationService }, { token: i3.PopupService }, { token: i4.AnimationBuilder }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
4404
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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: [
|
|
4399
4405
|
FocusService,
|
|
4400
4406
|
NavigationService,
|
|
4401
4407
|
NAVIGATION_SETTINGS_PROVIDER$1,
|
|
@@ -4469,7 +4475,7 @@ class FloatingActionButtonComponent {
|
|
|
4469
4475
|
</ng-template>
|
|
4470
4476
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4471
4477
|
}
|
|
4472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4478
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonComponent, decorators: [{
|
|
4473
4479
|
type: Component,
|
|
4474
4480
|
args: [{
|
|
4475
4481
|
selector: 'kendo-floatingactionbutton',
|
|
@@ -4660,10 +4666,10 @@ class Messages extends ComponentMessages {
|
|
|
4660
4666
|
}
|
|
4661
4667
|
_toggleButtonLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_toggleButtonLabel" }] : []));
|
|
4662
4668
|
_splitButtonLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_splitButtonLabel" }] : []));
|
|
4663
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4664
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
4669
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4670
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: Messages, isStandalone: true, selector: "kendo-splitbutton-messages-base", inputs: { splitButtonLabel: "splitButtonLabel", toggleButtonLabel: "toggleButtonLabel" }, usesInheritance: true, ngImport: i0 });
|
|
4665
4671
|
}
|
|
4666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: Messages, decorators: [{
|
|
4667
4673
|
type: Directive,
|
|
4668
4674
|
args: [{
|
|
4669
4675
|
selector: 'kendo-splitbutton-messages-base'
|
|
@@ -4687,13 +4693,13 @@ class SplitButtonCustomMessagesComponent extends Messages {
|
|
|
4687
4693
|
get override() {
|
|
4688
4694
|
return true;
|
|
4689
4695
|
}
|
|
4690
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4691
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
4696
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
4697
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", type: SplitButtonCustomMessagesComponent, isStandalone: true, selector: "kendo-splitbutton-messages", providers: [{
|
|
4692
4698
|
provide: Messages,
|
|
4693
4699
|
useExisting: forwardRef(() => SplitButtonCustomMessagesComponent)
|
|
4694
4700
|
}], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
|
|
4695
4701
|
}
|
|
4696
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonCustomMessagesComponent, decorators: [{
|
|
4697
4703
|
type: Component,
|
|
4698
4704
|
args: [{
|
|
4699
4705
|
providers: [{
|
|
@@ -4715,15 +4721,15 @@ class LocalizedSplitButtonMessagesDirective extends Messages {
|
|
|
4715
4721
|
super();
|
|
4716
4722
|
this.service = service;
|
|
4717
4723
|
}
|
|
4718
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
4719
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.
|
|
4724
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4725
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: LocalizedSplitButtonMessagesDirective, isStandalone: true, selector: "[kendoSplitButtonLocalizedMessages]", providers: [
|
|
4720
4726
|
{
|
|
4721
4727
|
provide: Messages,
|
|
4722
4728
|
useExisting: forwardRef(() => LocalizedSplitButtonMessagesDirective)
|
|
4723
4729
|
}
|
|
4724
4730
|
], usesInheritance: true, ngImport: i0 });
|
|
4725
4731
|
}
|
|
4726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
4732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: LocalizedSplitButtonMessagesDirective, decorators: [{
|
|
4727
4733
|
type: Directive,
|
|
4728
4734
|
args: [{
|
|
4729
4735
|
providers: [
|
|
@@ -5223,8 +5229,8 @@ class SplitButtonComponent extends ListButton {
|
|
|
5223
5229
|
}
|
|
5224
5230
|
}
|
|
5225
5231
|
}
|
|
5226
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5227
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
5232
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonComponent, deps: [{ token: FocusService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
5233
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", 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: [
|
|
5228
5234
|
FocusService,
|
|
5229
5235
|
NavigationService,
|
|
5230
5236
|
NAVIGATION_SETTINGS_PROVIDER,
|
|
@@ -5311,7 +5317,7 @@ class SplitButtonComponent extends ListButton {
|
|
|
5311
5317
|
<ng-container #container></ng-container>
|
|
5312
5318
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5313
5319
|
}
|
|
5314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonComponent, decorators: [{
|
|
5315
5321
|
type: Component,
|
|
5316
5322
|
args: [{
|
|
5317
5323
|
selector: 'kendo-splitbutton',
|
|
@@ -5877,8 +5883,8 @@ class SpeechToTextButtonComponent {
|
|
|
5877
5883
|
}
|
|
5878
5884
|
});
|
|
5879
5885
|
}
|
|
5880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
5881
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
5886
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
5887
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.30", 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", "attr.aria-pressed": "this.ariaPressed", "class.k-speech-to-text-button": "this.speechToTextButtonClass", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection" } }, providers: [
|
|
5882
5888
|
LocalizationService,
|
|
5883
5889
|
{
|
|
5884
5890
|
provide: L10N_PREFIX,
|
|
@@ -5894,7 +5900,7 @@ class SpeechToTextButtonComponent {
|
|
|
5894
5900
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
5895
5901
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5896
5902
|
}
|
|
5897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
5903
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonComponent, decorators: [{
|
|
5898
5904
|
type: Component,
|
|
5899
5905
|
args: [{
|
|
5900
5906
|
selector: 'button[kendoSpeechToTextButton]',
|
|
@@ -6579,8 +6585,8 @@ class SmartPasteButtonComponent {
|
|
|
6579
6585
|
this.currentRequestSubscription = null;
|
|
6580
6586
|
});
|
|
6581
6587
|
}
|
|
6582
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6583
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
6588
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i2.HttpClient }, { token: i3$1.ControlContainer, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
6589
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: SmartPasteButtonComponent, isStandalone: true, selector: "button[kendoSmartPasteButton]", inputs: { formFields: "formFields", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", imageUrl: "imageUrl", iconClass: "iconClass", icon: "icon", requestUrl: "requestUrl", requestOptions: "requestOptions", smartPasteFormFields: "smartPasteFormFields" }, outputs: { requestStart: "requestStart", requestEnd: "requestEnd", requestCancel: "requestCancel" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "attr.dir": "this.getDirection" } }, providers: [
|
|
6584
6590
|
LocalizationService,
|
|
6585
6591
|
{
|
|
6586
6592
|
provide: L10N_PREFIX,
|
|
@@ -6605,7 +6611,7 @@ class SmartPasteButtonComponent {
|
|
|
6605
6611
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
6606
6612
|
`, isInline: true, dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6607
6613
|
}
|
|
6608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonComponent, decorators: [{
|
|
6609
6615
|
type: Component,
|
|
6610
6616
|
args: [{
|
|
6611
6617
|
selector: 'button[kendoSmartPasteButton]',
|
|
@@ -6772,6 +6778,10 @@ class SegmentedControlComponent {
|
|
|
6772
6778
|
* @hidden
|
|
6773
6779
|
*/
|
|
6774
6780
|
selectedButtonIndex = 0;
|
|
6781
|
+
/**
|
|
6782
|
+
* @hidden
|
|
6783
|
+
*/
|
|
6784
|
+
isActiveTabStop = signal(true, ...(ngDevMode ? [{ debugName: "isActiveTabStop" }] : []));
|
|
6775
6785
|
_items = [];
|
|
6776
6786
|
_size;
|
|
6777
6787
|
_layoutMode = 'compact';
|
|
@@ -6815,10 +6825,53 @@ class SegmentedControlComponent {
|
|
|
6815
6825
|
/**
|
|
6816
6826
|
* @hidden
|
|
6817
6827
|
*/
|
|
6818
|
-
handleKeydown(event, button) {
|
|
6819
|
-
|
|
6828
|
+
handleKeydown(event, button, index) {
|
|
6829
|
+
const code = normalizeKeys(event);
|
|
6830
|
+
if (button.disabled && (code === Keys.Enter || code === Keys.NumpadEnter || code === Keys.Space)) {
|
|
6820
6831
|
event.preventDefault();
|
|
6832
|
+
return;
|
|
6833
|
+
}
|
|
6834
|
+
if (code === Keys.ArrowLeft || code === Keys.ArrowRight) {
|
|
6835
|
+
const moved = this.moveFocus(index, code === Keys.ArrowRight ? 1 : -1);
|
|
6836
|
+
if (moved) {
|
|
6837
|
+
event.preventDefault();
|
|
6838
|
+
}
|
|
6839
|
+
}
|
|
6840
|
+
}
|
|
6841
|
+
/**
|
|
6842
|
+
* @hidden
|
|
6843
|
+
* Marks whether the SegmentedControl is currently the active tab-stop item in a host
|
|
6844
|
+
* toolbar's own roving tabindex (e.g. Gantt, Scheduler).
|
|
6845
|
+
*/
|
|
6846
|
+
setIsActiveTabStop(tabbable) {
|
|
6847
|
+
this.isActiveTabStop.set(tabbable);
|
|
6848
|
+
}
|
|
6849
|
+
/**
|
|
6850
|
+
* @hidden
|
|
6851
|
+
* Moves DOM focus to the currently selected button. Used by host toolbars.
|
|
6852
|
+
*/
|
|
6853
|
+
focusSelectedButton(preventScroll = true) {
|
|
6854
|
+
this.focusButtonAt(this.selectedButtonIndex, preventScroll);
|
|
6855
|
+
}
|
|
6856
|
+
/**
|
|
6857
|
+
* Moves DOM focus to the adjacent button in the given direction. Disabled buttons are not
|
|
6858
|
+
* skipped so that keyboard users are still made aware of their presence and disabled state.
|
|
6859
|
+
*/
|
|
6860
|
+
moveFocus(currentIndex, step) {
|
|
6861
|
+
const count = this._items.length;
|
|
6862
|
+
const index = currentIndex + step;
|
|
6863
|
+
if (index < 0 || index >= count) {
|
|
6864
|
+
return false;
|
|
6865
|
+
}
|
|
6866
|
+
this.focusButtonAt(index, false);
|
|
6867
|
+
return true;
|
|
6868
|
+
}
|
|
6869
|
+
focusButtonAt(index, preventScroll) {
|
|
6870
|
+
if (!isDocumentAvailable()) {
|
|
6871
|
+
return;
|
|
6821
6872
|
}
|
|
6873
|
+
const buttons = this.wrapper.nativeElement.querySelectorAll('.k-segmented-control-button');
|
|
6874
|
+
buttons[index]?.focus({ preventScroll });
|
|
6822
6875
|
}
|
|
6823
6876
|
handleSizeClass(newValue, prevValue) {
|
|
6824
6877
|
if (!this.wrapper) {
|
|
@@ -6855,8 +6908,8 @@ class SegmentedControlComponent {
|
|
|
6855
6908
|
this.renderer.setStyle(selectionIndicator, 'right', `${right}px`);
|
|
6856
6909
|
}, { injector: this.injector });
|
|
6857
6910
|
}
|
|
6858
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
6859
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
6911
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6912
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: SegmentedControlComponent, isStandalone: true, selector: "kendo-segmented-control", inputs: { items: "items", layoutMode: "layoutMode", size: "size", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, host: { properties: { "class.k-segmented-control": "this.hostClass", "class.k-segmented-control-stretched": "this.stretchedClass", "attr.dir": "this.direction", "attr.role": "this.hostRole" } }, providers: [
|
|
6860
6913
|
LocalizationService,
|
|
6861
6914
|
{
|
|
6862
6915
|
provide: L10N_PREFIX,
|
|
@@ -6873,8 +6926,9 @@ class SegmentedControlComponent {
|
|
|
6873
6926
|
[attr.aria-disabled]="button.disabled ? true : null"
|
|
6874
6927
|
[attr.title]="button.title"
|
|
6875
6928
|
[attr.aria-label]="button.title && !button.text ? button.title : null"
|
|
6929
|
+
[attr.tabindex]="isActiveTabStop() && selectedButtonIndex === idx ? 0 : -1"
|
|
6876
6930
|
(click)="handleClick(button, idx)"
|
|
6877
|
-
(keydown)="handleKeydown($event, button)"
|
|
6931
|
+
(keydown)="handleKeydown($event, button, idx)"
|
|
6878
6932
|
[class.k-selected]="selectedButtonIndex === idx"
|
|
6879
6933
|
[attr.aria-pressed]="selectedButtonIndex === idx ? 'true' : 'false'">
|
|
6880
6934
|
@if (button.icon || button.svgIcon) {
|
|
@@ -6891,7 +6945,7 @@ class SegmentedControlComponent {
|
|
|
6891
6945
|
}
|
|
6892
6946
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6893
6947
|
}
|
|
6894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
6948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlComponent, decorators: [{
|
|
6895
6949
|
type: Component,
|
|
6896
6950
|
args: [{
|
|
6897
6951
|
selector: 'kendo-segmented-control',
|
|
@@ -6916,8 +6970,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
6916
6970
|
[attr.aria-disabled]="button.disabled ? true : null"
|
|
6917
6971
|
[attr.title]="button.title"
|
|
6918
6972
|
[attr.aria-label]="button.title && !button.text ? button.title : null"
|
|
6973
|
+
[attr.tabindex]="isActiveTabStop() && selectedButtonIndex === idx ? 0 : -1"
|
|
6919
6974
|
(click)="handleClick(button, idx)"
|
|
6920
|
-
(keydown)="handleKeydown($event, button)"
|
|
6975
|
+
(keydown)="handleKeydown($event, button, idx)"
|
|
6921
6976
|
[class.k-selected]="selectedButtonIndex === idx"
|
|
6922
6977
|
[attr.aria-pressed]="selectedButtonIndex === idx ? 'true' : 'false'">
|
|
6923
6978
|
@if (button.icon || button.svgIcon) {
|
|
@@ -7185,11 +7240,11 @@ const KENDO_BUTTONS = [
|
|
|
7185
7240
|
* ```
|
|
7186
7241
|
*/
|
|
7187
7242
|
class ButtonGroupModule {
|
|
7188
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7189
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7190
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7243
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7244
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupModule, imports: [ButtonComponent, ButtonGroupComponent], exports: [ButtonComponent, ButtonGroupComponent] });
|
|
7245
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupModule, providers: [IconsService], imports: [ButtonComponent] });
|
|
7191
7246
|
}
|
|
7192
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonGroupModule, decorators: [{
|
|
7193
7248
|
type: NgModule,
|
|
7194
7249
|
args: [{
|
|
7195
7250
|
exports: [...KENDO_BUTTONGROUP],
|
|
@@ -7221,11 +7276,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7221
7276
|
* ```
|
|
7222
7277
|
*/
|
|
7223
7278
|
class ButtonModule {
|
|
7224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7225
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7226
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7279
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7280
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: ButtonModule, imports: [ButtonComponent], exports: [ButtonComponent] });
|
|
7281
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonModule, providers: [IconsService], imports: [ButtonComponent] });
|
|
7227
7282
|
}
|
|
7228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonModule, decorators: [{
|
|
7229
7284
|
type: NgModule,
|
|
7230
7285
|
args: [{
|
|
7231
7286
|
imports: [ButtonComponent],
|
|
@@ -7257,11 +7312,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7257
7312
|
* ```
|
|
7258
7313
|
*/
|
|
7259
7314
|
class ButtonsModule {
|
|
7260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7261
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7262
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7316
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: ButtonsModule, imports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, SmartPasteButtonComponent, SegmentedControlComponent, i12.ToggleButtonTabStopDirective], exports: [ButtonComponent, ButtonComponent, ButtonGroupComponent, DropDownButtonComponent, ButtonItemTemplateDirective, ChipComponent, ChipComponent, ChipListComponent, FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective, SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, SpeechToTextButtonComponent, SmartPasteButtonComponent, SegmentedControlComponent, i12.ToggleButtonTabStopDirective] });
|
|
7317
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonsModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ButtonComponent, ButtonComponent, DropDownButtonComponent, ChipComponent, ChipComponent, FloatingActionButtonComponent, SplitButtonComponent, SpeechToTextButtonComponent, SmartPasteButtonComponent, SegmentedControlComponent] });
|
|
7263
7318
|
}
|
|
7264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ButtonsModule, decorators: [{
|
|
7265
7320
|
type: NgModule,
|
|
7266
7321
|
args: [{
|
|
7267
7322
|
imports: [...KENDO_BUTTONS, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -7281,11 +7336,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7281
7336
|
* - `SplitButtonCustomMessagesComponent`—The SplitButton custom messages component class.
|
|
7282
7337
|
*/
|
|
7283
7338
|
class SplitButtonModule {
|
|
7284
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7285
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7286
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7339
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7340
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonModule, imports: [SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, i12.ToggleButtonTabStopDirective], exports: [SplitButtonComponent, SplitButtonCustomMessagesComponent, i12.ToggleButtonTabStopDirective, ButtonItemTemplateDirective, i12.ToggleButtonTabStopDirective] });
|
|
7341
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [SplitButtonComponent] });
|
|
7287
7342
|
}
|
|
7288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SplitButtonModule, decorators: [{
|
|
7289
7344
|
type: NgModule,
|
|
7290
7345
|
args: [{
|
|
7291
7346
|
exports: [...KENDO_SPLITBUTTON, ...KENDO_TOGGLEBUTTONTABSTOP],
|
|
@@ -7320,11 +7375,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7320
7375
|
* ```
|
|
7321
7376
|
*/
|
|
7322
7377
|
class DropDownButtonModule {
|
|
7323
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7324
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7325
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7378
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7379
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonModule, imports: [DropDownButtonComponent, ButtonItemTemplateDirective], exports: [DropDownButtonComponent, ButtonItemTemplateDirective] });
|
|
7380
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [DropDownButtonComponent] });
|
|
7326
7381
|
}
|
|
7327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7382
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: DropDownButtonModule, decorators: [{
|
|
7328
7383
|
type: NgModule,
|
|
7329
7384
|
args: [{
|
|
7330
7385
|
exports: [...KENDO_DROPDOWNBUTTON],
|
|
@@ -7356,11 +7411,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7356
7411
|
* ```
|
|
7357
7412
|
*/
|
|
7358
7413
|
class ChipModule {
|
|
7359
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7360
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7361
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7415
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: ChipModule, imports: [ChipComponent, ChipListComponent], exports: [ChipComponent, ChipListComponent] });
|
|
7416
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipModule, providers: [IconsService], imports: [ChipComponent] });
|
|
7362
7417
|
}
|
|
7363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: ChipModule, decorators: [{
|
|
7364
7419
|
type: NgModule,
|
|
7365
7420
|
args: [{
|
|
7366
7421
|
exports: [...KENDO_CHIPLIST],
|
|
@@ -7391,11 +7446,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7391
7446
|
* ```
|
|
7392
7447
|
*/
|
|
7393
7448
|
class FloatingActionButtonModule {
|
|
7394
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7395
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7396
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7450
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonModule, imports: [FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective], exports: [FloatingActionButtonComponent, DialItemTemplateDirective, FloatingActionButtonTemplateDirective] });
|
|
7451
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [FloatingActionButtonComponent] });
|
|
7397
7452
|
}
|
|
7398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: FloatingActionButtonModule, decorators: [{
|
|
7399
7454
|
type: NgModule,
|
|
7400
7455
|
args: [{
|
|
7401
7456
|
exports: [...KENDO_FLOATINGACTIONBUTTON],
|
|
@@ -7414,11 +7469,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7414
7469
|
* - `SpeechToTextButtonComponent`—The SpeechToTextButton component class.
|
|
7415
7470
|
*/
|
|
7416
7471
|
class SpeechToTextButtonModule {
|
|
7417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7418
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7419
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7472
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7473
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonModule, imports: [SpeechToTextButtonComponent], exports: [SpeechToTextButtonComponent] });
|
|
7474
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonModule, providers: [IconsService], imports: [KENDO_SPEECHTOTEXTBUTTON] });
|
|
7420
7475
|
}
|
|
7421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SpeechToTextButtonModule, decorators: [{
|
|
7422
7477
|
type: NgModule,
|
|
7423
7478
|
args: [{
|
|
7424
7479
|
exports: [...KENDO_SPEECHTOTEXTBUTTON],
|
|
@@ -7444,11 +7499,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7444
7499
|
* ```
|
|
7445
7500
|
*/
|
|
7446
7501
|
class SmartPasteButtonModule {
|
|
7447
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7448
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7449
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7502
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7503
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonModule, imports: [SmartPasteButtonComponent], exports: [SmartPasteButtonComponent] });
|
|
7504
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonModule, imports: [SmartPasteButtonComponent] });
|
|
7450
7505
|
}
|
|
7451
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SmartPasteButtonModule, decorators: [{
|
|
7452
7507
|
type: NgModule,
|
|
7453
7508
|
args: [{
|
|
7454
7509
|
exports: [SmartPasteButtonComponent],
|
|
@@ -7466,11 +7521,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.27", ngImpo
|
|
|
7466
7521
|
* - `SegmentedControlComponent`—The SegmentedControl component class.
|
|
7467
7522
|
*/
|
|
7468
7523
|
class SegmentedControlModule {
|
|
7469
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
7470
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
7471
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
7524
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7525
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlModule, imports: [SegmentedControlComponent], exports: [SegmentedControlComponent] });
|
|
7526
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlModule, providers: [IconsService], imports: [KENDO_SEGMENTEDCONTROL] });
|
|
7472
7527
|
}
|
|
7473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
7528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: SegmentedControlModule, decorators: [{
|
|
7474
7529
|
type: NgModule,
|
|
7475
7530
|
args: [{
|
|
7476
7531
|
exports: [...KENDO_SEGMENTEDCONTROL],
|
package/index.d.ts
CHANGED
|
@@ -2866,6 +2866,10 @@ declare class SegmentedControlComponent implements AfterViewInit, OnDestroy {
|
|
|
2866
2866
|
* @hidden
|
|
2867
2867
|
*/
|
|
2868
2868
|
selectedButtonIndex: number;
|
|
2869
|
+
/**
|
|
2870
|
+
* @hidden
|
|
2871
|
+
*/
|
|
2872
|
+
isActiveTabStop: i0.WritableSignal<boolean>;
|
|
2869
2873
|
private _items;
|
|
2870
2874
|
private _size;
|
|
2871
2875
|
private _layoutMode;
|
|
@@ -2881,7 +2885,24 @@ declare class SegmentedControlComponent implements AfterViewInit, OnDestroy {
|
|
|
2881
2885
|
/**
|
|
2882
2886
|
* @hidden
|
|
2883
2887
|
*/
|
|
2884
|
-
handleKeydown(event: KeyboardEvent, button: SegmentedItemSettings): void;
|
|
2888
|
+
handleKeydown(event: KeyboardEvent, button: SegmentedItemSettings, index: number): void;
|
|
2889
|
+
/**
|
|
2890
|
+
* @hidden
|
|
2891
|
+
* Marks whether the SegmentedControl is currently the active tab-stop item in a host
|
|
2892
|
+
* toolbar's own roving tabindex (e.g. Gantt, Scheduler).
|
|
2893
|
+
*/
|
|
2894
|
+
setIsActiveTabStop(tabbable: boolean): void;
|
|
2895
|
+
/**
|
|
2896
|
+
* @hidden
|
|
2897
|
+
* Moves DOM focus to the currently selected button. Used by host toolbars.
|
|
2898
|
+
*/
|
|
2899
|
+
focusSelectedButton(preventScroll?: boolean): void;
|
|
2900
|
+
/**
|
|
2901
|
+
* Moves DOM focus to the adjacent button in the given direction. Disabled buttons are not
|
|
2902
|
+
* skipped so that keyboard users are still made aware of their presence and disabled state.
|
|
2903
|
+
*/
|
|
2904
|
+
private moveFocus;
|
|
2905
|
+
private focusButtonAt;
|
|
2885
2906
|
private handleSizeClass;
|
|
2886
2907
|
/**
|
|
2887
2908
|
* Updates the thumb position to reflect the currently selected button.
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "25.1.
|
|
10
|
+
"publishDate": 1788947562,
|
|
11
|
+
"version": "25.1.1-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-buttons",
|
|
3
|
-
"version": "25.1.
|
|
3
|
+
"version": "25.1.1-develop.1",
|
|
4
4
|
"description": "Buttons Package for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"package": {
|
|
57
57
|
"productName": "Kendo UI for Angular",
|
|
58
58
|
"productCode": "KENDOUIANGULAR",
|
|
59
|
-
"publishDate":
|
|
59
|
+
"publishDate": 1788947562,
|
|
60
60
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
"@angular/core": "20 - 22",
|
|
67
67
|
"@angular/platform-browser": "20 - 22",
|
|
68
68
|
"@progress/kendo-licensing": "^1.11.0",
|
|
69
|
-
"@progress/kendo-angular-common": "25.1.
|
|
70
|
-
"@progress/kendo-angular-l10n": "25.1.
|
|
71
|
-
"@progress/kendo-angular-popup": "25.1.
|
|
72
|
-
"@progress/kendo-angular-icons": "25.1.
|
|
69
|
+
"@progress/kendo-angular-common": "25.1.1-develop.1",
|
|
70
|
+
"@progress/kendo-angular-l10n": "25.1.1-develop.1",
|
|
71
|
+
"@progress/kendo-angular-popup": "25.1.1-develop.1",
|
|
72
|
+
"@progress/kendo-angular-icons": "25.1.1-develop.1",
|
|
73
73
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
76
|
"tslib": "^2.3.1",
|
|
77
|
-
"@progress/kendo-angular-schematics": "25.1.
|
|
77
|
+
"@progress/kendo-angular-schematics": "25.1.1-develop.1",
|
|
78
78
|
"@progress/kendo-common": "^1.0.1",
|
|
79
79
|
"@progress/kendo-webspeech-common": "1.0.1",
|
|
80
80
|
"@progress/kendo-smartpaste-common": "1.0.0"
|