@progress/kendo-angular-toolbar 5.0.2 → 5.0.3-dev.202203280906
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/dist/cdn/js/kendo-angular-toolbar.js +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/toolbar.component.js +15 -3
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/toolbar.component.d.ts +7 -2
- package/dist/es2015/toolbar.component.js +11 -3
- package/dist/fesm2015/index.js +12 -4
- package/dist/fesm5/index.js +16 -4
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/toolbar.component.js +14 -2
- package/dist/systemjs/kendo-angular-toolbar.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ToolBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":49,"character":1},"arguments":[{"exportAs":"kendoToolBar","providers":[{"__symbolic":"reference","name":"RefreshService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":56,"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":112,"character":5}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":5},"arguments":["tabIndex"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":159,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":5}}]}],"allTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":166,"character":5},"arguments":[{"__symbolic":"reference","name":"ToolBarToolComponent"}]}]}],"overflowButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":168,"character":5},"arguments":["overflowButton",{"static":false}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":171,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":174,"character":5},"arguments":["resizeSensor",{"static":false}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":177,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":177,"character":36},"static":true}]}]}],"renderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":180,"character":5},"arguments":["toolbarRenderer"]}]}],"overflowRenderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":183,"character":5},"arguments":["overflowRenderer"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":223,"character":5},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":224,"character":5},"arguments":["class.k-toolbar"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":240,"character":5},"arguments":["focus",["$event"]]}]}],"onFocusOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":251,"character":5},"arguments":["focusout",["$event"]]}]}],"getRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":261,"character":5},"arguments":["attr.role"]}]}],"getDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":265,"character":5},"arguments":["attr.dir"]}]}],"resizableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":269,"character":5},"arguments":["class.k-toolbar-resizable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":274,"character":30},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":275,"character":30},{"__symbolic":"reference","name":"RefreshService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":278,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":279,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":280,"character":26}]}],"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
|
+
{"__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"}
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-toolbar',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1648458287,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef, ElementRef, QueryList, EventEmitter, ViewContainerRef, NgZone, Renderer2, SimpleChanges } from '@angular/core';
|
|
5
|
+
import { TemplateRef, ElementRef, QueryList, EventEmitter, ViewContainerRef, NgZone, Renderer2, SimpleChanges, ChangeDetectorRef } from '@angular/core';
|
|
6
6
|
import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
|
|
7
7
|
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
8
8
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
@@ -25,6 +25,7 @@ export declare class ToolBarComponent {
|
|
|
25
25
|
private element;
|
|
26
26
|
private zone;
|
|
27
27
|
private renderer;
|
|
28
|
+
private _cdr;
|
|
28
29
|
/**
|
|
29
30
|
* Hides the overflowing tools in a popup.
|
|
30
31
|
*/
|
|
@@ -88,7 +89,7 @@ export declare class ToolBarComponent {
|
|
|
88
89
|
readonly getRole: string;
|
|
89
90
|
readonly getDir: string;
|
|
90
91
|
readonly resizableClass: boolean;
|
|
91
|
-
constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2);
|
|
92
|
+
constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef);
|
|
92
93
|
ngAfterViewInit(): void;
|
|
93
94
|
ngOnInit(): void;
|
|
94
95
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -97,6 +98,10 @@ export declare class ToolBarComponent {
|
|
|
97
98
|
* @hidden
|
|
98
99
|
*/
|
|
99
100
|
readonly moreToolsTitle: string;
|
|
101
|
+
/**
|
|
102
|
+
* @hidden
|
|
103
|
+
*/
|
|
104
|
+
readonly cdr: ChangeDetectorRef;
|
|
100
105
|
/**
|
|
101
106
|
* @hidden
|
|
102
107
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Component, HostBinding, ViewChild, TemplateRef, ElementRef, QueryList, ContentChildren, Input, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef, NgZone, Renderer2 } from '@angular/core';
|
|
6
|
+
import { Component, HostBinding, ViewChild, TemplateRef, ElementRef, QueryList, ContentChildren, Input, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef, NgZone, Renderer2, ChangeDetectorRef } from '@angular/core';
|
|
7
7
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
8
8
|
import { ResizeSensorComponent } from '@progress/kendo-angular-common';
|
|
9
9
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
@@ -30,7 +30,7 @@ const ɵ0 = getInitialPopupSettings;
|
|
|
30
30
|
* Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
|
|
31
31
|
*/
|
|
32
32
|
let ToolBarComponent = class ToolBarComponent {
|
|
33
|
-
constructor(localization, popupService, refreshService, navigationService, element, zone, renderer) {
|
|
33
|
+
constructor(localization, popupService, refreshService, navigationService, element, zone, renderer, _cdr) {
|
|
34
34
|
this.localization = localization;
|
|
35
35
|
this.popupService = popupService;
|
|
36
36
|
this.refreshService = refreshService;
|
|
@@ -38,6 +38,7 @@ let ToolBarComponent = class ToolBarComponent {
|
|
|
38
38
|
this.element = element;
|
|
39
39
|
this.zone = zone;
|
|
40
40
|
this.renderer = renderer;
|
|
41
|
+
this._cdr = _cdr;
|
|
41
42
|
/**
|
|
42
43
|
* Hides the overflowing tools in a popup.
|
|
43
44
|
*/
|
|
@@ -229,6 +230,12 @@ let ToolBarComponent = class ToolBarComponent {
|
|
|
229
230
|
get moreToolsTitle() {
|
|
230
231
|
return this.localization.get('moreToolsTitle');
|
|
231
232
|
}
|
|
233
|
+
/**
|
|
234
|
+
* @hidden
|
|
235
|
+
*/
|
|
236
|
+
get cdr() {
|
|
237
|
+
return this._cdr;
|
|
238
|
+
}
|
|
232
239
|
/**
|
|
233
240
|
* @hidden
|
|
234
241
|
*/
|
|
@@ -601,7 +608,8 @@ ToolBarComponent = tslib_1.__decorate([
|
|
|
601
608
|
NavigationService,
|
|
602
609
|
ElementRef,
|
|
603
610
|
NgZone,
|
|
604
|
-
Renderer2
|
|
611
|
+
Renderer2,
|
|
612
|
+
ChangeDetectorRef])
|
|
605
613
|
], ToolBarComponent);
|
|
606
614
|
export { ToolBarComponent };
|
|
607
615
|
export { ɵ0 };
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { __decorate, __metadata } from 'tslib';
|
|
6
|
-
import { EventEmitter, Injectable, NgZone, Input, Component, Output, ContentChildren, QueryList, ViewChild, ElementRef, TemplateRef, ViewContainerRef, ViewChildren, HostBinding, HostListener, Renderer2, forwardRef, Directive, NgModule } from '@angular/core';
|
|
6
|
+
import { EventEmitter, Injectable, NgZone, Input, Component, Output, ContentChildren, QueryList, ViewChild, ElementRef, TemplateRef, ViewContainerRef, ViewChildren, HostBinding, HostListener, Renderer2, ChangeDetectorRef, forwardRef, Directive, NgModule } from '@angular/core';
|
|
7
7
|
import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
|
|
8
8
|
import { Keys, isDocumentAvailable, ResizeSensorComponent, ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
9
9
|
import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
@@ -20,7 +20,7 @@ const packageMetadata = {
|
|
|
20
20
|
name: '@progress/kendo-angular-toolbar',
|
|
21
21
|
productName: 'Kendo UI for Angular',
|
|
22
22
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
23
|
-
publishDate:
|
|
23
|
+
publishDate: 1648458287,
|
|
24
24
|
version: '',
|
|
25
25
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
26
26
|
};
|
|
@@ -438,7 +438,7 @@ const getInitialPopupSettings = (isRtl) => ({
|
|
|
438
438
|
* Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
|
|
439
439
|
*/
|
|
440
440
|
let ToolBarComponent = class ToolBarComponent {
|
|
441
|
-
constructor(localization, popupService, refreshService, navigationService, element, zone, renderer) {
|
|
441
|
+
constructor(localization, popupService, refreshService, navigationService, element, zone, renderer, _cdr) {
|
|
442
442
|
this.localization = localization;
|
|
443
443
|
this.popupService = popupService;
|
|
444
444
|
this.refreshService = refreshService;
|
|
@@ -446,6 +446,7 @@ let ToolBarComponent = class ToolBarComponent {
|
|
|
446
446
|
this.element = element;
|
|
447
447
|
this.zone = zone;
|
|
448
448
|
this.renderer = renderer;
|
|
449
|
+
this._cdr = _cdr;
|
|
449
450
|
/**
|
|
450
451
|
* Hides the overflowing tools in a popup.
|
|
451
452
|
*/
|
|
@@ -637,6 +638,12 @@ let ToolBarComponent = class ToolBarComponent {
|
|
|
637
638
|
get moreToolsTitle() {
|
|
638
639
|
return this.localization.get('moreToolsTitle');
|
|
639
640
|
}
|
|
641
|
+
/**
|
|
642
|
+
* @hidden
|
|
643
|
+
*/
|
|
644
|
+
get cdr() {
|
|
645
|
+
return this._cdr;
|
|
646
|
+
}
|
|
640
647
|
/**
|
|
641
648
|
* @hidden
|
|
642
649
|
*/
|
|
@@ -1009,7 +1016,8 @@ ToolBarComponent = __decorate([
|
|
|
1009
1016
|
NavigationService,
|
|
1010
1017
|
ElementRef,
|
|
1011
1018
|
NgZone,
|
|
1012
|
-
Renderer2
|
|
1019
|
+
Renderer2,
|
|
1020
|
+
ChangeDetectorRef])
|
|
1013
1021
|
], ToolBarComponent);
|
|
1014
1022
|
|
|
1015
1023
|
var ToolBarButtonComponent_1;
|
package/dist/fesm5/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { __decorate, __metadata, __extends } from 'tslib';
|
|
6
|
-
import { Injectable, EventEmitter, NgZone, Input, Component, Output, ContentChildren, QueryList, ViewChild, ElementRef, TemplateRef, ViewContainerRef, ViewChildren, HostBinding, HostListener, Renderer2, forwardRef, Directive, NgModule } from '@angular/core';
|
|
6
|
+
import { Injectable, EventEmitter, NgZone, Input, Component, Output, ContentChildren, QueryList, ViewChild, ElementRef, TemplateRef, ViewContainerRef, ViewChildren, HostBinding, HostListener, Renderer2, ChangeDetectorRef, forwardRef, Directive, NgModule } from '@angular/core';
|
|
7
7
|
import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
|
|
8
8
|
import { Keys, isDocumentAvailable, ResizeSensorComponent, ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
9
9
|
import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
@@ -20,7 +20,7 @@ var packageMetadata = {
|
|
|
20
20
|
name: '@progress/kendo-angular-toolbar',
|
|
21
21
|
productName: 'Kendo UI for Angular',
|
|
22
22
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
23
|
-
publishDate:
|
|
23
|
+
publishDate: 1648458287,
|
|
24
24
|
version: '',
|
|
25
25
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
26
26
|
};
|
|
@@ -463,7 +463,7 @@ var getInitialPopupSettings = function (isRtl) { return ({
|
|
|
463
463
|
* Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
|
|
464
464
|
*/
|
|
465
465
|
var ToolBarComponent = /** @class */ (function () {
|
|
466
|
-
function ToolBarComponent(localization, popupService, refreshService, navigationService, element, zone, renderer) {
|
|
466
|
+
function ToolBarComponent(localization, popupService, refreshService, navigationService, element, zone, renderer, _cdr) {
|
|
467
467
|
this.localization = localization;
|
|
468
468
|
this.popupService = popupService;
|
|
469
469
|
this.refreshService = refreshService;
|
|
@@ -471,6 +471,7 @@ var ToolBarComponent = /** @class */ (function () {
|
|
|
471
471
|
this.element = element;
|
|
472
472
|
this.zone = zone;
|
|
473
473
|
this.renderer = renderer;
|
|
474
|
+
this._cdr = _cdr;
|
|
474
475
|
/**
|
|
475
476
|
* Hides the overflowing tools in a popup.
|
|
476
477
|
*/
|
|
@@ -708,6 +709,16 @@ var ToolBarComponent = /** @class */ (function () {
|
|
|
708
709
|
enumerable: true,
|
|
709
710
|
configurable: true
|
|
710
711
|
});
|
|
712
|
+
Object.defineProperty(ToolBarComponent.prototype, "cdr", {
|
|
713
|
+
/**
|
|
714
|
+
* @hidden
|
|
715
|
+
*/
|
|
716
|
+
get: function () {
|
|
717
|
+
return this._cdr;
|
|
718
|
+
},
|
|
719
|
+
enumerable: true,
|
|
720
|
+
configurable: true
|
|
721
|
+
});
|
|
711
722
|
/**
|
|
712
723
|
* @hidden
|
|
713
724
|
*/
|
|
@@ -1066,7 +1077,8 @@ var ToolBarComponent = /** @class */ (function () {
|
|
|
1066
1077
|
NavigationService,
|
|
1067
1078
|
ElementRef,
|
|
1068
1079
|
NgZone,
|
|
1069
|
-
Renderer2
|
|
1080
|
+
Renderer2,
|
|
1081
|
+
ChangeDetectorRef])
|
|
1070
1082
|
], ToolBarComponent);
|
|
1071
1083
|
return ToolBarComponent;
|
|
1072
1084
|
}());
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-toolbar',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1648458287,
|
|
15
15
|
version: '',
|
|
16
16
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
17
17
|
};
|