Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@progress/kendo-angular-tooltip

Package Overview
Dependencies
Maintainers
1
Versions
837
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 2.0.0-dev.201906201150 to 2.0.0

2

dist/systemjs/kendo-angular-tooltip.js

@@ -1,1 +0,1 @@

System.register("@progress/kendo-angular-tooltip",["tslib","@angular/common","@angular/core","@progress/kendo-angular-popup","rxjs/operators","rxjs","@progress/kendo-angular-l10n"],function(s){var r,p,a,l,u,c,h;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){r=e(t)},function(t){p=e(t)},function(t){a=e(t)},function(t){l=e(t)},function(t){u=e(t)},function(t){c=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=a},function(t,e){t.exports=r},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){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(1),n=o(0),d=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.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){if(this.callout){var o=this.content.nativeElement.querySelector(".k-callout"),i="top"===t||"bottom"===t,n=i?"width":"height",r=i?"left":"top",s=i?"marginLeft":"marginTop",p=o.getBoundingClientRect()[n],a=d.getCenterOffset(this.anchor.nativeElement,r,n),l=d.getCenterOffset(this.content.nativeElement,r,n),u=Math.abs(l-a);if(1<u||0===u||0===Math.round(u)){var c=l-a+p/2;o.style[s]=-c+"px"}var h=this.calloutStyles(t,p,e);Object.keys(h).forEach(function(t){o.style[t]=h[t]})}},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({template:'\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 <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n <a href="#" class="k-icon k-i-close" title="Close"></a>\n </div>\n\n <div class="k-tooltip-content">\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 <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n '}),i.__metadata("design:paramtypes",[n.ElementRef])],s));function s(t){this.content=t,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}}e.TooltipContentComponent=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0);e.TOOLTIP_SETTINGS=new n.InjectionToken("kendo-ui-tooltip-settings");var r=i.__decorate([n.Injectable()],s);function s(){}e.TooltipSettings=r},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),a=o(11),l=o(10),r=o(5),s=o(4),p=o(3),u=o(2),c=o(9),h=(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;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)},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(){var o=this;void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties(),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(t){var e=t.rtl;return o.direction=e?"rtl":"ltr"})},d.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},d.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!u.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.dynamicRTLSubscription&&this.dynamicRTLSubscription.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(a.take(1)).subscribe(function(){return e.hide()}))},d.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.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()},d.prototype.hideElementTitle=function(t){var e=t.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},d.prototype.openPopup=function(t){var i=this,e=u.align(this.position,this.offset),o=e.anchorAlign,n=e.popupAlign,r=e.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:o,animate:!1,content:p.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 s=this.popupRef.content.instance;s.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(t){var e=t.flip,o=!0===e.horizontal||!0===e.vertical;s.updateCalloutPosition(i.position,o)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var t=i.popupRef.popupElement;i.popupMouseOutSubscription=l.fromEvent(t,"mouseout").subscribe(function(t){return i.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=l.fromEvent(document,"click").pipe(a.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=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()},d.prototype.onMouseOver=function(t){var e=u.closest(t.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},d.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()}},d.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.HostBinding("attr.dir"),i.__metadata("design:type",String)],d.prototype,"direction",void 0),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",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],d.prototype,"tooltipTemplate",null),i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip",providers:[c.LocalizationService,{provide:c.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__param(5,n.Optional()),i.__param(6,n.Optional()),i.__param(6,n.Inject(s.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,r.PopupService,c.LocalizationService,s.TooltipSettings,s.TooltipSettings])],d));function d(t,e,o,i,n,r,s){var p=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.localizationService=n,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"],this.direction=n.rtl?"rtl":"ltr",Object.assign(this,r,s),this.ngZone.runOutsideAngular(function(){var t=p.tooltipWrapper.nativeElement;p.anchorTitleSubscription=l.fromEvent(t,"mouseover").pipe(a.filter(function(){return""!==p.filter})).subscribe(function(t){var e=u.closest(t.target,p.filter);e&&p.hideElementTitle({nativeElement:e})}),p.mouseOverSubscription=l.fromEvent(t,"mouseover").pipe(a.debounceTime(100),a.filter(function(){return""!==p.filter})).subscribe(function(t){return p.onMouseOver(t)}),p.mouseOutSubscription=l.fromEvent(t,"mouseout").pipe(a.debounceTime(100)).subscribe(function(t){return p.onMouseOut(t)})})}e.TooltipDirective=h},function(t,e){t.exports=p},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(7),s=o(6),p=o(5),a=o(3),l=[s.TooltipDirective,a.TooltipContentComponent],u=[p.PopupModule],c=i.__decorate([n.NgModule({declarations:[l],entryComponents:[a.TooltipContentComponent],imports:[r.CommonModule].concat(u),exports:[l]})],h);function h(){}e.TooltipModule=c},function(t,e){t.exports=h},function(t,e){t.exports=c},function(t,e){t.exports=u},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(6);e.TooltipDirective=i.TooltipDirective;var n=o(8);e.TooltipModule=n.TooltipModule;var r=o(4);e.TooltipSettings=r.TooltipSettings,e.TOOLTIP_SETTINGS=r.TOOLTIP_SETTINGS,function(t){for(var e in t)s(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=12)}}});
System.register("@progress/kendo-angular-tooltip",["@angular/common","tslib","@progress/kendo-angular-popup","@angular/core","rxjs/operators","@progress/kendo-angular-l10n","rxjs"],function(s){var r,p,a,l,u,c,h;function e(t){return t.__useDefault?t.default:t}return{setters:[function(t){r=e(t)},function(t){p=e(t)},function(t){a=e(t)},function(t){l=e(t)},function(t){u=e(t)},function(t){c=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=l},function(t,e){t.exports=p},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){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(1),n=o(0),d=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.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){if(this.callout){var o=this.content.nativeElement.querySelector(".k-callout"),i="top"===t||"bottom"===t,n=i?"width":"height",r=i?"left":"top",s=i?"marginLeft":"marginTop",p=o.getBoundingClientRect()[n],a=d.getCenterOffset(this.anchor.nativeElement,r,n),l=d.getCenterOffset(this.content.nativeElement,r,n),u=Math.abs(l-a);if(1<u||0===u||0===Math.round(u)){var c=l-a+p/2;o.style[s]=-c+"px"}var h=this.calloutStyles(t,p,e);Object.keys(h).forEach(function(t){o.style[t]=h[t]})}},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({template:'\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 <div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)">\n <a href="#" class="k-icon k-i-close" title="Close"></a>\n </div>\n\n <div class="k-tooltip-content">\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 <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n '}),i.__metadata("design:paramtypes",[n.ElementRef])],s));function s(t){this.content=t,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}}e.TooltipContentComponent=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0);e.TOOLTIP_SETTINGS=new n.InjectionToken("kendo-ui-tooltip-settings");var r=i.__decorate([n.Injectable()],s);function s(){}e.TooltipSettings=r},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),a=o(11),l=o(10),r=o(5),s=o(4),p=o(3),u=o(2),c=o(9),h=(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;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)},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(){var o=this;void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties(),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(t){var e=t.rtl;return o.direction=e?"rtl":"ltr"})},d.prototype.ngOnChanges=function(t){t.showOn&&this.subscribeClick()},d.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!u.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.dynamicRTLSubscription&&this.dynamicRTLSubscription.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(a.take(1)).subscribe(function(){return e.hide()}))},d.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.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()},d.prototype.hideElementTitle=function(t){var e=t.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},d.prototype.openPopup=function(t){var i=this,e=u.align(this.position,this.offset),o=e.anchorAlign,n=e.popupAlign,r=e.popupMargin;this.popupRef=this.popupService.open({anchor:t,anchorAlign:o,animate:!1,content:p.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 s=this.popupRef.content.instance;s.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(t){var e=t.flip,o=!0===e.horizontal||!0===e.vertical;s.updateCalloutPosition(i.position,o)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var t=i.popupRef.popupElement;i.popupMouseOutSubscription=l.fromEvent(t,"mouseout").subscribe(function(t){return i.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=l.fromEvent(document,"click").pipe(a.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=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()},d.prototype.onMouseOver=function(t){var e=u.closest(t.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},d.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()}},d.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.HostBinding("attr.dir"),i.__metadata("design:type",String)],d.prototype,"direction",void 0),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",n.TemplateRef),i.__metadata("design:paramtypes",[n.TemplateRef])],d.prototype,"tooltipTemplate",null),i.__decorate([n.Directive({selector:"[kendoTooltip]",exportAs:"kendoTooltip",providers:[c.LocalizationService,{provide:c.L10N_PREFIX,useValue:"kendo.tooltip"}]}),i.__param(5,n.Optional()),i.__param(6,n.Optional()),i.__param(6,n.Inject(s.TOOLTIP_SETTINGS)),i.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2,r.PopupService,c.LocalizationService,s.TooltipSettings,s.TooltipSettings])],d));function d(t,e,o,i,n,r,s){var p=this;this.tooltipWrapper=t,this.ngZone=e,this.renderer=o,this.popupService=i,this.localizationService=n,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"],this.direction=n.rtl?"rtl":"ltr",Object.assign(this,r,s),this.ngZone.runOutsideAngular(function(){var t=p.tooltipWrapper.nativeElement;p.anchorTitleSubscription=l.fromEvent(t,"mouseover").pipe(a.filter(function(){return""!==p.filter})).subscribe(function(t){var e=u.closest(t.target,p.filter);e&&p.hideElementTitle({nativeElement:e})}),p.mouseOverSubscription=l.fromEvent(t,"mouseover").pipe(a.debounceTime(100),a.filter(function(){return""!==p.filter})).subscribe(function(t){return p.onMouseOver(t)}),p.mouseOutSubscription=l.fromEvent(t,"mouseout").pipe(a.debounceTime(100)).subscribe(function(t){return p.onMouseOut(t)})})}e.TooltipDirective=h},function(t,e){t.exports=r},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(1),n=o(0),r=o(7),s=o(6),p=o(5),a=o(3),l=[s.TooltipDirective,a.TooltipContentComponent],u=[p.PopupModule],c=i.__decorate([n.NgModule({declarations:[l],entryComponents:[a.TooltipContentComponent],imports:[r.CommonModule].concat(u),exports:[l]})],h);function h(){}e.TooltipModule=c},function(t,e){t.exports=c},function(t,e){t.exports=h},function(t,e){t.exports=u},function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=o(6);e.TooltipDirective=i.TooltipDirective;var n=o(8);e.TooltipModule=n.TooltipModule;var r=o(4);e.TooltipSettings=r.TooltipSettings,e.TOOLTIP_SETTINGS=r.TOOLTIP_SETTINGS,function(t){for(var e in t)s(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=12)}}});

@@ -6,3 +6,3 @@ {

"license": "SEE LICENSE IN LICENSE.md",
"version": "2.0.0-dev.201906201150",
"version": "2.0.0",
"main": "dist/npm/index.js",

@@ -44,3 +44,3 @@ "module": "dist/fesm5/index.js",

"dependencies": {
"@progress/kendo-schematics": "dev",
"@progress/kendo-schematics": "^1.0.0",
"tslib": "^1.9.0"

@@ -61,14 +61,14 @@ },

"@krux/condition-jenkins": "1.0.1",
"@progress/kendo-angular-popup": "dev",
"@progress/kendo-angular-common": "dev",
"@progress/kendo-angular-buttons": "dev",
"@progress/kendo-angular-dateinputs": "dev",
"@progress/kendo-angular-dropdowns": "dev",
"@progress/kendo-angular-popup": "^3.0.0",
"@progress/kendo-angular-common": "^1.0.0",
"@progress/kendo-angular-buttons": "^5.0.0",
"@progress/kendo-angular-dateinputs": "^4.0.0",
"@progress/kendo-angular-dropdowns": "^4.0.0",
"@progress/kendo-angular-e2e": "^2.0.1",
"@progress/kendo-angular-excel-export": "dev",
"@progress/kendo-angular-excel-export": "^3.0.0",
"@progress/kendo-angular-grid": "dev",
"@progress/kendo-angular-inputs": "dev",
"@progress/kendo-angular-intl": "dev",
"@progress/kendo-angular-inputs": "^6.0.0",
"@progress/kendo-angular-intl": "^2.0.0",
"@progress/kendo-angular-jest-preset": "^1.1.0",
"@progress/kendo-angular-l10n": "dev",
"@progress/kendo-angular-l10n": "^2.0.0",
"@progress/kendo-angular-tasks": "^15.0.0",

@@ -75,0 +75,0 @@ "@progress/kendo-data-query": "^1.5.0",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc