@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.
Files changed (134) hide show
  1. package/bundles/kendo-angular-toolbar.umd.js +5 -0
  2. package/{dist/es2015/common → common}/constants.d.ts +0 -0
  3. package/{dist/es2015/common → common}/preventable-event.d.ts +0 -0
  4. package/{dist/es2015/common → common}/renderer-click.d.ts +0 -0
  5. package/{dist/es2015/direction.d.ts → direction.d.ts} +0 -0
  6. package/{dist/es2015/display-mode.d.ts → display-mode.d.ts} +0 -0
  7. package/{dist/es2015 → esm2015}/common/constants.js +0 -0
  8. package/{dist/es2015 → esm2015}/common/preventable-event.js +0 -0
  9. package/{dist/es → esm2015}/common/renderer-click.js +1 -0
  10. package/{dist/es2015 → esm2015}/direction.js +1 -0
  11. package/{dist/es2015 → esm2015}/display-mode.js +1 -0
  12. package/{dist/es2015 → esm2015}/group-selection-settings.js +1 -0
  13. package/{dist/es/common/constants.js → esm2015/kendo-angular-toolbar.js} +2 -2
  14. package/esm2015/localization/custom-messages.component.js +40 -0
  15. package/esm2015/localization/localized-toolbar-messages.directive.js +36 -0
  16. package/esm2015/localization/messages.js +23 -0
  17. package/{dist/es → esm2015}/main.js +0 -0
  18. package/{dist/es2015 → esm2015}/navigation.service.js +9 -9
  19. package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
  20. package/{dist/es → esm2015}/popup-settings.js +1 -0
  21. package/{dist/es2015 → esm2015}/refresh.service.js +8 -10
  22. package/{dist/es → esm2015}/render-location.js +1 -0
  23. package/{dist/es2015 → esm2015}/renderer.component.js +36 -41
  24. package/{dist/es2015 → esm2015}/renderer.service.js +8 -7
  25. package/{dist/es → esm2015}/tool-options.js +1 -0
  26. package/{dist/es2015 → esm2015}/toolbar.component.js +158 -135
  27. package/{dist/es2015 → esm2015}/toolbar.module.js +27 -11
  28. package/{dist/es2015 → esm2015}/tools/toolbar-button.component.js +117 -114
  29. package/esm2015/tools/toolbar-buttongroup.component.js +267 -0
  30. package/esm2015/tools/toolbar-buttonlist.component.js +94 -0
  31. package/{dist/es2015 → esm2015}/tools/toolbar-dropdownbutton.component.js +119 -121
  32. package/esm2015/tools/toolbar-separator.component.js +68 -0
  33. package/{dist/es2015 → esm2015}/tools/toolbar-splitbutton.component.js +129 -125
  34. package/{dist/es2015 → esm2015}/tools/toolbar-tool.component.js +15 -19
  35. package/{dist/es2015 → esm2015}/util.js +0 -0
  36. package/{dist/fesm2015/index.js → fesm2015/kendo-angular-toolbar.js} +1015 -890
  37. package/{dist/es2015/group-selection-settings.d.ts → group-selection-settings.d.ts} +0 -0
  38. package/kendo-angular-toolbar.d.ts +9 -0
  39. package/{dist/es2015/localization → localization}/custom-messages.component.d.ts +4 -1
  40. package/{dist/es2015/localization → localization}/localized-toolbar-messages.directive.d.ts +3 -0
  41. package/{dist/es2015/localization → localization}/messages.d.ts +3 -0
  42. package/{dist/es2015/main.d.ts → main.d.ts} +0 -0
  43. package/{dist/es2015/navigation.service.d.ts → navigation.service.d.ts} +3 -0
  44. package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
  45. package/package.json +34 -102
  46. package/{dist/es2015/popup-settings.d.ts → popup-settings.d.ts} +0 -0
  47. package/{dist/es2015/refresh.service.d.ts → refresh.service.d.ts} +3 -0
  48. package/{dist/es2015/render-location.d.ts → render-location.d.ts} +0 -0
  49. package/{dist/es2015/renderer.component.d.ts → renderer.component.d.ts} +4 -1
  50. package/{dist/es2015/renderer.service.d.ts → renderer.service.d.ts} +3 -0
  51. package/schematics/ngAdd/index.js +5 -2
  52. package/schematics/ngAdd/index.js.map +1 -1
  53. package/{dist/es2015/tool-options.d.ts → tool-options.d.ts} +0 -0
  54. package/{dist/es2015/toolbar.component.d.ts → toolbar.component.d.ts} +24 -17
  55. package/toolbar.module.d.ts +37 -0
  56. package/{dist/es2015/tools → tools}/toolbar-button.component.d.ts +10 -6
  57. package/{dist/es2015/tools → tools}/toolbar-buttongroup.component.d.ts +7 -5
  58. package/{dist/es2015/tools → tools}/toolbar-buttonlist.component.d.ts +3 -0
  59. package/{dist/es2015/tools → tools}/toolbar-dropdownbutton.component.d.ts +15 -10
  60. package/{dist/es2015/tools → tools}/toolbar-separator.component.d.ts +3 -0
  61. package/{dist/es2015/tools → tools}/toolbar-splitbutton.component.d.ts +14 -9
  62. package/{dist/es2015/tools → tools}/toolbar-tool.component.d.ts +5 -2
  63. package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
  64. package/dist/cdn/js/kendo-angular-toolbar.js +0 -20
  65. package/dist/cdn/main.js +0 -5
  66. package/dist/es/common/preventable-event.js +0 -29
  67. package/dist/es/direction.js +0 -4
  68. package/dist/es/display-mode.js +0 -4
  69. package/dist/es/group-selection-settings.js +0 -4
  70. package/dist/es/index.js +0 -14
  71. package/dist/es/localization/custom-messages.component.js +0 -43
  72. package/dist/es/localization/localized-toolbar-messages.directive.js +0 -35
  73. package/dist/es/localization/messages.js +0 -22
  74. package/dist/es/navigation.service.js +0 -130
  75. package/dist/es/package-metadata.js +0 -15
  76. package/dist/es/refresh.service.js +0 -22
  77. package/dist/es/renderer.component.js +0 -132
  78. package/dist/es/renderer.service.js +0 -52
  79. package/dist/es/toolbar.component.js +0 -653
  80. package/dist/es/toolbar.module.js +0 -60
  81. package/dist/es/tools/toolbar-button.component.js +0 -310
  82. package/dist/es/tools/toolbar-buttongroup.component.js +0 -165
  83. package/dist/es/tools/toolbar-buttonlist.component.js +0 -66
  84. package/dist/es/tools/toolbar-dropdownbutton.component.js +0 -368
  85. package/dist/es/tools/toolbar-separator.component.js +0 -67
  86. package/dist/es/tools/toolbar-splitbutton.component.js +0 -380
  87. package/dist/es/tools/toolbar-tool.component.js +0 -76
  88. package/dist/es/util.js +0 -204
  89. package/dist/es2015/common/renderer-click.js +0 -4
  90. package/dist/es2015/index.d.ts +0 -14
  91. package/dist/es2015/index.js +0 -14
  92. package/dist/es2015/index.metadata.json +0 -1
  93. package/dist/es2015/localization/custom-messages.component.js +0 -35
  94. package/dist/es2015/localization/localized-toolbar-messages.directive.js +0 -31
  95. package/dist/es2015/localization/messages.js +0 -16
  96. package/dist/es2015/main.js +0 -14
  97. package/dist/es2015/popup-settings.js +0 -4
  98. package/dist/es2015/render-location.js +0 -4
  99. package/dist/es2015/tool-options.js +0 -4
  100. package/dist/es2015/toolbar.module.d.ts +0 -18
  101. package/dist/es2015/tools/toolbar-buttongroup.component.js +0 -216
  102. package/dist/es2015/tools/toolbar-buttonlist.component.js +0 -87
  103. package/dist/es2015/tools/toolbar-separator.component.js +0 -68
  104. package/dist/fesm5/index.js +0 -2677
  105. package/dist/npm/common/constants.js +0 -10
  106. package/dist/npm/common/preventable-event.js +0 -31
  107. package/dist/npm/common/renderer-click.js +0 -6
  108. package/dist/npm/direction.js +0 -6
  109. package/dist/npm/display-mode.js +0 -6
  110. package/dist/npm/group-selection-settings.js +0 -6
  111. package/dist/npm/index.js +0 -23
  112. package/dist/npm/localization/custom-messages.component.js +0 -45
  113. package/dist/npm/localization/localized-toolbar-messages.directive.js +0 -37
  114. package/dist/npm/localization/messages.js +0 -24
  115. package/dist/npm/main.js +0 -26
  116. package/dist/npm/navigation.service.js +0 -132
  117. package/dist/npm/package-metadata.js +0 -17
  118. package/dist/npm/popup-settings.js +0 -6
  119. package/dist/npm/refresh.service.js +0 -24
  120. package/dist/npm/render-location.js +0 -6
  121. package/dist/npm/renderer.component.js +0 -134
  122. package/dist/npm/renderer.service.js +0 -54
  123. package/dist/npm/tool-options.js +0 -6
  124. package/dist/npm/toolbar.component.js +0 -655
  125. package/dist/npm/toolbar.module.js +0 -62
  126. package/dist/npm/tools/toolbar-button.component.js +0 -312
  127. package/dist/npm/tools/toolbar-buttongroup.component.js +0 -167
  128. package/dist/npm/tools/toolbar-buttonlist.component.js +0 -68
  129. package/dist/npm/tools/toolbar-dropdownbutton.component.js +0 -370
  130. package/dist/npm/tools/toolbar-separator.component.js +0 -69
  131. package/dist/npm/tools/toolbar-splitbutton.component.js +0 -382
  132. package/dist/npm/tools/toolbar-tool.component.js +0 -78
  133. package/dist/npm/util.js +0 -209
  134. package/dist/systemjs/kendo-angular-toolbar.js +0 -5
@@ -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);
@@ -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`&mdash;The ToolBarComponent class.
10
- * - `ToolBarToolComponent`&mdash;The base Tool component class.
11
- * - `ToolBarButtonComponent`&mdash;The Button Tool component class.
12
- * - `ToolBarButtonGroupComponent`&mdash;The ButtonGroup Tool component class.
13
- * - `ToolBarDropDownButtonComponent`&mdash;The DropDownButton Tool component class.
14
- * - `ToolBarSplitButtonComponent`&mdash;The SplitButton Tool component class.
15
- * - `ToolBarSeparatorComponent`&mdash;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 };