@progress/kendo-angular-toolbar 5.0.3 → 6.0.0-dev.202204131416
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/bundles/kendo-angular-toolbar.umd.js +5 -0
- package/{dist/es2015/common → common}/constants.d.ts +0 -0
- package/{dist/es2015/common → common}/preventable-event.d.ts +0 -0
- package/{dist/es2015/common → common}/renderer-click.d.ts +0 -0
- package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
- package/{dist/es2015/display-mode.d.ts → display-mode.d.ts} +0 -0
- package/{dist/es2015 → esm2015}/common/constants.js +0 -0
- package/{dist/es2015 → esm2015}/common/preventable-event.js +0 -0
- package/{dist/es → esm2015}/common/renderer-click.js +1 -0
- package/{dist/es2015 → esm2015}/direction.js +1 -0
- package/{dist/es2015 → esm2015}/display-mode.js +1 -0
- package/{dist/es2015 → esm2015}/group-selection-settings.js +1 -0
- package/{dist/es/common/constants.js → esm2015/kendo-angular-toolbar.js} +2 -2
- package/esm2015/localization/custom-messages.component.js +40 -0
- package/esm2015/localization/localized-toolbar-messages.directive.js +36 -0
- package/esm2015/localization/messages.js +23 -0
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es2015 → esm2015}/navigation.service.js +9 -9
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es → esm2015}/popup-settings.js +1 -0
- package/{dist/es2015 → esm2015}/refresh.service.js +8 -10
- package/{dist/es → esm2015}/render-location.js +1 -0
- package/{dist/es2015 → esm2015}/renderer.component.js +36 -41
- package/{dist/es2015 → esm2015}/renderer.service.js +8 -7
- package/{dist/es → esm2015}/tool-options.js +1 -0
- package/{dist/es2015 → esm2015}/toolbar.component.js +158 -135
- package/{dist/es2015 → esm2015}/toolbar.module.js +27 -11
- package/{dist/es2015 → esm2015}/tools/toolbar-button.component.js +117 -114
- package/esm2015/tools/toolbar-buttongroup.component.js +267 -0
- package/esm2015/tools/toolbar-buttonlist.component.js +94 -0
- package/{dist/es2015 → esm2015}/tools/toolbar-dropdownbutton.component.js +119 -121
- package/esm2015/tools/toolbar-separator.component.js +68 -0
- package/{dist/es2015 → esm2015}/tools/toolbar-splitbutton.component.js +129 -125
- package/{dist/es2015 → esm2015}/tools/toolbar-tool.component.js +15 -19
- package/{dist/es2015 → esm2015}/util.js +0 -0
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-toolbar.js} +1015 -890
- package/{dist/es2015/group-selection-settings.d.ts → group-selection-settings.d.ts} +0 -0
- package/kendo-angular-toolbar.d.ts +9 -0
- package/{dist/es2015/localization → localization}/custom-messages.component.d.ts +4 -1
- package/{dist/es2015/localization → localization}/localized-toolbar-messages.directive.d.ts +3 -0
- package/{dist/es2015/localization → localization}/messages.d.ts +3 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +0 -0
- package/{dist/es2015/navigation.service.d.ts → navigation.service.d.ts} +3 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +34 -102
- package/{dist/es2015/popup-settings.d.ts → popup-settings.d.ts} +0 -0
- package/{dist/es2015/refresh.service.d.ts → refresh.service.d.ts} +3 -0
- package/{dist/es2015/render-location.d.ts → render-location.d.ts} +0 -0
- package/{dist/es2015/renderer.component.d.ts → renderer.component.d.ts} +4 -1
- package/{dist/es2015/renderer.service.d.ts → renderer.service.d.ts} +3 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/tool-options.d.ts → tool-options.d.ts} +0 -0
- package/{dist/es2015/toolbar.component.d.ts → toolbar.component.d.ts} +24 -17
- package/toolbar.module.d.ts +37 -0
- package/{dist/es2015/tools → tools}/toolbar-button.component.d.ts +10 -6
- package/{dist/es2015/tools → tools}/toolbar-buttongroup.component.d.ts +7 -5
- package/{dist/es2015/tools → tools}/toolbar-buttonlist.component.d.ts +3 -0
- package/{dist/es2015/tools → tools}/toolbar-dropdownbutton.component.d.ts +15 -10
- package/{dist/es2015/tools → tools}/toolbar-separator.component.d.ts +3 -0
- package/{dist/es2015/tools → tools}/toolbar-splitbutton.component.d.ts +14 -9
- package/{dist/es2015/tools → tools}/toolbar-tool.component.d.ts +5 -2
- package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-toolbar.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/common/preventable-event.js +0 -29
- package/dist/es/direction.js +0 -4
- package/dist/es/display-mode.js +0 -4
- package/dist/es/group-selection-settings.js +0 -4
- package/dist/es/index.js +0 -14
- package/dist/es/localization/custom-messages.component.js +0 -43
- package/dist/es/localization/localized-toolbar-messages.directive.js +0 -35
- package/dist/es/localization/messages.js +0 -22
- package/dist/es/navigation.service.js +0 -130
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/refresh.service.js +0 -22
- package/dist/es/renderer.component.js +0 -132
- package/dist/es/renderer.service.js +0 -52
- package/dist/es/toolbar.component.js +0 -653
- package/dist/es/toolbar.module.js +0 -60
- package/dist/es/tools/toolbar-button.component.js +0 -310
- package/dist/es/tools/toolbar-buttongroup.component.js +0 -165
- package/dist/es/tools/toolbar-buttonlist.component.js +0 -66
- package/dist/es/tools/toolbar-dropdownbutton.component.js +0 -368
- package/dist/es/tools/toolbar-separator.component.js +0 -67
- package/dist/es/tools/toolbar-splitbutton.component.js +0 -380
- package/dist/es/tools/toolbar-tool.component.js +0 -76
- package/dist/es/util.js +0 -204
- package/dist/es2015/common/renderer-click.js +0 -4
- package/dist/es2015/index.d.ts +0 -14
- package/dist/es2015/index.js +0 -14
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/localization/custom-messages.component.js +0 -35
- package/dist/es2015/localization/localized-toolbar-messages.directive.js +0 -31
- package/dist/es2015/localization/messages.js +0 -16
- package/dist/es2015/main.js +0 -14
- package/dist/es2015/popup-settings.js +0 -4
- package/dist/es2015/render-location.js +0 -4
- package/dist/es2015/tool-options.js +0 -4
- package/dist/es2015/toolbar.module.d.ts +0 -18
- package/dist/es2015/tools/toolbar-buttongroup.component.js +0 -216
- package/dist/es2015/tools/toolbar-buttonlist.component.js +0 -87
- package/dist/es2015/tools/toolbar-separator.component.js +0 -68
- package/dist/fesm5/index.js +0 -2677
- package/dist/npm/common/constants.js +0 -10
- package/dist/npm/common/preventable-event.js +0 -31
- package/dist/npm/common/renderer-click.js +0 -6
- package/dist/npm/direction.js +0 -6
- package/dist/npm/display-mode.js +0 -6
- package/dist/npm/group-selection-settings.js +0 -6
- package/dist/npm/index.js +0 -23
- package/dist/npm/localization/custom-messages.component.js +0 -45
- package/dist/npm/localization/localized-toolbar-messages.directive.js +0 -37
- package/dist/npm/localization/messages.js +0 -24
- package/dist/npm/main.js +0 -26
- package/dist/npm/navigation.service.js +0 -132
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/popup-settings.js +0 -6
- package/dist/npm/refresh.service.js +0 -24
- package/dist/npm/render-location.js +0 -6
- package/dist/npm/renderer.component.js +0 -134
- package/dist/npm/renderer.service.js +0 -54
- package/dist/npm/tool-options.js +0 -6
- package/dist/npm/toolbar.component.js +0 -655
- package/dist/npm/toolbar.module.js +0 -62
- package/dist/npm/tools/toolbar-button.component.js +0 -312
- package/dist/npm/tools/toolbar-buttongroup.component.js +0 -167
- package/dist/npm/tools/toolbar-buttonlist.component.js +0 -68
- package/dist/npm/tools/toolbar-dropdownbutton.component.js +0 -370
- package/dist/npm/tools/toolbar-separator.component.js +0 -69
- package/dist/npm/tools/toolbar-splitbutton.component.js +0 -382
- package/dist/npm/tools/toolbar-tool.component.js +0 -78
- package/dist/npm/util.js +0 -209
- package/dist/systemjs/kendo-angular-toolbar.js +0 -5
package/dist/es2015/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './main';
|
|
9
|
-
export { ToolbarMessages } from './localization/messages';
|
|
10
|
-
export { NavigationService } from './navigation.service';
|
|
11
|
-
export { RefreshService } from './refresh.service';
|
|
12
|
-
export { ToolBarRendererComponent } from './renderer.component';
|
|
13
|
-
export { RendererService } from './renderer.service';
|
|
14
|
-
export { ToolBarButtonListComponent } from './tools/toolbar-buttonlist.component';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"exportAs":"kendoToolBar","providers":[{"__symbolic":"reference","name":"RefreshService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.toolbar"}],"selector":"kendo-toolbar","template":"\n <ng-container kendoToolbarLocalizedMessages\n i18n-moreToolsTitle=\"kendo.toolbar.moreToolsTitle|The title of the **more tools** button in a responsive ToolBar\"\n moreToolsTitle=\"More tools\"\n >\n </ng-container>\n <ng-container *ngFor=\"let tool of allTools; let index = index\">\n <kendo-toolbar-renderer\n #toolbarRenderer\n (rendererClick)=\"onRendererClick($event)\"\n [location]=\"'toolbar'\"\n [resizable]=\"overflow\"\n [tool]=\"tool\"\n ></kendo-toolbar-renderer>\n </ng-container>\n <button\n #overflowButton\n type=\"button\"\n tabindex=\"-1\"\n [title]=\"moreToolsTitle\"\n [attr.aria-label]=\"moreToolsTitle\"\n *ngIf=\"overflow\"\n [style.visibility]=\"'hidden'\"\n class=\"k-overflow-anchor k-button\"\n (click)=\"showPopup()\"\n >\n <span class=\"k-icon k-i-more-vertical\"></span>\n </button>\n <ng-template #popupTemplate>\n <ul class=\"k-overflow-container k-list-container k-reset\">\n <ng-container *ngFor=\"let tool of allTools; let index = index\">\n <li class=\"k-item\">\n <kendo-toolbar-renderer\n #overflowRenderer\n (rendererClick)=\"onRendererClick($event)\"\n [location]=\"'overflow'\"\n [resizable]=\"overflow\"\n [tool]=\"tool\"\n ></kendo-toolbar-renderer>\n </li>\n </ng-container>\n </ul>\n </ng-template>\n <ng-container #container></ng-container>\n <kendo-resize-sensor *ngIf=\"overflow\" [rateLimit]=\"1000\" #resizeSensor></kendo-resize-sensor>\n "}]}],"members":{"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":133,"character":5}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":5},"arguments":["tabIndex"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":160,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":165,"character":5}}]}],"allTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":167,"character":5},"arguments":[{"__symbolic":"reference","name":"ToolBarToolComponent"}]}]}],"overflowButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":169,"character":5},"arguments":["overflowButton",{"static":false}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":172,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":175,"character":5},"arguments":["resizeSensor",{"static":false}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":178,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":178,"character":36},"static":true}]}]}],"renderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":181,"character":5},"arguments":["toolbarRenderer"]}]}],"overflowRenderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":184,"character":5},"arguments":["overflowRenderer"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":224,"character":5},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":225,"character":5},"arguments":["class.k-toolbar"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":241,"character":5},"arguments":["focus",["$event"]]}]}],"onFocusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":252,"character":5},"arguments":["focusout",["$event"]]}]}],"getRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":262,"character":5},"arguments":["attr.role"]}]}],"getDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":266,"character":5},"arguments":["attr.dir"]}]}],"resizableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":270,"character":5},"arguments":["class.k-toolbar-resizable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":275,"character":30},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":276,"character":30},{"__symbolic":"reference","name":"RefreshService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":279,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":280,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":281,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":282,"character":22}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onRendererClick":[{"__symbolic":"method"}],"showPopup":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"onPopupOpen":[{"__symbolic":"method"}],"onPopupClose":[{"__symbolic":"method"}],"displayAnchor":[{"__symbolic":"method"}],"shrink":[{"__symbolic":"method"}],"stretch":[{"__symbolic":"method"}],"hideLastVisibleTool":[{"__symbolic":"method"}],"showFirstHiddenTool":[{"__symbolic":"method"}],"setPopupContentDimensions":[{"__symbolic":"method"}]}},"ToolBarToolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"toolbar-tool","template":""}]}],"members":{"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}]}},"ToolBarButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"exportAs":"kendoToolBarButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonComponent"}}],"selector":"kendo-toolbar-button","template":"\n <ng-template #toolbarTemplate>\n <button\n #toolbarButton\n [tabindex]=\"tabIndex\"\n type=\"button\"\n kendoButton\n [ngStyle]=\"style\"\n [ngClass]=\"className\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n [selected]=\"selected\"\n [icon]=\"toolbarOptions.icon\"\n [iconClass]=\"toolbarOptions.iconClass\"\n [imageUrl]=\"toolbarOptions.imageUrl\"\n (click)=\"click.emit($event)\"\n (pointerdown)=\"pointerdown.emit($event)\"\n (selectedChange)=\"selectedChange.emit($event)\"\n (blur)=\"onBlur()\"\n >\n {{ toolbarOptions.text }}\n </button>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowButton\n tabindex=\"-1\"\n type=\"button\"\n kendoButton\n class=\"k-overflow-button\"\n [ngStyle]=\"style\"\n [ngClass]=\"className\"\n [attr.title]=\"title\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n [selected]=\"selected\"\n [icon]=\"overflowOptions.icon\"\n [iconClass]=\"overflowOptions.iconClass\"\n [imageUrl]=\"overflowOptions.imageUrl\"\n (click)=\"click.emit($event)\"\n (selectedChange)=\"selectedChange.emit($event)\"\n >\n {{ overflowOptions.text }}\n </button>\n </ng-template>\n "}]}],"members":{"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":5}}]}],"toggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"togglable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":5}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":211,"character":5}}]}],"pointerdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":216,"character":6}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":222,"character":5}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":224,"character":5},"arguments":["toolbarTemplate",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":227,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"toolbarButtonElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":243,"character":5},"arguments":["toolbarButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":243,"character":40},"static":false}]}]}],"overflowButtonElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":246,"character":5},"arguments":["overflowButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":246,"character":41},"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onBlur":[{"__symbolic":"method"}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}],"getButton":[{"__symbolic":"method"}]}},"ToolBarButtonGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"exportAs":"kendoToolBarButtonGroup","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":16,"character":16},{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"}}],"selector":"kendo-toolbar-buttongroup","template":"\n <ng-template #toolbarTemplate>\n <kendo-buttongroup\n #toolbarButtonGroup\n [tabIndex]=\"-1\"\n [selection]=\"selection\"\n [disabled]=\"disabled\"\n [width]=\"width\"\n (navigate)=\"onNavigate($event)\"\n (focus)=\"onFocus()\"\n >\n <span\n kendoButton\n *ngFor=\"let button of buttonComponents\"\n [ngStyle]=\"button.style\"\n [ngClass]=\"button.className\"\n [attr.title]=\"button.title\"\n [disabled]=\"button.disabled\"\n [togglable]=\"button.togglable\"\n [selected]=\"button.selected\"\n [fillMode]=\"button.fillMode\"\n [themeColor]=\"button.fillMode ? button.themeColor : null\"\n [icon]=\"button.toolbarOptions.icon\"\n [iconClass]=\"button.toolbarOptions.iconClass\"\n [imageUrl]=\"button.toolbarOptions.imageUrl\"\n (click)=\"button.click.emit($event); onButtonClick($event)\"\n (pointerdown)=\"button.pointerdown.emit($event)\"\n (selectedChange)=\"selectedChangeHandler($event, button)\"\n >\n {{ button.toolbarOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n <ng-template #popupTemplate>\n <kendo-buttongroup\n #overflowButtonGroup\n class=\"k-overflow-button\"\n [tabIndex]=\"-1\"\n [selection]=\"selection\"\n [disabled]=\"disabled\"\n [width]=\"width\"\n >\n <span\n kendoButton\n class=\"k-overflow-button\"\n *ngFor=\"let button of buttonComponents\"\n [ngStyle]=\"button.style\"\n [ngClass]=\"button.className\"\n [attr.title]=\"button.title\"\n [disabled]=\"button.disabled\"\n [togglable]=\"button.togglable\"\n [selected]=\"button.selected\"\n [fillMode]=\"button.fillMode\"\n [themeColor]=\"button.fillMode ? button.themeColor : null\"\n [icon]=\"button.overflowOptions.icon\"\n [iconClass]=\"button.overflowOptions.iconClass\"\n [imageUrl]=\"button.overflowOptions.imageUrl\"\n (click)=\"button.click.emit($event); onButtonClick($event)\"\n (selectedChange)=\"selectedChangeHandler($event, button)\"\n >\n {{ button.overflowOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n "}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":117,"character":5},"arguments":["toolbarTemplate",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":120,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"buttonComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":124,"character":5},"arguments":[{"__symbolic":"reference","name":"ToolBarButtonComponent"}]}]}],"toolbarButtonGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":132,"character":5},"arguments":["toolbarButtonGroup",{"static":false}]}]}],"overflowButtonGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":135,"character":5},"arguments":["overflowButtonGroup",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":142,"character":38}]}],"onFocus":[{"__symbolic":"method"}],"onNavigate":[{"__symbolic":"method"}],"selectedChangeHandler":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}],"getButtonGroup":[{"__symbolic":"method"}],"focusButton":[{"__symbolic":"method"}]}},"ToolBarDropDownButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"exportAs":"kendoToolBarDropDownButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"}}],"selector":"kendo-toolbar-dropdownbutton","template":"\n <ng-template #toolbarTemplate>\n <kendo-dropdownbutton\n #toolbarDropDownButton\n [icon]=\"toolbarOptions.icon\"\n [iconClass]=\"toolbarOptions.iconClass\"\n [imageUrl]=\"toolbarOptions.imageUrl\"\n [buttonClass]=\"buttonClass\"\n [disabled]=\"disabled\"\n [tabIndex]=\"-1\"\n [data]=\"data\"\n [textField]=\"textField\"\n [popupSettings]=\"popupSettings\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n (open)=\"open.emit($event)\"\n (close)=\"close.emit($event)\"\n (itemClick)=\"itemClick.emit($event)\"\n >\n {{ toolbarOptions.text }}\n </kendo-dropdownbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n type=\"button\"\n tabindex=\"-1\"\n kendoButton\n class=\"k-overflow-button\"\n [disabled]=\"true\"\n [icon]=\"overflowOptions.icon\"\n [iconClass]=\"overflowOptions.iconClass\"\n [imageUrl]=\"overflowOptions.imageUrl\"\n [ngClass]=\"buttonClass\"\n (click)=\"itemClick.emit($event)\"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowDropDownButtonButtonList\n [data]=\"data\"\n [disabled]=\"disabled\"\n [textField]=\"textField\"\n (itemClick)=\"itemClick.emit($event)\"\n (click)=\"onButtonListClick($event)\"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n "}]}],"members":{"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":5}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":185,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":226,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":232,"character":5}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":234,"character":5},"arguments":["toolbarTemplate",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":237,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"dropdownButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":240,"character":5},"arguments":["dropdownButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":240,"character":41},"static":true}]}]}],"dropDownButtonComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":243,"character":5},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-buttons","name":"DropDownButtonComponent","line":243,"character":15},{"static":false}]}]}],"toolbarDropDownButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":263,"character":5},"arguments":["toolbarDropDownButton",{"static":false}]}]}],"overflowDropDownButtonButtonList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":266,"character":5},"arguments":["overflowDropDownButtonButtonList",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onButtonListClick":[{"__symbolic":"method"}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}],"focusButton":[{"__symbolic":"method"}]}},"ToolBarSplitButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"exportAs":"kendoToolBarSplitButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"}}],"selector":"kendo-toolbar-splitbutton","template":"\n <ng-template #toolbarTemplate>\n <kendo-splitbutton\n #toolbarSplitButton\n [data]=\"data\"\n [text]=\"toolbarOptions.text\"\n [icon]=\"toolbarOptions.icon\"\n [iconClass]=\"toolbarOptions.iconClass\"\n [imageUrl]=\"toolbarOptions.imageUrl\"\n [buttonClass]=\"buttonClass\"\n [arrowButtonClass]=\"arrowButtonClass\"\n [arrowButtonIcon]=\"arrowButtonIcon\"\n [disabled]=\"disabled\"\n [tabIndex]=\"-1\"\n [textField]=\"textField\"\n [popupSettings]=\"popupSettings\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n (buttonClick)=\"buttonClick.emit($event)\"\n (open)=\"open.emit($event)\"\n (close)=\"close.emit($event)\"\n (itemClick)=\"itemClick.emit($event)\"\n >\n </kendo-splitbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowSplitButton\n type=\"button\"\n tabindex=\"-1\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n kendoButton\n class=\"k-overflow-button\"\n [disabled]=\"disabled\"\n [icon]=\"overflowOptions.icon\"\n [iconClass]=\"overflowOptions.iconClass\"\n [imageUrl]=\"overflowOptions.imageUrl\"\n [ngClass]=\"buttonClass\"\n (click)=\"buttonClick.emit($event)\"\n (click)=\"onMainButtonClick($event)\"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowSplitButtonButtonList\n [data]=\"data\"\n [disabled]=\"disabled\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n [textField]=\"textField\"\n (itemClick)=\"itemClick.emit($event)\"\n (click)=\"onButtonListClick($event)\"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n "}]}],"members":{"showText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":5}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":5}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":5}}]}],"arrowButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":200,"character":5}}]}],"arrowButtonIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":206,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":218,"character":5}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":233,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":239,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":245,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":251,"character":5}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":253,"character":5},"arguments":["toolbarTemplate",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":256,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"toolbarSplitButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":283,"character":5},"arguments":["toolbarSplitButton",{"static":false}]}]}],"overflowSplitButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":285,"character":5},"arguments":["overflowSplitButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":285,"character":46},"static":false}]}]}],"overflowSplitButtonButtonList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":288,"character":5},"arguments":["overflowSplitButtonButtonList",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"onButtonListClick":[{"__symbolic":"method"}],"onMainButtonClick":[{"__symbolic":"method"}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}],"focusButton":[{"__symbolic":"method"}]}},"ToolBarSeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"exportAs":"kendoToolBarSeparator","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}}],"selector":"kendo-toolbar-separator","template":"\n <ng-template #toolbarTemplate>\n <div class=\"k-separator\"></div>\n </ng-template>\n "}]}],"members":{"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["toolbarTemplate",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["separator",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"canFocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleKey":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ButtonGroupSelection":{"__symbolic":"interface"},"PopupSettings":{"__symbolic":"interface"},"DisplayMode":{"__symbolic":"interface"},"ToolBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}],[{"__symbolic":"reference","name":"ToolBarRendererComponent"},{"__symbolic":"reference","name":"ToolBarButtonListComponent"},{"__symbolic":"reference","name":"ToolbarCustomMessagesComponent"},{"__symbolic":"reference","name":"LocalizedToolbarMessagesDirective"}]],"exports":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}],{"__symbolic":"reference","name":"ToolbarCustomMessagesComponent"},{"__symbolic":"reference","name":"LocalizedToolbarMessagesDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-buttons","name":"ButtonsModule","line":49,"character":28},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":49,"character":43},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"ResizeSensorModule","line":49,"character":56}]}]}],"members":{}},"LocalizedToolbarMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolbarMessages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"ToolbarMessages"},"useExisting":{"__symbolic":"reference","name":"LocalizedToolbarMessagesDirective"}}],"selector":"[kendoToolbarLocalizedMessages]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":17,"character":35}]}]}},"ToolbarCustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolbarMessages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"ToolbarMessages"},"useExisting":{"__symbolic":"reference","name":"ToolbarCustomMessagesComponent"}}],"selector":"kendo-toolbar-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"RefreshService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1}}],"members":{"refresh":[{"__symbolic":"method"}]}},"NavigationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":19,"character":30}]}],"setRenderedTools":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"moveFocusToToolBar":[{"__symbolic":"method"}],"moveFocusToPopup":[{"__symbolic":"method"}],"focusNext":[{"__symbolic":"method"}],"focusPrev":[{"__symbolic":"method"}],"resetNavigation":[{"__symbolic":"method"}],"focusFirst":[{"__symbolic":"method"}],"getFocusableTools":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blurOverflowButton":[{"__symbolic":"method"}],"focusOverflowButton":[{"__symbolic":"method"}],"isOverflowButtonVisible":[{"__symbolic":"method"}]}},"ToolBarRendererComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"exportAs":"kendoToolBarRenderer","providers":[{"__symbolic":"reference","name":"RendererService"}],"selector":"kendo-toolbar-renderer","template":"\n <ng-container *ngIf=\"location === 'toolbar'\">\n <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n </ng-container>\n <ng-container *ngIf=\"location === 'overflow' && tool.responsive\">\n <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n </ng-container>\n "}]}],"members":{"tool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"rendererClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":57,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":63,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":64,"character":26},{"__symbolic":"reference","name":"RendererService"},{"__symbolic":"reference","name":"RefreshService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isDisplayed":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"RendererService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"getElement":[{"__symbolic":"method"}],"querySelector":[{"__symbolic":"method"}],"querySelectorAll":[{"__symbolic":"method"}],"findFocusable":[{"__symbolic":"method"}],"findFocusableChild":[{"__symbolic":"method"}],"findNextFocusableSibling":[{"__symbolic":"method"}],"findPrevFocusableSibling":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"ToolBarButtonListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"kendo-toolbar-buttonlist","template":"\n <button\n #button\n type=\"button\"\n tabindex=\"-1\"\n kendoButton\n style=\"padding-left: 16px\"\n class=\"k-overflow-button\"\n *ngFor=\"let item of data; let i = index\"\n [disabled]=\"disabled || item.disabled\"\n [icon]=\"item.icon\"\n [iconClass]=\"item.iconClass\"\n [imageUrl]=\"item.imageUrl\"\n [fillMode]=\"fillMode\"\n [themeColor]=\"fillMode ? themeColor : null\"\n (click)=\"onClick(item, i)\"\n >\n {{ getText(item) }}\n </button>\n "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":5}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":37,"character":5},"arguments":["button"]}]}],"getText":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ToolbarMessages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":37},"members":{"moreToolsTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}]}}},"origins":{"ToolBarComponent":"./toolbar.component","ToolBarToolComponent":"./tools/toolbar-tool.component","ToolBarButtonComponent":"./tools/toolbar-button.component","ToolBarButtonGroupComponent":"./tools/toolbar-buttongroup.component","ToolBarDropDownButtonComponent":"./tools/toolbar-dropdownbutton.component","ToolBarSplitButtonComponent":"./tools/toolbar-splitbutton.component","ToolBarSeparatorComponent":"./tools/toolbar-separator.component","ButtonGroupSelection":"./group-selection-settings","PopupSettings":"./popup-settings","DisplayMode":"./display-mode","ToolBarModule":"./toolbar.module","LocalizedToolbarMessagesDirective":"./localization/localized-toolbar-messages.directive","ToolbarCustomMessagesComponent":"./localization/custom-messages.component","RefreshService":"./refresh.service","NavigationService":"./navigation.service","ToolBarRendererComponent":"./renderer.component","RendererService":"./renderer.service","ToolBarButtonListComponent":"./tools/toolbar-buttonlist.component","ToolbarMessages":"./localization/messages"},"importAs":"@progress/kendo-angular-toolbar"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
var ToolbarCustomMessagesComponent_1;
|
|
7
|
-
import { Component, forwardRef } from '@angular/core';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { ToolbarMessages } from './messages';
|
|
10
|
-
/**
|
|
11
|
-
* Custom component messages override default component messages.
|
|
12
|
-
*/
|
|
13
|
-
let ToolbarCustomMessagesComponent = ToolbarCustomMessagesComponent_1 = class ToolbarCustomMessagesComponent extends ToolbarMessages {
|
|
14
|
-
constructor(service) {
|
|
15
|
-
super();
|
|
16
|
-
this.service = service;
|
|
17
|
-
}
|
|
18
|
-
get override() {
|
|
19
|
-
return true;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
ToolbarCustomMessagesComponent = ToolbarCustomMessagesComponent_1 = tslib_1.__decorate([
|
|
23
|
-
Component({
|
|
24
|
-
providers: [
|
|
25
|
-
{
|
|
26
|
-
provide: ToolbarMessages,
|
|
27
|
-
useExisting: forwardRef(() => ToolbarCustomMessagesComponent_1) // tslint:disable-line:no-forward-ref
|
|
28
|
-
}
|
|
29
|
-
],
|
|
30
|
-
selector: 'kendo-toolbar-messages',
|
|
31
|
-
template: ``
|
|
32
|
-
}),
|
|
33
|
-
tslib_1.__metadata("design:paramtypes", [LocalizationService])
|
|
34
|
-
], ToolbarCustomMessagesComponent);
|
|
35
|
-
export { ToolbarCustomMessagesComponent };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
var LocalizedToolbarMessagesDirective_1;
|
|
7
|
-
import { Directive, forwardRef } from '@angular/core';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { ToolbarMessages } from './messages';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
let LocalizedToolbarMessagesDirective = LocalizedToolbarMessagesDirective_1 = class LocalizedToolbarMessagesDirective extends ToolbarMessages {
|
|
14
|
-
constructor(service) {
|
|
15
|
-
super();
|
|
16
|
-
this.service = service;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
LocalizedToolbarMessagesDirective = LocalizedToolbarMessagesDirective_1 = tslib_1.__decorate([
|
|
20
|
-
Directive({
|
|
21
|
-
providers: [
|
|
22
|
-
{
|
|
23
|
-
provide: ToolbarMessages,
|
|
24
|
-
useExisting: forwardRef(() => LocalizedToolbarMessagesDirective_1) // tslint:disable-line:no-forward-ref
|
|
25
|
-
}
|
|
26
|
-
],
|
|
27
|
-
selector: '[kendoToolbarLocalizedMessages]'
|
|
28
|
-
}),
|
|
29
|
-
tslib_1.__metadata("design:paramtypes", [LocalizationService])
|
|
30
|
-
], LocalizedToolbarMessagesDirective);
|
|
31
|
-
export { LocalizedToolbarMessagesDirective };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Input } from '@angular/core';
|
|
7
|
-
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export class ToolbarMessages extends ComponentMessages {
|
|
12
|
-
}
|
|
13
|
-
tslib_1.__decorate([
|
|
14
|
-
Input(),
|
|
15
|
-
tslib_1.__metadata("design:type", String)
|
|
16
|
-
], ToolbarMessages.prototype, "moreToolsTitle", void 0);
|
package/dist/es2015/main.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { ToolBarComponent } from './toolbar.component';
|
|
6
|
-
export { ToolBarToolComponent } from './tools/toolbar-tool.component';
|
|
7
|
-
export { ToolBarButtonComponent } from './tools/toolbar-button.component';
|
|
8
|
-
export { ToolBarButtonGroupComponent } from './tools/toolbar-buttongroup.component';
|
|
9
|
-
export { ToolBarDropDownButtonComponent } from './tools/toolbar-dropdownbutton.component';
|
|
10
|
-
export { ToolBarSplitButtonComponent } from './tools/toolbar-splitbutton.component';
|
|
11
|
-
export { ToolBarSeparatorComponent } from './tools/toolbar-separator.component';
|
|
12
|
-
export { ToolBarModule } from './toolbar.module';
|
|
13
|
-
export { LocalizedToolbarMessagesDirective } from './localization/localized-toolbar-messages.directive';
|
|
14
|
-
export { ToolbarCustomMessagesComponent } from './localization/custom-messages.component';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }}) definition for the ToolBar component.
|
|
7
|
-
*
|
|
8
|
-
* The package exports:
|
|
9
|
-
* - `ToolBarComponent`—The ToolBarComponent class.
|
|
10
|
-
* - `ToolBarToolComponent`—The base Tool component class.
|
|
11
|
-
* - `ToolBarButtonComponent`—The Button Tool component class.
|
|
12
|
-
* - `ToolBarButtonGroupComponent`—The ButtonGroup Tool component class.
|
|
13
|
-
* - `ToolBarDropDownButtonComponent`—The DropDownButton Tool component class.
|
|
14
|
-
* - `ToolBarSplitButtonComponent`—The SplitButton Tool component class.
|
|
15
|
-
* - `ToolBarSeparatorComponent`—The Separator Tool component class.
|
|
16
|
-
*/
|
|
17
|
-
export declare class ToolBarModule {
|
|
18
|
-
}
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
var ToolBarButtonGroupComponent_1;
|
|
7
|
-
import { Component, TemplateRef, forwardRef, ViewChild, ContentChildren, QueryList, Input } from '@angular/core';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { ToolBarToolComponent } from './toolbar-tool.component';
|
|
10
|
-
import { ToolBarButtonComponent } from './toolbar-button.component';
|
|
11
|
-
import { ButtonGroupComponent } from '@progress/kendo-angular-buttons';
|
|
12
|
-
import { makePeeker, getIndexOfFocused, seekFocusedIndex, getNextKey, getPrevKey, areEqual } from '../util';
|
|
13
|
-
/**
|
|
14
|
-
* Represents the Kendo UI Toolbar ButtonGroup for Angular.
|
|
15
|
-
*/
|
|
16
|
-
let ToolBarButtonGroupComponent = ToolBarButtonGroupComponent_1 = class ToolBarButtonGroupComponent extends ToolBarToolComponent {
|
|
17
|
-
constructor(localization) {
|
|
18
|
-
super();
|
|
19
|
-
this.localization = localization;
|
|
20
|
-
/**
|
|
21
|
-
* By default, the selection mode of the ButtonGroup is set to `multiple`.
|
|
22
|
-
*/
|
|
23
|
-
this.selection = 'multiple';
|
|
24
|
-
this.focusedIndex = -1;
|
|
25
|
-
this.getNextKey = getNextKey(this.localization.rtl);
|
|
26
|
-
this.getPrevKey = getPrevKey(this.localization.rtl);
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
set look(look) {
|
|
32
|
-
if (look) {
|
|
33
|
-
this.buttonComponents.forEach(b => b.fillMode = look === 'default' ? 'solid' : look);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
get buttonElements() {
|
|
37
|
-
return this.getButtonGroup()
|
|
38
|
-
.buttons.filter(b => !b.isDisabled)
|
|
39
|
-
.map(b => b.element);
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
onFocus() {
|
|
45
|
-
// triggered on tabin
|
|
46
|
-
this.focusedIndex = 0;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
onNavigate(ev) {
|
|
52
|
-
ev.preventDefault();
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
selectedChangeHandler(state, button) {
|
|
58
|
-
button.selected = state;
|
|
59
|
-
button.selectedChange.emit(state);
|
|
60
|
-
}
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
onButtonClick(ev) {
|
|
65
|
-
this.focusedIndex = this.buttonElements.findIndex(be => be === ev.target || be.contains(ev.target));
|
|
66
|
-
this.focusButton(this.focusedIndex, ev);
|
|
67
|
-
}
|
|
68
|
-
/**
|
|
69
|
-
* @hidden
|
|
70
|
-
*/
|
|
71
|
-
canFocus() {
|
|
72
|
-
return !(this.disabled || this.buttonElements.length === 0);
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
focus(ev = {}) {
|
|
78
|
-
const nextKey = this.getNextKey(this.overflows);
|
|
79
|
-
const prevKey = this.getPrevKey(this.overflows);
|
|
80
|
-
this.focusedIndex = getIndexOfFocused(prevKey, nextKey, this.buttonElements)(ev);
|
|
81
|
-
this.focusButton(this.focusedIndex, ev);
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* @hidden
|
|
85
|
-
*/
|
|
86
|
-
handleKey(ev) {
|
|
87
|
-
const nextKey = this.getNextKey(this.overflows);
|
|
88
|
-
const prevKey = this.getPrevKey(this.overflows);
|
|
89
|
-
const peekAtIndex = makePeeker(this.buttonElements);
|
|
90
|
-
const isUnmodified = areEqual(this.focusedIndex);
|
|
91
|
-
this.focusedIndex = seekFocusedIndex(prevKey, nextKey, peekAtIndex)(this.focusedIndex, ev);
|
|
92
|
-
this.focusButton(this.focusedIndex, ev);
|
|
93
|
-
return !isUnmodified(this.focusedIndex);
|
|
94
|
-
}
|
|
95
|
-
getButtonGroup() {
|
|
96
|
-
return this.overflows ? this.overflowButtonGroup : this.toolbarButtonGroup;
|
|
97
|
-
}
|
|
98
|
-
focusButton(index, ev) {
|
|
99
|
-
// Guard against focusing twice on mousedown.
|
|
100
|
-
if (!ev.type || ev.type === 'focus' || ev.type === 'keydown') {
|
|
101
|
-
this.buttonElements[index].focus();
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
tslib_1.__decorate([
|
|
106
|
-
Input(),
|
|
107
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
108
|
-
], ToolBarButtonGroupComponent.prototype, "disabled", void 0);
|
|
109
|
-
tslib_1.__decorate([
|
|
110
|
-
Input(),
|
|
111
|
-
tslib_1.__metadata("design:type", String)
|
|
112
|
-
], ToolBarButtonGroupComponent.prototype, "selection", void 0);
|
|
113
|
-
tslib_1.__decorate([
|
|
114
|
-
Input(),
|
|
115
|
-
tslib_1.__metadata("design:type", String)
|
|
116
|
-
], ToolBarButtonGroupComponent.prototype, "width", void 0);
|
|
117
|
-
tslib_1.__decorate([
|
|
118
|
-
Input(),
|
|
119
|
-
tslib_1.__metadata("design:type", String),
|
|
120
|
-
tslib_1.__metadata("design:paramtypes", [String])
|
|
121
|
-
], ToolBarButtonGroupComponent.prototype, "look", null);
|
|
122
|
-
tslib_1.__decorate([
|
|
123
|
-
ViewChild('toolbarTemplate', { static: true }),
|
|
124
|
-
tslib_1.__metadata("design:type", TemplateRef)
|
|
125
|
-
], ToolBarButtonGroupComponent.prototype, "toolbarTemplate", void 0);
|
|
126
|
-
tslib_1.__decorate([
|
|
127
|
-
ViewChild('popupTemplate', { static: true }),
|
|
128
|
-
tslib_1.__metadata("design:type", TemplateRef)
|
|
129
|
-
], ToolBarButtonGroupComponent.prototype, "popupTemplate", void 0);
|
|
130
|
-
tslib_1.__decorate([
|
|
131
|
-
ContentChildren(forwardRef(() => ToolBarButtonComponent)),
|
|
132
|
-
tslib_1.__metadata("design:type", QueryList)
|
|
133
|
-
], ToolBarButtonGroupComponent.prototype, "buttonComponents", void 0);
|
|
134
|
-
tslib_1.__decorate([
|
|
135
|
-
ViewChild('toolbarButtonGroup', { static: false }),
|
|
136
|
-
tslib_1.__metadata("design:type", ButtonGroupComponent)
|
|
137
|
-
], ToolBarButtonGroupComponent.prototype, "toolbarButtonGroup", void 0);
|
|
138
|
-
tslib_1.__decorate([
|
|
139
|
-
ViewChild('overflowButtonGroup', { static: false }),
|
|
140
|
-
tslib_1.__metadata("design:type", ButtonGroupComponent)
|
|
141
|
-
], ToolBarButtonGroupComponent.prototype, "overflowButtonGroup", void 0);
|
|
142
|
-
ToolBarButtonGroupComponent = ToolBarButtonGroupComponent_1 = tslib_1.__decorate([
|
|
143
|
-
Component({
|
|
144
|
-
exportAs: 'kendoToolBarButtonGroup',
|
|
145
|
-
// tslint:disable-next-line:no-forward-ref
|
|
146
|
-
providers: [LocalizationService, { provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonGroupComponent_1) }],
|
|
147
|
-
selector: 'kendo-toolbar-buttongroup',
|
|
148
|
-
template: `
|
|
149
|
-
<ng-template #toolbarTemplate>
|
|
150
|
-
<kendo-buttongroup
|
|
151
|
-
#toolbarButtonGroup
|
|
152
|
-
[tabIndex]="-1"
|
|
153
|
-
[selection]="selection"
|
|
154
|
-
[disabled]="disabled"
|
|
155
|
-
[width]="width"
|
|
156
|
-
(navigate)="onNavigate($event)"
|
|
157
|
-
(focus)="onFocus()"
|
|
158
|
-
>
|
|
159
|
-
<span
|
|
160
|
-
kendoButton
|
|
161
|
-
*ngFor="let button of buttonComponents"
|
|
162
|
-
[ngStyle]="button.style"
|
|
163
|
-
[ngClass]="button.className"
|
|
164
|
-
[attr.title]="button.title"
|
|
165
|
-
[disabled]="button.disabled"
|
|
166
|
-
[togglable]="button.togglable"
|
|
167
|
-
[selected]="button.selected"
|
|
168
|
-
[fillMode]="button.fillMode"
|
|
169
|
-
[themeColor]="button.fillMode ? button.themeColor : null"
|
|
170
|
-
[icon]="button.toolbarOptions.icon"
|
|
171
|
-
[iconClass]="button.toolbarOptions.iconClass"
|
|
172
|
-
[imageUrl]="button.toolbarOptions.imageUrl"
|
|
173
|
-
(click)="button.click.emit($event); onButtonClick($event)"
|
|
174
|
-
(pointerdown)="button.pointerdown.emit($event)"
|
|
175
|
-
(selectedChange)="selectedChangeHandler($event, button)"
|
|
176
|
-
>
|
|
177
|
-
{{ button.toolbarOptions.text }}
|
|
178
|
-
</span>
|
|
179
|
-
</kendo-buttongroup>
|
|
180
|
-
</ng-template>
|
|
181
|
-
<ng-template #popupTemplate>
|
|
182
|
-
<kendo-buttongroup
|
|
183
|
-
#overflowButtonGroup
|
|
184
|
-
class="k-overflow-button"
|
|
185
|
-
[tabIndex]="-1"
|
|
186
|
-
[selection]="selection"
|
|
187
|
-
[disabled]="disabled"
|
|
188
|
-
[width]="width"
|
|
189
|
-
>
|
|
190
|
-
<span
|
|
191
|
-
kendoButton
|
|
192
|
-
class="k-overflow-button"
|
|
193
|
-
*ngFor="let button of buttonComponents"
|
|
194
|
-
[ngStyle]="button.style"
|
|
195
|
-
[ngClass]="button.className"
|
|
196
|
-
[attr.title]="button.title"
|
|
197
|
-
[disabled]="button.disabled"
|
|
198
|
-
[togglable]="button.togglable"
|
|
199
|
-
[selected]="button.selected"
|
|
200
|
-
[fillMode]="button.fillMode"
|
|
201
|
-
[themeColor]="button.fillMode ? button.themeColor : null"
|
|
202
|
-
[icon]="button.overflowOptions.icon"
|
|
203
|
-
[iconClass]="button.overflowOptions.iconClass"
|
|
204
|
-
[imageUrl]="button.overflowOptions.imageUrl"
|
|
205
|
-
(click)="button.click.emit($event); onButtonClick($event)"
|
|
206
|
-
(selectedChange)="selectedChangeHandler($event, button)"
|
|
207
|
-
>
|
|
208
|
-
{{ button.overflowOptions.text }}
|
|
209
|
-
</span>
|
|
210
|
-
</kendo-buttongroup>
|
|
211
|
-
</ng-template>
|
|
212
|
-
`
|
|
213
|
-
}),
|
|
214
|
-
tslib_1.__metadata("design:paramtypes", [LocalizationService])
|
|
215
|
-
], ToolBarButtonGroupComponent);
|
|
216
|
-
export { ToolBarButtonGroupComponent };
|