@progress/kendo-angular-buttons 7.0.0-next.202111120840 → 7.0.2-dev.202201201235

package/dist/es2015/index.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":42,"character":1},"arguments":[{"exportAs":"kendoButton","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":45,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":47,"character":21},"useValue":"kendo.button"}],"selector":"button[kendoButton], span[kendoButton]"}]}],"members":{"toggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"togglable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"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":119,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":208,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":5}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":254,"character":5}}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":267,"character":5}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":274,"character":5}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":279,"character":5}}]}],"classButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":312,"character":5},"arguments":["class.k-button"]}]}],"isToggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":316,"character":5},"arguments":["class.k-toggle-button"]}]}],"roleSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":320,"character":5},"arguments":["attr.role"]}]}],"classDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":324,"character":5},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":325,"character":5},"arguments":["class.k-disabled"]}]}],"classActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":330,"character":5},"arguments":["class.k-selected"]}]}],"getDirection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":335,"character":5},"arguments":["attr.dir"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":343,"character":5},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":350,"character":5},"arguments":["blur"]}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":357,"character":5}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":364,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":378,"character":9}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":376,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":377,"character":18},{"__symbolic":"reference","name":"KendoButtonService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":379,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":380,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}],"removeAttribute":[{"__symbolic":"method"}],"setSelected":[{"__symbolic":"method"}],"toggleAriaPressed":[{"__symbolic":"method"}],"hasText":[{"__symbolic":"method"}],"addImgIcon":[{"__symbolic":"method"}],"addIcon":[{"__symbolic":"method"}],"addTextSpan":[{"__symbolic":"method"}],"prependChild":[{"__symbolic":"method"}],"defer":[{"__symbolic":"method"}],"iconSetter":[{"__symbolic":"method"}],"removeImageNode":[{"__symbolic":"method"}],"removeIconNode":[{"__symbolic":"method"}],"updateIconNode":[{"__symbolic":"method"}],"setIconTextClasses":[{"__symbolic":"method"}],"toggleClass":[{"__symbolic":"method"}],"_onButtonClick":[{"__symbolic":"method"}],"handleClasses":[{"__symbolic":"method"}],"handleThemeColor":[{"__symbolic":"method"}]}},"Button":{"__symbolic":"reference","name":"ButtonDirective"},"ButtonGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":38,"character":1},"arguments":[{"exportAs":"kendoButtonGroup","providers":[{"__symbolic":"reference","name":"KendoButtonService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":42,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":44,"character":21},"useValue":"kendo.buttongroup"}],"selector":"kendo-buttongroup","template":"\n        <ng-content select=\"[kendoButton]\"></ng-content>\n    "}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5},"arguments":["disabled"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5},"arguments":["selection"]}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5},"arguments":["width"]}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"navigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":96,"character":5}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":98,"character":5},"arguments":[{"__symbolic":"reference","name":"Button"}]}]}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":106,"character":5},"arguments":["class.k-button-group"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":110,"character":5},"arguments":["class.k-disabled"]}]}],"stretchedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":114,"character":5},"arguments":["class.k-button-group-stretched"]}]}],"getRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":118,"character":5},"arguments":["attr.role"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":122,"character":5},"arguments":["attr.dir"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":126,"character":5},"arguments":["attr.aria-disabled"]}]}],"wrapperWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":130,"character":5},"arguments":["style.width"]}]}],"wrapperTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":134,"character":5},"arguments":["attr.tabindex"]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":141,"character":5},"arguments":["keydown",["$event"]]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":150,"character":5},"arguments":["focus"]}]}],"focusout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":164,"character":5},"arguments":["focusout",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"KendoButtonService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":173,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":174,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"navigateFocus":[{"__symbolic":"method"}],"deactivate":[{"__symbolic":"method"}],"activate":[{"__symbolic":"method"}],"defocus":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"verifySettings":[{"__symbolic":"method"}],"isSelectionSingle":[{"__symbolic":"method"}]}},"ButtonGroup":{"__symbolic":"reference","name":"ButtonGroupComponent"},"ButtonGroupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonGroup"}],"exports":[{"__symbolic":"reference","name":"ButtonGroup"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":14},{"__symbolic":"reference","name":"ButtonModule"}]}]}],"members":{}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"Button"}],"exports":[{"__symbolic":"reference","name":"Button"}]}]}],"members":{}},"ButtonsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":39,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"ButtonGroupModule"},{"__symbolic":"reference","name":"ButtonModule"},{"__symbolic":"reference","name":"SplitButtonModule"},{"__symbolic":"reference","name":"DropDownButtonModule"},{"__symbolic":"reference","name":"ChipModule"},{"__symbolic":"reference","name":"FloatingActionButtonModule"}]}]}],"members":{}},"SplitButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ListButton"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":86,"character":1},"arguments":[{"exportAs":"kendoSplitButton","providers":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"provide":{"__symbolic":"reference","name":"NAVIGATION_CONFIG"},"useValue":{"useLeftRightArrows":true}},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":92,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":94,"character":21},"useValue":"kendo.splitbutton"}],"selector":"kendo-splitbutton","template":"\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel=\"kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label\"\n            splitButtonLabel=\"{{ '{buttonText} splitbutton' }}\">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]=\"type\"\n            [tabindex]=\"componentTabIndex\"\n            [disabled]=\"disabled\"\n            [size]=\"size\"\n            [rounded]=\"rounded\"\n            [fillMode]=\"fillMode\"\n            [themeColor]=\"themeColor\"\n            [icon]=\"icon\"\n            [class.k-active]=\"active\"\n            [class.k-icon-button]=\"!text && icon\"\n            [iconClass]=\"iconClass\"\n            [imageUrl]=\"imageUrl\"\n            [ngClass]=\"buttonClass\"\n            (focus)=\"onButtonFocus()\"\n            (click)=\"onButtonClick()\"\n            (blur)=\"onButtonBlur()\"\n            (mousedown)=\"toggleButtonActiveState(true)\"\n            (mouseup)=\"toggleButtonActiveState(false)\"\n            [attr.aria-disabled]=\"disabled\"\n            [attr.aria-expanded]=\"openState\"\n            [attr.aria-haspopup]=\"true\"\n            [attr.aria-owns]=\"listId\"\n            [attr.aria-label]=\"ariaLabel\"\n        >\n            <span *ngIf=\"text\" class=\"k-button-text\">\n                {{ text }}\n            </span><ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type=\"button\"\n            [class.k-active]=\"activeArrow\"\n            [disabled]=\"disabled\"\n            [icon]=\"arrowButtonIcon\"\n            [size]=\"size\"\n            [rounded]=\"rounded\"\n            [fillMode]=\"fillMode\"\n            [themeColor]=\"fillMode ? themeColor : null\"\n            [tabindex]=\"-1\"\n            [ngClass]=\"arrowButtonClass\"\n            (click)=\"onArrowButtonClick()\"\n            (mousedown)=\"toggleArrowButtonActiveState(true)\"\n            (mouseup)=\"toggleArrowButtonActiveState(false)\"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]=\"listId\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                [itemTemplate]=\"itemTemplate\"\n                (onItemClick)=\"onItemClick($event)\"\n                (keydown)=\"keyDownHandler($event)\"\n                (keypress)=\"keyPressHandler($event)\"\n                (keyup)=\"keyUpHandler($event)\"\n                [attr.dir]=\"dir\"\n                [size]=\"size\"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    "}]}],"members":{"text":[{"__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":180,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":186,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":222,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":242,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":274,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":295,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":307,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":312,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":319,"character":5}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":335,"character":5}}]}],"arrowButtonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":341,"character":5}}]}],"arrowButtonIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":347,"character":5}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":372,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":399,"character":5}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":404,"character":5},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":409,"character":5},"arguments":["blur"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":415,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":421,"character":5}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":426,"character":5},"arguments":[{"__symbolic":"reference","name":"ButtonItemTemplateDirective"},{"static":false}]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":429,"character":5},"arguments":["button",{"static":true}]}]}],"arrowButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":432,"character":5},"arguments":["arrowButton",{"static":true,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":432,"character":52}}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":435,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"containerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":438,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":438,"character":36},"static":true}]}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":497,"character":5},"arguments":["class.k-focus"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":505,"character":5},"arguments":["class.k-split-button"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":506,"character":5},"arguments":["class.k-button-group"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":511,"character":5},"arguments":["attr.dir"]}]}],"onButtonFocus":[{"__symbolic":"method"}],"onArrowButtonClick":[{"__symbolic":"method"}],"toggleButtonActiveState":[{"__symbolic":"method"}],"toggleArrowButtonActiveState":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"onButtonBlur":[{"__symbolic":"method"}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":576,"character":5},"arguments":["keydown",["$event"]]}]}],"keypress":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":587,"character":5},"arguments":["keypress",["$event"]]}]}],"keyup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":594,"character":5},"arguments":["keyup",["$event"]]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"togglePopupVisibility":[{"__symbolic":"method"}],"wrapperContains":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":694,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":695,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":696,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":694,"character":20},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":698,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":699,"character":13},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":700,"character":26}]}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"enterHandler":[{"__symbolic":"method"}],"updateButtonText":[{"__symbolic":"method"}],"_toggle":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"destroyPopup":[{"__symbolic":"method"}],"handleClasses":[{"__symbolic":"method"}]}},"SplitButton":{"__symbolic":"reference","name":"SplitButtonComponent"},"SplitButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":19,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"SplitButton"},{"__symbolic":"reference","name":"LocalizedSplitButtonMessagesDirective"},{"__symbolic":"reference","name":"SplitButtonCustomMessagesComponent"}],"exports":[{"__symbolic":"reference","name":"SplitButton"},{"__symbolic":"reference","name":"ListModule"},{"__symbolic":"reference","name":"LocalizedSplitButtonMessagesDirective"},{"__symbolic":"reference","name":"SplitButtonCustomMessagesComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":22,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":22,"character":28},{"__symbolic":"reference","name":"ButtonModule"},{"__symbolic":"reference","name":"ListModule"}]}]}],"members":{}},"SplitButtonCustomMessagesComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"SplitButtonCustomMessagesComponent"}}],"selector":"kendo-splitbutton-messages","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":19,"character":35}]}]}},"DropDownButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ListButton"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":72,"character":1},"arguments":[{"exportAs":"kendoDropDownButton","providers":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"provide":{"__symbolic":"reference","name":"NAVIGATION_CONFIG"},"useValue":{"useLeftRightArrows":true}},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":78,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":80,"character":21},"useValue":"kendo.dropdownbutton"}],"selector":"kendo-dropdownbutton","template":"\n        <button kendoButton #button\n            role=\"menu\"\n            type=\"button\"\n            [tabindex]=\"componentTabIndex\"\n            [class.k-active]=\"active\"\n            [disabled]=\"disabled\"\n            [icon]=\"icon\"\n            [iconClass]=\"iconClass\"\n            [imageUrl]=\"imageUrl\"\n            [ngClass]=\"buttonClass\"\n            [size]=\"size\"\n            [shape]=\"shape\"\n            [rounded]=\"rounded\"\n            [fillMode]=\"fillMode\"\n            [themeColor]=\"fillMode ? themeColor : null\"\n            (click)=\"openPopup()\"\n            (focus)=\"handleFocus()\"\n            (blur)=\"onButtonBlur()\"\n            [attr.aria-disabled]=\"disabled\"\n            [attr.aria-expanded]=\"openState\"\n            [attr.aria-haspopup]=\"true\"\n            [attr.aria-owns]=\"listId\"\n        >\n            <ng-content></ng-content>\n        </button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                #buttonList\n                [id]=\"listId\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                [itemTemplate]=\"itemTemplate\"\n                (onItemClick)=\"onItemClick($event)\"\n                (keydown)=\"keyDownHandler($event)\"\n                (keypress)=\"keyPressHandler($event)\"\n                (keyup)=\"keyUpHandler($event)\"\n                [attr.dir]=\"dir\"\n                [size]=\"size\"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    "}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":5}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":145,"character":5}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":156,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":5}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":220,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":233,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":273,"character":5}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":279,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":328,"character":5}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":333,"character":5}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":339,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":345,"character":5}}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":350,"character":5},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":355,"character":5},"arguments":["blur"]}]}],"focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":357,"character":5},"arguments":["class.k-focus"]}]}],"widgetClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":361,"character":5},"arguments":["class.k-dropdown-button"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":366,"character":5},"arguments":["attr.dir"]}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":378,"character":5},"arguments":[{"__symbolic":"reference","name":"ButtonItemTemplateDirective"},{"static":false}]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":381,"character":5},"arguments":["button",{"static":true}]}]}],"buttonList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":384,"character":5},"arguments":["buttonList",{"static":false}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":387,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":390,"character":5},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":390,"character":36},"static":true}]}]}],"keydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":401,"character":5},"arguments":["keydown",["$event"]]}]}],"keypress":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":411,"character":5},"arguments":["keypress",["$event"]]}]}],"keyup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":418,"character":5},"arguments":["keyup",["$event"]]}]}],"mousedown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":426,"character":5},"arguments":["mousedown",["$event"]]}]}],"mouseup":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":436,"character":5},"arguments":["mouseup",["$event"]]}]}],"openPopup":[{"__symbolic":"method"}],"onButtonBlur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":505,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":506,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":507,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":505,"character":20},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":509,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":510,"character":13}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"wrapperContains":[{"__symbolic":"method"}],"subscribeNavigationEvents":[{"__symbolic":"method"}],"onNavigationEnterUp":[{"__symbolic":"method"}],"onNavigationOpen":[{"__symbolic":"method"}],"onNavigationClose":[{"__symbolic":"method"}],"onArrowKeyNavigate":[{"__symbolic":"method"}],"_toggle":[{"__symbolic":"method"}],"createPopup":[{"__symbolic":"method"}],"destroyPopup":[{"__symbolic":"method"}]}},"DropDownButton":{"__symbolic":"reference","name":"DropDownButtonComponent"},"DropDownButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropDownButton"}],"exports":[{"__symbolic":"reference","name":"DropDownButton"},{"__symbolic":"reference","name":"ListModule"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":19,"character":28},{"__symbolic":"reference","name":"ListModule"},{"__symbolic":"reference","name":"ButtonModule"}]}]}],"members":{}},"ListItemModel":{"__symbolic":"interface"},"PopupSettings":{"__symbolic":"interface"},"ChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":31,"character":1},"arguments":[{"selector":"kendo-chip","template":"\n        <span\n            *ngIf=\"icon\"\n            class=\"k-chip-icon k-icon\"\n            [ngClass]=\"kendoIconClass\"\n        >\n        </span>\n\n        <span\n            *ngIf=\"iconClass\"\n            class=\"k-chip-icon\"\n            [ngClass]=\"customIconClass\"\n        >\n        </span>\n\n        <span\n            *ngIf=\"avatarClass\"\n            class=\"k-chip-avatar k-avatar k-rounded-full\"\n        >\n            <span class=\"k-avatar-image\" [ngClass]=\"chipAvatarClass\"></span>\n        </span>\n\n        <span class=\"k-chip-content\">\n            <span class=\"k-chip-label\" *ngIf=\"label\">\n                {{ label }}\n            </span>\n            <ng-content *ngIf=\"!label\"></ng-content>\n        </span>\n\n        <span class=\"k-chip-actions\">\n            <span class=\"k-chip-action k-chip-remove-action\"\n                *ngIf=\"removable\"\n                (click)=\"onRemoveClick($event)\"\n                >\n                <span\n                    class=\"k-icon\"\n                    [ngClass]=\"removeIconClass\"\n                >\n                </span>\n            </span>\n        </span>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":76,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":78,"character":21},"useValue":"kendo.chip"}]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":5}}]}],"avatarClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}}]}],"removable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"removeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":163,"character":5}}]}],"fillMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":215,"character":5}}]}],"contentClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":220,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":222,"character":5},"arguments":["attr.tabindex"]}]}],"ariaChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":225,"character":5},"arguments":["attr.aria-checked"]}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":230,"character":5},"arguments":["class.k-chip"]}]}],"hasIconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":233,"character":5},"arguments":["class.k-chip-has-icon"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":238,"character":5},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":239,"character":5},"arguments":["class.k-disabled"]}]}],"selectedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":244,"character":5},"arguments":["class.k-selected"]}]}],"focusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":249,"character":5},"arguments":["class.k-focus"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":257,"character":5},"arguments":["attr.dir"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":269,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":270,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":271,"character":24},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":272,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"onRemoveClick":[{"__symbolic":"method"}],"attachElementEventHandlers":[{"__symbolic":"method"}],"verifyIconSettings":[{"__symbolic":"method"}],"handleClasses":[{"__symbolic":"method"}],"handleThemeColor":[{"__symbolic":"method"}]}},"ChipListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"kendo-chiplist, kendo-chip-list","template":"\n        <ng-content></ng-content>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":35,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":37,"character":21},"useValue":"kendo.chiplist"}]}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":43,"character":5},"arguments":["class.k-chip-list"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":49,"character":5},"arguments":["attr.dir"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":5}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":87,"character":5}}]}],"chips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":89,"character":5},"arguments":[{"__symbolic":"reference","name":"ChipComponent"}]}]}],"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":5},"arguments":["class.k-selection-single"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":5},"arguments":["class.k-selection-multiple"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":101,"character":5},"arguments":["attr.role"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":110,"character":5},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":129,"character":37},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":130,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":131,"character":25}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectedChips":[{"__symbolic":"method"}],"setSelection":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"handleClasses":[{"__symbolic":"method"}]}},"ChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ChipComponent"},{"__symbolic":"reference","name":"ChipListComponent"}]],"exports":[[{"__symbolic":"reference","name":"ChipComponent"},{"__symbolic":"reference","name":"ChipListComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":15}]}]}],"members":{}},"ChipListSelection":{"__symbolic":"interface"},"ChipRemoveEvent":{"__symbolic":"interface"},"ChipListRemoveEvent":{"__symbolic":"interface"},"FloatingActionButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":53,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"FloatingActionButtonComponent"},{"__symbolic":"reference","name":"DialItemTemplateDirective"},{"__symbolic":"reference","name":"FloatingActionButtonTemplateDirective"},{"__symbolic":"reference","name":"DialListComponent"},{"__symbolic":"reference","name":"DialItemComponent"}]],"exports":[[{"__symbolic":"reference","name":"FloatingActionButtonComponent"},{"__symbolic":"reference","name":"DialItemTemplateDirective"},{"__symbolic":"reference","name":"FloatingActionButtonTemplateDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":56,"character":15},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":56,"character":29},{"__symbolic":"reference","name":"ListModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-common","name":"EventsModule","line":56,"character":54}]}]}],"members":{}},"FloatingActionButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":93,"character":1},"arguments":[{"selector":"kendo-floatingactionbutton","providers":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"provide":{"__symbolic":"reference","name":"NAVIGATION_CONFIG"},"useValue":{"useLeftRightArrows":false}},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":99,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":101,"character":21},"useValue":"kendo.floatingactionbutton"}],"template":"\n        <button\n            #button\n            [attr.id]=\"id\"\n            [attr.role]=\"role\"\n            [tabIndex]=\"componentTabIndex\"\n            type=\"button\"\n            class=\"k-fab k-fab-solid\"\n            [class.k-disabled]=\"disabled\"\n            [ngClass]=\"buttonClass\"\n            [disabled]=\"disabled\"\n            [attr.aria-disabled]=\"disabled\"\n            [attr.aria-expanded]=\"ariaExpanded\"\n            [attr.aria-haspopup]=\"ariaHasPopup\"\n            (focus)=\"focusHandler()\"\n            (blur)=\"blurHandler()\"\n            [kendoEventsOutsideAngular]=\"{\n                keydown: keyDownHandler,\n                click: clickHandler\n            }\"\n            [scope]=\"this\"\n        >\n            <ng-template *ngIf=\"fabTemplate\"\n                [ngTemplateOutlet]=\"fabTemplate?.templateRef\"\n            >\n            </ng-template>\n\n            <ng-container *ngIf=\"!fabTemplate\">\n                <span *ngIf=\"icon || iconClass\" [ngClass]=\"iconClasses\"></span>\n                <span *ngIf=\"text\" class=\"k-fab-text\">{{ text }}</span>\n            </ng-container>\n        </button>\n\n        <ng-template #popupTemplate>\n            <ul\n                kendoDialList\n                [ngClass]=\"dialClass\"\n                [dialItems]=\"dialItems\"\n                [dialItemTemplate]='dialItemTemplate?.templateRef'\n                [align]=\"align\"\n                [attr.aria-labelledby]=\"id\"\n                (click)=\"onItemClick($event)\"\n            >\n            </ul>\n        </ng-template>\n    "}]}],"members":{"fixedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":153,"character":5},"arguments":["class.k-pos-fixed"]}]}],"absoluteClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":158,"character":5},"arguments":["class.k-pos-absolute"]}]}],"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":163,"character":5},"arguments":["attr.dir"]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":165,"character":5},"arguments":["button",{"static":true}]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":167,"character":5},"arguments":["popupTemplate",{"static":true}]}]}],"dialItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":169,"character":5},"arguments":[{"__symbolic":"reference","name":"DialItemTemplateDirective"},{"static":true}]}]}],"fabTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":172,"character":5},"arguments":[{"__symbolic":"reference","name":"FloatingActionButtonTemplateDirective"},{"static":true}]}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":5}}]}],"rounded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":229,"character":6}}]}],"shape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":247,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":259,"character":5}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":278,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":293,"character":5}}]}],"positionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":310,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":316,"character":5}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":322,"character":5}}]}],"buttonClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":328,"character":5}}]}],"dialClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":334,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":339,"character":5}}]}],"dialItemAnimation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":353,"character":5}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":358,"character":5}}]}],"dialItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":363,"character":5}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":368,"character":5},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":374,"character":5},"arguments":["focus"]}]}],"dialItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":379,"character":5},"arguments":["dialItemClick"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":386,"character":5}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":393,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":425,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":426,"character":25},{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":429,"character":24},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":430,"character":30},{"__symbolic":"reference","module":"@angular/animations","name":"AnimationBuilder","line":431,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":432,"character":37}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"toggleDial":[{"__symbolic":"method"}],"clickHandler":[{"__symbolic":"method"}],"keyDownHandler":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method"}],"blurHandler":[{"__symbolic":"method"}],"handleClasses":[{"__symbolic":"method"}],"onEnterPressed":[{"__symbolic":"method"}],"emitItemClick":[{"__symbolic":"method"}],"subscribeNavigationEvents":[{"__symbolic":"method"}],"onArrowKeyNavigate":[{"__symbolic":"method"}],"onNavigationEnterPress":[{"__symbolic":"method"}],"onNavigationClose":[{"__symbolic":"method"}],"alignClass":[{"__symbolic":"method"}],"toggleDialWithEvents":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"openDial":[{"__symbolic":"method"}],"closeDial":[{"__symbolic":"method"}],"isValidAnimation":[{"__symbolic":"method"}],"positionPopup":[{"__symbolic":"method"}],"offsetStyles":[{"__symbolic":"method"}],"playerFor":[{"__symbolic":"method"}],"playAnimation":[{"__symbolic":"method"}],"durationSettings":[{"__symbolic":"method"}],"animationGap":[{"__symbolic":"method"}],"animationDuration":[{"__symbolic":"method"}]}},"FloatingActionButtonTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[kendoFloatingActionButtonTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DialItemTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":12,"character":1},"arguments":[{"selector":"[kendoDialItemTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":16,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DialItem":{"__symbolic":"interface"},"DialItemClickEvent":{"__symbolic":"interface"},"DialItemAnimation":{"__symbolic":"interface"},"FabAlign":{"__symbolic":"interface"},"FabPositionMode":{"__symbolic":"interface"},"FabOffset":{"__symbolic":"interface"},"ButtonSize":{"__symbolic":"interface"},"ChipSize":{"__symbolic":"interface"},"ButtonRounded":{"__symbolic":"interface"},"ChipRounded":{"__symbolic":"interface"},"ButtonFillMode":{"__symbolic":"interface"},"ChipFillMode":{"__symbolic":"interface"},"ButtonThemeColor":{"__symbolic":"interface"},"ChipThemeColor":{"__symbolic":"interface"},"ButtonShape":{"__symbolic":"interface"},"KendoButtonService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"click":[{"__symbolic":"method"}]}},"ListButton":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":50,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":51,"character":23},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":52,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":23}]}],"togglePopupVisibility":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeEvents":[{"__symbolic":"method"}],"subscribeListItemFocusEvent":[{"__symbolic":"method"}],"subscribeComponentBlurredEvent":[{"__symbolic":"method"}],"subscribeNavigationEvents":[{"__symbolic":"method"}],"enterHandler":[{"__symbolic":"method"}],"unsubscribeEvents":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"keyDownHandler":[{"__symbolic":"method"}],"keyPressHandler":[{"__symbolic":"method"}],"keyUpHandler":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method"}],"emitItemClickHandler":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusWrapper":[{"__symbolic":"method"}],"wrapperContains":[{"__symbolic":"method"}],"blurWrapper":[{"__symbolic":"method"}],"focusButton":[{"__symbolic":"method"}],"handleTab":[{"__symbolic":"method"}]}},"FocusService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"isFocused":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"resetFocus":[{"__symbolic":"method"}]}},"NavigationService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":17},"arguments":[{"__symbolic":"reference","name":"NAVIGATION_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","name":"NavigationConfig"}]}],"process":[{"__symbolic":"method"}],"isEnter":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}]}},"NavigationConfig":{"__symbolic":"interface"},"NAVIGATION_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":37},"arguments":["navigation.config"]},"ButtonItemTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":51,"character":1},"arguments":[{"selector":"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"LocalizedSplitButtonMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Messages"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"Messages"},"useExisting":{"__symbolic":"reference","name":"LocalizedSplitButtonMessagesDirective"}}],"selector":"[kendoSplitButtonLocalizedMessages]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":17,"character":35}]}]}},"Messages":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":6,"character":30},"members":{"splitButtonLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}]}},"ListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"FocusableDirective"},{"__symbolic":"reference","name":"ButtonItemTemplateDirective"},{"__symbolic":"reference","name":"TemplateContextDirective"}]],"exports":[[{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"FocusableDirective"},{"__symbolic":"reference","name":"ButtonItemTemplateDirective"},{"__symbolic":"reference","name":"TemplateContextDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":14}]}]}],"members":{}},"ListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"kendo-button-list","template":"\n        <ul class=\"k-group k-menu-group k-reset\" [ngClass]=\"sizeClass\" unselectable=\"on\" role=\"menu\">\n            <li role=\"menuitem\" unselectable=\"on\"\n                kendoButtonFocusable\n                *ngFor=\"let dataItem of data; let index = index;\"\n                class=\"k-item k-menu-item\"\n                (click)=\"onClick(index)\"\n                (blur)=\"onBlur()\"\n                [attr.aria-disabled]=\"dataItem.disabled ? true : false\">\n                <ng-template [ngIf]=\"itemTemplate?.templateRef\">\n                    <span kendoButtonFocusable [index]=\"index\" class=\"k-link k-menu-link\" [class.k-disabled]=\"dataItem.disabled\" tabindex=\"-1\">\n                        <ng-template [templateContext]=\"{templateRef: itemTemplate?.templateRef, $implicit: dataItem}\"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]=\"!itemTemplate?.templateRef\">\n                    <span kendoButtonFocusable [index]=\"index\" class=\"k-link k-menu-link\" [class.k-disabled]=\"dataItem.disabled\" tabindex=\"-1\">\n                        <span\n                            *ngIf=\"dataItem.icon || dataItem.iconClass\"\n                            [ngClass]=\"getIconClasses(dataItem)\"\n                        ></span>\n                        <img\n                            *ngIf=\"dataItem.imageUrl\"\n                            class=\"k-image\"\n                            [src]=\"dataItem.imageUrl\"\n                            alt=\"\"\n                        >\n                        <span *ngIf=\"getText(dataItem)\" class=\"k-menu-link-text\">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":5}}]}],"onItemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":5}}]}],"onItemBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":54,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"getText":[{"__symbolic":"method"}],"getIconClasses":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"FocusableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":16,"character":1},"arguments":[{"selector":"[kendoButtonFocusable]"}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":25,"character":64},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":25,"character":94}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeEvents":[{"__symbolic":"method"}],"unsubscribeEvents":[{"__symbolic":"method"}]}},"TemplateContextDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[templateContext]"}]}],"members":{"templateContext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":23,"character":34}]}]}},"DialListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"[kendoDialList]","template":"\n        <ng-container *ngFor='let item of dialItems; let idx = index'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]=\"dialItems[idx]\"\n                [index]=\"idx\"\n                [dialItemTemplate]=\"dialItemTemplate\"\n                [isFocused]=\"isFocused(idx)\"\n                [ngClass]='item.cssClass'\n                [ngStyle]='item.cssStyle'\n                [align]=\"align\"\n            >\n            </li>\n        </ng-container>\n    "}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":5},"arguments":["class.k-fab-items"]}]}],"bottomClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":5},"arguments":["class.k-fab-items-bottom"]}]}],"topClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":44,"character":5},"arguments":["class.k-fab-items-top"]}]}],"dialItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"dialItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FocusService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":55,"character":65}]}],"isFocused":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"DialItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"[kendoDialItem]","template":"\n        <ng-template *ngIf=\"dialItemTemplate\"\n            [ngTemplateOutlet]=\"dialItemTemplate\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: index, isFocused: isFocused }\"\n        >\n        </ng-template>\n\n        <ng-container *ngIf=\"!dialItemTemplate\">\n            <span *ngIf=\"item.label\" class=\"k-fab-item-text\">{{ item.label }}</span>\n            <span *ngIf=\"item.icon || item.iconClass\" [ngClass]=\"iconClasses\"></span>\n        </ng-container>\n    "}]}],"members":{"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":33,"character":5},"arguments":["class.k-fab-item"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":5},"arguments":["attr.role"]}]}],"disabledClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":39,"character":5},"arguments":["attr.aria-disabled"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":5},"arguments":["class.k-disabled"]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":5},"arguments":["attr.title"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":5},"arguments":["attr.aria-label"]}]}],"indexAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["attr.data-fab-item-index"]}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}}]}],"cssStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"dialItemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":67,"character":25},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":68,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":69,"character":37}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"getTextDirectionClass":[{"__symbolic":"method"}]}}},"origins":{"ButtonDirective":"./button/button.directive","Button":"./button/button.directive","ButtonGroupComponent":"./buttongroup/buttongroup.component","ButtonGroup":"./buttongroup/buttongroup.component","ButtonGroupModule":"./buttongroup/buttongroup.module","ButtonModule":"./button/button.module","ButtonsModule":"./buttons.module","SplitButtonComponent":"./splitbutton/splitbutton.component","SplitButton":"./splitbutton/splitbutton.component","SplitButtonModule":"./splitbutton/splitbutton.module","SplitButtonCustomMessagesComponent":"./splitbutton/localization/custom-messages.component","DropDownButtonComponent":"./dropdownbutton/dropdownbutton.component","DropDownButton":"./dropdownbutton/dropdownbutton.component","DropDownButtonModule":"./dropdownbutton/dropdownbutton.module","ListItemModel":"./listbutton/list-item-model","PopupSettings":"./listbutton/popup-settings","ChipComponent":"./chip/chip.component","ChipListComponent":"./chip/chip-list.component","ChipModule":"./chip/chip.module","ChipListSelection":"./chip/models/selection","ChipRemoveEvent":"./chip/chip-remove-event-args.interface","ChipListRemoveEvent":"./chip/chip-list-remove-event-args.interface","FloatingActionButtonModule":"./floatingactionbutton/floatingactionbutton.module","FloatingActionButtonComponent":"./floatingactionbutton/floatingactionbutton.component","FloatingActionButtonTemplateDirective":"./floatingactionbutton/templates/fab-template.directive","DialItemTemplateDirective":"./floatingactionbutton/templates/dial-item-template.directive","DialItem":"./floatingactionbutton/models/item.interface","DialItemClickEvent":"./floatingactionbutton/models/item-click.event","DialItemAnimation":"./floatingactionbutton/models/item-animation.interface","FabAlign":"./floatingactionbutton/models/align","FabPositionMode":"./floatingactionbutton/models/position-mode","FabOffset":"./floatingactionbutton/models/offset","ButtonSize":"./common/models/size","ChipSize":"./common/models/size","ButtonRounded":"./common/models/rounded","ChipRounded":"./common/models/rounded","ButtonFillMode":"./common/models/fillmode","ChipFillMode":"./common/models/fillmode","ButtonThemeColor":"./common/models/theme-color","ChipThemeColor":"./common/models/theme-color","ButtonShape":"./common/models/shape","KendoButtonService":"./button/button.service","ListButton":"./listbutton/list-button","FocusService":"./focusable/focus.service","NavigationService":"./navigation/navigation.service","NavigationConfig":"./navigation/navigation-config","NAVIGATION_CONFIG":"./navigation/navigation-config","ButtonItemTemplateDirective":"./listbutton/button-item-template.directive","LocalizedSplitButtonMessagesDirective":"./splitbutton/localization/localized-messages.directive","Messages":"./splitbutton/localization/messages","ListModule":"./listbutton/list.module","ListComponent":"./listbutton/list.component","FocusableDirective":"./focusable/focusable.directive","TemplateContextDirective":"./listbutton/template-context.directive","DialListComponent":"./floatingactionbutton/dial-list.component","DialItemComponent":"./floatingactionbutton/dial-item.component"},"importAs":"@progress/kendo-angular-buttons"}

package/{listbutton → dist/es2015/listbutton}/button-item-template.directive.d.ts

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
 /**
  * Used for rendering the list item content.
  *
@@ -55,6 +54,4 @@ import * as i0 from "@angular/core";
 export declare class ButtonItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonItemTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonItemTemplateDirective, "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", never, {}, {}, never>;
 }

package/{esm2015 → dist/es2015}/listbutton/button-item-template.directive.js

@@ -2,9 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-/* eslint-disable directive-selector-name */
-import { Directive } from '@angular/core';
-import * as i0 from "@angular/core";
+import * as tslib_1 from "tslib";
+/* tslint:disable:directive-selector-name */
+import { Directive, TemplateRef } from '@angular/core';
 /**
  * Used for rendering the list item content.
  *
@@ -53,16 +53,15 @@ import * as i0 from "@angular/core";
  *
  * For more examples, refer to the article on the [DropDownList templates]({% slug overview_ddl %}#templates).
  */
-export class ButtonItemTemplateDirective {
+let ButtonItemTemplateDirective = class ButtonItemTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-}
-ButtonItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-ButtonItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: ButtonItemTemplateDirective, selector: "[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ButtonItemTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+};
+ButtonItemTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], ButtonItemTemplateDirective);
+export { ButtonItemTemplateDirective };

package/{listbutton → dist/es2015/listbutton}/list-button.d.ts

@@ -10,7 +10,6 @@ import { KeyEvents } from './../navigation/key-events';
 import { NavigationService } from './../navigation/navigation.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Direction } from '../direction';
-import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -44,9 +43,8 @@ export declare class ListButton implements OnDestroy {
     protected blurTimeout: any;
     private localizationChangeSubscription;
     constructor(focusService: FocusService, navigationService: NavigationService, wrapperRef: ElementRef, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef);
-    get popupClasses(): string;
-    get openState(): boolean;
-    set openState(open: boolean);
+    readonly popupClasses: string;
+    openState: boolean;
     /**
      * @hidden
      */
@@ -86,6 +84,4 @@ export declare class ListButton implements OnDestroy {
     protected blurWrapper(emit?: boolean): void;
     protected focusButton(): void;
     protected handleTab(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListButton, "ng-component", never, {}, {}, never, never>;
 }

package/{esm2015 → dist/es2015}/listbutton/list-button.js

@@ -2,18 +2,15 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component } from '@angular/core';
-/* eslint-disable import/no-deprecated */
+/* tslint:disable:deprecation */
 import { fromEvent, merge } from 'rxjs';
 import { filter } from 'rxjs/operators';
 import { KeyEvents } from './../navigation/key-events';
 import { NavigationAction } from './../navigation/navigation-action';
 import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common';
 import { isPresent } from './../util';
-import * as i0 from "@angular/core";
-import * as i1 from "./../focusable/focus.service";
-import * as i2 from "./../navigation/navigation.service";
-import * as i3 from "@progress/kendo-angular-l10n";
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
@@ -30,6 +27,7 @@ export class ListButton {
         this._popupSettings = { animate: true, popupClass: '' };
         this.listId = guid();
         this._isFocused = false;
+        validatePackage(packageMetadata);
         this.focusService = focusService;
         this.navigationService = navigationService;
         this.wrapper = wrapperRef.nativeElement;
@@ -37,7 +35,7 @@ export class ListButton {
         this.subscribeEvents();
     }
     get popupClasses() {
-        const popupClasses = ['k-list-container', 'k-reset', 'k-group'];
+        const popupClasses = ['k-menu-popup'];
         if (this._popupSettings.popupClass) {
             popupClasses.push(this._popupSettings.popupClass);
         }
@@ -115,7 +113,7 @@ export class ListButton {
         });
         this.closeSubscription = merge(this.navigationService.close, this.navigationService.esc).subscribe(() => this.focusWrapper());
     }
-    enterHandler() { } // eslint-disable-line
+    enterHandler() { } // tslint:disable-line
     unsubscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -223,11 +221,3 @@ export class ListButton {
         this.blurWrapper(false);
     }
 }
-ListButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ListButton, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ListButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ListButton, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ListButton, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.LocalizationService }, { type: i0.ChangeDetectorRef }]; } });

package/dist/es2015/listbutton/list-item-model.js

@@ -0,0 +1,4 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/

package/{listbutton → dist/es2015/listbutton}/list.component.d.ts

@@ -5,7 +5,7 @@
 import { EventEmitter } from '@angular/core';
 import { ListItemModel } from './list-item-model';
 import { ButtonItemTemplateDirective } from './button-item-template.directive';
-import * as i0 from "@angular/core";
+import { ButtonSize } from '../common/models';
 /**
  * @hidden
  */
@@ -15,11 +15,11 @@ export declare class ListComponent {
     itemTemplate: ButtonItemTemplateDirective;
     onItemClick: EventEmitter<number>;
     onItemBlur: EventEmitter<any>;
+    size: ButtonSize;
+    sizeClass: string;
     constructor();
     getText(dataItem: any): any;
     getIconClasses(dataItem: ListItemModel): any;
     onClick(index: number): void;
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListComponent, "kendo-button-list", never, { "data": "data"; "textField": "textField"; "itemTemplate": "itemTemplate"; }, { "onItemClick": "onItemClick"; "onItemBlur": "onItemBlur"; }, never, never>;
 }

package/dist/es2015/listbutton/list.component.js

@@ -0,0 +1,113 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { ButtonItemTemplateDirective } from './button-item-template.directive';
+import { SIZES } from '../util';
+/**
+ * @hidden
+ */
+let ListComponent = class ListComponent {
+    constructor() {
+        this.onItemClick = new EventEmitter();
+        this.onItemBlur = new EventEmitter();
+        this.sizeClass = '';
+        validatePackage(packageMetadata);
+    }
+    set size(size) {
+        if (size) {
+            this.sizeClass = `k-menu-group-${SIZES[size]}`;
+        }
+        else {
+            this.sizeClass = '';
+        }
+    }
+    getText(dataItem) {
+        if (dataItem) {
+            return this.textField ? dataItem[this.textField] : dataItem.text || dataItem;
+        }
+        return undefined;
+    }
+    getIconClasses(dataItem) {
+        const icon = dataItem.icon ? 'k-icon k-i-' + dataItem.icon : undefined;
+        const classes = {};
+        classes[icon || dataItem.iconClass] = true;
+        return classes;
+    }
+    onClick(index) {
+        this.onItemClick.emit(index);
+    }
+    onBlur() {
+        this.onItemBlur.emit();
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array)
+], ListComponent.prototype, "data", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], ListComponent.prototype, "textField", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", ButtonItemTemplateDirective)
+], ListComponent.prototype, "itemTemplate", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], ListComponent.prototype, "onItemClick", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], ListComponent.prototype, "onItemBlur", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], ListComponent.prototype, "size", null);
+ListComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-button-list',
+        template: `
+        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">
+            <li role="menuitem" unselectable="on"
+                kendoButtonFocusable
+                *ngFor="let dataItem of data; let index = index;"
+                class="k-item k-menu-item"
+                (click)="onClick(index)"
+                (blur)="onBlur()"
+                [attr.aria-disabled]="dataItem.disabled ? true : false">
+                <ng-template [ngIf]="itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>
+                    </span>
+                </ng-template>
+                <ng-template [ngIf]="!itemTemplate?.templateRef">
+                    <span kendoButtonFocusable [index]="index" class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled" tabindex="-1">
+                        <span
+                            *ngIf="dataItem.icon || dataItem.iconClass"
+                            [ngClass]="getIconClasses(dataItem)"
+                        ></span>
+                        <img
+                            *ngIf="dataItem.imageUrl"
+                            class="k-image"
+                            [src]="dataItem.imageUrl"
+                            alt=""
+                        >
+                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">
+                        {{ getText(dataItem) }}
+                        </span>
+                    </span>
+                </ng-template>
+            </li>
+        </ul>
+      `
+    }),
+    tslib_1.__metadata("design:paramtypes", [])
+], ListComponent);
+export { ListComponent };