@progress/kendo-angular-tooltip - npm Package Compare versions

Comparing version 2.1.7-dev.202011180642 to 3.0.0-dev.202012080633

dist/cdn/main.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-popup","@progress/kendo-angular-l10n","rxjs/operators","rxjs","@angular/common"],e):"object"==typeof exports?exports.KendoAngularTooltip=e(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("rxjs"),require("@angular/common")):t.KendoAngularTooltip=e(t.tslib,t["@angular/core"],t["@progress/kendo-angular-popup"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t.rxjs,t["@angular/common"])}(window,(function(t,e,o,i,n,r,s){return function(t){var e={};function o(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=t,o.c=e,o.d=function(t,e,i){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(i,n,function(e){return t[e]}.bind(null,n));return i},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=8)}([function(e,o){e.exports=t},function(t,o){t.exports=e},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(9),s=o(10),p=o(3),a=o(4),l=o(5),u=o(7),c=function(){function t(t,e,o,i,n,p){var a=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.filter="[title]",this.position="top",this.showAfter=100,this.callout=!0,this.closable=!1,this.offset=6,this.anchor=null,this.validPositions=["top","bottom","right","left"],this.validShowOptions=["hover","click","none"],Object.assign(this,n,p),this.ngZone.runOutsideAngular((function(){var t=a.tooltipWrapper.nativeElement;a.anchorTitleSubscription=s.fromEvent(t,"mouseover").pipe(r.filter((function(){return""!==a.filter}))).subscribe((function(t){var e=u.closest(t.target,a.filter);e&&a.hideElementTitle({nativeElement:e})})),a.mouseOverSubscription=s.fromEvent(t,"mouseover").pipe(r.debounceTime(100),r.filter((function(){return""!==a.filter}))).subscribe((function(t){return a.onMouseOver(t)})),a.mouseOutSubscription=s.fromEvent(t,"mouseout").pipe(r.debounceTime(100)).subscribe((function(t){return a.onMouseOut(t)}))}))}return Object.defineProperty(t.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(t){this.template=t},enumerable:!0,configurable:!0}),t.prototype.show=function(t){var e=this;if(!this.popupRef)if(t instanceof Element&&(t={nativeElement:t}),this.anchor=t,"hover"===this.showOn){if(this.popupRef)return;clearTimeout(this.showTimeout),this.showTimeout=window.setTimeout((function(){return e.showContent(e.anchor)}),this.showAfter)}else this.hideElementTitle(this.anchor),this.showContent(this.anchor)},t.prototype.hide=function(){clearTimeout(this.showTimeout);var t=this.anchor&&this.anchor.nativeElement;t&&t.getAttribute("data-title")&&(t.getAttribute("title")||t.setAttribute("title",t.getAttribute("data-title")),t.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},t.prototype.toggle=function(t,e){var o=this.anchor&&this.anchor.nativeElement;t instanceof Element&&(t={nativeElement:t}),o!==t.nativeElement&&this.hide(),o===t.nativeElement&&"click"===this.showOn&&this.hide(),void 0===e&&(e=!this.popupRef),e?this.show(t):this.hide()},t.prototype.ngOnInit=function(){void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties()},t.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},t.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!u.hasParent(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},t.prototype.ngOnDestroy=function(){this.hide(),this.template=null,this.anchorTitleSubscription.unsubscribe(),this.mouseOverSubscription.unsubscribe(),this.mouseOutSubscription.unsubscribe(),this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe(),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe()},t.prototype.showContent=function(t){var e=this;(t.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run((function(){e.openPopup(t),e.bindContent(e.popupRef.content,t)})),this.popupRef.popupAnchorViewportLeave.pipe(r.take(1)).subscribe((function(){return e.hide()})))},t.prototype.bindContent=function(t,e){var o=this,i=t.instance;this.closeClickSubscription=i.close.subscribe((function(){o.hide()})),this.template?i.templateRef=this.template:i.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(i.titleTemplate=this.titleTemplate),i.closeTitle=this.closeTitle,i.anchor=e,i.callout=this.callout,i.closable=this.closable,i.position=this.position,i.tooltipWidth=this.tooltipWidth,i.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},t.prototype.hideElementTitle=function(t){var e=t.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},t.prototype.openPopup=function(t){var e=this,o=u.align(this.position,this.offset),i=o.anchorAlign,n=o.popupAlign,r=o.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:i,animate:!1,content:l.TooltipContentComponent,collision:u.collision(this.collision,this.position),margin:r,popupAlign:n,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass);var p=this.popupRef.content.instance;p.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe((function(t){var o=t.flip,i=!0===o.horizontal||!0===o.vertical;p.updateCalloutPosition(e.position,i)}))),"hover"===this.showOn&&this.ngZone.runOutsideAngular((function(){var t=e.popupRef.popupElement;e.popupMouseOutSubscription=s.fromEvent(t,"mouseout").subscribe((function(t){return e.onMouseOut(t)}))}))},t.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},t.prototype.subscribeClick=function(){var t=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=s.fromEvent(document,"click").pipe(r.filter((function(){return""!==t.filter}))).subscribe((function(e){return t.onMouseClick(e,t.tooltipWrapper.nativeElement)})))},t.prototype.onMouseClick=function(t,e){var o=t.target,i=u.closest(o,this.filter),n=this.popupRef&&this.popupRef.popupElement;if(n){if(n.contains(o))return;if(this.closable)return}e.contains(o)&&i?this.toggle(i,!0):n&&this.hide()},t.prototype.onMouseOver=function(t){var e=u.closest(t.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},t.prototype.onMouseOut=function(t){if("hover"===this.showOn&&!this.closable){var e=this.popupRef&&this.popupRef.popupElement,o=t.relatedTarget;o&&this.anchor&&u.contains(this.anchor.nativeElement,o)||o&&u.contains(e,o)||this.hide()}},t.prototype.verifyProperties=function(){if(n.isDevMode()){if(!u.containsItem(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!u.containsItem(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}},i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"filter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"position",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"showOn",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"showAfter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"callout",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"offset",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipWidth",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"tooltipClass",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Object)],t.prototype,"collision",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"closeTitle",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],t.prototype,"tooltipTemplate",null),t=i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip"}),i.__param(4,n.Optional()),i.__param(5,n.Optional()),i.__param(5,n.Inject(a.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,p.PopupService,a.TooltipSettings,a.TooltipSettings])],t)}();e.TooltipDirective=c},function(t,e){t.exports=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1);e.TOOLTIP_SETTINGS=new n.InjectionToken("kendo-ui-tooltip-settings");var r=function(){function t(){}return t=i.__decorate([n.Injectable()],t)}();e.TooltipSettings=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(6),s=o(7),p=function(){function t(t,e){this.content=t,this.localizationService=e,this.close=new n.EventEmitter,this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(t,e,o){var i={},n="top"===t||"bottom"===t;return o?("top"===t?i.bottom="unset":"bottom"===t?i.top="unset":"left"===t?i.right="unset":"right"===t&&(i.left="unset"),i[t]=-e+"px",i.transform=n?"rotateX(180deg)":"rotateY(180deg)",i):(i.transform=n?"rotateX(0deg)":"rotateY(0deg)",i)},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(t.prototype,"cssClasses",{get:function(){return"k-widget k-tooltip"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"className",{get:function(){return this.closable},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe((function(e){var o=e.rtl;return t.direction=o?"rtl":"ltr"}))},t.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.calloutPositionClass=function(){return{top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"}[this.position]},t.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},t.prototype.updateCalloutPosition=function(t,e){if(this.callout){var o=this.content.nativeElement.querySelector(".k-callout"),i="top"===t||"bottom"===t,n=i?"width":"height",r=i?"left":"top",p=i?"marginLeft":"marginTop",a=o.getBoundingClientRect()[n],l=s.getCenterOffset(this.anchor.nativeElement,r,n),u=s.getCenterOffset(this.content.nativeElement,r,n),c=Math.abs(u-l);if(c>1||0===c||0===Math.round(c)){var h=u-l+a/2;o.style[p]=-h+"px"}var d=this.calloutStyles(t,a,e);Object.keys(d).forEach((function(t){o.style[t]=d[t]}))}},i.__decorate([n.HostBinding("attr.dir"),i.__metadata("design:type",String)],t.prototype,"direction",void 0),i.__decorate([n.Output(),i.__metadata("design:type",n.EventEmitter)],t.prototype,"close",void 0),i.__decorate([n.HostBinding("class"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],t.prototype,"cssClasses",null),i.__decorate([n.HostBinding("class.k-tooltip-closable"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],t.prototype,"className",null),i.__decorate([n.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],t.prototype,"cssPosition",null),i.__decorate([n.HostBinding("style.width.px"),n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipWidth",void 0),i.__decorate([n.HostBinding("style.height.px"),n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.ElementRef)],t.prototype,"anchor",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"templateRef",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"templateString",void 0),t=i.__decorate([n.Component({selector:"kendo-tooltip",template:'\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"\n            closeTitle="Close"\n        >\n        </ng-container>\n\n        <div class="k-tooltip-content">\n            <div class="k-tooltip-title" *ngIf="titleTemplate">\n                <ng-template\n                    [ngIf]="titleTemplate"\n                    [ngTemplateOutlet]="titleTemplate"\n                    [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]="templateRef"\n                [ngTemplateOutlet]="templateRef"\n                [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n            </ng-template>\n            <ng-template\n                [ngIf]="templateString">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n            <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>\n        </div>\n\n        <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n    ',providers:[r.LocalizationService,{provide:r.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__metadata("design:paramtypes",[n.ElementRef,r.LocalizationService])],t)}();e.TooltipContentComponent=p},function(t,e){t.exports=i},function(t,e,o){"use strict";function i(t){return 9===t.nodeType}Object.defineProperty(e,"__esModule",{value:!0}),e.align=function(t,e){var o={},i={},n={};switch(t){case"top":o={horizontal:"center",vertical:"top"},i={horizontal:"center",vertical:"bottom"},n={horizontal:0,vertical:e};break;case"bottom":o={horizontal:"center",vertical:"bottom"},i={horizontal:"center",vertical:"top"},n={horizontal:0,vertical:e};break;case"right":o={horizontal:"right",vertical:"center"},i={horizontal:"left",vertical:"center"},n={horizontal:e,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},i={horizontal:"right",vertical:"center"},n={horizontal:e,vertical:0}}return{anchorAlign:o,popupAlign:i,popupMargin:n}},e.collision=function(t,e){return t||("top"===e||"bottom"===e?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})},e.closest=function(t,e){if(t.closest)return t.closest(e);for(var o=Element.prototype.matches?function(t,e){return t.matches(e)}:function(t,e){return t.msMatchesSelector(e)},n=t;n&&!i(n);){if(o(n,e))return n;n=n.parentNode}},e.contains=function(t,e){return!!t&&(!i(t)&&(t.contains?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_CONTAINED_BY):void 0))},e.hasParent=function(t,e){for(;t&&t!==e;)t=t.parentNode;return t},e.getCenterOffset=function(t,e,o){var i=t.getBoundingClientRect();return i[e]+i[o]/2},e.containsItem=function(t,e){return-1!==t.indexOf(e)}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(2);e.TooltipDirective=i.TooltipDirective;var n=o(11);e.TooltipModule=n.TooltipModule;var r=o(4);e.TooltipSettings=r.TooltipSettings,e.TOOLTIP_SETTINGS=r.TOOLTIP_SETTINGS},function(t,e){t.exports=n},function(t,e){t.exports=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(12),s=o(2),p=o(3),a=o(5),l=o(13),u=[s.TooltipDirective,a.TooltipContentComponent,l.LocalizedMessagesDirective],c=[p.PopupModule],h=function(){function t(){}return t=i.__decorate([n.NgModule({declarations:[u],entryComponents:[a.TooltipContentComponent],imports:[r.CommonModule].concat(c),exports:[u]})],t)}();e.TooltipModule=h},function(t,e){t.exports=s},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(6),s=function(t){function e(e){var o=t.call(this)||this;return o.service=e,o}var o;return i.__extends(e,t),o=e,i.__decorate([n.Input(),i.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=o=i.__decorate([n.Directive({providers:[{provide:r.ComponentMessages,useExisting:n.forwardRef((function(){return o}))}],selector:"[kendoTooltipLocalizedMessages]"}),i.__metadata("design:paramtypes",[r.LocalizationService])],e)}(r.ComponentMessages);e.LocalizedMessagesDirective=s}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("rxjs"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-popup","@progress/kendo-angular-l10n","rxjs/operators","rxjs","@progress/kendo-licensing","@angular/common"],e):"object"==typeof exports?exports.KendoAngularTooltip=e(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-l10n"),require("rxjs/operators"),require("rxjs"),require("@progress/kendo-licensing"),require("@angular/common")):t.KendoAngularTooltip=e(t.tslib,t["@angular/core"],t["@progress/kendo-angular-popup"],t["@progress/kendo-angular-l10n"],t["rxjs/operators"],t.rxjs,t["@progress/kendo-licensing"],t["@angular/common"])}(window,(function(t,e,o,i,n,r,s,a){return function(t){var e={};function o(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=t,o.c=e,o.d=function(t,e,i){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(i,n,function(e){return t[e]}.bind(null,n));return i},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=8)}([function(e,o){e.exports=t},function(t,o){t.exports=e},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(9),s=o(10),a=o(3),p=o(11),l=o(12),u=o(4),c=o(5),d=o(7),h=function(){function t(t,e,o,i,n,a){var u=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.filter="[title]",this.position="top",this.showAfter=100,this.callout=!0,this.closable=!1,this.offset=6,this.anchor=null,this.validPositions=["top","bottom","right","left"],this.validShowOptions=["hover","click","none"],p.validatePackage(l.packageMetadata),Object.assign(this,n,a),this.ngZone.runOutsideAngular((function(){var t=u.tooltipWrapper.nativeElement;u.anchorTitleSubscription=s.fromEvent(t,"mouseover").pipe(r.filter((function(){return""!==u.filter}))).subscribe((function(t){var e=d.closest(t.target,u.filter);e&&u.hideElementTitle({nativeElement:e})})),u.mouseOverSubscription=s.fromEvent(t,"mouseover").pipe(r.debounceTime(100),r.filter((function(){return""!==u.filter}))).subscribe((function(t){return u.onMouseOver(t)})),u.mouseOutSubscription=s.fromEvent(t,"mouseout").pipe(r.debounceTime(100)).subscribe((function(t){return u.onMouseOut(t)}))}))}return Object.defineProperty(t.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(t){this.template=t},enumerable:!0,configurable:!0}),t.prototype.show=function(t){var e=this;if(!this.popupRef)if(t instanceof Element&&(t={nativeElement:t}),this.anchor=t,"hover"===this.showOn){if(this.popupRef)return;clearTimeout(this.showTimeout),this.showTimeout=window.setTimeout((function(){return e.showContent(e.anchor)}),this.showAfter)}else this.hideElementTitle(this.anchor),this.showContent(this.anchor)},t.prototype.hide=function(){clearTimeout(this.showTimeout);var t=this.anchor&&this.anchor.nativeElement;t&&t.getAttribute("data-title")&&(t.getAttribute("title")||t.setAttribute("title",t.getAttribute("data-title")),t.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},t.prototype.toggle=function(t,e){var o=this.anchor&&this.anchor.nativeElement;t instanceof Element&&(t={nativeElement:t}),o!==t.nativeElement&&this.hide(),o===t.nativeElement&&"click"===this.showOn&&this.hide(),void 0===e&&(e=!this.popupRef),e?this.show(t):this.hide()},t.prototype.ngOnInit=function(){void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties()},t.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},t.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!d.hasParent(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},t.prototype.ngOnDestroy=function(){this.hide(),this.template=null,this.anchorTitleSubscription.unsubscribe(),this.mouseOverSubscription.unsubscribe(),this.mouseOutSubscription.unsubscribe(),this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe(),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe()},t.prototype.showContent=function(t){var e=this;(t.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run((function(){e.openPopup(t),e.bindContent(e.popupRef.content,t)})),this.popupRef.popupAnchorViewportLeave.pipe(r.take(1)).subscribe((function(){return e.hide()})))},t.prototype.bindContent=function(t,e){var o=this,i=t.instance;this.closeClickSubscription=i.close.subscribe((function(){o.hide()})),this.template?i.templateRef=this.template:i.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(i.titleTemplate=this.titleTemplate),i.closeTitle=this.closeTitle,i.anchor=e,i.callout=this.callout,i.closable=this.closable,i.position=this.position,i.tooltipWidth=this.tooltipWidth,i.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},t.prototype.hideElementTitle=function(t){var e=t.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},t.prototype.openPopup=function(t){var e=this,o=d.align(this.position,this.offset),i=o.anchorAlign,n=o.popupAlign,r=o.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:i,animate:!1,content:c.TooltipContentComponent,collision:d.collision(this.collision,this.position),margin:r,popupAlign:n,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass);var a=this.popupRef.content.instance;a.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe((function(t){var o=t.flip,i=!0===o.horizontal||!0===o.vertical;a.updateCalloutPosition(e.position,i)}))),"hover"===this.showOn&&this.ngZone.runOutsideAngular((function(){var t=e.popupRef.popupElement;e.popupMouseOutSubscription=s.fromEvent(t,"mouseout").subscribe((function(t){return e.onMouseOut(t)}))}))},t.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},t.prototype.subscribeClick=function(){var t=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=s.fromEvent(document,"click").pipe(r.filter((function(){return""!==t.filter}))).subscribe((function(e){return t.onMouseClick(e,t.tooltipWrapper.nativeElement)})))},t.prototype.onMouseClick=function(t,e){var o=t.target,i=d.closest(o,this.filter),n=this.popupRef&&this.popupRef.popupElement;if(n){if(n.contains(o))return;if(this.closable)return}e.contains(o)&&i?this.toggle(i,!0):n&&this.hide()},t.prototype.onMouseOver=function(t){var e=d.closest(t.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},t.prototype.onMouseOut=function(t){if("hover"===this.showOn&&!this.closable){var e=this.popupRef&&this.popupRef.popupElement,o=t.relatedTarget;o&&this.anchor&&d.contains(this.anchor.nativeElement,o)||o&&d.contains(e,o)||this.hide()}},t.prototype.verifyProperties=function(){if(n.isDevMode()){if(!d.containsItem(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!d.containsItem(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}},i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"filter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"position",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"showOn",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"showAfter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"callout",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"offset",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipWidth",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"tooltipClass",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Object)],t.prototype,"collision",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"closeTitle",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],t.prototype,"tooltipTemplate",null),t=i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip"}),i.__param(4,n.Optional()),i.__param(5,n.Optional()),i.__param(5,n.Inject(u.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,a.PopupService,u.TooltipSettings,u.TooltipSettings])],t)}();e.TooltipDirective=h},function(t,e){t.exports=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1);e.TOOLTIP_SETTINGS=new n.InjectionToken("kendo-ui-tooltip-settings");var r=function(){function t(){}return t=i.__decorate([n.Injectable()],t)}();e.TooltipSettings=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(6),s=o(7),a=function(){function t(t,e){this.content=t,this.localizationService=e,this.close=new n.EventEmitter,this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(t,e,o){var i={},n="top"===t||"bottom"===t;return o?("top"===t?i.bottom="unset":"bottom"===t?i.top="unset":"left"===t?i.right="unset":"right"===t&&(i.left="unset"),i[t]=-e+"px",i.transform=n?"rotateX(180deg)":"rotateY(180deg)",i):(i.transform=n?"rotateX(0deg)":"rotateY(0deg)",i)},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(t.prototype,"cssClasses",{get:function(){return"k-widget k-tooltip"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"className",{get:function(){return this.closable},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe((function(e){var o=e.rtl;return t.direction=o?"rtl":"ltr"}))},t.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(t.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),t.prototype.calloutPositionClass=function(){return{top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"}[this.position]},t.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},t.prototype.updateCalloutPosition=function(t,e){if(this.callout){var o=this.content.nativeElement.querySelector(".k-callout"),i="top"===t||"bottom"===t,n=i?"width":"height",r=i?"left":"top",a=i?"marginLeft":"marginTop",p=o.getBoundingClientRect()[n],l=s.getCenterOffset(this.anchor.nativeElement,r,n),u=s.getCenterOffset(this.content.nativeElement,r,n),c=Math.abs(u-l);if(c>1||0===c||0===Math.round(c)){var d=u-l+p/2;o.style[a]=-d+"px"}var h=this.calloutStyles(t,p,e);Object.keys(h).forEach((function(t){o.style[t]=h[t]}))}},i.__decorate([n.HostBinding("attr.dir"),i.__metadata("design:type",String)],t.prototype,"direction",void 0),i.__decorate([n.Output(),i.__metadata("design:type",n.EventEmitter)],t.prototype,"close",void 0),i.__decorate([n.HostBinding("class"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],t.prototype,"cssClasses",null),i.__decorate([n.HostBinding("class.k-tooltip-closable"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],t.prototype,"className",null),i.__decorate([n.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],t.prototype,"cssPosition",null),i.__decorate([n.HostBinding("style.width.px"),n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipWidth",void 0),i.__decorate([n.HostBinding("style.height.px"),n.Input(),i.__metadata("design:type",Number)],t.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.ElementRef)],t.prototype,"anchor",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],t.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],t.prototype,"templateRef",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],t.prototype,"templateString",void 0),t=i.__decorate([n.Component({selector:"kendo-tooltip",template:'\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"\n            closeTitle="Close"\n        >\n        </ng-container>\n\n        <div class="k-tooltip-content">\n            <div class="k-tooltip-title" *ngIf="titleTemplate">\n                <ng-template\n                    [ngIf]="titleTemplate"\n                    [ngTemplateOutlet]="titleTemplate"\n                    [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]="templateRef"\n                [ngTemplateOutlet]="templateRef"\n                [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n            </ng-template>\n            <ng-template\n                [ngIf]="templateString">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n            <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>\n        </div>\n\n        <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n    ',providers:[r.LocalizationService,{provide:r.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__metadata("design:paramtypes",[n.ElementRef,r.LocalizationService])],t)}();e.TooltipContentComponent=a},function(t,e){t.exports=i},function(t,e,o){"use strict";function i(t){return 9===t.nodeType}Object.defineProperty(e,"__esModule",{value:!0}),e.align=function(t,e){var o={},i={},n={};switch(t){case"top":o={horizontal:"center",vertical:"top"},i={horizontal:"center",vertical:"bottom"},n={horizontal:0,vertical:e};break;case"bottom":o={horizontal:"center",vertical:"bottom"},i={horizontal:"center",vertical:"top"},n={horizontal:0,vertical:e};break;case"right":o={horizontal:"right",vertical:"center"},i={horizontal:"left",vertical:"center"},n={horizontal:e,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},i={horizontal:"right",vertical:"center"},n={horizontal:e,vertical:0}}return{anchorAlign:o,popupAlign:i,popupMargin:n}},e.collision=function(t,e){return t||("top"===e||"bottom"===e?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})},e.closest=function(t,e){if(t.closest)return t.closest(e);for(var o=Element.prototype.matches?function(t,e){return t.matches(e)}:function(t,e){return t.msMatchesSelector(e)},n=t;n&&!i(n);){if(o(n,e))return n;n=n.parentNode}},e.contains=function(t,e){return!!t&&(!i(t)&&(t.contains?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_CONTAINED_BY):void 0))},e.hasParent=function(t,e){for(;t&&t!==e;)t=t.parentNode;return t},e.getCenterOffset=function(t,e,o){var i=t.getBoundingClientRect();return i[e]+i[o]/2},e.containsItem=function(t,e){return-1!==t.indexOf(e)}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(2);e.TooltipDirective=i.TooltipDirective;var n=o(13);e.TooltipModule=n.TooltipModule;var r=o(4);e.TooltipSettings=r.TooltipSettings,e.TOOLTIP_SETTINGS=r.TOOLTIP_SETTINGS},function(t,e){t.exports=n},function(t,e){t.exports=r},function(t,e){t.exports=s},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-tooltip",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1607409131,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(14),s=o(2),a=o(3),p=o(5),l=o(15),u=[s.TooltipDirective,p.TooltipContentComponent,l.LocalizedMessagesDirective],c=[a.PopupModule],d=function(){function t(){}return t=i.__decorate([n.NgModule({declarations:[u],entryComponents:[p.TooltipContentComponent],imports:[r.CommonModule].concat(c),exports:[u]})],t)}();e.TooltipModule=d},function(t,e){t.exports=a},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(0),n=o(1),r=o(6),s=function(t){function e(e){var o=t.call(this)||this;return o.service=e,o}var o;return i.__extends(e,t),o=e,i.__decorate([n.Input(),i.__metadata("design:type",String)],e.prototype,"closeTitle",void 0),e=o=i.__decorate([n.Directive({providers:[{provide:r.ComponentMessages,useExisting:n.forwardRef((function(){return o}))}],selector:"[kendoTooltipLocalizedMessages]"}),i.__metadata("design:paramtypes",[r.LocalizationService])],e)}(r.ComponentMessages);e.LocalizedMessagesDirective=s}])}));

dist/es/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"Collision","as":"Collision"}],"from":"@progress/kendo-angular-popup"}],"metadata":{"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[kendoTooltip]","exportAs":"kendoTooltip"}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"showOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"showAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"callout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":5}}]}],"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"tooltipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":171,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":172,"character":21},"arguments":[{"__symbolic":"reference","name":"TOOLTIP_SETTINGS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":167,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":169,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":170,"character":30},{"__symbolic":"reference","name":"TooltipSettings"},{"__symbolic":"reference","name":"TooltipSettings"}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"bindContent":[{"__symbolic":"method"}],"hideElementTitle":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"subscribeClick":[{"__symbolic":"method"}],"onMouseClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseOut":[{"__symbolic":"method"}],"verifyProperties":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":11,"character":34}],"exports":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]]}]}],"members":{}},"TooltipSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1}}],"members":{}},"TOOLTIP_SETTINGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":36},"arguments":["kendo-ui-tooltip-settings"]},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kendo-tooltip","template":"\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.tooltip"}]}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":5},"arguments":["attr.dir"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":5}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["class"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":5},"arguments":["class.k-tooltip-closable"]}]}],"cssPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":5},"arguments":["style.position"]}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":5},"arguments":["style.width.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":5},"arguments":["style.height.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":109,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calloutPositionClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"updateCalloutPosition":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵb"}}],"selector":"[kendoTooltipLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"TooltipDirective":"./tooltip/tooltip.directive","TooltipModule":"./tooltip.module","TooltipSettings":"./tooltip/tooltip.settings","TOOLTIP_SETTINGS":"./tooltip/tooltip.settings","ɵa":"./tooltip/tooltip.content.component","ɵb":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-tooltip"}
+{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"Collision","as":"Collision"}],"from":"@progress/kendo-angular-popup"}],"metadata":{"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":40,"character":1},"arguments":[{"selector":"[kendoTooltip]","exportAs":"kendoTooltip"}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"showOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"showAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"callout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":5}}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":5}}]}],"tooltipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":173,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":174,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":174,"character":21},"arguments":[{"__symbolic":"reference","name":"TOOLTIP_SETTINGS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":169,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":170,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":171,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":172,"character":30},{"__symbolic":"reference","name":"TooltipSettings"},{"__symbolic":"reference","name":"TooltipSettings"}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"bindContent":[{"__symbolic":"method"}],"hideElementTitle":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"subscribeClick":[{"__symbolic":"method"}],"onMouseClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseOut":[{"__symbolic":"method"}],"verifyProperties":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]],"entryComponents":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":11,"character":34}],"exports":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]]}]}],"members":{}},"TooltipSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1}}],"members":{}},"TOOLTIP_SETTINGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":36},"arguments":["kendo-ui-tooltip-settings"]},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kendo-tooltip","template":"\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.tooltip"}]}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":5},"arguments":["attr.dir"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":5}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["class"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":5},"arguments":["class.k-tooltip-closable"]}]}],"cssPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":5},"arguments":["style.position"]}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":5},"arguments":["style.width.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":5},"arguments":["style.height.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":109,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calloutPositionClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"updateCalloutPosition":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵb"}}],"selector":"[kendoTooltipLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"TooltipDirective":"./tooltip/tooltip.directive","TooltipModule":"./tooltip.module","TooltipSettings":"./tooltip/tooltip.settings","TOOLTIP_SETTINGS":"./tooltip/tooltip.settings","ɵa":"./tooltip/tooltip.content.component","ɵb":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-tooltip"}

dist/es/localization/localized-messages.directive.js

@@ -18,22 +18,22 @@ /**-----------------------------------------------------------------------------------------
     }
-    LocalizedMessagesDirective.decorators = [
-        { type: Directive, args: [{
-                    providers: [
-                        {
-                            provide: ComponentMessages,
-                            useExisting: forwardRef(function () { return LocalizedMessagesDirective; })
-                        }
-                    ],
-                    selector: "[kendoTooltipLocalizedMessages]"
-                },] },
-    ];
-    /** @nocollapse */
-    LocalizedMessagesDirective.ctorParameters = function () { return [
-        { type: LocalizationService }
-    ]; };
-    LocalizedMessagesDirective.propDecorators = {
-        closeTitle: [{ type: Input }]
-    };
+    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
+    var LocalizedMessagesDirective_1;
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
+    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
+        Directive({
+            providers: [
+                {
+                    provide: ComponentMessages,
+                    useExisting: forwardRef(function () { return LocalizedMessagesDirective_1; })
+                }
+            ],
+            selector: "[kendoTooltipLocalizedMessages]"
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], LocalizedMessagesDirective);
     return LocalizedMessagesDirective;
 }(ComponentMessages));
 export { LocalizedMessagesDirective };

dist/es/tooltip.module.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
@@ -47,12 +48,12 @@ import { CommonModule } from '@angular/common';
     }
-    TooltipModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    entryComponents: [TooltipContentComponent],
-                    imports: [CommonModule].concat(COMPONENT_MODULES),
-                    exports: [COMPONENT_DIRECTIVES]
-                },] },
-    ];
+    TooltipModule = tslib_1.__decorate([
+        NgModule({
+            declarations: [COMPONENT_DIRECTIVES],
+            entryComponents: [TooltipContentComponent],
+            imports: [CommonModule].concat(COMPONENT_MODULES),
+            exports: [COMPONENT_DIRECTIVES]
+        })
+    ], TooltipModule);
     return TooltipModule;
 }());
 export { TooltipModule };

dist/es/tooltip/tooltip.content.component.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter } from '@angular/core';
@@ -122,36 +123,72 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
     };
-    TooltipContentComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'kendo-tooltip',
-                    template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.tooltip'
-                        }
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipContentComponent.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: LocalizationService }
-    ]; };
-    TooltipContentComponent.propDecorators = {
-        direction: [{ type: HostBinding, args: ['attr.dir',] }],
-        close: [{ type: Output }],
-        cssClasses: [{ type: HostBinding, args: ['class',] }],
-        className: [{ type: HostBinding, args: ['class.k-tooltip-closable',] }],
-        cssPosition: [{ type: HostBinding, args: ['style.position',] }],
-        tooltipWidth: [{ type: HostBinding, args: ['style.width.px',] }, { type: Input }],
-        tooltipHeight: [{ type: HostBinding, args: ['style.height.px',] }, { type: Input }],
-        titleTemplate: [{ type: Input }],
-        anchor: [{ type: Input }],
-        closable: [{ type: Input }],
-        templateRef: [{ type: Input }],
-        templateString: [{ type: Input }]
-    };
+    tslib_1.__decorate([
+        HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "direction", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], TooltipContentComponent.prototype, "close", void 0);
+    tslib_1.__decorate([
+        HostBinding('class'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssClasses", null);
+    tslib_1.__decorate([
+        HostBinding('class.k-tooltip-closable'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "className", null);
+    tslib_1.__decorate([
+        HostBinding('style.position'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssPosition", null);
+    tslib_1.__decorate([
+        HostBinding('style.width.px'),
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipWidth", void 0);
+    tslib_1.__decorate([
+        HostBinding('style.height.px'),
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipHeight", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef)
+    ], TooltipContentComponent.prototype, "titleTemplate", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ElementRef)
+    ], TooltipContentComponent.prototype, "anchor", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipContentComponent.prototype, "closable", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef)
+    ], TooltipContentComponent.prototype, "templateRef", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "templateString", void 0);
+    TooltipContentComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-tooltip',
+            template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
+            providers: [
+                LocalizationService,
+                {
+                    provide: L10N_PREFIX,
+                    useValue: 'kendo.tooltip'
+                }
+            ]
+        }),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            LocalizationService])
+    ], TooltipContentComponent);
     return TooltipContentComponent;
 }());
 export { TooltipContentComponent };

dist/es/tooltip/tooltip.directive.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Directive, Input, TemplateRef, Optional, ElementRef, NgZone, Inject, isDevMode, Renderer2 } from '@angular/core';
@@ -10,2 +11,4 @@ import { take, debounceTime, filter } from 'rxjs/operators';
 import { PopupService } from '@progress/kendo-angular-popup';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
 import { TooltipSettings, TOOLTIP_SETTINGS } from './tooltip.settings';
@@ -80,2 +83,3 @@ import { TooltipContentComponent } from '../tooltip/tooltip.content.component';
         this.validShowOptions = ['hover', 'click', 'none'];
+        validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
@@ -378,35 +382,75 @@ this.ngZone.runOutsideAngular(function () {
     };
-    TooltipDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[kendoTooltip]',
-                    exportAs: 'kendoTooltip'
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipDirective.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: NgZone },
-        { type: Renderer2 },
-        { type: PopupService },
-        { type: TooltipSettings, decorators: [{ type: Optional }] },
-        { type: TooltipSettings, decorators: [{ type: Optional }, { type: Inject, args: [TOOLTIP_SETTINGS,] }] }
-    ]; };
-    TooltipDirective.propDecorators = {
-        filter: [{ type: Input }],
-        position: [{ type: Input }],
-        titleTemplate: [{ type: Input }],
-        showOn: [{ type: Input }],
-        showAfter: [{ type: Input }],
-        callout: [{ type: Input }],
-        closable: [{ type: Input }],
-        offset: [{ type: Input }],
-        tooltipWidth: [{ type: Input }],
-        tooltipHeight: [{ type: Input }],
-        tooltipClass: [{ type: Input }],
-        collision: [{ type: Input }],
-        closeTitle: [{ type: Input }],
-        tooltipTemplate: [{ type: Input }]
-    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "position", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef)
+    ], TooltipDirective.prototype, "titleTemplate", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "showOn", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "showAfter", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "callout", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "closable", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "offset", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipWidth", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipHeight", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "tooltipClass", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], TooltipDirective.prototype, "collision", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "closeTitle", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", TemplateRef),
+        tslib_1.__metadata("design:paramtypes", [TemplateRef])
+    ], TooltipDirective.prototype, "tooltipTemplate", null);
+    TooltipDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoTooltip]',
+            exportAs: 'kendoTooltip'
+        }),
+        tslib_1.__param(4, Optional()),
+        tslib_1.__param(5, Optional()), tslib_1.__param(5, Inject(TOOLTIP_SETTINGS)),
+        tslib_1.__metadata("design:paramtypes", [ElementRef,
+            NgZone,
+            Renderer2,
+            PopupService,
+            TooltipSettings,
+            TooltipSettings])
+    ], TooltipDirective);
     return TooltipDirective;
 }());
 export { TooltipDirective };

dist/es/tooltip/tooltip.settings.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Injectable, InjectionToken } from '@angular/core';
@@ -41,7 +42,7 @@ /**
     }
-    TooltipSettings.decorators = [
-        { type: Injectable },
-    ];
+    TooltipSettings = tslib_1.__decorate([
+        Injectable()
+    ], TooltipSettings);
     return TooltipSettings;
 }());
 export { TooltipSettings };

dist/es2015/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"Collision","as":"Collision"}],"from":"@progress/kendo-angular-popup"}],"metadata":{"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":38,"character":1},"arguments":[{"selector":"[kendoTooltip]","exportAs":"kendoTooltip"}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"showOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}}]}],"showAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"callout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":115,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":5}}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":125,"character":5}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":5}}]}],"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":135,"character":5}}]}],"tooltipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":141,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":171,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":172,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":172,"character":21},"arguments":[{"__symbolic":"reference","name":"TOOLTIP_SETTINGS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":167,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":168,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":169,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":170,"character":30},{"__symbolic":"reference","name":"TooltipSettings"},{"__symbolic":"reference","name":"TooltipSettings"}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"bindContent":[{"__symbolic":"method"}],"hideElementTitle":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"subscribeClick":[{"__symbolic":"method"}],"onMouseClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseOut":[{"__symbolic":"method"}],"verifyProperties":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContentComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}]],"entryComponents":[{"__symbolic":"reference","name":"TooltipContentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":11,"character":34}],"exports":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContentComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}]]}]}],"members":{}},"TooltipSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1}}],"members":{}},"TOOLTIP_SETTINGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":36},"arguments":["kendo-ui-tooltip-settings"]},"TooltipContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kendo-tooltip","template":"\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.tooltip"}]}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":5},"arguments":["attr.dir"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":5}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["class"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":5},"arguments":["class.k-tooltip-closable"]}]}],"cssPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":5},"arguments":["style.position"]}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":5},"arguments":["style.width.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":5},"arguments":["style.height.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":109,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calloutPositionClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"updateCalloutPosition":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoTooltipLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"TooltipDirective":"./tooltip/tooltip.directive","TooltipModule":"./tooltip.module","TooltipSettings":"./tooltip/tooltip.settings","TOOLTIP_SETTINGS":"./tooltip/tooltip.settings","TooltipContentComponent":"./tooltip/tooltip.content.component","LocalizedMessagesDirective":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-tooltip"}
+{"__symbolic":"module","version":4,"exports":[{"export":[{"name":"Collision","as":"Collision"}],"from":"@progress/kendo-angular-popup"}],"metadata":{"TooltipDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":40,"character":1},"arguments":[{"selector":"[kendoTooltip]","exportAs":"kendoTooltip"}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"showOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5}}]}],"showAfter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"callout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":5}}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":5}}]}],"tooltipClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":127,"character":5}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":5}}]}],"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":137,"character":5}}]}],"tooltipTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":143,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":173,"character":9}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":174,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":174,"character":21},"arguments":[{"__symbolic":"reference","name":"TOOLTIP_SETTINGS"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":169,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":170,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":171,"character":26},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService","line":172,"character":30},{"__symbolic":"reference","name":"TooltipSettings"},{"__symbolic":"reference","name":"TooltipSettings"}]}],"show":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showContent":[{"__symbolic":"method"}],"bindContent":[{"__symbolic":"method"}],"hideElementTitle":[{"__symbolic":"method"}],"openPopup":[{"__symbolic":"method"}],"closePopup":[{"__symbolic":"method"}],"subscribeClick":[{"__symbolic":"method"}],"onMouseClick":[{"__symbolic":"method"}],"onMouseOver":[{"__symbolic":"method"}],"onMouseOut":[{"__symbolic":"method"}],"verifyProperties":[{"__symbolic":"method"}]}},"TooltipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":43,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContentComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}]],"entryComponents":[{"__symbolic":"reference","name":"TooltipContentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":14},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule","line":11,"character":34}],"exports":[[{"__symbolic":"reference","name":"TooltipDirective"},{"__symbolic":"reference","name":"TooltipContentComponent"},{"__symbolic":"reference","name":"LocalizedMessagesDirective"}]]}]}],"members":{}},"TooltipSettings":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":37,"character":1}}],"members":{}},"TOOLTIP_SETTINGS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":10,"character":36},"arguments":["kendo-ui-tooltip-settings"]},"TooltipContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"kendo-tooltip","template":"\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":55,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":57,"character":21},"useValue":"kendo.tooltip"}]}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":5},"arguments":["attr.dir"]}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":5}}]}],"cssClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["class"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":5},"arguments":["class.k-tooltip-closable"]}]}],"cssPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":5},"arguments":["style.position"]}]}],"tooltipWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":5},"arguments":["style.width.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}}]}],"tooltipHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":5},"arguments":["style.height.px"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"titleTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":5}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":97,"character":5}}]}],"templateString":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":25},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":109,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"calloutPositionClass":[{"__symbolic":"method"}],"onCloseClick":[{"__symbolic":"method"}],"updateCalloutPosition":[{"__symbolic":"method"}]}},"LocalizedMessagesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":15,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"ComponentMessages","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"LocalizedMessagesDirective"}}],"selector":"[kendoTooltipLocalizedMessages]"}]}],"members":{"closeTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":21,"character":35}]}]}}},"origins":{"TooltipDirective":"./tooltip/tooltip.directive","TooltipModule":"./tooltip.module","TooltipSettings":"./tooltip/tooltip.settings","TOOLTIP_SETTINGS":"./tooltip/tooltip.settings","TooltipContentComponent":"./tooltip/tooltip.content.component","LocalizedMessagesDirective":"./localization/localized-messages.directive"},"importAs":"@progress/kendo-angular-tooltip"}

dist/es2015/localization/localized-messages.directive.js

@@ -5,2 +5,4 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+var LocalizedMessagesDirective_1;
 import { Directive, forwardRef, Input } from '@angular/core';
@@ -11,3 +13,3 @@ import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
  */
-export class LocalizedMessagesDirective extends ComponentMessages {
+let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends ComponentMessages {
     constructor(service) {
@@ -17,20 +19,19 @@ super();
     }
-}
-LocalizedMessagesDirective.decorators = [
-    { type: Directive, args: [{
-                providers: [
-                    {
-                        provide: ComponentMessages,
-                        useExisting: forwardRef(() => LocalizedMessagesDirective)
-                    }
-                ],
-                selector: `[kendoTooltipLocalizedMessages]`
-            },] },
-];
-/** @nocollapse */
-LocalizedMessagesDirective.ctorParameters = () => [
-    { type: LocalizationService }
-];
-LocalizedMessagesDirective.propDecorators = {
-    closeTitle: [{ type: Input }]
 };
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
+LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
+    Directive({
+        providers: [
+            {
+                provide: ComponentMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
+            }
+        ],
+        selector: `[kendoTooltipLocalizedMessages]`
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], LocalizedMessagesDirective);
+export { LocalizedMessagesDirective };

dist/es2015/tooltip.module.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
@@ -44,11 +45,12 @@ import { CommonModule } from '@angular/common';
  */
-export class TooltipModule {
-}
-TooltipModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [COMPONENT_DIRECTIVES],
-                entryComponents: [TooltipContentComponent],
-                imports: [CommonModule, ...COMPONENT_MODULES],
-                exports: [COMPONENT_DIRECTIVES]
-            },] },
-];
+let TooltipModule = class TooltipModule {
+};
+TooltipModule = tslib_1.__decorate([
+    NgModule({
+        declarations: [COMPONENT_DIRECTIVES],
+        entryComponents: [TooltipContentComponent],
+        imports: [CommonModule, ...COMPONENT_MODULES],
+        exports: [COMPONENT_DIRECTIVES]
+    })
+], TooltipModule);
+export { TooltipModule };

dist/es2015/tooltip/tooltip.content.component.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter } from '@angular/core';
@@ -12,3 +13,3 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
  */
-export class TooltipContentComponent {
+let TooltipContentComponent = class TooltipContentComponent {
     constructor(content, localizationService) {
@@ -103,7 +104,60 @@ this.content = content;
     }
-}
-TooltipContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kendo-tooltip',
-                template: `
+};
+tslib_1.__decorate([
+    HostBinding('attr.dir'),
+    tslib_1.__metadata("design:type", String)
+], TooltipContentComponent.prototype, "direction", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], TooltipContentComponent.prototype, "close", void 0);
+tslib_1.__decorate([
+    HostBinding('class'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "cssClasses", null);
+tslib_1.__decorate([
+    HostBinding('class.k-tooltip-closable'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "className", null);
+tslib_1.__decorate([
+    HostBinding('style.position'),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "cssPosition", null);
+tslib_1.__decorate([
+    HostBinding('style.width.px'),
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipContentComponent.prototype, "tooltipWidth", void 0);
+tslib_1.__decorate([
+    HostBinding('style.height.px'),
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipContentComponent.prototype, "tooltipHeight", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], TooltipContentComponent.prototype, "titleTemplate", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", ElementRef)
+], TooltipContentComponent.prototype, "anchor", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], TooltipContentComponent.prototype, "closable", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], TooltipContentComponent.prototype, "templateRef", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipContentComponent.prototype, "templateString", void 0);
+TooltipContentComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-tooltip',
+        template: `
         <ng-container kendoTooltipLocalizedMessages
@@ -141,29 +195,13 @@ i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
     `,
-                providers: [
-                    LocalizationService,
-                    {
-                        provide: L10N_PREFIX,
-                        useValue: 'kendo.tooltip'
-                    }
-                ]
-            },] },
-];
-/** @nocollapse */
-TooltipContentComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: LocalizationService }
-];
-TooltipContentComponent.propDecorators = {
-    direction: [{ type: HostBinding, args: ['attr.dir',] }],
-    close: [{ type: Output }],
-    cssClasses: [{ type: HostBinding, args: ['class',] }],
-    className: [{ type: HostBinding, args: ['class.k-tooltip-closable',] }],
-    cssPosition: [{ type: HostBinding, args: ['style.position',] }],
-    tooltipWidth: [{ type: HostBinding, args: ['style.width.px',] }, { type: Input }],
-    tooltipHeight: [{ type: HostBinding, args: ['style.height.px',] }, { type: Input }],
-    titleTemplate: [{ type: Input }],
-    anchor: [{ type: Input }],
-    closable: [{ type: Input }],
-    templateRef: [{ type: Input }],
-    templateString: [{ type: Input }]
-};
+        providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.tooltip'
+            }
+        ]
+    }),
+    tslib_1.__metadata("design:paramtypes", [ElementRef,
+        LocalizationService])
+], TooltipContentComponent);
+export { TooltipContentComponent };

dist/es2015/tooltip/tooltip.directive.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Directive, Input, TemplateRef, Optional, ElementRef, NgZone, Inject, isDevMode, Renderer2 } from '@angular/core';
@@ -10,2 +11,4 @@ import { take, debounceTime, filter } from 'rxjs/operators';
 import { PopupService } from '@progress/kendo-angular-popup';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
 import { TooltipSettings, TOOLTIP_SETTINGS } from './tooltip.settings';
@@ -25,3 +28,3 @@ import { TooltipContentComponent } from '../tooltip/tooltip.content.component';
  */
-export class TooltipDirective {
+let TooltipDirective = class TooltipDirective {
     constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
@@ -80,2 +83,3 @@ this.tooltipWrapper = tooltipWrapper;
         this.validShowOptions = ['hover', 'click', 'none'];
+        validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
@@ -368,33 +372,74 @@ this.ngZone.runOutsideAngular(() => {
     }
-}
-TooltipDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kendoTooltip]',
-                exportAs: 'kendoTooltip'
-            },] },
-];
-/** @nocollapse */
-TooltipDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: Renderer2 },
-    { type: PopupService },
-    { type: TooltipSettings, decorators: [{ type: Optional }] },
-    { type: TooltipSettings, decorators: [{ type: Optional }, { type: Inject, args: [TOOLTIP_SETTINGS,] }] }
-];
-TooltipDirective.propDecorators = {
-    filter: [{ type: Input }],
-    position: [{ type: Input }],
-    titleTemplate: [{ type: Input }],
-    showOn: [{ type: Input }],
-    showAfter: [{ type: Input }],
-    callout: [{ type: Input }],
-    closable: [{ type: Input }],
-    offset: [{ type: Input }],
-    tooltipWidth: [{ type: Input }],
-    tooltipHeight: [{ type: Input }],
-    tooltipClass: [{ type: Input }],
-    collision: [{ type: Input }],
-    closeTitle: [{ type: Input }],
-    tooltipTemplate: [{ type: Input }]
 };
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipDirective.prototype, "filter", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipDirective.prototype, "position", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef)
+], TooltipDirective.prototype, "titleTemplate", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipDirective.prototype, "showOn", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipDirective.prototype, "showAfter", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], TooltipDirective.prototype, "callout", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], TooltipDirective.prototype, "closable", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipDirective.prototype, "offset", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipDirective.prototype, "tooltipWidth", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Number)
+], TooltipDirective.prototype, "tooltipHeight", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipDirective.prototype, "tooltipClass", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], TooltipDirective.prototype, "collision", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], TooltipDirective.prototype, "closeTitle", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", TemplateRef),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], TooltipDirective.prototype, "tooltipTemplate", null);
+TooltipDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTooltip]',
+        exportAs: 'kendoTooltip'
+    }),
+    tslib_1.__param(4, Optional()),
+    tslib_1.__param(5, Optional()), tslib_1.__param(5, Inject(TOOLTIP_SETTINGS)),
+    tslib_1.__metadata("design:paramtypes", [ElementRef,
+        NgZone,
+        Renderer2,
+        PopupService,
+        TooltipSettings,
+        TooltipSettings])
+], TooltipDirective);
+export { TooltipDirective };

dist/es2015/tooltip/tooltip.settings.js

@@ -5,2 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
 import { Injectable, InjectionToken } from '@angular/core';
@@ -38,6 +39,7 @@ /**
  */
-export class TooltipSettings {
-}
-TooltipSettings.decorators = [
-    { type: Injectable },
-];
+let TooltipSettings = class TooltipSettings {
+};
+TooltipSettings = tslib_1.__decorate([
+    Injectable()
+], TooltipSettings);
+export { TooltipSettings };

dist/fesm2015/index.js

@@ -5,6 +5,8 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { InjectionToken, Injectable, EventEmitter, Component, ElementRef, HostBinding, Output, Input, isDevMode, Directive, NgZone, Renderer2, Optional, Inject, forwardRef, NgModule } from '@angular/core';
+import { __decorate, __metadata, __param } from 'tslib';
+import { InjectionToken, Injectable, EventEmitter, HostBinding, Output, Input, TemplateRef, ElementRef, Component, isDevMode, Directive, Optional, Inject, NgZone, Renderer2, forwardRef, NgModule } from '@angular/core';
 import { filter, debounceTime, take } from 'rxjs/operators';
 import { fromEvent } from 'rxjs';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
+import { validatePackage } from '@progress/kendo-licensing';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -14,2 +16,14 @@ import { CommonModule } from '@angular/common';
 /**
+ * @hidden
+ */
+const packageMetadata = {
+    name: '@progress/kendo-angular-tooltip',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1607409131,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+};
+
+/**
  * Obsolete. Provide the TooltipSettings class instead.
@@ -45,7 +59,7 @@ *
  */
-class TooltipSettings {
-}
-TooltipSettings.decorators = [
-    { type: Injectable },
-];
+let TooltipSettings = class TooltipSettings {
+};
+TooltipSettings = __decorate([
+    Injectable()
+], TooltipSettings);
 
@@ -165,3 +179,3 @@ /**
  */
-class TooltipContentComponent {
+let TooltipContentComponent = class TooltipContentComponent {
     constructor(content, localizationService) {
@@ -256,7 +270,60 @@ this.content = content;
     }
-}
-TooltipContentComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'kendo-tooltip',
-                template: `
+};
+__decorate([
+    HostBinding('attr.dir'),
+    __metadata("design:type", String)
+], TooltipContentComponent.prototype, "direction", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], TooltipContentComponent.prototype, "close", void 0);
+__decorate([
+    HostBinding('class'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "cssClasses", null);
+__decorate([
+    HostBinding('class.k-tooltip-closable'),
+    __metadata("design:type", Boolean),
+    __metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "className", null);
+__decorate([
+    HostBinding('style.position'),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], TooltipContentComponent.prototype, "cssPosition", null);
+__decorate([
+    HostBinding('style.width.px'),
+    Input(),
+    __metadata("design:type", Number)
+], TooltipContentComponent.prototype, "tooltipWidth", void 0);
+__decorate([
+    HostBinding('style.height.px'),
+    Input(),
+    __metadata("design:type", Number)
+], TooltipContentComponent.prototype, "tooltipHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], TooltipContentComponent.prototype, "titleTemplate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", ElementRef)
+], TooltipContentComponent.prototype, "anchor", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TooltipContentComponent.prototype, "closable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], TooltipContentComponent.prototype, "templateRef", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipContentComponent.prototype, "templateString", void 0);
+TooltipContentComponent = __decorate([
+    Component({
+        selector: 'kendo-tooltip',
+        template: `
         <ng-container kendoTooltipLocalizedMessages
@@ -294,30 +361,13 @@ i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
     `,
-                providers: [
-                    LocalizationService,
-                    {
-                        provide: L10N_PREFIX,
-                        useValue: 'kendo.tooltip'
-                    }
-                ]
-            },] },
-];
-/** @nocollapse */
-TooltipContentComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: LocalizationService }
-];
-TooltipContentComponent.propDecorators = {
-    direction: [{ type: HostBinding, args: ['attr.dir',] }],
-    close: [{ type: Output }],
-    cssClasses: [{ type: HostBinding, args: ['class',] }],
-    className: [{ type: HostBinding, args: ['class.k-tooltip-closable',] }],
-    cssPosition: [{ type: HostBinding, args: ['style.position',] }],
-    tooltipWidth: [{ type: HostBinding, args: ['style.width.px',] }, { type: Input }],
-    tooltipHeight: [{ type: HostBinding, args: ['style.height.px',] }, { type: Input }],
-    titleTemplate: [{ type: Input }],
-    anchor: [{ type: Input }],
-    closable: [{ type: Input }],
-    templateRef: [{ type: Input }],
-    templateString: [{ type: Input }]
-};
+        providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.tooltip'
+            }
+        ]
+    }),
+    __metadata("design:paramtypes", [ElementRef,
+        LocalizationService])
+], TooltipContentComponent);
 
@@ -335,3 +385,3 @@ /**
  */
-class TooltipDirective {
+let TooltipDirective = class TooltipDirective {
     constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
@@ -390,2 +440,3 @@ this.tooltipWrapper = tooltipWrapper;
         this.validShowOptions = ['hover', 'click', 'none'];
+        validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
@@ -678,39 +729,80 @@ this.ngZone.runOutsideAngular(() => {
     }
-}
-TooltipDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[kendoTooltip]',
-                exportAs: 'kendoTooltip'
-            },] },
-];
-/** @nocollapse */
-TooltipDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgZone },
-    { type: Renderer2 },
-    { type: PopupService },
-    { type: TooltipSettings, decorators: [{ type: Optional }] },
-    { type: TooltipSettings, decorators: [{ type: Optional }, { type: Inject, args: [TOOLTIP_SETTINGS,] }] }
-];
-TooltipDirective.propDecorators = {
-    filter: [{ type: Input }],
-    position: [{ type: Input }],
-    titleTemplate: [{ type: Input }],
-    showOn: [{ type: Input }],
-    showAfter: [{ type: Input }],
-    callout: [{ type: Input }],
-    closable: [{ type: Input }],
-    offset: [{ type: Input }],
-    tooltipWidth: [{ type: Input }],
-    tooltipHeight: [{ type: Input }],
-    tooltipClass: [{ type: Input }],
-    collision: [{ type: Input }],
-    closeTitle: [{ type: Input }],
-    tooltipTemplate: [{ type: Input }]
 };
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipDirective.prototype, "filter", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipDirective.prototype, "position", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef)
+], TooltipDirective.prototype, "titleTemplate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipDirective.prototype, "showOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], TooltipDirective.prototype, "showAfter", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TooltipDirective.prototype, "callout", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], TooltipDirective.prototype, "closable", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], TooltipDirective.prototype, "offset", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], TooltipDirective.prototype, "tooltipWidth", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], TooltipDirective.prototype, "tooltipHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipDirective.prototype, "tooltipClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TooltipDirective.prototype, "collision", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TooltipDirective.prototype, "closeTitle", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", TemplateRef),
+    __metadata("design:paramtypes", [TemplateRef])
+], TooltipDirective.prototype, "tooltipTemplate", null);
+TooltipDirective = __decorate([
+    Directive({
+        selector: '[kendoTooltip]',
+        exportAs: 'kendoTooltip'
+    }),
+    __param(4, Optional()),
+    __param(5, Optional()), __param(5, Inject(TOOLTIP_SETTINGS)),
+    __metadata("design:paramtypes", [ElementRef,
+        NgZone,
+        Renderer2,
+        PopupService,
+        TooltipSettings,
+        TooltipSettings])
+], TooltipDirective);
 
+var LocalizedMessagesDirective_1;
 /**
  * @hidden
  */
-class LocalizedMessagesDirective extends ComponentMessages {
+let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends ComponentMessages {
     constructor(service) {
@@ -720,21 +812,19 @@ super();
     }
-}
-LocalizedMessagesDirective.decorators = [
-    { type: Directive, args: [{
-                providers: [
-                    {
-                        provide: ComponentMessages,
-                        useExisting: forwardRef(() => LocalizedMessagesDirective)
-                    }
-                ],
-                selector: `[kendoTooltipLocalizedMessages]`
-            },] },
-];
-/** @nocollapse */
-LocalizedMessagesDirective.ctorParameters = () => [
-    { type: LocalizationService }
-];
-LocalizedMessagesDirective.propDecorators = {
-    closeTitle: [{ type: Input }]
 };
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
+LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
+    Directive({
+        providers: [
+            {
+                provide: ComponentMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
+            }
+        ],
+        selector: `[kendoTooltipLocalizedMessages]`
+    }),
+    __metadata("design:paramtypes", [LocalizationService])
+], LocalizedMessagesDirective);
 
@@ -773,12 +863,12 @@ const COMPONENT_DIRECTIVES = [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective];
  */
-class TooltipModule {
-}
-TooltipModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [COMPONENT_DIRECTIVES],
-                entryComponents: [TooltipContentComponent],
-                imports: [CommonModule, ...COMPONENT_MODULES],
-                exports: [COMPONENT_DIRECTIVES]
-            },] },
-];
+let TooltipModule = class TooltipModule {
+};
+TooltipModule = __decorate([
+    NgModule({
+        declarations: [COMPONENT_DIRECTIVES],
+        entryComponents: [TooltipContentComponent],
+        imports: [CommonModule, ...COMPONENT_MODULES],
+        exports: [COMPONENT_DIRECTIVES]
+    })
+], TooltipModule);
 
@@ -785,0 +875,0 @@ /**

dist/fesm5/index.js

@@ -5,11 +5,24 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { InjectionToken, Injectable, Component, ElementRef, HostBinding, Output, Input, EventEmitter, isDevMode, Directive, NgZone, Renderer2, Optional, Inject, forwardRef, NgModule } from '@angular/core';
+import { __decorate, __metadata, __param, __extends } from 'tslib';
+import { InjectionToken, Injectable, HostBinding, Output, EventEmitter, Input, TemplateRef, ElementRef, Component, isDevMode, Directive, Optional, Inject, NgZone, Renderer2, forwardRef, NgModule } from '@angular/core';
 import { take, filter, debounceTime } from 'rxjs/operators';
 import { fromEvent } from 'rxjs';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
+import { validatePackage } from '@progress/kendo-licensing';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { CommonModule } from '@angular/common';
-import { __extends } from 'tslib';
 
 /**
+ * @hidden
+ */
+var packageMetadata = {
+    name: '@progress/kendo-angular-tooltip',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1607409131,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+};
+
+/**
  * Obsolete. Provide the TooltipSettings class instead.
@@ -48,5 +61,5 @@ *
     }
-    TooltipSettings.decorators = [
-        { type: Injectable },
-    ];
+    TooltipSettings = __decorate([
+        Injectable()
+    ], TooltipSettings);
     return TooltipSettings;
@@ -278,34 +291,70 @@ }());
     };
-    TooltipContentComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'kendo-tooltip',
-                    template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.tooltip'
-                        }
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipContentComponent.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: LocalizationService }
-    ]; };
-    TooltipContentComponent.propDecorators = {
-        direction: [{ type: HostBinding, args: ['attr.dir',] }],
-        close: [{ type: Output }],
-        cssClasses: [{ type: HostBinding, args: ['class',] }],
-        className: [{ type: HostBinding, args: ['class.k-tooltip-closable',] }],
-        cssPosition: [{ type: HostBinding, args: ['style.position',] }],
-        tooltipWidth: [{ type: HostBinding, args: ['style.width.px',] }, { type: Input }],
-        tooltipHeight: [{ type: HostBinding, args: ['style.height.px',] }, { type: Input }],
-        titleTemplate: [{ type: Input }],
-        anchor: [{ type: Input }],
-        closable: [{ type: Input }],
-        templateRef: [{ type: Input }],
-        templateString: [{ type: Input }]
-    };
+    __decorate([
+        HostBinding('attr.dir'),
+        __metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "direction", void 0);
+    __decorate([
+        Output(),
+        __metadata("design:type", EventEmitter)
+    ], TooltipContentComponent.prototype, "close", void 0);
+    __decorate([
+        HostBinding('class'),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssClasses", null);
+    __decorate([
+        HostBinding('class.k-tooltip-closable'),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "className", null);
+    __decorate([
+        HostBinding('style.position'),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssPosition", null);
+    __decorate([
+        HostBinding('style.width.px'),
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipWidth", void 0);
+    __decorate([
+        HostBinding('style.height.px'),
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipHeight", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TemplateRef)
+    ], TooltipContentComponent.prototype, "titleTemplate", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", ElementRef)
+    ], TooltipContentComponent.prototype, "anchor", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], TooltipContentComponent.prototype, "closable", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TemplateRef)
+    ], TooltipContentComponent.prototype, "templateRef", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "templateString", void 0);
+    TooltipContentComponent = __decorate([
+        Component({
+            selector: 'kendo-tooltip',
+            template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
+            providers: [
+                LocalizationService,
+                {
+                    provide: L10N_PREFIX,
+                    useValue: 'kendo.tooltip'
+                }
+            ]
+        }),
+        __metadata("design:paramtypes", [ElementRef,
+            LocalizationService])
+    ], TooltipContentComponent);
     return TooltipContentComponent;
@@ -380,2 +429,3 @@ }());
         this.validShowOptions = ['hover', 'click', 'none'];
+        validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
@@ -678,33 +728,73 @@ this.ngZone.runOutsideAngular(function () {
     };
-    TooltipDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[kendoTooltip]',
-                    exportAs: 'kendoTooltip'
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipDirective.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: NgZone },
-        { type: Renderer2 },
-        { type: PopupService },
-        { type: TooltipSettings, decorators: [{ type: Optional }] },
-        { type: TooltipSettings, decorators: [{ type: Optional }, { type: Inject, args: [TOOLTIP_SETTINGS,] }] }
-    ]; };
-    TooltipDirective.propDecorators = {
-        filter: [{ type: Input }],
-        position: [{ type: Input }],
-        titleTemplate: [{ type: Input }],
-        showOn: [{ type: Input }],
-        showAfter: [{ type: Input }],
-        callout: [{ type: Input }],
-        closable: [{ type: Input }],
-        offset: [{ type: Input }],
-        tooltipWidth: [{ type: Input }],
-        tooltipHeight: [{ type: Input }],
-        tooltipClass: [{ type: Input }],
-        collision: [{ type: Input }],
-        closeTitle: [{ type: Input }],
-        tooltipTemplate: [{ type: Input }]
-    };
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipDirective.prototype, "filter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipDirective.prototype, "position", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TemplateRef)
+    ], TooltipDirective.prototype, "titleTemplate", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipDirective.prototype, "showOn", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipDirective.prototype, "showAfter", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "callout", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "closable", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipDirective.prototype, "offset", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipWidth", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipHeight", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipDirective.prototype, "tooltipClass", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
+    ], TooltipDirective.prototype, "collision", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], TooltipDirective.prototype, "closeTitle", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", TemplateRef),
+        __metadata("design:paramtypes", [TemplateRef])
+    ], TooltipDirective.prototype, "tooltipTemplate", null);
+    TooltipDirective = __decorate([
+        Directive({
+            selector: '[kendoTooltip]',
+            exportAs: 'kendoTooltip'
+        }),
+        __param(4, Optional()),
+        __param(5, Optional()), __param(5, Inject(TOOLTIP_SETTINGS)),
+        __metadata("design:paramtypes", [ElementRef,
+            NgZone,
+            Renderer2,
+            PopupService,
+            TooltipSettings,
+            TooltipSettings])
+    ], TooltipDirective);
     return TooltipDirective;
@@ -723,20 +813,20 @@ }());
     }
-    LocalizedMessagesDirective.decorators = [
-        { type: Directive, args: [{
-                    providers: [
-                        {
-                            provide: ComponentMessages,
-                            useExisting: forwardRef(function () { return LocalizedMessagesDirective; })
-                        }
-                    ],
-                    selector: "[kendoTooltipLocalizedMessages]"
-                },] },
-    ];
-    /** @nocollapse */
-    LocalizedMessagesDirective.ctorParameters = function () { return [
-        { type: LocalizationService }
-    ]; };
-    LocalizedMessagesDirective.propDecorators = {
-        closeTitle: [{ type: Input }]
-    };
+    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
+    var LocalizedMessagesDirective_1;
+    __decorate([
+        Input(),
+        __metadata("design:type", String)
+    ], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
+    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = __decorate([
+        Directive({
+            providers: [
+                {
+                    provide: ComponentMessages,
+                    useExisting: forwardRef(function () { return LocalizedMessagesDirective_1; })
+                }
+            ],
+            selector: "[kendoTooltipLocalizedMessages]"
+        }),
+        __metadata("design:paramtypes", [LocalizationService])
+    ], LocalizedMessagesDirective);
     return LocalizedMessagesDirective;
@@ -780,10 +870,10 @@ }(ComponentMessages));
     }
-    TooltipModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    entryComponents: [TooltipContentComponent],
-                    imports: [CommonModule].concat(COMPONENT_MODULES),
-                    exports: [COMPONENT_DIRECTIVES]
-                },] },
-    ];
+    TooltipModule = __decorate([
+        NgModule({
+            declarations: [COMPONENT_DIRECTIVES],
+            entryComponents: [TooltipContentComponent],
+            imports: [CommonModule].concat(COMPONENT_MODULES),
+            exports: [COMPONENT_DIRECTIVES]
+        })
+    ], TooltipModule);
     return TooltipModule;
@@ -790,0 +880,0 @@ }());

dist/npm/localization/localized-messages.directive.js

@@ -20,22 +20,22 @@ /**-----------------------------------------------------------------------------------------
     }
-    LocalizedMessagesDirective.decorators = [
-        { type: core_1.Directive, args: [{
-                    providers: [
-                        {
-                            provide: kendo_angular_l10n_1.ComponentMessages,
-                            useExisting: core_1.forwardRef(function () { return LocalizedMessagesDirective; })
-                        }
-                    ],
-                    selector: "[kendoTooltipLocalizedMessages]"
-                },] },
-    ];
-    /** @nocollapse */
-    LocalizedMessagesDirective.ctorParameters = function () { return [
-        { type: kendo_angular_l10n_1.LocalizationService }
-    ]; };
-    LocalizedMessagesDirective.propDecorators = {
-        closeTitle: [{ type: core_1.Input }]
-    };
+    LocalizedMessagesDirective_1 = LocalizedMessagesDirective;
+    var LocalizedMessagesDirective_1;
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], LocalizedMessagesDirective.prototype, "closeTitle", void 0);
+    LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
+        core_1.Directive({
+            providers: [
+                {
+                    provide: kendo_angular_l10n_1.ComponentMessages,
+                    useExisting: core_1.forwardRef(function () { return LocalizedMessagesDirective_1; })
+                }
+            ],
+            selector: "[kendoTooltipLocalizedMessages]"
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], LocalizedMessagesDirective);
     return LocalizedMessagesDirective;
 }(kendo_angular_l10n_1.ComponentMessages));
 exports.LocalizedMessagesDirective = LocalizedMessagesDirective;

dist/npm/tooltip.module.js

@@ -7,2 +7,3 @@ /**-----------------------------------------------------------------------------------------
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
@@ -49,12 +50,12 @@ var common_1 = require("@angular/common");
     }
-    TooltipModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    entryComponents: [tooltip_content_component_1.TooltipContentComponent],
-                    imports: [common_1.CommonModule].concat(COMPONENT_MODULES),
-                    exports: [COMPONENT_DIRECTIVES]
-                },] },
-    ];
+    TooltipModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [COMPONENT_DIRECTIVES],
+            entryComponents: [tooltip_content_component_1.TooltipContentComponent],
+            imports: [common_1.CommonModule].concat(COMPONENT_MODULES),
+            exports: [COMPONENT_DIRECTIVES]
+        })
+    ], TooltipModule);
     return TooltipModule;
 }());
 exports.TooltipModule = TooltipModule;

dist/npm/tooltip/tooltip.content.component.js

@@ -7,2 +7,3 @@ /**-----------------------------------------------------------------------------------------
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
@@ -124,36 +125,72 @@ var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
     };
-    TooltipContentComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    selector: 'kendo-tooltip',
-                    template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
-                    providers: [
-                        kendo_angular_l10n_1.LocalizationService,
-                        {
-                            provide: kendo_angular_l10n_1.L10N_PREFIX,
-                            useValue: 'kendo.tooltip'
-                        }
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipContentComponent.ctorParameters = function () { return [
-        { type: core_1.ElementRef },
-        { type: kendo_angular_l10n_1.LocalizationService }
-    ]; };
-    TooltipContentComponent.propDecorators = {
-        direction: [{ type: core_1.HostBinding, args: ['attr.dir',] }],
-        close: [{ type: core_1.Output }],
-        cssClasses: [{ type: core_1.HostBinding, args: ['class',] }],
-        className: [{ type: core_1.HostBinding, args: ['class.k-tooltip-closable',] }],
-        cssPosition: [{ type: core_1.HostBinding, args: ['style.position',] }],
-        tooltipWidth: [{ type: core_1.HostBinding, args: ['style.width.px',] }, { type: core_1.Input }],
-        tooltipHeight: [{ type: core_1.HostBinding, args: ['style.height.px',] }, { type: core_1.Input }],
-        titleTemplate: [{ type: core_1.Input }],
-        anchor: [{ type: core_1.Input }],
-        closable: [{ type: core_1.Input }],
-        templateRef: [{ type: core_1.Input }],
-        templateString: [{ type: core_1.Input }]
-    };
+    tslib_1.__decorate([
+        core_1.HostBinding('attr.dir'),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "direction", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], TooltipContentComponent.prototype, "close", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssClasses", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-tooltip-closable'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "className", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('style.position'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TooltipContentComponent.prototype, "cssPosition", null);
+    tslib_1.__decorate([
+        core_1.HostBinding('style.width.px'),
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipWidth", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('style.height.px'),
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipContentComponent.prototype, "tooltipHeight", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef)
+    ], TooltipContentComponent.prototype, "titleTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.ElementRef)
+    ], TooltipContentComponent.prototype, "anchor", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipContentComponent.prototype, "closable", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef)
+    ], TooltipContentComponent.prototype, "templateRef", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipContentComponent.prototype, "templateString", void 0);
+    TooltipContentComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-tooltip',
+            template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
+            providers: [
+                kendo_angular_l10n_1.LocalizationService,
+                {
+                    provide: kendo_angular_l10n_1.L10N_PREFIX,
+                    useValue: 'kendo.tooltip'
+                }
+            ]
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            kendo_angular_l10n_1.LocalizationService])
+    ], TooltipContentComponent);
     return TooltipContentComponent;
 }());
 exports.TooltipContentComponent = TooltipContentComponent;

dist/npm/tooltip/tooltip.directive.js

@@ -7,2 +7,3 @@ /**-----------------------------------------------------------------------------------------
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
@@ -12,2 +13,4 @@ var operators_1 = require("rxjs/operators");
 var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
+var package_metadata_1 = require("../package-metadata");
 var tooltip_settings_1 = require("./tooltip.settings");
@@ -82,2 +85,3 @@ var tooltip_content_component_1 = require("../tooltip/tooltip.content.component");
         this.validShowOptions = ['hover', 'click', 'none'];
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
         Object.assign(this, settings, legacySettings);
@@ -380,35 +384,75 @@ this.ngZone.runOutsideAngular(function () {
     };
-    TooltipDirective.decorators = [
-        { type: core_1.Directive, args: [{
-                    selector: '[kendoTooltip]',
-                    exportAs: 'kendoTooltip'
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipDirective.ctorParameters = function () { return [
-        { type: core_1.ElementRef },
-        { type: core_1.NgZone },
-        { type: core_1.Renderer2 },
-        { type: kendo_angular_popup_1.PopupService },
-        { type: tooltip_settings_1.TooltipSettings, decorators: [{ type: core_1.Optional }] },
-        { type: tooltip_settings_1.TooltipSettings, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: [tooltip_settings_1.TOOLTIP_SETTINGS,] }] }
-    ]; };
-    TooltipDirective.propDecorators = {
-        filter: [{ type: core_1.Input }],
-        position: [{ type: core_1.Input }],
-        titleTemplate: [{ type: core_1.Input }],
-        showOn: [{ type: core_1.Input }],
-        showAfter: [{ type: core_1.Input }],
-        callout: [{ type: core_1.Input }],
-        closable: [{ type: core_1.Input }],
-        offset: [{ type: core_1.Input }],
-        tooltipWidth: [{ type: core_1.Input }],
-        tooltipHeight: [{ type: core_1.Input }],
-        tooltipClass: [{ type: core_1.Input }],
-        collision: [{ type: core_1.Input }],
-        closeTitle: [{ type: core_1.Input }],
-        tooltipTemplate: [{ type: core_1.Input }]
-    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "position", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef)
+    ], TooltipDirective.prototype, "titleTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "showOn", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "showAfter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "callout", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TooltipDirective.prototype, "closable", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "offset", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipWidth", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], TooltipDirective.prototype, "tooltipHeight", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "tooltipClass", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], TooltipDirective.prototype, "collision", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TooltipDirective.prototype, "closeTitle", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", core_1.TemplateRef),
+        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
+    ], TooltipDirective.prototype, "tooltipTemplate", null);
+    TooltipDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoTooltip]',
+            exportAs: 'kendoTooltip'
+        }),
+        tslib_1.__param(4, core_1.Optional()),
+        tslib_1.__param(5, core_1.Optional()), tslib_1.__param(5, core_1.Inject(tooltip_settings_1.TOOLTIP_SETTINGS)),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            core_1.NgZone,
+            core_1.Renderer2,
+            kendo_angular_popup_1.PopupService,
+            tooltip_settings_1.TooltipSettings,
+            tooltip_settings_1.TooltipSettings])
+    ], TooltipDirective);
     return TooltipDirective;
 }());
 exports.TooltipDirective = TooltipDirective;

dist/npm/tooltip/tooltip.settings.js

@@ -7,2 +7,3 @@ /**-----------------------------------------------------------------------------------------
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
 var core_1 = require("@angular/core");
@@ -43,7 +44,7 @@ /**
     }
-    TooltipSettings.decorators = [
-        { type: core_1.Injectable },
-    ];
+    TooltipSettings = tslib_1.__decorate([
+        core_1.Injectable()
+    ], TooltipSettings);
     return TooltipSettings;
 }());
 exports.TooltipSettings = TooltipSettings;

dist/systemjs/kendo-angular-tooltip.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-tooltip",["tslib","@angular/core","@angular/common","@progress/kendo-angular-popup","rxjs/operators","rxjs","@progress/kendo-angular-l10n"],function(r){var s,p,a,l,c,u,h;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){s=e(t)},function(t){p=e(t)},function(t){a=e(t)},function(t){l=e(t)},function(t){c=e(t)},function(t){u=e(t)},function(t){h=e(t)}],execute:function(){function i(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,i),e.l=!0,e.exports}var o,n;n={},i.m=o=[function(t,e){t.exports=p},function(t,e){t.exports=s},function(t,e,o){"use strict";function n(t){return 9===t.nodeType}Object.defineProperty(e,"__esModule",{value:!0}),e.align=function(t,e){var o={},i={},n={};switch(t){case"top":o={horizontal:"center",vertical:"top"},i={horizontal:"center",vertical:"bottom"},n={horizontal:0,vertical:e};break;case"bottom":o={horizontal:"center",vertical:"bottom"},i={horizontal:"center",vertical:"top"},n={horizontal:0,vertical:e};break;case"right":o={horizontal:"right",vertical:"center"},i={horizontal:"left",vertical:"center"},n={horizontal:e,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},i={horizontal:"right",vertical:"center"},n={horizontal:e,vertical:0}}return{anchorAlign:o,popupAlign:i,popupMargin:n}},e.collision=function(t,e){return t||("top"===e||"bottom"===e?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})},e.closest=function(t,e){if(t.closest)return t.closest(e);for(var o=Element.prototype.matches?function(t,e){return t.matches(e)}:function(t,e){return t.msMatchesSelector(e)},i=t;i&&!n(i);){if(o(i,e))return i;i=i.parentNode}},e.contains=function(t,e){return!!t&&!n(t)&&(t.contains?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_CONTAINED_BY):void 0)},e.hasParent=function(t,e){for(;t&&t!==e;)t=t.parentNode;return t},e.getCenterOffset=function(t,e,o){t=t.getBoundingClientRect();return t[e]+t[o]/2},e.containsItem=function(t,e){return-1!==t.indexOf(e)}},function(t,e){t.exports=h},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(3),l=o(2),r=(Object.defineProperty(s.prototype,"cssClasses",{get:function(){return"k-widget k-tooltip"},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"className",{get:function(){return this.closable},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!0,configurable:!0}),s.prototype.ngOnInit=function(){var e=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(t){t=t.rtl;return e.direction=t?"rtl":"ltr"})},s.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(s.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),s.prototype.calloutPositionClass=function(){return{top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"}[this.position]},s.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},s.prototype.updateCalloutPosition=function(t,e){var o,i,n,r,s,p,a;this.callout&&(s=(p="top"===t||"bottom"===t)?"width":"height",r=p?"left":"top",i=p?"marginLeft":"marginTop",n=(o=this.content.nativeElement.querySelector(".k-callout")).getBoundingClientRect()[s],p=l.getCenterOffset(this.anchor.nativeElement,r,s),r=l.getCenterOffset(this.content.nativeElement,r,s),(1<(s=Math.abs(r-p))||0===s||0===Math.round(s))&&(p=r-p+n/2,o.style[i]=-p+"px"),a=this.calloutStyles(t,n,e),Object.keys(a).forEach(function(t){o.style[t]=a[t]}))},i.__decorate([n.HostBinding("attr.dir"),i.__metadata("design:type",String)],s.prototype,"direction",void 0),i.__decorate([n.Output(),i.__metadata("design:type",n.EventEmitter)],s.prototype,"close",void 0),i.__decorate([n.HostBinding("class"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],s.prototype,"cssClasses",null),i.__decorate([n.HostBinding("class.k-tooltip-closable"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],s.prototype,"className",null),i.__decorate([n.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],s.prototype,"cssPosition",null),i.__decorate([n.HostBinding("style.width.px"),n.Input(),i.__metadata("design:type",Number)],s.prototype,"tooltipWidth",void 0),i.__decorate([n.HostBinding("style.height.px"),n.Input(),i.__metadata("design:type",Number)],s.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],s.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.ElementRef)],s.prototype,"anchor",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],s.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],s.prototype,"templateRef",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],s.prototype,"templateString",void 0),i.__decorate([n.Component({selector:"kendo-tooltip",template:'\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"\n            closeTitle="Close"\n        >\n        </ng-container>\n\n        <div class="k-tooltip-content">\n            <div class="k-tooltip-title" *ngIf="titleTemplate">\n                <ng-template\n                    [ngIf]="titleTemplate"\n                    [ngTemplateOutlet]="titleTemplate"\n                    [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]="templateRef"\n                [ngTemplateOutlet]="templateRef"\n                [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n            </ng-template>\n            <ng-template\n                [ngIf]="templateString">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n            <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>\n        </div>\n\n        <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n    ',providers:[r.LocalizationService,{provide:r.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__metadata("design:paramtypes",[n.ElementRef,r.LocalizationService])],s));function s(t,e){this.content=t,this.localizationService=e,this.close=new n.EventEmitter,this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(t,e,o){var i={},n="top"===t||"bottom"===t;return o?("top"===t?i.bottom="unset":"bottom"===t?i.top="unset":"left"===t?i.right="unset":"right"===t&&(i.left="unset"),i[t]=-e+"px",i.transform=n?"rotateX(180deg)":"rotateY(180deg)"):i.transform=n?"rotateX(0deg)":"rotateY(0deg)",i},this.direction=e.rtl?"rtl":"ltr"}e.TooltipContentComponent=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),o=o(0);e.TOOLTIP_SETTINGS=new o.InjectionToken("kendo-ui-tooltip-settings");o=i.__decorate([o.Injectable()],function(){});e.TooltipSettings=o},function(t,e){t.exports=l},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),p=o(12),a=o(11),r=o(6),s=o(5),l=o(4),c=o(2),s=(Object.defineProperty(u.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(t){this.template=t},enumerable:!0,configurable:!0}),u.prototype.show=function(t){var e=this;this.popupRef||(t instanceof Element&&(t={nativeElement:t}),this.anchor=t,"hover"===this.showOn?this.popupRef||(clearTimeout(this.showTimeout),this.showTimeout=window.setTimeout(function(){return e.showContent(e.anchor)},this.showAfter)):(this.hideElementTitle(this.anchor),this.showContent(this.anchor)))},u.prototype.hide=function(){clearTimeout(this.showTimeout);var t=this.anchor&&this.anchor.nativeElement;t&&t.getAttribute("data-title")&&(t.getAttribute("title")||t.setAttribute("title",t.getAttribute("data-title")),t.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},u.prototype.toggle=function(t,e){var o=this.anchor&&this.anchor.nativeElement;t instanceof Element&&(t={nativeElement:t}),o!==t.nativeElement&&this.hide(),o===t.nativeElement&&"click"===this.showOn&&this.hide(),void 0===e&&(e=!this.popupRef),e?this.show(t):this.hide()},u.prototype.ngOnInit=function(){void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties()},u.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},u.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!c.hasParent(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},u.prototype.ngOnDestroy=function(){this.hide(),this.template=null,this.anchorTitleSubscription.unsubscribe(),this.mouseOverSubscription.unsubscribe(),this.mouseOutSubscription.unsubscribe(),this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe(),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe()},u.prototype.showContent=function(t){var e=this;(t.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run(function(){e.openPopup(t),e.bindContent(e.popupRef.content,t)}),this.popupRef.popupAnchorViewportLeave.pipe(p.take(1)).subscribe(function(){return e.hide()}))},u.prototype.bindContent=function(t,e){var o=this,t=t.instance;this.closeClickSubscription=t.close.subscribe(function(){o.hide()}),this.template?t.templateRef=this.template:t.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(t.titleTemplate=this.titleTemplate),t.closeTitle=this.closeTitle,t.anchor=e,t.callout=this.callout,t.closable=this.closable,t.position=this.position,t.tooltipWidth=this.tooltipWidth,t.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},u.prototype.hideElementTitle=function(t){t=t.nativeElement;t.getAttribute("title")&&(t.setAttribute("data-title",t.getAttribute("title")),t.setAttribute("title",""))},u.prototype.openPopup=function(t){var e=this,o=c.align(this.position,this.offset),i=o.anchorAlign,n=o.popupAlign,o=o.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:i,animate:!1,content:l.TooltipContentComponent,collision:c.collision(this.collision,this.position),margin:o,popupAlign:n,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass);var r=this.popupRef.content.instance;r.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(t){t=t.flip,t=!0===t.horizontal||!0===t.vertical;r.updateCalloutPosition(e.position,t)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var t=e.popupRef.popupElement;e.popupMouseOutSubscription=a.fromEvent(t,"mouseout").subscribe(function(t){return e.onMouseOut(t)})})},u.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},u.prototype.subscribeClick=function(){var e=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=a.fromEvent(document,"click").pipe(p.filter(function(){return""!==e.filter})).subscribe(function(t){return e.onMouseClick(t,e.tooltipWrapper.nativeElement)}))},u.prototype.onMouseClick=function(t,e){var o=t.target,i=c.closest(o,this.filter),t=this.popupRef&&this.popupRef.popupElement;if(t){if(t.contains(o))return;if(this.closable)return}e.contains(o)&&i?this.toggle(i,!0):t&&this.hide()},u.prototype.onMouseOver=function(t){t=c.closest(t.target,this.filter);"hover"===this.showOn&&t&&this.toggle(t,!0)},u.prototype.onMouseOut=function(t){var e;"hover"!==this.showOn||this.closable||(e=this.popupRef&&this.popupRef.popupElement,(t=t.relatedTarget)&&this.anchor&&c.contains(this.anchor.nativeElement,t)||t&&c.contains(e,t)||this.hide())},u.prototype.verifyProperties=function(){if(n.isDevMode()){if(!c.containsItem(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!c.containsItem(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}},i.__decorate([n.Input(),i.__metadata("design:type",String)],u.prototype,"filter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],u.prototype,"position",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],u.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],u.prototype,"showOn",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],u.prototype,"showAfter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],u.prototype,"callout",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],u.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],u.prototype,"offset",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],u.prototype,"tooltipWidth",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],u.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],u.prototype,"tooltipClass",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Object)],u.prototype,"collision",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],u.prototype,"closeTitle",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],u.prototype,"tooltipTemplate",null),i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip"}),i.__param(4,n.Optional()),i.__param(5,n.Optional()),i.__param(5,n.Inject(s.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,r.PopupService,s.TooltipSettings,s.TooltipSettings])],u));function u(t,e,o,i,n,r){var s=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.filter="[title]",this.position="top",this.showAfter=100,this.callout=!0,this.closable=!1,this.offset=6,this.anchor=null,this.validPositions=["top","bottom","right","left"],this.validShowOptions=["hover","click","none"],Object.assign(this,n,r),this.ngZone.runOutsideAngular(function(){var t=s.tooltipWrapper.nativeElement;s.anchorTitleSubscription=a.fromEvent(t,"mouseover").pipe(p.filter(function(){return""!==s.filter})).subscribe(function(t){t=c.closest(t.target,s.filter);t&&s.hideElementTitle({nativeElement:t})}),s.mouseOverSubscription=a.fromEvent(t,"mouseover").pipe(p.debounceTime(100),p.filter(function(){return""!==s.filter})).subscribe(function(t){return s.onMouseOver(t)}),s.mouseOutSubscription=a.fromEvent(t,"mouseout").pipe(p.debounceTime(100)).subscribe(function(t){return s.onMouseOut(t)})})}e.TooltipDirective=s},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,n,r=o(1),s=o(0),o=o(3),o=(i=o.ComponentMessages,r.__extends(p,i),n=p,r.__decorate([s.Input(),r.__metadata("design:type",String)],p.prototype,"closeTitle",void 0),n=r.__decorate([s.Directive({providers:[{provide:o.ComponentMessages,useExisting:s.forwardRef(function(){return n})}],selector:"[kendoTooltipLocalizedMessages]"}),r.__metadata("design:paramtypes",[o.LocalizationService])],p));function p(t){var e=i.call(this)||this;return e.service=t,e}e.LocalizedMessagesDirective=o},function(t,e){t.exports=a},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(9),s=o(7),p=o(6),a=o(4),o=o(8),o=[s.TooltipDirective,a.TooltipContentComponent,o.LocalizedMessagesDirective],p=[p.PopupModule],o=i.__decorate([n.NgModule({declarations:[o],entryComponents:[a.TooltipContentComponent],imports:[r.CommonModule].concat(p),exports:[o]})],function(){});e.TooltipModule=o},function(t,e){t.exports=u},function(t,e){t.exports=c},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(7);e.TooltipDirective=i.TooltipDirective;i=o(10);e.TooltipModule=i.TooltipModule;o=o(5);e.TooltipSettings=o.TooltipSettings,e.TOOLTIP_SETTINGS=o.TOOLTIP_SETTINGS,function(t){for(var e in t)r(e,t[e])}(e)}],i.c=n,i.d=function(t,e,o){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:o})},i.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=13)}}});
+System.register("@progress/kendo-angular-tooltip",["tslib","@angular/core","@angular/common","@progress/kendo-angular-popup","rxjs/operators","rxjs","@progress/kendo-licensing","@progress/kendo-angular-l10n"],function(r){var s,p,a,l,c,u,h,d;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){s=e(t)},function(t){p=e(t)},function(t){a=e(t)},function(t){l=e(t)},function(t){c=e(t)},function(t){u=e(t)},function(t){h=e(t)},function(t){d=e(t)}],execute:function(){function i(t){if(n[t])return n[t].exports;var e=n[t]={i:t,l:!1,exports:{}};return o[t].call(e.exports,e,e.exports,i),e.l=!0,e.exports}var o,n;n={},i.m=o=[function(t,e){t.exports=p},function(t,e){t.exports=s},function(t,e,o){"use strict";function n(t){return 9===t.nodeType}Object.defineProperty(e,"__esModule",{value:!0}),e.align=function(t,e){var o={},i={},n={};switch(t){case"top":o={horizontal:"center",vertical:"top"},i={horizontal:"center",vertical:"bottom"},n={horizontal:0,vertical:e};break;case"bottom":o={horizontal:"center",vertical:"bottom"},i={horizontal:"center",vertical:"top"},n={horizontal:0,vertical:e};break;case"right":o={horizontal:"right",vertical:"center"},i={horizontal:"left",vertical:"center"},n={horizontal:e,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},i={horizontal:"right",vertical:"center"},n={horizontal:e,vertical:0}}return{anchorAlign:o,popupAlign:i,popupMargin:n}},e.collision=function(t,e){return t||("top"===e||"bottom"===e?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})},e.closest=function(t,e){if(t.closest)return t.closest(e);for(var o=Element.prototype.matches?function(t,e){return t.matches(e)}:function(t,e){return t.msMatchesSelector(e)},i=t;i&&!n(i);){if(o(i,e))return i;i=i.parentNode}},e.contains=function(t,e){return!!t&&!n(t)&&(t.contains?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_CONTAINED_BY):void 0)},e.hasParent=function(t,e){for(;t&&t!==e;)t=t.parentNode;return t},e.getCenterOffset=function(t,e,o){t=t.getBoundingClientRect();return t[e]+t[o]/2},e.containsItem=function(t,e){return-1!==t.indexOf(e)}},function(t,e){t.exports=d},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(3),l=o(2),r=(Object.defineProperty(s.prototype,"cssClasses",{get:function(){return"k-widget k-tooltip"},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"className",{get:function(){return this.closable},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!0,configurable:!0}),s.prototype.ngOnInit=function(){var e=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(t){t=t.rtl;return e.direction=t?"rtl":"ltr"})},s.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(s.prototype,"closeButtonTitle",{get:function(){return this.closeTitle||this.localizationService.get("closeTitle")},enumerable:!0,configurable:!0}),s.prototype.calloutPositionClass=function(){return{top:"k-callout-s",left:"k-callout-e",bottom:"k-callout-n",right:"k-callout-w"}[this.position]},s.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},s.prototype.updateCalloutPosition=function(t,e){var o,i,n,r,s,p,a;this.callout&&(s=(p="top"===t||"bottom"===t)?"width":"height",r=p?"left":"top",i=p?"marginLeft":"marginTop",n=(o=this.content.nativeElement.querySelector(".k-callout")).getBoundingClientRect()[s],p=l.getCenterOffset(this.anchor.nativeElement,r,s),r=l.getCenterOffset(this.content.nativeElement,r,s),(1<(s=Math.abs(r-p))||0===s||0===Math.round(s))&&(p=r-p+n/2,o.style[i]=-p+"px"),a=this.calloutStyles(t,n,e),Object.keys(a).forEach(function(t){o.style[t]=a[t]}))},i.__decorate([n.HostBinding("attr.dir"),i.__metadata("design:type",String)],s.prototype,"direction",void 0),i.__decorate([n.Output(),i.__metadata("design:type",n.EventEmitter)],s.prototype,"close",void 0),i.__decorate([n.HostBinding("class"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],s.prototype,"cssClasses",null),i.__decorate([n.HostBinding("class.k-tooltip-closable"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],s.prototype,"className",null),i.__decorate([n.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],s.prototype,"cssPosition",null),i.__decorate([n.HostBinding("style.width.px"),n.Input(),i.__metadata("design:type",Number)],s.prototype,"tooltipWidth",void 0),i.__decorate([n.HostBinding("style.height.px"),n.Input(),i.__metadata("design:type",Number)],s.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],s.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.ElementRef)],s.prototype,"anchor",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],s.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],s.prototype,"templateRef",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],s.prototype,"templateString",void 0),i.__decorate([n.Component({selector:"kendo-tooltip",template:'\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"\n            closeTitle="Close"\n        >\n        </ng-container>\n\n        <div class="k-tooltip-content">\n            <div class="k-tooltip-title" *ngIf="titleTemplate">\n                <ng-template\n                    [ngIf]="titleTemplate"\n                    [ngTemplateOutlet]="titleTemplate"\n                    [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]="templateRef"\n                [ngTemplateOutlet]="templateRef"\n                [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">\n            </ng-template>\n            <ng-template\n                [ngIf]="templateString">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n            <a href="#" class="k-icon k-i-close" [attr.title]="closeButtonTitle"></a>\n        </div>\n\n        <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n    ',providers:[r.LocalizationService,{provide:r.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__metadata("design:paramtypes",[n.ElementRef,r.LocalizationService])],s));function s(t,e){this.content=t,this.localizationService=e,this.close=new n.EventEmitter,this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(t,e,o){var i={},n="top"===t||"bottom"===t;return o?("top"===t?i.bottom="unset":"bottom"===t?i.top="unset":"left"===t?i.right="unset":"right"===t&&(i.left="unset"),i[t]=-e+"px",i.transform=n?"rotateX(180deg)":"rotateY(180deg)"):i.transform=n?"rotateX(0deg)":"rotateY(0deg)",i},this.direction=e.rtl?"rtl":"ltr"}e.TooltipContentComponent=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),o=o(0);e.TOOLTIP_SETTINGS=new o.InjectionToken("kendo-ui-tooltip-settings");o=i.__decorate([o.Injectable()],function(){});e.TooltipSettings=o},function(t,e){t.exports=l},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),p=o(14),a=o(13),r=o(6),l=o(12),c=o(11),s=o(5),u=o(4),h=o(2),s=(Object.defineProperty(d.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(t){this.template=t},enumerable:!0,configurable:!0}),d.prototype.show=function(t){var e=this;this.popupRef||(t instanceof Element&&(t={nativeElement:t}),this.anchor=t,"hover"===this.showOn?this.popupRef||(clearTimeout(this.showTimeout),this.showTimeout=window.setTimeout(function(){return e.showContent(e.anchor)},this.showAfter)):(this.hideElementTitle(this.anchor),this.showContent(this.anchor)))},d.prototype.hide=function(){clearTimeout(this.showTimeout);var t=this.anchor&&this.anchor.nativeElement;t&&t.getAttribute("data-title")&&(t.getAttribute("title")||t.setAttribute("title",t.getAttribute("data-title")),t.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},d.prototype.toggle=function(t,e){var o=this.anchor&&this.anchor.nativeElement;t instanceof Element&&(t={nativeElement:t}),o!==t.nativeElement&&this.hide(),o===t.nativeElement&&"click"===this.showOn&&this.hide(),void 0===e&&(e=!this.popupRef),e?this.show(t):this.hide()},d.prototype.ngOnInit=function(){void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties()},d.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},d.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!h.hasParent(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},d.prototype.ngOnDestroy=function(){this.hide(),this.template=null,this.anchorTitleSubscription.unsubscribe(),this.mouseOverSubscription.unsubscribe(),this.mouseOutSubscription.unsubscribe(),this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe(),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe()},d.prototype.showContent=function(t){var e=this;(t.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run(function(){e.openPopup(t),e.bindContent(e.popupRef.content,t)}),this.popupRef.popupAnchorViewportLeave.pipe(p.take(1)).subscribe(function(){return e.hide()}))},d.prototype.bindContent=function(t,e){var o=this,t=t.instance;this.closeClickSubscription=t.close.subscribe(function(){o.hide()}),this.template?t.templateRef=this.template:t.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(t.titleTemplate=this.titleTemplate),t.closeTitle=this.closeTitle,t.anchor=e,t.callout=this.callout,t.closable=this.closable,t.position=this.position,t.tooltipWidth=this.tooltipWidth,t.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},d.prototype.hideElementTitle=function(t){t=t.nativeElement;t.getAttribute("title")&&(t.setAttribute("data-title",t.getAttribute("title")),t.setAttribute("title",""))},d.prototype.openPopup=function(t){var e=this,o=h.align(this.position,this.offset),i=o.anchorAlign,n=o.popupAlign,o=o.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:i,animate:!1,content:u.TooltipContentComponent,collision:h.collision(this.collision,this.position),margin:o,popupAlign:n,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass);var r=this.popupRef.content.instance;r.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(t){t=t.flip,t=!0===t.horizontal||!0===t.vertical;r.updateCalloutPosition(e.position,t)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var t=e.popupRef.popupElement;e.popupMouseOutSubscription=a.fromEvent(t,"mouseout").subscribe(function(t){return e.onMouseOut(t)})})},d.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},d.prototype.subscribeClick=function(){var e=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=a.fromEvent(document,"click").pipe(p.filter(function(){return""!==e.filter})).subscribe(function(t){return e.onMouseClick(t,e.tooltipWrapper.nativeElement)}))},d.prototype.onMouseClick=function(t,e){var o=t.target,i=h.closest(o,this.filter),t=this.popupRef&&this.popupRef.popupElement;if(t){if(t.contains(o))return;if(this.closable)return}e.contains(o)&&i?this.toggle(i,!0):t&&this.hide()},d.prototype.onMouseOver=function(t){t=h.closest(t.target,this.filter);"hover"===this.showOn&&t&&this.toggle(t,!0)},d.prototype.onMouseOut=function(t){var e;"hover"!==this.showOn||this.closable||(e=this.popupRef&&this.popupRef.popupElement,(t=t.relatedTarget)&&this.anchor&&h.contains(this.anchor.nativeElement,t)||t&&h.contains(e,t)||this.hide())},d.prototype.verifyProperties=function(){if(n.isDevMode()){if(!h.containsItem(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!h.containsItem(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}},i.__decorate([n.Input(),i.__metadata("design:type",String)],d.prototype,"filter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],d.prototype,"position",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef)],d.prototype,"titleTemplate",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],d.prototype,"showOn",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],d.prototype,"showAfter",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],d.prototype,"callout",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Boolean)],d.prototype,"closable",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],d.prototype,"offset",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],d.prototype,"tooltipWidth",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Number)],d.prototype,"tooltipHeight",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],d.prototype,"tooltipClass",void 0),i.__decorate([n.Input(),i.__metadata("design:type",Object)],d.prototype,"collision",void 0),i.__decorate([n.Input(),i.__metadata("design:type",String)],d.prototype,"closeTitle",void 0),i.__decorate([n.Input(),i.__metadata("design:type",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],d.prototype,"tooltipTemplate",null),i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip"}),i.__param(4,n.Optional()),i.__param(5,n.Optional()),i.__param(5,n.Inject(s.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,r.PopupService,s.TooltipSettings,s.TooltipSettings])],d));function d(t,e,o,i,n,r){var s=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.filter="[title]",this.position="top",this.showAfter=100,this.callout=!0,this.closable=!1,this.offset=6,this.anchor=null,this.validPositions=["top","bottom","right","left"],this.validShowOptions=["hover","click","none"],l.validatePackage(c.packageMetadata),Object.assign(this,n,r),this.ngZone.runOutsideAngular(function(){var t=s.tooltipWrapper.nativeElement;s.anchorTitleSubscription=a.fromEvent(t,"mouseover").pipe(p.filter(function(){return""!==s.filter})).subscribe(function(t){t=h.closest(t.target,s.filter);t&&s.hideElementTitle({nativeElement:t})}),s.mouseOverSubscription=a.fromEvent(t,"mouseover").pipe(p.debounceTime(100),p.filter(function(){return""!==s.filter})).subscribe(function(t){return s.onMouseOver(t)}),s.mouseOutSubscription=a.fromEvent(t,"mouseout").pipe(p.debounceTime(100)).subscribe(function(t){return s.onMouseOut(t)})})}e.TooltipDirective=s},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,n,r=o(1),s=o(0),o=o(3),o=(i=o.ComponentMessages,r.__extends(p,i),n=p,r.__decorate([s.Input(),r.__metadata("design:type",String)],p.prototype,"closeTitle",void 0),n=r.__decorate([s.Directive({providers:[{provide:o.ComponentMessages,useExisting:s.forwardRef(function(){return n})}],selector:"[kendoTooltipLocalizedMessages]"}),r.__metadata("design:paramtypes",[o.LocalizationService])],p));function p(t){var e=i.call(this)||this;return e.service=t,e}e.LocalizedMessagesDirective=o},function(t,e){t.exports=a},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(9),s=o(7),p=o(6),a=o(4),o=o(8),o=[s.TooltipDirective,a.TooltipContentComponent,o.LocalizedMessagesDirective],p=[p.PopupModule],o=i.__decorate([n.NgModule({declarations:[o],entryComponents:[a.TooltipContentComponent],imports:[r.CommonModule].concat(p),exports:[o]})],function(){});e.TooltipModule=o},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.packageMetadata={name:"@progress/kendo-angular-tooltip",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1607409131,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(t,e){t.exports=h},function(t,e){t.exports=u},function(t,e){t.exports=c},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(7);e.TooltipDirective=i.TooltipDirective;i=o(10);e.TooltipModule=i.TooltipModule;o=o(5);e.TooltipSettings=o.TooltipSettings,e.TOOLTIP_SETTINGS=o.TOOLTIP_SETTINGS,function(t){for(var e in t)r(e,t[e])}(e)}],i.c=n,i.d=function(t,e,o){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:o})},i.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=15)}}});

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "2.1.7-dev.202011180642",
+  "version": "3.0.0-dev.202012080633",
   "main": "dist/npm/index.js",
@@ -37,8 +37,9 @@ "module": "dist/fesm5/index.js",
   "peerDependencies": {
-    "@angular/common": "6 - 11",
-    "@angular/core": "6 - 11",
-    "@progress/kendo-angular-l10n": "^2.0.0",
-    "@progress/kendo-angular-popup": "^3.0.0",
-    "@progress/kendo-angular-common": "^1.0.0",
-    "rxjs": "^6.0.0"
+    "@angular/common": "8 - 11",
+    "@angular/core": "8 - 11",
+    "@progress/kendo-angular-common": "^2.0.0",
+    "@progress/kendo-angular-l10n": "^3.0.0",
+    "@progress/kendo-angular-popup": "^4.0.0",
+    "@progress/kendo-licensing": "^1.0.2",
+    "rxjs": "^6.4.0"
   },
@@ -50,16 +51,15 @@ "dependencies": {
   "devDependencies": {
-    "@angular-devkit/core": "^0.8.9",
-    "@angular-devkit/schematics": "^0.8.9",
-    "@angular/animations": "^6.1.10",
-    "@angular/common": "^6.1.10",
-    "@angular/compiler": "^6.1.10",
-    "@angular/compiler-cli": "^6.1.10",
-    "@angular/core": "^6.1.10",
-    "@angular/platform-browser": "^6.1.10",
-    "@angular/platform-browser-dynamic": "^6.1.10",
-    "@angular/platform-server": "^6.1.10",
-    "@angular/router": "^6.1.10",
-    "@progress/kendo-angular-popup": "^3.0.0",
+    "@angular-devkit/core": "^8.2.0",
+    "@angular-devkit/schematics": "^8.2.0",
+    "@angular/animations": "^8.2.0",
+    "@angular/common": "^8.2.0",
+    "@angular/compiler": "^8.2.0",
+    "@angular/compiler-cli": "^8.2.0",
+    "@angular/core": "^8.2.0",
+    "@angular/platform-browser": "^8.2.0",
+    "@angular/platform-browser-dynamic": "^8.2.0",
+    "@angular/platform-server": "^8.2.0",
+    "@angular/router": "^8.2.0",
+    "@progress/kendo-angular-buttons": "^5.0.0",
     "@progress/kendo-angular-common": "^1.0.0",
-    "@progress/kendo-angular-buttons": "^5.0.0",
     "@progress/kendo-angular-dateinputs": "^4.0.0",
@@ -74,5 +74,7 @@ "@progress/kendo-angular-dropdowns": "^4.0.0",
     "@progress/kendo-angular-l10n": "^2.0.0",
-    "@progress/kendo-angular-tasks": "^17.0.0",
+    "@progress/kendo-angular-popup": "^3.0.0",
+    "@progress/kendo-angular-tasks": "^18.0.0",
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-drawing": "^1.5.7",
+    "@progress/kendo-licensing": "^1.0.2",
     "@progress/kendo-theme-bootstrap": "^4.19.0",
@@ -83,4 +85,5 @@ "@progress/kendo-theme-default": "^4.21.0",
     "@types/jest": "^21.1.8",
+    "@types/node": "ts3.4",
     "@types/zone.js": "0.0.27",
-    "codelyzer": "^3.0.0",
+    "codelyzer": "^5.0.0",
     "core-js": "^2.2.2",
@@ -93,9 +96,9 @@ "cz-conventional-changelog": "^1.1.5",
     "jest-junit": "^8.0.0",
-    "rxjs": "~6.3.3",
+    "rxjs": "~6.4.0",
     "rxjs-tslint-rules": "^4.23.1",
     "semantic-release": "^6.3.6",
-    "tslint": "^5.0.0",
-    "typescript": "~2.9.0",
+    "tslint": "^5.20.1",
+    "typescript": "~3.4.5",
     "validate-commit-msg": "^1.1.1",
-    "zone.js": "~0.8.19"
+    "zone.js": "~0.9.1"
   },
@@ -102,0 +105,0 @@ "config": {

README.md

@@ -7,10 +7,10 @@ <a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
 
-This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/) suite.
-
 Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
 
-## Free Trial and Commercial License
+> **Important**
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You will need to install a license key when adding the package to your project. For more information, please refer to the [My License page](https://www.telerik.com/kendo-angular-ui/my-license/).
+> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui/) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui). Doing so indicates that you [Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI dev team!
 
-Kendo UI for Angular is a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you [register for a free 30-day trial](https://www.telerik.com/download-login-v2-kendo-angular-ui). To use it commercially, you need to [purchase a license](https://www.telerik.com/purchase/kendo-ui). Feel free to review the [Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui) to get acquainted with the full terms of use.
-
 ## Resources
@@ -17,0 +17,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

363973

increased by7.05%

Number of package files

70

increased by7.69%

Lines of code

5470

increased by9.99%

Worsened metrics

Dependency count

9

increased by12.5%

Dev dependency count

49

increased by4.26%

No dependency changes