@progress/kendo-angular-tooltip
Advanced tools
Comparing version 4.0.4 to 4.1.0-dev.202211240854
@@ -5,2 +5,2 @@ /**----------------------------------------------------------------------------------------- | ||
*-------------------------------------------------------------------------------------------*/ | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs/operators"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-common")):"function"==typeof define&&define.amd?define("KendoAngularTooltip",["exports","@angular/core","rxjs/operators","rxjs","@progress/kendo-licensing","@progress/kendo-angular-l10n","@angular/common","@progress/kendo-angular-popup","@progress/kendo-angular-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularTooltip={},e.ng.core,e.rxjs.operators,e.rxjs,e.KendoLicensing,e.KendoAngularL10N,e.ng.common,e.KendoAngularPopup,e.KendoAngularCommon)}(this,function(e,p,a,l,x,t,o,n,s){"use strict";function i(o){var n;return o&&o.__esModule?o:(n=Object.create(null),o&&Object.keys(o).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(o,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return o[e]}}))}),n.default=o,Object.freeze(n))}var r=i(p),c=i(t),u=i(o),h=i(n),j={name:"@progress/kendo-angular-tooltip",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1668698941,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"},H=new p.InjectionToken("kendo-ui-tooltip-settings"),d=function(){};function N(e,t){var o={},n={},i={};switch(e){case"top":o={horizontal:"center",vertical:"top"},n={horizontal:"center",vertical:"bottom"},i={horizontal:0,vertical:t};break;case"bottom":o={horizontal:"center",vertical:"bottom"},n={horizontal:"center",vertical:"top"},i={horizontal:0,vertical:t};break;case"right":o={horizontal:"right",vertical:"center"},n={horizontal:"left",vertical:"center"},i={horizontal:t,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},n={horizontal:"right",vertical:"center"},i={horizontal:t,vertical:0}}return{anchorAlign:o,popupAlign:n,popupMargin:i}}function F(e){return 9===e.nodeType}function g(e,t){if(e.closest)return e.closest(t);for(var o=Element.prototype.matches?function(e,t){return e.matches(t)}:function(e,t){return e.msMatchesSelector(t)},n=e;n&&!F(n);){if(o(n,t))return n;n=n.parentNode}}function z(e,t){return e&&!F(e)&&(e.contains?e.contains(t):e.compareDocumentPosition&&e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)}d.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,deps:[],target:r.ɵɵFactoryTarget.Injectable}),d.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,decorators:[{type:p.Injectable}],ctorParameters:function(){return[]}});function Z(e,t,o){e=e.getBoundingClientRect();return e[t]+e[o]/2}function B(e,t){return-1!==e.indexOf(t)}var W=function(e,t){return(W=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)};function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}W(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}Object.create;function m(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,i,r=o.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(n=r.next()).done;)s.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(i)throw i.error}}return s}function v(e,t,o){if(o||2===arguments.length)for(var n,i=0,r=t.length;i<r;i++)!n&&i in t||((n=n||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))}Object.create;f(q,$=t.ComponentMessages);var $,y=q;function q(e){var t=$.call(this)||this;return t.service=e,t}y.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:y,deps:[{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),y.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"[kendoTooltipLocalizedMessages]",inputs:{closeTitle:"closeTitle"},providers:[{provide:t.ComponentMessages,useExisting:p.forwardRef(function(){return y})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:y,decorators:[{type:p.Directive,args:[{providers:[{provide:t.ComponentMessages,useExisting:p.forwardRef(function(){return y})}],selector:"[kendoTooltipLocalizedMessages]"}]}],ctorParameters:function(){return[{type:c.LocalizationService}]},propDecorators:{closeTitle:[{type:p.Input}]}});Object.defineProperty(T.prototype,"cssClasses",{get:function(){return"k-widget k-tooltip"},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"className",{get:function(){return this.closable},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!1,configurable:!0}),T.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"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:!1,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(e){e.preventDefault(),this.close.emit()},T.prototype.updateCalloutPosition=function(e,t){var o,n,i,r,s,p,a;this.callout&&(p=(n="top"===e||"bottom"===e)?"width":"height",s=n?"left":"top",n=n?"marginLeft":"marginTop",i=(o=this.content.nativeElement.querySelector(".k-callout")).getBoundingClientRect()[p],r=Z(this.anchor.nativeElement,s,p),s=Z(this.content.nativeElement,s,p),(1<(p=Math.abs(s-r))||0===p||0===Math.round(p))&&(o.style[n]=-(s-r+i/2)+"px"),a=this.calloutStyles(e,i,t),Object.keys(a).forEach(function(e){o.style[e]=a[e]}))};var b=T;function T(e,t){this.content=e,this.localizationService=t,this.close=new p.EventEmitter,this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(e,t,o){var n={},i="top"===e||"bottom"===e;return o?("top"===e?n.bottom="unset":"bottom"===e?n.top="unset":"left"===e?n.right="unset":"right"===e&&(n.left="unset"),n[e]=-t+"px",n.transform=i?"rotateX(180deg)":"rotateY(180deg)"):n.transform=i?"rotateX(0deg)":"rotateY(0deg)",n},this.direction=t.rtl?"rtl":"ltr"}b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,deps:[{token:r.ElementRef},{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),b.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-tooltip",inputs:{tooltipWidth:"tooltipWidth",tooltipHeight:"tooltipHeight",titleTemplate:"titleTemplate",anchor:"anchor",closable:"closable",templateRef:"templateRef",templateString:"templateString"},outputs:{close:"close"},host:{properties:{"attr.dir":"this.direction",class:"this.cssClasses","class.k-tooltip-closable":"this.className","style.position":"this.cssPosition","style.width.px":"this.tooltipWidth","style.height.px":"this.tooltipHeight"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.tooltip"}],ngImport:r,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-x" [attr.title]="closeButtonTitle"></a>\n </div>\n\n <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n ',isInline:!0,directives:[{type:y,selector:"[kendoTooltipLocalizedMessages]",inputs:["closeTitle"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,decorators:[{type:p.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-x" [attr.title]="closeButtonTitle"></a>\n </div>\n\n <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.tooltip"}]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:c.LocalizationService}]},propDecorators:{direction:[{type:p.HostBinding,args:["attr.dir"]}],close:[{type:p.Output}],cssClasses:[{type:p.HostBinding,args:["class"]}],className:[{type:p.HostBinding,args:["class.k-tooltip-closable"]}],cssPosition:[{type:p.HostBinding,args:["style.position"]}],tooltipWidth:[{type:p.HostBinding,args:["style.width.px"]},{type:p.Input}],tooltipHeight:[{type:p.HostBinding,args:["style.height.px"]},{type:p.Input}],titleTemplate:[{type:p.Input}],anchor:[{type:p.Input}],closable:[{type:p.Input}],templateRef:[{type:p.Input}],templateString:[{type:p.Input}]}});Object.defineProperty(I.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(e){this.template=e},enumerable:!1,configurable:!0}),I.prototype.show=function(e){var t=this;this.popupRef||(e instanceof Element&&(e={nativeElement:e}),this.anchor=e,"hover"===this.showOn?this.popupRef||(clearTimeout(this.showTimeout),this.showTimeout=setTimeout(function(){return t.showContent(t.anchor)},this.showAfter)):(this.hideElementTitle(this.anchor),this.showContent(this.anchor)))},I.prototype.hide=function(){clearTimeout(this.showTimeout);var e=this.anchor&&this.anchor.nativeElement;e&&e.getAttribute("data-title")&&(!e.getAttribute("title")&&e.hasAttribute("title")&&e.setAttribute("title",e.getAttribute("data-title")),e.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},I.prototype.toggle=function(e,t){var o=this.anchor&&this.anchor.nativeElement;o!==(e=e instanceof Element?{nativeElement:e}:e).nativeElement&&this.hide(),o===e.nativeElement&&"click"===this.showOn&&this.hide(),(t=void 0===t?!this.popupRef:t)?this.show(e):this.hide()},I.prototype.ngOnInit=function(){void 0===this.showOn&&(this.showOn="hover"),this.verifyProperties()},I.prototype.ngOnChanges=function(e){e.showOn&&this.subscribeClick()},I.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!function(e,t){for(;e&&e!==t;)e=e.parentNode;return e}(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},I.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()},I.prototype.showContent=function(e){var t=this;(e.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run(function(){t.openPopup(e),t.bindContent(t.popupRef.content,e)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return t.hide()}))},I.prototype.bindContent=function(e,t){var o=this,e=e.instance;this.closeClickSubscription=e.close.subscribe(function(){o.hide()}),this.template?e.templateRef=this.template:e.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(e.titleTemplate=this.titleTemplate),e.closeTitle=this.closeTitle,e.anchor=t,e.callout=this.callout,e.closable=this.closable,e.position=this.position,e.tooltipWidth=this.tooltipWidth,e.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},I.prototype.hideElementTitle=function(e){e=e.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},I.prototype.openPopup=function(e){var t=this,o=N(this.position,this.offset),n=o.anchorAlign,i=o.popupAlign,o=o.popupMargin,r=(this.popupRef=this.popupService.open({anchor:e,anchorAlign:n,animate:!1,content:b,collision:(e=this.collision,n=this.position,e||("top"===n||"bottom"===n?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})),margin:o,popupAlign:i,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass),this.popupRef.content.instance);r.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(e){e=e.flip,e=!0===e.horizontal||!0===e.vertical;r.updateCalloutPosition(t.position,e)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=t.popupRef.popupElement;t.popupMouseOutSubscription=l.fromEvent(e,"mouseout").subscribe(function(e){return t.onMouseOut(e)})})},I.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},I.prototype.subscribeClick=function(){var t=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=l.fromEvent(document,"click").pipe(a.filter(function(){return""!==t.filter})).subscribe(function(e){return t.onMouseClick(e,t.tooltipWrapper.nativeElement)}))},I.prototype.onMouseClick=function(e,t){var e=e.target,o=g(e,this.filter),n=this.popupRef&&this.popupRef.popupElement;if(n){if(n.contains(e))return;if(this.closable)return}t.contains(e)&&o?this.toggle(o,!0):n&&this.hide()},I.prototype.onMouseOver=function(e){e=g(e.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},I.prototype.onMouseOut=function(e){var t;"hover"!==this.showOn||this.closable||(t=this.popupRef&&this.popupRef.popupElement,(e=e.relatedTarget)&&this.anchor&&z(this.anchor.nativeElement,e))||e&&z(t,e)||this.hide()},I.prototype.verifyProperties=function(){if(p.isDevMode()){if(!B(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!B(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}};var k=I;function I(e,t,o,n,i,r){var s=this;this.tooltipWrapper=e,this.ngZone=t,this.renderer=o,this.popupService=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"],x.validatePackage(j),Object.assign(this,i,r),this.ngZone.runOutsideAngular(function(){var e=s.tooltipWrapper.nativeElement;s.anchorTitleSubscription=l.fromEvent(e,"mouseover").pipe(a.filter(function(){return""!==s.filter})).subscribe(function(e){e=g(e.target,s.filter);e&&s.hideElementTitle({nativeElement:e})}),s.mouseOverSubscription=l.fromEvent(e,"mouseover").pipe(a.filter(function(){return""!==s.filter})).subscribe(function(e){return s.onMouseOver(e)}),s.mouseOutSubscription=l.fromEvent(e,"mouseout").subscribe(function(e){return s.onMouseOut(e)})})}k.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:k,deps:[{token:r.ElementRef},{token:r.NgZone},{token:r.Renderer2},{token:h.PopupService},{token:d,optional:!0},{token:H,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),k.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoTooltip]",inputs:{filter:"filter",position:"position",titleTemplate:"titleTemplate",showOn:"showOn",showAfter:"showAfter",callout:"callout",closable:"closable",offset:"offset",tooltipWidth:"tooltipWidth",tooltipHeight:"tooltipHeight",tooltipClass:"tooltipClass",collision:"collision",closeTitle:"closeTitle",tooltipTemplate:"tooltipTemplate"},exportAs:["kendoTooltip"],usesOnChanges:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:k,decorators:[{type:p.Directive,args:[{selector:"[kendoTooltip]",exportAs:"kendoTooltip"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:r.Renderer2},{type:h.PopupService},{type:d,decorators:[{type:p.Optional}]},{type:d,decorators:[{type:p.Optional},{type:p.Inject,args:[H]}]}]},propDecorators:{filter:[{type:p.Input}],position:[{type:p.Input}],titleTemplate:[{type:p.Input}],showOn:[{type:p.Input}],showAfter:[{type:p.Input}],callout:[{type:p.Input}],closable:[{type:p.Input}],offset:[{type:p.Input}],tooltipWidth:[{type:p.Input}],tooltipHeight:[{type:p.Input}],tooltipClass:[{type:p.Input}],collision:[{type:p.Input}],closeTitle:[{type:p.Input}],tooltipTemplate:[{type:p.Input}]}});var K="Invalid value provided for the 'popover' property. The accepted data types are 'PopoverComponent' or 'PopoverFn'.",U="templateData must be a function, but received",X="Invalid value provided for the 'showOn' property. The available options are 'click', 'hover', 'focus' or 'none'.",O=function(e){this.templateRef=e},C=(O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),O.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"[kendoPopoverTitleTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverTitleTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),P=(C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),C.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoPopoverBodyTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverBodyTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),w=(P.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:P,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),P.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"[kendoPopoverActionsTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:P,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverActionsTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),Object.defineProperty(E.prototype,"offset",{get:function(){return this.callout?14+this._offset:this._offset},set:function(e){this._offset=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"width",{get:function(){return this._width},set:function(e){this._width="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"height",{get:function(){return this._height},set:function(e){this._height="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"templateData",{get:function(){return this._templateData},set:function(e){if(p.isDevMode&&"function"!=typeof e)throw new Error(U+" "+JSON.stringify(e)+".");this._templateData=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isHidden",{get:function(){return!this.visible},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"hasAttributeHidden",{get:function(){return!this.visible},enumerable:!1,configurable:!0}),E.prototype.ngOnInit=function(){var t=this;this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},E.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},E.prototype.getCalloutPosition=function(){switch(this.position){case"top":return{"k-callout-s":!0};case"bottom":return{"k-callout-n":!0};case"left":return{"k-callout-e":!0};case"right":return{"k-callout-w":!0};default:return{"k-callout-s":!0}}},E);function E(e){this.localization=e,this.position="right",this.callout=!0,this.animation=!1,this.visible=!1,this.show=new p.EventEmitter,this.shown=new p.EventEmitter,this.hide=new p.EventEmitter,this.hidden=new p.EventEmitter,this._width="auto",this._height="auto",this._offset=6,this.subs=new l.Subscription,this._templateData=function(){return null},x.validatePackage(j)}w.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,deps:[{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),w.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"kendo-popover",inputs:{position:"position",offset:"offset",width:"width",height:"height",title:"title",subtitle:"subtitle",body:"body",callout:"callout",animation:"animation",templateData:"templateData"},outputs:{show:"show",shown:"shown",hide:"hide",hidden:"hidden"},host:{properties:{"attr.dir":"this.direction","class.k-hidden":"this.isHidden","attr.aria-hidden":"this.hasAttributeHidden","style.width":"this._width","style.height":"this._height"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.popover"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:O,descendants:!0},{propertyName:"bodyTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"actionsTemplate",first:!0,predicate:P,descendants:!0}],ngImport:r,template:'\n <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{\'width\': width, \'height\': height}">\n <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>\n\n <div class="k-popover-inner" *ngIf="callout; else noCallout">\n <ng-container *ngTemplateOutlet="noCallout"></ng-container>\n </div>\n\n <ng-template #noCallout>\n <div *ngIf="titleTemplate || title" class="k-popover-header">\n <ng-template *ngIf="titleTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="title && !titleTemplate">\n {{ title }}\n </ng-container>\n </div>\n\n <div *ngIf="bodyTemplate || body" class="k-popover-body">\n <ng-template *ngIf="bodyTemplate"\n [ngTemplateOutlet]="bodyTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="body && !bodyTemplate">\n {{ body }}\n </ng-container>\n </div>\n\n <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">\n <ng-template *ngIf="actionsTemplate"\n [ngTemplateOutlet]="actionsTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n </div>\n </ng-template>\n </div>\n ',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,decorators:[{type:p.Component,args:[{selector:"kendo-popover",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.popover"}],template:'\n <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{\'width\': width, \'height\': height}">\n <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>\n\n <div class="k-popover-inner" *ngIf="callout; else noCallout">\n <ng-container *ngTemplateOutlet="noCallout"></ng-container>\n </div>\n\n <ng-template #noCallout>\n <div *ngIf="titleTemplate || title" class="k-popover-header">\n <ng-template *ngIf="titleTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="title && !titleTemplate">\n {{ title }}\n </ng-container>\n </div>\n\n <div *ngIf="bodyTemplate || body" class="k-popover-body">\n <ng-template *ngIf="bodyTemplate"\n [ngTemplateOutlet]="bodyTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="body && !bodyTemplate">\n {{ body }}\n </ng-container>\n </div>\n\n <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">\n <ng-template *ngIf="actionsTemplate"\n [ngTemplateOutlet]="actionsTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n </div>\n </ng-template>\n </div>\n '}]}],ctorParameters:function(){return[{type:c.LocalizationService}]},propDecorators:{position:[{type:p.Input}],offset:[{type:p.Input}],width:[{type:p.Input}],height:[{type:p.Input}],direction:[{type:p.HostBinding,args:["attr.dir"]}],title:[{type:p.Input}],subtitle:[{type:p.Input}],body:[{type:p.Input}],callout:[{type:p.Input}],animation:[{type:p.Input}],templateData:[{type:p.Input}],isHidden:[{type:p.HostBinding,args:["class.k-hidden"]}],hasAttributeHidden:[{type:p.HostBinding,args:["attr.aria-hidden"]}],show:[{type:p.Output}],shown:[{type:p.Output}],hide:[{type:p.Output}],hidden:[{type:p.Output}],titleTemplate:[{type:p.ContentChild,args:[O,{static:!1}]}],bodyTemplate:[{type:p.ContentChild,args:[C,{static:!1}]}],actionsTemplate:[{type:p.ContentChild,args:[P,{static:!1}]}],_width:[{type:p.HostBinding,args:["style.width"]}],_height:[{type:p.HostBinding,args:["style.height"]}]}});f(J,Y=s.PreventableEvent);var Y,G=J;function J(e){var t=Y.call(this)||this;return t.anchor=e,t}f(te,Q=s.PreventableEvent);var Q,ee=te;function te(e,t){var o=Q.call(this)||this;return o.anchor=e,o.popover=t,o}var oe=function(e,t){this.anchor=e,this.popover=t},ne=function(e){this.anchor=e},ie=["hover","click","none","focus"],u=(Object.defineProperty(S.prototype,"popover",{get:function(){return this._popover},set:function(e){if(e instanceof w||"function"==typeof e)this._popover=e;else if(p.isDevMode)throw new Error(K)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"showOn",{get:function(){return this._showOn},set:function(e){if(p.isDevMode&&!B(ie,e))throw new Error(X);this._showOn=e},enumerable:!1,configurable:!0}),S.prototype.ngAfterViewInit=function(){var e=this;s.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){switch(e.showOn){case"hover":e.subscribeToEvents([{name:"mouseenter",handler:e.mouseenterHandler},{name:"mouseleave",handler:e.mouseleaveHandler}]);break;case"focus":e.subscribeToEvents([{name:"focus",handler:e.focusHandler},{name:"blur",handler:e.blurHandler}]);break;case"click":e.subscribeClick()}})},S.prototype.ngOnDestroy=function(){this.closePopup(),this.disposeHoverOverListener&&this.disposeHoverOverListener(),this.disposeHoverOutListener&&this.disposeHoverOutListener(),this.disposeClickListener&&this.disposeClickListener(),this._focusInsideSub&&this._focusInsideSub.unsubscribe(),this._hideSub&&this._hideSub.unsubscribe(),this.subs&&this.subs.unsubscribe(),this._popupOpenSub&&this._popupOpenSub.unsubscribe(),this._popupCloseSub&&this._popupCloseSub.unsubscribe()},S.prototype.hide=function(){this.closePopup()},S.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null,this.disposePopupHoverOutListener&&this.disposePopupHoverOutListener(),this.disposePopupHoverInListener&&this.disposePopupHoverInListener(),this.disposePopupFocusOutListener)&&this.disposePopupFocusOutListener()},S.prototype.openPopup=function(e){var t=e instanceof p.ElementRef?e.nativeElement:e,o=this.popover instanceof w?this.popover:this.popover(t),n=N(o.position,o.offset),i=n.anchorAlign,r=n.popupAlign,n=n.popupMargin,s=o.animation;this.popupRef=this.popupService.open({anchor:{nativeElement:t},animate:s,content:w,popupAlign:r,anchorAlign:i,margin:n,popupClass:"k-popup-transparent",collision:{horizontal:"fit",vertical:"fit"}}),this.applySettings(this.popupRef.content,o,e),this.monitorPopup(),this.initializeCompletionEvents(o,t)},S.prototype.isPrevented=function(e,t){var o=this.popover instanceof w?this.popover:this.popover(e);return this.initializeEvents(o,void 0,t,e).isDefaultPrevented()},S.prototype.monitorPopup=function(){var t=this;"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=t.popupRef.popupElement;t.disposePopupHoverInListener=t.renderer.listen(e,"mouseenter",function(e){t.ngZone.run(function(e){return t._popoverService.emitPopoverState(!0)})}),t.disposePopupHoverOutListener=t.renderer.listen(e,"mouseleave",function(e){t.ngZone.run(function(e){return t._popoverService.emitPopoverState(!1)})})}),"focus"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=t.popupRef.popupElement;t.disposePopupFocusOutListener=t.renderer.listen(e,"focusout",function(e){s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")})||t.ngZone.run(function(e){return t._popoverService.emitFocusInsidePopover(!1)})})})},S.prototype.applySettings=function(e,t,o){e=e.instance,o=o instanceof p.ElementRef?o.nativeElement:o;e.visible=!0,e.anchor=o,e.position=t.position,e.offset=t.offset,e.width=t.width,e.height=t.height,e.title=t.title,e.body=t.body,e.callout=t.callout,e.animation=t.animation,e.contextData=t.templateData(o),e.titleTemplate=t.titleTemplate,e.bodyTemplate=t.bodyTemplate,e.actionsTemplate=t.actionsTemplate,this.popupRef.content.changeDetectorRef.detectChanges()},S.prototype.initializeEvents=function(e,t,o,n){return o?(t=new G(n),this.shouldEmitEvent(!!this.popupRef,"show",e)&&this.ngZone.run(function(){return e.show.emit(t)})):(t=new ee(n,this.popupRef),this.shouldEmitEvent(!!this.popupRef,"hide",e)&&this.ngZone.run(function(){return e.hide.emit(t)})),t},S.prototype.initializeCompletionEvents=function(o,n){var t=this;this.shouldEmitCompletionEvents("shown",o)&&this.popupRef.popupOpen.subscribe(function(){var e=new oe(n,t.popupRef);o.shown.emit(e)}),this.shouldEmitCompletionEvents("hidden",o)&&this.popupRef.popupClose.subscribe(function(){t.ngZone.run(function(e){var t=new ne(n);o.hidden.emit(t)})})},S.prototype.shouldEmitEvent=function(e,t,o){return!!("show"===t&&!e&&s.hasObservers(o[t])||"hide"===t&&e&&s.hasObservers(o[t]))},S.prototype.shouldEmitCompletionEvents=function(e,t){return!!(s.hasObservers(t[e])&&!this._popupOpenSub||s.hasObservers(t[e])&&!this._popupCloseSub)},S);function S(e,t,o){this.ngZone=e,this.popupService=t,this.renderer=o,this.subs=new l.Subscription,this._showOn="click"}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,deps:[{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Directive}),u.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:u,inputs:{popover:"popover",showOn:"showOn"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,decorators:[{type:p.Directive,args:[{}]}],ctorParameters:function(){return[{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2}]},propDecorators:{popover:[{type:p.Input}],showOn:[{type:p.Input}]}});R.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Object.defineProperty(R.prototype,"isPopoverHovered",{get:function(){return this._pointerOverPopup.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitPopoverState=function(t){var o=this;this.ngZone.run(function(e){return o._pointerOverPopup.next(t)})},Object.defineProperty(R.prototype,"isAnchorHovered",{get:function(){return this._pointerOverAnchor.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitAnchorState=function(t,e){var o=this;this._isOrigin=this.originAnchor===e,this.currentAnchor=e,t&&(this.originAnchor=e),this.ngZone.run(function(e){return o._pointerOverAnchor.next(t)})},Object.defineProperty(R.prototype,"isFocusInsidePopover",{get:function(){return this._focusInsidePopover.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitFocusInsidePopover=function(t){var o=this;this.ngZone.run(function(e){return o._focusInsidePopover.next(t)}),this._focusInsidePopover.next(null)},Object.defineProperty(R.prototype,"hidePopover",{get:function(){return this._hidePopover.asObservable()},enumerable:!1,configurable:!0}),R.prototype.monitor=function(){var o=this;this.subs.add(l.combineLatest(this.isPopoverHovered,this.isAnchorHovered).pipe(a.auditTime(20)).subscribe(function(e){var e=m(e,2),t=e[0],e=e[1];o._hidePopover.next([t,e,o._isOrigin,o.currentAnchor])}))};var D=R;function R(e){this.ngZone=e,this._pointerOverPopup=new l.BehaviorSubject(null),this._pointerOverAnchor=new l.BehaviorSubject(null),this._focusInsidePopover=new l.BehaviorSubject(null),this._hidePopover=new l.Subject,this.subs=new l.Subscription,this.monitor()}D.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:D,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),D.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:D}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:D,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});f(A,re=u),A.prototype.show=function(e){var t=this;this.popupRef||(this.ngZone.run(function(){t.openPopup(e)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return t.hide()}))},A.prototype.toggle=function(e){var t=this.popupRef&&this.popupRef.content.instance.anchor;this.popupRef&&(this.hide(),t===e)||this.show(e)},A.prototype.subscribeClick=function(){var o=this;this.disposeClickListener&&this.disposeClickListener(),this.disposeClickListener=this.renderer.listen(document,"click",function(e){var t=g(e.target,o.filter);o.clickHandler(t,e)})},A.prototype.subscribeToEvents=function(o){var n=this;Array.from(document.querySelectorAll(this.filter)).forEach(function(t){n.subs.add(n.renderer.listen(t,o[0].name,function(){n.popoverService.emitAnchorState(!0,t),o[0].handler(t)})),n.subs.add(n.renderer.listen(t,o[1].name,function(e){n.popoverService.emitAnchorState(!1,null),o[1].handler({anchor:t,domEvent:e})}))})},A.prototype.clickHandler=function(t,e){var o=!!s.closest(e.target,function(e){return e.classList&&e.classList.contains("k-popup")}),n=this.popupRef&&this.popupRef.content.instance.anchor,e=!!s.closest(e.target,function(e){return e===(n||t)});"click"!==this.showOn||o||this.popupRef&&e||(!t&&this.popupRef?this.controlVisibility(t,!1):e?this.controlVisibility(t,!0):this.popupRef&&(this.controlVisibility(t,!1),this.controlVisibility(t,!0)))},A.prototype.controlVisibility=function(e,t){this.isPrevented(e,t)||(t?this.show(e):this.hide())};var re,t=A;function A(e,t,o,n,i){var r=re.call(this,t,o,n)||this;return r.wrapperEl=e,r.ngZone=t,r.popupService=o,r.renderer=n,r.popoverService=i,r.mouseenterHandler=function(e){r.controlVisibility(e,!0)},r.mouseleaveHandler=function(e){e=e.anchor;r.isPrevented(e,!1)||r._hideSub||(r._hideSub=r.popoverService.hidePopover.subscribe(function(e){var e=m(e,4),t=e[0],o=e[2],e=e[3];t||o||(r.hide(),!o&&e&&r.show(e))}))},r.focusHandler=function(e){r.controlVisibility(e,!0)},r.blurHandler=function(e){var t,o=e.anchor,e=e.domEvent;r.isPrevented(o,!1)||((t=!!s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")}))||r.hide(),r._focusInsideSub)||(r._focusInsideSub=r.popoverService.isFocusInsidePopover.pipe(a.filter(function(e){return null!==e})).subscribe(function(e){e||t||r.hide()}))},r._popoverService=r.popoverService,r}t.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:t,deps:[{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2},{token:D}],target:r.ɵɵFactoryTarget.Directive}),t.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:t,selector:"[kendoPopoverContainer]",inputs:{filter:"filter"},providers:[D],exportAs:["kendoPopoverContainer"],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:t,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverContainer]",exportAs:"kendoPopoverContainer",providers:[D]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2},{type:D}]},propDecorators:{filter:[{type:p.Input}]}});f(_,se=u),_.prototype.show=function(){var e=this;this.popupRef||(this.ngZone.run(function(){e.openPopup(e.hostEl)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return e.hide()}))},_.prototype.toggle=function(){this.popupRef?this.hide():this.show()},_.prototype.subscribeToEvents=function(t){var o=this;this.subs.add(this.renderer.listen(this.hostEl.nativeElement,t[0].name,function(){o.popoverService.emitAnchorState(!0,o.hostEl.nativeElement),t[0].handler()})),this.subs.add(this.renderer.listen(this.hostEl.nativeElement,t[1].name,function(e){o.popoverService.emitAnchorState(!1,null),t[1].handler({domEvent:e})}))},_.prototype.subscribeClick=function(){var t=this;this.disposeClickListener&&this.disposeClickListener(),this.disposeClickListener=this.renderer.listen(document,"click",function(e){t.onClick(e)})},_.prototype.onClick=function(e){var t=this,o=!!s.closest(e.target,function(e){return e.classList&&e.classList.contains("k-popup")}),e=!!s.closest(e.target,function(e){return e===t.hostEl.nativeElement});o||this.popupRef&&e||(e?this.controlVisibility(this.hostEl.nativeElement,!0):this.controlVisibility(this.hostEl.nativeElement,!1))},_.prototype.controlVisibility=function(e,t){this.isPrevented(e,t)||(t?this.show():this.hide())};var se,u=_;function _(e,t,o,n,i){var r=se.call(this,t,o,n)||this;return r.hostEl=e,r.ngZone=t,r.popupService=o,r.renderer=n,r.popoverService=i,r.mouseenterHandler=function(){r.controlVisibility(r.hostEl.nativeElement,!0)},r.mouseleaveHandler=function(){r.isPrevented(r.hostEl.nativeElement,!1)||r._hideSub||(r._hideSub=r.popoverService.hidePopover.subscribe(function(e){var e=m(e,2),t=e[0],e=e[1];t||e||r.hide()}))},r.focusHandler=function(){r.controlVisibility(r.hostEl.nativeElement,!0)},r.blurHandler=function(e){e=e.domEvent;r.isPrevented(r.hostEl.nativeElement,!1)||(s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")})||r.hide(),r._focusInsideSub)||(r._focusInsideSub=r.popoverService.isFocusInsidePopover.pipe(a.filter(function(e){return null!==e})).subscribe(function(e){e||r.hide()}))},r._popoverService=r.popoverService,r}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,deps:[{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2},{token:D}],target:r.ɵɵFactoryTarget.Directive}),u.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"[kendoPopoverAnchor]",providers:[D],exportAs:["kendoPopoverAnchor"],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverAnchor]",exportAs:"kendoPopoverAnchor",providers:[D]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2},{type:D}]}});var M=[k,b,y],V=[n.PopupModule],L=function(){},V=(L.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:L,deps:[],target:r.ɵɵFactoryTarget.NgModule}),L.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:L,declarations:[k,b,y],imports:[o.CommonModule,n.PopupModule],exports:[k,b,y]}),L.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:L,imports:[v([o.CommonModule],m(V))]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:L,decorators:[{type:p.NgModule,args:[{declarations:[M],entryComponents:[b],imports:v([o.CommonModule],m(V)),exports:[M]}]}]}),[P,C,O,u,t]),M=function(){},V=(M.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:M,deps:[],target:r.ɵɵFactoryTarget.NgModule}),M.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:M,declarations:[P,C,O,u,t,w],imports:[o.CommonModule,n.PopupModule],exports:[P,C,O,u,t,w]}),M.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:M,imports:[[o.CommonModule,n.PopupModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:M,decorators:[{type:p.NgModule,args:[{declarations:v(v([],m(V)),[w]),entryComponents:[w],exports:v(v([],m(V)),[w]),imports:[o.CommonModule,n.PopupModule]}]}]}),function(){});V.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:V,deps:[],target:r.ɵɵFactoryTarget.NgModule}),V.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:V,exports:[L,M]}),V.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:V,imports:[L,M]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:V,decorators:[{type:p.NgModule,args:[{exports:[L,M]}]}]}),e.LocalizedMessagesDirective=y,e.PopoverActionsTemplateDirective=P,e.PopoverAnchorDirective=u,e.PopoverBodyTemplateDirective=C,e.PopoverComponent=w,e.PopoverContainerDirective=t,e.PopoverHiddenEvent=ne,e.PopoverHideEvent=ee,e.PopoverModule=M,e.PopoverShowEvent=G,e.PopoverShownEvent=oe,e.PopoverTitleTemplateDirective=O,e.TOOLTIP_SETTINGS=H,e.TooltipContentComponent=b,e.TooltipDirective=k,e.TooltipModule=L,e.TooltipSettings=d,e.TooltipsModule=V,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("rxjs/operators"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-popup")):"function"==typeof define&&define.amd?define("KendoAngularTooltip",["exports","@angular/core","rxjs/operators","rxjs","@progress/kendo-licensing","@progress/kendo-angular-l10n","@angular/common","@progress/kendo-angular-common","@progress/kendo-angular-popup"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularTooltip={},e.ng.core,e.rxjs.operators,e.rxjs,e.KendoLicensing,e.KendoAngularL10N,e.ng.common,e.KendoAngularCommon,e.KendoAngularPopup)}(this,function(e,p,a,l,x,t,o,s,n){"use strict";function i(o){var n;return o&&o.__esModule?o:(n=Object.create(null),o&&Object.keys(o).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(o,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return o[e]}}))}),n.default=o,Object.freeze(n))}var r=i(p),c=i(t),u=i(o),h=i(n),H={name:"@progress/kendo-angular-tooltip",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1669280051,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"},j=new p.InjectionToken("kendo-ui-tooltip-settings"),d=function(){},N=(d.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:d,deps:[],target:r.ɵɵFactoryTarget.Injectable}),d.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:d}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:d,decorators:[{type:p.Injectable}],ctorParameters:function(){return[]}}),0);function F(e,t){var o={},n={},i={};switch(e){case"top":o={horizontal:"center",vertical:"top"},n={horizontal:"center",vertical:"bottom"},i={horizontal:0,vertical:t};break;case"bottom":o={horizontal:"center",vertical:"bottom"},n={horizontal:"center",vertical:"top"},i={horizontal:0,vertical:t};break;case"right":o={horizontal:"right",vertical:"center"},n={horizontal:"left",vertical:"center"},i={horizontal:t,vertical:0};break;case"left":o={horizontal:"left",vertical:"center"},n={horizontal:"right",vertical:"center"},i={horizontal:t,vertical:0}}return{anchorAlign:o,popupAlign:n,popupMargin:i}}function z(e){return 9===e.nodeType}function g(e,t){if(e.closest)return e.closest(t);for(var o=Element.prototype.matches?function(e,t){return e.matches(t)}:function(e,t){return e.msMatchesSelector(t)},n=e;n&&!z(n);){if(o(n,t))return n;n=n.parentNode}}function Z(e,t){return e&&!z(e)&&(e.contains?e.contains(t):e.compareDocumentPosition&&e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_CONTAINED_BY)}function B(e,t,o){e=e.getBoundingClientRect();return e[t]+e[o]/2}function W(e,t){return-1!==e.indexOf(t)}var K=function(e,t){return(K=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)};function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}K(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}Object.create;function m(e,t){var o="function"==typeof Symbol&&e[Symbol.iterator];if(!o)return e;var n,i,r=o.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(n=r.next()).done;)s.push(n.value)}catch(e){i={error:e}}finally{try{n&&!n.done&&(o=r.return)&&o.call(r)}finally{if(i)throw i.error}}return s}function v(e,t,o){if(o||2===arguments.length)for(var n,i=0,r=t.length;i<r;i++)!n&&i in t||((n=n||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(n||Array.prototype.slice.call(t))}Object.create;f(q,$=t.ComponentMessages);var $,y=q;function q(e){var t=$.call(this)||this;return t.service=e,t}y.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:y,deps:[{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),y.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:y,selector:"[kendoTooltipLocalizedMessages]",inputs:{closeTitle:"closeTitle"},providers:[{provide:t.ComponentMessages,useExisting:p.forwardRef(function(){return y})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:y,decorators:[{type:p.Directive,args:[{providers:[{provide:t.ComponentMessages,useExisting:p.forwardRef(function(){return y})}],selector:"[kendoTooltipLocalizedMessages]"}]}],ctorParameters:function(){return[{type:c.LocalizationService}]},propDecorators:{closeTitle:[{type:p.Input}]}});Object.defineProperty(T.prototype,"cssClasses",{get:function(){return"k-tooltip"},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"hostId",{get:function(){return this.tooltipId},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"className",{get:function(){return this.closable},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"cssPosition",{get:function(){return"relative"},enumerable:!1,configurable:!0}),T.prototype.ngOnInit=function(){var t=this;this.tooltipId="tooltip-"+ ++N,this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"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:!1,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(e){e.preventDefault(),this.close.emit()},T.prototype.updateCalloutPosition=function(e,t){var o,n,i,r,s,p,a;this.callout&&(p=(n="top"===e||"bottom"===e)?"width":"height",s=n?"left":"top",n=n?"marginLeft":"marginTop",i=(o=this.content.nativeElement.querySelector(".k-callout")).getBoundingClientRect()[p],r=B(this.anchor.nativeElement,s,p),s=B(this.content.nativeElement,s,p),(1<(p=Math.abs(s-r))||0===p||0===Math.round(p))&&(o.style[n]=-(s-r+i/2)+"px"),a=this.calloutStyles(e,i,t),Object.keys(a).forEach(function(e){o.style[e]=a[e]}))};var b=T;function T(e,t){this.content=e,this.localizationService=t,this.close=new p.EventEmitter,this.hostRole="tooltip",this.tooltipWidth=null,this.tooltipHeight=null,this.callout=!0,this.calloutStyles=function(e,t,o){var n={},i="top"===e||"bottom"===e;return o?("top"===e?n.bottom="unset":"bottom"===e?n.top="unset":"left"===e?n.right="unset":"right"===e&&(n.left="unset"),n[e]=-t+"px",n.transform=i?"rotateX(180deg)":"rotateY(180deg)"):n.transform=i?"rotateX(0deg)":"rotateY(0deg)",n},this.direction=t.rtl?"rtl":"ltr"}b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:b,deps:[{token:r.ElementRef},{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),b.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:b,selector:"kendo-tooltip",inputs:{tooltipWidth:"tooltipWidth",tooltipHeight:"tooltipHeight",titleTemplate:"titleTemplate",anchor:"anchor",closable:"closable",templateRef:"templateRef",templateString:"templateString"},outputs:{close:"close"},host:{properties:{"attr.dir":"this.direction",class:"this.cssClasses","attr.role":"this.hostRole","attr.id":"this.hostId","class.k-tooltip-closable":"this.className","style.position":"this.cssPosition","style.width.px":"this.tooltipWidth","style.height.px":"this.tooltipHeight"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.tooltip"}],ngImport:r,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" [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)">\n <a href="#" class="k-icon k-i-x" [attr.title]="closeButtonTitle"></a>\n </div>\n\n <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n ',isInline:!0,directives:[{type:y,selector:"[kendoTooltipLocalizedMessages]",inputs:["closeTitle"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:b,decorators:[{type:p.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" [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)">\n <a href="#" class="k-icon k-i-x" [attr.title]="closeButtonTitle"></a>\n </div>\n\n <div class="k-callout" *ngIf="callout" [ngClass]="calloutPositionClass()"></div>\n ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.tooltip"}]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:c.LocalizationService}]},propDecorators:{direction:[{type:p.HostBinding,args:["attr.dir"]}],close:[{type:p.Output}],cssClasses:[{type:p.HostBinding,args:["class"]}],hostRole:[{type:p.HostBinding,args:["attr.role"]}],hostId:[{type:p.HostBinding,args:["attr.id"]}],className:[{type:p.HostBinding,args:["class.k-tooltip-closable"]}],cssPosition:[{type:p.HostBinding,args:["style.position"]}],tooltipWidth:[{type:p.HostBinding,args:["style.width.px"]},{type:p.Input}],tooltipHeight:[{type:p.HostBinding,args:["style.height.px"]},{type:p.Input}],titleTemplate:[{type:p.Input}],anchor:[{type:p.Input}],closable:[{type:p.Input}],templateRef:[{type:p.Input}],templateString:[{type:p.Input}]}});Object.defineProperty(I.prototype,"tooltipTemplate",{get:function(){return this.template},set:function(e){this.template=e},enumerable:!1,configurable:!0}),I.prototype.show=function(e){var t=this;this.popupRef||(e instanceof Element&&(e={nativeElement:e}),this.anchor=e,"hover"===this.showOn?this.popupRef||(clearTimeout(this.showTimeout),this.showTimeout=setTimeout(function(){return t.showContent(t.anchor)},this.showAfter)):(this.hideElementTitle(this.anchor),this.showContent(this.anchor)))},I.prototype.hide=function(){clearTimeout(this.showTimeout);var e=this.anchor&&this.anchor.nativeElement;e&&e.getAttribute("data-title")&&(!e.getAttribute("title")&&e.hasAttribute("title")&&e.setAttribute("title",e.getAttribute("data-title")),e.setAttribute("data-title","")),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe(),this.closeClickSubscription&&this.closeClickSubscription.unsubscribe(),this.closePopup()},I.prototype.toggle=function(e,t){var o=this.anchor&&this.anchor.nativeElement;o!==(e=e instanceof Element?{nativeElement:e}:e).nativeElement&&this.hide(),o===e.nativeElement&&"click"===this.showOn&&this.hide(),(t=void 0===t?!this.popupRef:t)?this.show(e):this.hide()},I.prototype.ngOnInit=function(){var t=this;void 0===this.showOn&&(this.showOn="hover"),this.keyboardNavigationSubscription.add(this.renderer.listen(this.tooltipWrapper.nativeElement,"keydown",function(e){return t.onKeyDown(e)})),this.verifyProperties()},I.prototype.ngOnChanges=function(e){e.showOn&&this.subscribeClick()},I.prototype.ngAfterViewChecked=function(){this.popupRef&&this.anchor&&!function(e,t){for(;e&&e!==t;)e=e.parentNode;return e}(this.anchor.nativeElement||this.anchor,this.tooltipWrapper.nativeElement)&&(this.anchor=null,this.hide())},I.prototype.ngOnDestroy=function(){this.hide(),this.template=null,this.anchorTitleSubscription.unsubscribe(),this.mouseOverSubscription.unsubscribe(),this.mouseOutSubscription.unsubscribe(),this.keyboardNavigationSubscription.unsubscribe(),this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe(),this.popupMouseOutSubscription&&this.popupMouseOutSubscription.unsubscribe()},I.prototype.showContent=function(e){var t=this;(e.nativeElement.getAttribute("data-title")||this.template)&&(this.ngZone.run(function(){t.openPopup(e),t.bindContent(t.popupRef.content,e)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return t.hide()}))},I.prototype.bindContent=function(e,t){var o=this,e=e.instance;this.closeClickSubscription=e.close.subscribe(function(){o.hide()}),this.template?e.templateRef=this.template:e.templateString=this.anchor.nativeElement.getAttribute("data-title"),this.titleTemplate&&(e.titleTemplate=this.titleTemplate),e.closeTitle=this.closeTitle,e.anchor=t,e.callout=this.callout,e.closable=this.closable,e.position=this.position,e.tooltipWidth=this.tooltipWidth,e.tooltipHeight=this.tooltipHeight,this.popupRef.content.changeDetectorRef.detectChanges()},I.prototype.hideElementTitle=function(e){e=e.nativeElement;e.getAttribute("title")&&(e.setAttribute("data-title",e.getAttribute("title")),e.setAttribute("title",""))},I.prototype.openPopup=function(e){var t,o=this,n=F(this.position,this.offset),i=n.anchorAlign,r=n.popupAlign,n=n.popupMargin,s=(this.popupRef=this.popupService.open({anchor:e,anchorAlign:i,animate:!1,content:b,collision:(i=this.collision,t=this.position,i||("top"===t||"bottom"===t?{horizontal:"fit",vertical:"flip"}:{horizontal:"flip",vertical:"fit"})),margin:n,popupAlign:r,popupClass:"k-popup-transparent"}),this.renderer.addClass(this.popupRef.popupElement,"k-tooltip-wrapper"),this.tooltipClass&&this.renderer.addClass(this.popupRef.popupElement,this.tooltipClass),this.popupRef.content.instance);e&&this.renderer.setAttribute(e.nativeElement,"aria-labelledby",s.tooltipId),s.callout&&(this.popupPositionChangeSubscription=this.popupRef.popupPositionChange.subscribe(function(e){e=e.flip,e=!0===e.horizontal||!0===e.vertical;s.updateCalloutPosition(o.position,e)})),"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=o.popupRef.popupElement;o.popupMouseOutSubscription=l.fromEvent(e,"mouseout").subscribe(function(e){return o.onMouseOut(e)})})},I.prototype.closePopup=function(){this.popupRef&&(this.anchor&&this.renderer.removeAttribute(this.anchor.nativeElement,"aria-labelledby"),this.popupRef.close(),this.popupRef=null),this.popupPositionChangeSubscription&&this.popupPositionChangeSubscription.unsubscribe()},I.prototype.subscribeClick=function(){var t=this;this.mouseClickSubscription&&this.mouseClickSubscription.unsubscribe(),"click"===this.showOn&&(this.mouseClickSubscription=l.fromEvent(document,"click").pipe(a.filter(function(){return""!==t.filter})).subscribe(function(e){return t.onMouseClick(e,t.tooltipWrapper.nativeElement)}))},I.prototype.onMouseClick=function(e,t){var e=e.target,o=g(e,this.filter),n=this.popupRef&&this.popupRef.popupElement;if(n){if(n.contains(e))return;if(this.closable)return}t.contains(e)&&o?this.toggle(o,!0):n&&this.hide()},I.prototype.onKeyDown=function(e){var t=e.keyCode,e=e.target,o=this.popupRef.content.location.nativeElement.getAttribute("id"),n=e.getAttribute("aria-labelledby");this.popupRef&&t===s.Keys.Escape&&this.canCloseTooltip(e,o,n)&&this.closePopup()},I.prototype.canCloseTooltip=function(e,t,o){var t=t===o,o=g(e,this.filter),n=e===document.activeElement;return this.tooltipWrapper.nativeElement.contains(e)&&o&&n&&t},I.prototype.onMouseOver=function(e){e=g(e.target,this.filter);"hover"===this.showOn&&e&&this.toggle(e,!0)},I.prototype.onMouseOut=function(e){var t;"hover"!==this.showOn||this.closable||(t=this.popupRef&&this.popupRef.popupElement,(e=e.relatedTarget)&&this.anchor&&Z(this.anchor.nativeElement,e))||e&&Z(t,e)||this.hide()},I.prototype.verifyProperties=function(){if(p.isDevMode()){if(!W(this.validPositions,this.position))throw new Error("Invalid value provided for position property.The available options are 'top', 'bottom', 'left', or 'right'.");if(!W(this.validShowOptions,this.showOn))throw new Error("Invalid value provided for showOn property.The available options are 'hover' or 'none'.")}};var k=I;function I(e,t,o,n,i,r){var s=this;this.tooltipWrapper=e,this.ngZone=t,this.renderer=o,this.popupService=n,this.filter="[title]",this.position="top",this.showAfter=100,this.callout=!0,this.closable=!1,this.offset=6,this.anchor=null,this.keyboardNavigationSubscription=new l.Subscription,this.validPositions=["top","bottom","right","left"],this.validShowOptions=["hover","click","none"],x.validatePackage(H),Object.assign(this,i,r),this.ngZone.runOutsideAngular(function(){var e=s.tooltipWrapper.nativeElement;s.anchorTitleSubscription=l.fromEvent(e,"mouseover").pipe(a.filter(function(){return""!==s.filter})).subscribe(function(e){e=g(e.target,s.filter);e&&s.hideElementTitle({nativeElement:e})}),s.mouseOverSubscription=l.fromEvent(e,"mouseover").pipe(a.filter(function(){return""!==s.filter})).subscribe(function(e){return s.onMouseOver(e)}),s.mouseOutSubscription=l.fromEvent(e,"mouseout").subscribe(function(e){return s.onMouseOut(e)})})}k.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:k,deps:[{token:r.ElementRef},{token:r.NgZone},{token:r.Renderer2},{token:h.PopupService},{token:d,optional:!0},{token:j,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),k.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:k,selector:"[kendoTooltip]",inputs:{filter:"filter",position:"position",titleTemplate:"titleTemplate",showOn:"showOn",showAfter:"showAfter",callout:"callout",closable:"closable",offset:"offset",tooltipWidth:"tooltipWidth",tooltipHeight:"tooltipHeight",tooltipClass:"tooltipClass",collision:"collision",closeTitle:"closeTitle",tooltipTemplate:"tooltipTemplate"},exportAs:["kendoTooltip"],usesOnChanges:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:k,decorators:[{type:p.Directive,args:[{selector:"[kendoTooltip]",exportAs:"kendoTooltip"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:r.Renderer2},{type:h.PopupService},{type:d,decorators:[{type:p.Optional}]},{type:d,decorators:[{type:p.Optional},{type:p.Inject,args:[j]}]}]},propDecorators:{filter:[{type:p.Input}],position:[{type:p.Input}],titleTemplate:[{type:p.Input}],showOn:[{type:p.Input}],showAfter:[{type:p.Input}],callout:[{type:p.Input}],closable:[{type:p.Input}],offset:[{type:p.Input}],tooltipWidth:[{type:p.Input}],tooltipHeight:[{type:p.Input}],tooltipClass:[{type:p.Input}],collision:[{type:p.Input}],closeTitle:[{type:p.Input}],tooltipTemplate:[{type:p.Input}]}});var U="Invalid value provided for the 'popover' property. The accepted data types are 'PopoverComponent' or 'PopoverFn'.",X="templateData must be a function, but received",Y="Invalid value provided for the 'showOn' property. The available options are 'click', 'hover', 'focus' or 'none'.",O=function(e){this.templateRef=e},C=(O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:O,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),O.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:O,selector:"[kendoPopoverTitleTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:O,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverTitleTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),P=(C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:C,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),C.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:C,selector:"[kendoPopoverBodyTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:C,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverBodyTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),E=(P.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:P,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),P.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:P,selector:"[kendoPopoverActionsTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:P,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverActionsTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:p.Optional}]}]}}),Object.defineProperty(w.prototype,"offset",{get:function(){return this.callout?14+this._offset:this._offset},set:function(e){this._offset=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"width",{get:function(){return this._width},set:function(e){this._width="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"height",{get:function(){return this._height},set:function(e){this._height="number"==typeof e?e+"px":e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"templateData",{get:function(){return this._templateData},set:function(e){if(p.isDevMode&&"function"!=typeof e)throw new Error(X+" "+JSON.stringify(e)+".");this._templateData=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"isHidden",{get:function(){return!this.visible},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"hasAttributeHidden",{get:function(){return!this.visible},enumerable:!1,configurable:!0}),w.prototype.ngOnInit=function(){var t=this;this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},w.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},w.prototype.getCalloutPosition=function(){switch(this.position){case"top":return{"k-callout-s":!0};case"bottom":return{"k-callout-n":!0};case"left":return{"k-callout-e":!0};case"right":return{"k-callout-w":!0};default:return{"k-callout-s":!0}}},w);function w(e){this.localization=e,this.position="right",this.callout=!0,this.animation=!1,this.visible=!1,this.show=new p.EventEmitter,this.shown=new p.EventEmitter,this.hide=new p.EventEmitter,this.hidden=new p.EventEmitter,this._width="auto",this._height="auto",this._offset=6,this.subs=new l.Subscription,this._templateData=function(){return null},x.validatePackage(H)}E.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:E,deps:[{token:c.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),E.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:E,selector:"kendo-popover",inputs:{position:"position",offset:"offset",width:"width",height:"height",title:"title",subtitle:"subtitle",body:"body",callout:"callout",animation:"animation",templateData:"templateData"},outputs:{show:"show",shown:"shown",hide:"hide",hidden:"hidden"},host:{properties:{"attr.dir":"this.direction","class.k-hidden":"this.isHidden","attr.aria-hidden":"this.hasAttributeHidden","style.width":"this._width","style.height":"this._height"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.popover"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:O,descendants:!0},{propertyName:"bodyTemplate",first:!0,predicate:C,descendants:!0},{propertyName:"actionsTemplate",first:!0,predicate:P,descendants:!0}],ngImport:r,template:'\n <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{\'width\': width, \'height\': height}">\n <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>\n\n <div class="k-popover-inner" *ngIf="callout; else noCallout">\n <ng-container *ngTemplateOutlet="noCallout"></ng-container>\n </div>\n\n <ng-template #noCallout>\n <div *ngIf="titleTemplate || title" class="k-popover-header">\n <ng-template *ngIf="titleTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="title && !titleTemplate">\n {{ title }}\n </ng-container>\n </div>\n\n <div *ngIf="bodyTemplate || body" class="k-popover-body">\n <ng-template *ngIf="bodyTemplate"\n [ngTemplateOutlet]="bodyTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="body && !bodyTemplate">\n {{ body }}\n </ng-container>\n </div>\n\n <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">\n <ng-template *ngIf="actionsTemplate"\n [ngTemplateOutlet]="actionsTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n </div>\n </ng-template>\n </div>\n ',isInline:!0,directives:[{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:u.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:E,decorators:[{type:p.Component,args:[{selector:"kendo-popover",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.popover"}],template:'\n <div *ngIf="visible" role="tooltip" class="k-popover" [ngStyle]="{\'width\': width, \'height\': height}">\n <div class="k-popover-callout" [ngClass]="getCalloutPosition()" *ngIf="callout"></div>\n\n <div class="k-popover-inner" *ngIf="callout; else noCallout">\n <ng-container *ngTemplateOutlet="noCallout"></ng-container>\n </div>\n\n <ng-template #noCallout>\n <div *ngIf="titleTemplate || title" class="k-popover-header">\n <ng-template *ngIf="titleTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="title && !titleTemplate">\n {{ title }}\n </ng-container>\n </div>\n\n <div *ngIf="bodyTemplate || body" class="k-popover-body">\n <ng-template *ngIf="bodyTemplate"\n [ngTemplateOutlet]="bodyTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n <ng-container *ngIf="body && !bodyTemplate">\n {{ body }}\n </ng-container>\n </div>\n\n <div *ngIf="actionsTemplate" class="k-popover-actions k-actions k-hstack k-justify-content-between">\n <ng-template *ngIf="actionsTemplate"\n [ngTemplateOutlet]="actionsTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: anchor, data: contextData }">\n </ng-template>\n </div>\n </ng-template>\n </div>\n '}]}],ctorParameters:function(){return[{type:c.LocalizationService}]},propDecorators:{position:[{type:p.Input}],offset:[{type:p.Input}],width:[{type:p.Input}],height:[{type:p.Input}],direction:[{type:p.HostBinding,args:["attr.dir"]}],title:[{type:p.Input}],subtitle:[{type:p.Input}],body:[{type:p.Input}],callout:[{type:p.Input}],animation:[{type:p.Input}],templateData:[{type:p.Input}],isHidden:[{type:p.HostBinding,args:["class.k-hidden"]}],hasAttributeHidden:[{type:p.HostBinding,args:["attr.aria-hidden"]}],show:[{type:p.Output}],shown:[{type:p.Output}],hide:[{type:p.Output}],hidden:[{type:p.Output}],titleTemplate:[{type:p.ContentChild,args:[O,{static:!1}]}],bodyTemplate:[{type:p.ContentChild,args:[C,{static:!1}]}],actionsTemplate:[{type:p.ContentChild,args:[P,{static:!1}]}],_width:[{type:p.HostBinding,args:["style.width"]}],_height:[{type:p.HostBinding,args:["style.height"]}]}});f(Q,G=s.PreventableEvent);var G,J=Q;function Q(e){var t=G.call(this)||this;return t.anchor=e,t}f(oe,ee=s.PreventableEvent);var ee,te=oe;function oe(e,t){var o=ee.call(this)||this;return o.anchor=e,o.popover=t,o}var ne=function(e,t){this.anchor=e,this.popover=t},ie=function(e){this.anchor=e},re=["hover","click","none","focus"],u=(Object.defineProperty(S.prototype,"popover",{get:function(){return this._popover},set:function(e){if(e instanceof E||"function"==typeof e)this._popover=e;else if(p.isDevMode)throw new Error(U)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"showOn",{get:function(){return this._showOn},set:function(e){if(p.isDevMode&&!W(re,e))throw new Error(Y);this._showOn=e},enumerable:!1,configurable:!0}),S.prototype.ngAfterViewInit=function(){var e=this;s.isDocumentAvailable()&&this.ngZone.runOutsideAngular(function(){switch(e.showOn){case"hover":e.subscribeToEvents([{name:"mouseenter",handler:e.mouseenterHandler},{name:"mouseleave",handler:e.mouseleaveHandler}]);break;case"focus":e.subscribeToEvents([{name:"focus",handler:e.focusHandler},{name:"blur",handler:e.blurHandler}]);break;case"click":e.subscribeClick()}})},S.prototype.ngOnDestroy=function(){this.closePopup(),this.disposeHoverOverListener&&this.disposeHoverOverListener(),this.disposeHoverOutListener&&this.disposeHoverOutListener(),this.disposeClickListener&&this.disposeClickListener(),this._focusInsideSub&&this._focusInsideSub.unsubscribe(),this._hideSub&&this._hideSub.unsubscribe(),this.subs&&this.subs.unsubscribe(),this._popupOpenSub&&this._popupOpenSub.unsubscribe(),this._popupCloseSub&&this._popupCloseSub.unsubscribe()},S.prototype.hide=function(){this.closePopup()},S.prototype.closePopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null,this.disposePopupHoverOutListener&&this.disposePopupHoverOutListener(),this.disposePopupHoverInListener&&this.disposePopupHoverInListener(),this.disposePopupFocusOutListener)&&this.disposePopupFocusOutListener()},S.prototype.openPopup=function(e){var t=e instanceof p.ElementRef?e.nativeElement:e,o=this.popover instanceof E?this.popover:this.popover(t),n=F(o.position,o.offset),i=n.anchorAlign,r=n.popupAlign,n=n.popupMargin,s=o.animation;this.popupRef=this.popupService.open({anchor:{nativeElement:t},animate:s,content:E,popupAlign:r,anchorAlign:i,margin:n,popupClass:"k-popup-transparent",collision:{horizontal:"fit",vertical:"fit"}}),this.applySettings(this.popupRef.content,o,e),this.monitorPopup(),this.initializeCompletionEvents(o,t)},S.prototype.isPrevented=function(e,t){var o=this.popover instanceof E?this.popover:this.popover(e);return this.initializeEvents(o,void 0,t,e).isDefaultPrevented()},S.prototype.monitorPopup=function(){var t=this;"hover"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=t.popupRef.popupElement;t.disposePopupHoverInListener=t.renderer.listen(e,"mouseenter",function(e){t.ngZone.run(function(e){return t._popoverService.emitPopoverState(!0)})}),t.disposePopupHoverOutListener=t.renderer.listen(e,"mouseleave",function(e){t.ngZone.run(function(e){return t._popoverService.emitPopoverState(!1)})})}),"focus"===this.showOn&&this.ngZone.runOutsideAngular(function(){var e=t.popupRef.popupElement;t.disposePopupFocusOutListener=t.renderer.listen(e,"focusout",function(e){s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")})||t.ngZone.run(function(e){return t._popoverService.emitFocusInsidePopover(!1)})})})},S.prototype.applySettings=function(e,t,o){e=e.instance,o=o instanceof p.ElementRef?o.nativeElement:o;e.visible=!0,e.anchor=o,e.position=t.position,e.offset=t.offset,e.width=t.width,e.height=t.height,e.title=t.title,e.body=t.body,e.callout=t.callout,e.animation=t.animation,e.contextData=t.templateData(o),e.titleTemplate=t.titleTemplate,e.bodyTemplate=t.bodyTemplate,e.actionsTemplate=t.actionsTemplate,this.popupRef.content.changeDetectorRef.detectChanges()},S.prototype.initializeEvents=function(e,t,o,n){return o?(t=new J(n),this.shouldEmitEvent(!!this.popupRef,"show",e)&&this.ngZone.run(function(){return e.show.emit(t)})):(t=new te(n,this.popupRef),this.shouldEmitEvent(!!this.popupRef,"hide",e)&&this.ngZone.run(function(){return e.hide.emit(t)})),t},S.prototype.initializeCompletionEvents=function(o,n){var t=this;this.shouldEmitCompletionEvents("shown",o)&&this.popupRef.popupOpen.subscribe(function(){var e=new ne(n,t.popupRef);o.shown.emit(e)}),this.shouldEmitCompletionEvents("hidden",o)&&this.popupRef.popupClose.subscribe(function(){t.ngZone.run(function(e){var t=new ie(n);o.hidden.emit(t)})})},S.prototype.shouldEmitEvent=function(e,t,o){return!!("show"===t&&!e&&s.hasObservers(o[t])||"hide"===t&&e&&s.hasObservers(o[t]))},S.prototype.shouldEmitCompletionEvents=function(e,t){return!!(s.hasObservers(t[e])&&!this._popupOpenSub||s.hasObservers(t[e])&&!this._popupCloseSub)},S);function S(e,t,o){this.ngZone=e,this.popupService=t,this.renderer=o,this.subs=new l.Subscription,this._showOn="click"}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:u,deps:[{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Directive}),u.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:u,inputs:{popover:"popover",showOn:"showOn"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:u,decorators:[{type:p.Directive,args:[{}]}],ctorParameters:function(){return[{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2}]},propDecorators:{popover:[{type:p.Input}],showOn:[{type:p.Input}]}});R.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Object.defineProperty(R.prototype,"isPopoverHovered",{get:function(){return this._pointerOverPopup.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitPopoverState=function(t){var o=this;this.ngZone.run(function(e){return o._pointerOverPopup.next(t)})},Object.defineProperty(R.prototype,"isAnchorHovered",{get:function(){return this._pointerOverAnchor.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitAnchorState=function(t,e){var o=this;this._isOrigin=this.originAnchor===e,this.currentAnchor=e,t&&(this.originAnchor=e),this.ngZone.run(function(e){return o._pointerOverAnchor.next(t)})},Object.defineProperty(R.prototype,"isFocusInsidePopover",{get:function(){return this._focusInsidePopover.asObservable()},enumerable:!1,configurable:!0}),R.prototype.emitFocusInsidePopover=function(t){var o=this;this.ngZone.run(function(e){return o._focusInsidePopover.next(t)}),this._focusInsidePopover.next(null)},Object.defineProperty(R.prototype,"hidePopover",{get:function(){return this._hidePopover.asObservable()},enumerable:!1,configurable:!0}),R.prototype.monitor=function(){var o=this;this.subs.add(l.combineLatest(this.isPopoverHovered,this.isAnchorHovered).pipe(a.auditTime(20)).subscribe(function(e){var e=m(e,2),t=e[0],e=e[1];o._hidePopover.next([t,e,o._isOrigin,o.currentAnchor])}))};var D=R;function R(e){this.ngZone=e,this._pointerOverPopup=new l.BehaviorSubject(null),this._pointerOverAnchor=new l.BehaviorSubject(null),this._focusInsidePopover=new l.BehaviorSubject(null),this._hidePopover=new l.Subject,this.subs=new l.Subscription,this.monitor()}D.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:D,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),D.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:D}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:D,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});f(A,se=u),A.prototype.show=function(e){var t=this;this.popupRef||(this.ngZone.run(function(){t.openPopup(e)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return t.hide()}))},A.prototype.toggle=function(e){var t=this.popupRef&&this.popupRef.content.instance.anchor;this.popupRef&&(this.hide(),t===e)||this.show(e)},A.prototype.subscribeClick=function(){var o=this;this.disposeClickListener&&this.disposeClickListener(),this.disposeClickListener=this.renderer.listen(document,"click",function(e){var t=g(e.target,o.filter);o.clickHandler(t,e)})},A.prototype.subscribeToEvents=function(o){var n=this;Array.from(document.querySelectorAll(this.filter)).forEach(function(t){n.subs.add(n.renderer.listen(t,o[0].name,function(){n.popoverService.emitAnchorState(!0,t),o[0].handler(t)})),n.subs.add(n.renderer.listen(t,o[1].name,function(e){n.popoverService.emitAnchorState(!1,null),o[1].handler({anchor:t,domEvent:e})}))})},A.prototype.clickHandler=function(t,e){var o=!!s.closest(e.target,function(e){return e.classList&&e.classList.contains("k-popup")}),n=this.popupRef&&this.popupRef.content.instance.anchor,e=!!s.closest(e.target,function(e){return e===(n||t)});"click"!==this.showOn||o||this.popupRef&&e||(!t&&this.popupRef?this.controlVisibility(t,!1):e?this.controlVisibility(t,!0):this.popupRef&&(this.controlVisibility(t,!1),this.controlVisibility(t,!0)))},A.prototype.controlVisibility=function(e,t){this.isPrevented(e,t)||(t?this.show(e):this.hide())};var se,t=A;function A(e,t,o,n,i){var r=se.call(this,t,o,n)||this;return r.wrapperEl=e,r.ngZone=t,r.popupService=o,r.renderer=n,r.popoverService=i,r.mouseenterHandler=function(e){r.controlVisibility(e,!0)},r.mouseleaveHandler=function(e){e=e.anchor;r.isPrevented(e,!1)||r._hideSub||(r._hideSub=r.popoverService.hidePopover.subscribe(function(e){var e=m(e,4),t=e[0],o=e[2],e=e[3];t||o||(r.hide(),!o&&e&&r.show(e))}))},r.focusHandler=function(e){r.controlVisibility(e,!0)},r.blurHandler=function(e){var t,o=e.anchor,e=e.domEvent;r.isPrevented(o,!1)||((t=!!s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")}))||r.hide(),r._focusInsideSub)||(r._focusInsideSub=r.popoverService.isFocusInsidePopover.pipe(a.filter(function(e){return null!==e})).subscribe(function(e){e||t||r.hide()}))},r._popoverService=r.popoverService,r}t.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:t,deps:[{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2},{token:D}],target:r.ɵɵFactoryTarget.Directive}),t.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:t,selector:"[kendoPopoverContainer]",inputs:{filter:"filter"},providers:[D],exportAs:["kendoPopoverContainer"],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:t,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverContainer]",exportAs:"kendoPopoverContainer",providers:[D]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2},{type:D}]},propDecorators:{filter:[{type:p.Input}]}});f(_,pe=u),_.prototype.show=function(){var e=this;this.popupRef||(this.ngZone.run(function(){e.openPopup(e.hostEl)}),this.popupRef.popupAnchorViewportLeave.pipe(a.take(1)).subscribe(function(){return e.hide()}))},_.prototype.toggle=function(){this.popupRef?this.hide():this.show()},_.prototype.subscribeToEvents=function(t){var o=this;this.subs.add(this.renderer.listen(this.hostEl.nativeElement,t[0].name,function(){o.popoverService.emitAnchorState(!0,o.hostEl.nativeElement),t[0].handler()})),this.subs.add(this.renderer.listen(this.hostEl.nativeElement,t[1].name,function(e){o.popoverService.emitAnchorState(!1,null),t[1].handler({domEvent:e})}))},_.prototype.subscribeClick=function(){var t=this;this.disposeClickListener&&this.disposeClickListener(),this.disposeClickListener=this.renderer.listen(document,"click",function(e){t.onClick(e)})},_.prototype.onClick=function(e){var t=this,o=!!s.closest(e.target,function(e){return e.classList&&e.classList.contains("k-popup")}),e=!!s.closest(e.target,function(e){return e===t.hostEl.nativeElement});o||this.popupRef&&e||(e?this.controlVisibility(this.hostEl.nativeElement,!0):this.controlVisibility(this.hostEl.nativeElement,!1))},_.prototype.controlVisibility=function(e,t){this.isPrevented(e,t)||(t?this.show():this.hide())};var pe,u=_;function _(e,t,o,n,i){var r=pe.call(this,t,o,n)||this;return r.hostEl=e,r.ngZone=t,r.popupService=o,r.renderer=n,r.popoverService=i,r.mouseenterHandler=function(){r.controlVisibility(r.hostEl.nativeElement,!0)},r.mouseleaveHandler=function(){r.isPrevented(r.hostEl.nativeElement,!1)||r._hideSub||(r._hideSub=r.popoverService.hidePopover.subscribe(function(e){var e=m(e,2),t=e[0],e=e[1];t||e||r.hide()}))},r.focusHandler=function(){r.controlVisibility(r.hostEl.nativeElement,!0)},r.blurHandler=function(e){e=e.domEvent;r.isPrevented(r.hostEl.nativeElement,!1)||(s.closest(e.relatedTarget,function(e){return e.classList&&e.classList.contains("k-popover")})||r.hide(),r._focusInsideSub)||(r._focusInsideSub=r.popoverService.isFocusInsidePopover.pipe(a.filter(function(e){return null!==e})).subscribe(function(e){e||r.hide()}))},r._popoverService=r.popoverService,r}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:u,deps:[{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.Renderer2},{token:D}],target:r.ɵɵFactoryTarget.Directive}),u.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:u,selector:"[kendoPopoverAnchor]",providers:[D],exportAs:["kendoPopoverAnchor"],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:u,decorators:[{type:p.Directive,args:[{selector:"[kendoPopoverAnchor]",exportAs:"kendoPopoverAnchor",providers:[D]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.Renderer2},{type:D}]}});var M=[k,b,y],V=[n.PopupModule],L=function(){},V=(L.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:L,deps:[],target:r.ɵɵFactoryTarget.NgModule}),L.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:L,declarations:[k,b,y],imports:[o.CommonModule,n.PopupModule],exports:[k,b,y]}),L.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:L,imports:[v([o.CommonModule],m(V))]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:L,decorators:[{type:p.NgModule,args:[{declarations:[M],entryComponents:[b],imports:v([o.CommonModule],m(V)),exports:[M]}]}]}),[P,C,O,u,t]),M=function(){},V=(M.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:M,deps:[],target:r.ɵɵFactoryTarget.NgModule}),M.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:M,declarations:[P,C,O,u,t,E],imports:[o.CommonModule,n.PopupModule],exports:[P,C,O,u,t,E]}),M.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:M,imports:[[o.CommonModule,n.PopupModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:M,decorators:[{type:p.NgModule,args:[{declarations:v(v([],m(V)),[E]),entryComponents:[E],exports:v(v([],m(V)),[E]),imports:[o.CommonModule,n.PopupModule]}]}]}),function(){});V.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:V,deps:[],target:r.ɵɵFactoryTarget.NgModule}),V.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:V,exports:[L,M]}),V.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:V,imports:[L,M]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:r,type:V,decorators:[{type:p.NgModule,args:[{exports:[L,M]}]}]}),e.LocalizedMessagesDirective=y,e.PopoverActionsTemplateDirective=P,e.PopoverAnchorDirective=u,e.PopoverBodyTemplateDirective=C,e.PopoverComponent=E,e.PopoverContainerDirective=t,e.PopoverHiddenEvent=ie,e.PopoverHideEvent=te,e.PopoverModule=M,e.PopoverShowEvent=J,e.PopoverShownEvent=ne,e.PopoverTitleTemplateDirective=O,e.TOOLTIP_SETTINGS=j,e.TooltipContentComponent=b,e.TooltipDirective=k,e.TooltipModule=L,e.TooltipSettings=d,e.TooltipsModule=V,Object.defineProperty(e,"__esModule",{value:!0})}); |
@@ -18,4 +18,4 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [ | ||
LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [ | ||
{ | ||
@@ -26,3 +26,3 @@ provide: ComponentMessages, | ||
], usesInheritance: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{ | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{ | ||
type: Directive, | ||
@@ -29,0 +29,0 @@ args: [{ |
@@ -12,5 +12,5 @@ /**----------------------------------------------------------------------------------------- | ||
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'], | ||
publishDate: 1668698941, | ||
publishDate: 1669280051, | ||
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' | ||
}; |
@@ -49,4 +49,4 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
PopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, declarations: [PopoverActionsTemplateDirective, | ||
PopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
PopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverModule, declarations: [PopoverActionsTemplateDirective, | ||
PopoverBodyTemplateDirective, | ||
@@ -61,7 +61,7 @@ PopoverTitleTemplateDirective, | ||
PopoverContainerDirective, PopoverComponent] }); | ||
PopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, imports: [[ | ||
PopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverModule, imports: [[ | ||
CommonModule, | ||
PopupModule | ||
]] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverModule, decorators: [{ | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverModule, decorators: [{ | ||
type: NgModule, | ||
@@ -68,0 +68,0 @@ args: [{ |
@@ -143,5 +143,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverAnchorDirective, decorators: [{ | ||
PopoverAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverAnchorDirective, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverAnchorDirective, decorators: [{ | ||
type: Directive, | ||
@@ -148,0 +148,0 @@ args: [{ |
@@ -166,5 +166,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverContainerDirective, decorators: [{ | ||
PopoverContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverContainerDirective, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverContainerDirective, decorators: [{ | ||
type: Directive, | ||
@@ -171,0 +171,0 @@ args: [{ |
@@ -273,5 +273,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverDirectivesBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverDirectivesBase, decorators: [{ | ||
PopoverDirectivesBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverDirectivesBase, decorators: [{ | ||
type: Directive, | ||
@@ -278,0 +278,0 @@ args: [{}] |
@@ -179,4 +179,4 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); | ||
PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopoverComponent, selector: "kendo-popover", inputs: { position: "position", offset: "offset", width: "width", height: "height", title: "title", subtitle: "subtitle", body: "body", callout: "callout", animation: "animation", templateData: "templateData" }, outputs: { show: "show", shown: "shown", hide: "hide", hidden: "hidden" }, host: { properties: { "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden", "style.width": "this._width", "style.height": "this._height" } }, providers: [ | ||
PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); | ||
PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PopoverComponent, selector: "kendo-popover", inputs: { position: "position", offset: "offset", width: "width", height: "height", title: "title", subtitle: "subtitle", body: "body", callout: "callout", animation: "animation", templateData: "templateData" }, outputs: { show: "show", shown: "shown", hide: "hide", hidden: "hidden" }, host: { properties: { "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden", "style.width": "this._width", "style.height": "this._height" } }, providers: [ | ||
LocalizationService, | ||
@@ -225,3 +225,3 @@ { | ||
`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverComponent, decorators: [{ | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverComponent, decorators: [{ | ||
type: Component, | ||
@@ -228,0 +228,0 @@ args: [{ |
@@ -63,6 +63,6 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); | ||
PopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverService, decorators: [{ | ||
PopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); | ||
PopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverService }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverService, decorators: [{ | ||
type: Injectable | ||
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } }); |
@@ -18,5 +18,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverActionsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverActionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverActionsTemplateDirective, selector: "[kendoPopoverActionsTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{ | ||
PopoverActionsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverActionsTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverActionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverActionsTemplateDirective, selector: "[kendoPopoverActionsTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverActionsTemplateDirective, decorators: [{ | ||
type: Directive, | ||
@@ -23,0 +23,0 @@ args: [{ |
@@ -18,5 +18,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverBodyTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverBodyTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{ | ||
PopoverBodyTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverBodyTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverBodyTemplateDirective, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{ | ||
type: Directive, | ||
@@ -23,0 +23,0 @@ args: [{ |
@@ -18,5 +18,5 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
PopoverTitleTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverTitleTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{ | ||
PopoverTitleTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
PopoverTitleTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: PopoverTitleTemplateDirective, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{ | ||
type: Directive, | ||
@@ -23,0 +23,0 @@ args: [{ |
@@ -46,6 +46,6 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective], imports: [CommonModule, PopupModule], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective] }); | ||
TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, imports: [[CommonModule, ...COMPONENT_MODULES]] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipModule, decorators: [{ | ||
TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective], imports: [CommonModule, PopupModule], exports: [TooltipDirective, TooltipContentComponent, LocalizedMessagesDirective] }); | ||
TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipModule, imports: [[CommonModule, ...COMPONENT_MODULES]] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipModule, decorators: [{ | ||
type: NgModule, | ||
@@ -52,0 +52,0 @@ args: [{ |
@@ -7,3 +7,3 @@ /**----------------------------------------------------------------------------------------- | ||
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n'; | ||
import { getCenterOffset } from '../utils'; | ||
import { getCenterOffset, getId } from '../utils'; | ||
import * as i0 from "@angular/core"; | ||
@@ -21,2 +21,3 @@ import * as i1 from "@progress/kendo-angular-l10n"; | ||
this.close = new EventEmitter(); | ||
this.hostRole = 'tooltip'; | ||
this.tooltipWidth = null; | ||
@@ -53,4 +54,7 @@ this.tooltipHeight = null; | ||
get cssClasses() { | ||
return 'k-widget k-tooltip'; | ||
return 'k-tooltip'; | ||
} | ||
get hostId() { | ||
return this.tooltipId; | ||
} | ||
get className() { | ||
@@ -63,2 +67,3 @@ return this.closable; | ||
ngOnInit() { | ||
this.tooltipId = getId('tooltip'); | ||
this.dynamicRTLSubscription = this.localizationService.changes | ||
@@ -110,4 +115,4 @@ .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr'); | ||
} | ||
TooltipContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); | ||
TooltipContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipContentComponent, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [ | ||
TooltipContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component }); | ||
TooltipContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TooltipContentComponent, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "attr.role": "this.hostRole", "attr.id": "this.hostId", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [ | ||
LocalizationService, | ||
@@ -145,3 +150,3 @@ { | ||
<div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)"> | ||
<div *ngIf="closable" [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)"> | ||
<a href="#" class="k-icon k-i-x" [attr.title]="closeButtonTitle"></a> | ||
@@ -152,3 +157,3 @@ </div> | ||
`, isInline: true, directives: [{ type: i2.LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipContentComponent, decorators: [{ | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipContentComponent, decorators: [{ | ||
type: Component, | ||
@@ -184,3 +189,3 @@ args: [{ | ||
<div *ngIf="closable" class="k-tooltip-button" (click)="onCloseClick($event)"> | ||
<div *ngIf="closable" [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)"> | ||
<a href="#" class="k-icon k-i-x" [attr.title]="closeButtonTitle"></a> | ||
@@ -207,2 +212,8 @@ </div> | ||
args: ['class'] | ||
}], hostRole: [{ | ||
type: HostBinding, | ||
args: ['attr.role'] | ||
}], hostId: [{ | ||
type: HostBinding, | ||
args: ['attr.id'] | ||
}], className: [{ | ||
@@ -209,0 +220,0 @@ type: HostBinding, |
@@ -7,3 +7,3 @@ /**----------------------------------------------------------------------------------------- | ||
import { take, filter } from 'rxjs/operators'; | ||
import { fromEvent } from 'rxjs'; | ||
import { fromEvent, Subscription } from 'rxjs'; | ||
import { validatePackage } from '@progress/kendo-licensing'; | ||
@@ -14,2 +14,3 @@ import { packageMetadata } from '../package-metadata'; | ||
import { align, closestBySelector, contains, containsItem, collision, hasParent } from '../utils'; | ||
import { Keys } from '@progress/kendo-angular-common'; | ||
import * as i0 from "@angular/core"; | ||
@@ -81,2 +82,3 @@ import * as i1 from "@progress/kendo-angular-popup"; | ||
this.anchor = null; | ||
this.keyboardNavigationSubscription = new Subscription(); | ||
this.validPositions = ['top', 'bottom', 'right', 'left']; | ||
@@ -189,2 +191,3 @@ this.validShowOptions = ['hover', 'click', 'none']; | ||
} | ||
this.keyboardNavigationSubscription.add(this.renderer.listen(this.tooltipWrapper.nativeElement, 'keydown', event => this.onKeyDown(event))); | ||
this.verifyProperties(); | ||
@@ -213,2 +216,3 @@ } | ||
this.mouseOutSubscription.unsubscribe(); | ||
this.keyboardNavigationSubscription.unsubscribe(); | ||
if (this.mouseClickSubscription) { | ||
@@ -287,2 +291,5 @@ this.mouseClickSubscription.unsubscribe(); | ||
const popupInstance = this.popupRef.content.instance; | ||
if (anchorRef) { | ||
this.renderer.setAttribute(anchorRef.nativeElement, 'aria-labelledby', popupInstance.tooltipId); | ||
} | ||
if (popupInstance.callout) { | ||
@@ -305,2 +312,5 @@ this.popupPositionChangeSubscription = this.popupRef.popupPositionChange | ||
if (this.popupRef) { | ||
if (this.anchor) { | ||
this.renderer.removeAttribute(this.anchor.nativeElement, 'aria-labelledby'); | ||
} | ||
this.popupRef.close(); | ||
@@ -342,2 +352,20 @@ this.popupRef = null; | ||
} | ||
onKeyDown(event) { | ||
const keyCode = event.keyCode; | ||
const target = event.target; | ||
const tooltipId = this.popupRef.content.location.nativeElement.getAttribute('id'); | ||
const anchorLabelledBy = target.getAttribute('aria-labelledby'); | ||
if (this.popupRef) { | ||
if (keyCode === Keys.Escape && this.canCloseTooltip(target, tooltipId, anchorLabelledBy)) { | ||
this.closePopup(); | ||
} | ||
} | ||
} | ||
canCloseTooltip(target, tooltipId, anchorLabelledBy) { | ||
const isIdEqualsLabel = tooltipId === anchorLabelledBy; | ||
const filterElement = closestBySelector(target, this.filter); | ||
const isTargetFocused = target === document.activeElement; | ||
const isTargetInsideWrapper = this.tooltipWrapper.nativeElement.contains(target); | ||
return isTargetInsideWrapper && filterElement && isTargetFocused && isIdEqualsLabel; | ||
} | ||
onMouseOver(e) { | ||
@@ -381,5 +409,5 @@ const filterElement = closestBySelector(e.target, this.filter); | ||
} | ||
TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TooltipDirective, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipDirective, decorators: [{ | ||
TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); | ||
TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TooltipDirective, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipDirective, decorators: [{ | ||
type: Directive, | ||
@@ -386,0 +414,0 @@ args: [{ |
@@ -44,6 +44,6 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); | ||
TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipSettings, decorators: [{ | ||
TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); | ||
TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipSettings }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipSettings, decorators: [{ | ||
type: Injectable | ||
}], ctorParameters: function () { return []; } }); |
@@ -37,6 +37,6 @@ /**----------------------------------------------------------------------------------------- | ||
} | ||
TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, exports: [TooltipModule, PopoverModule] }); | ||
TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, imports: [TooltipModule, PopoverModule] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TooltipsModule, decorators: [{ | ||
TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); | ||
TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipsModule, exports: [TooltipModule, PopoverModule] }); | ||
TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipsModule, imports: [TooltipModule, PopoverModule] }); | ||
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipsModule, decorators: [{ | ||
type: NgModule, | ||
@@ -43,0 +43,0 @@ args: [{ |
@@ -8,2 +8,12 @@ /**----------------------------------------------------------------------------------------- | ||
*/ | ||
let idx = 0; | ||
/** | ||
* @hidden | ||
*/ | ||
export const getId = (prefix) => { | ||
return `${prefix}-${++idx}`; | ||
}; | ||
/** | ||
* @hidden | ||
*/ | ||
export function align(position, offset) { | ||
@@ -10,0 +20,0 @@ let anchorAlign = {}; |
{ | ||
"name": "@progress/kendo-angular-tooltip", | ||
"version": "4.0.4", | ||
"version": "4.1.0-dev.202211240854", | ||
"description": "Kendo UI Tooltip for Angular - A highly customizable and easily themeable tooltip from the creators developers trust for professional Angular components.", | ||
@@ -5,0 +5,0 @@ "license": "SEE LICENSE IN LICENSE.md", |
@@ -21,2 +21,4 @@ /**----------------------------------------------------------------------------------------- | ||
get cssClasses(): string; | ||
hostRole: string; | ||
get hostId(): string; | ||
get className(): boolean; | ||
@@ -34,2 +36,6 @@ get cssPosition(): string; | ||
position: string; | ||
/** | ||
* @hidden | ||
*/ | ||
tooltipId: string; | ||
private dynamicRTLSubscription; | ||
@@ -36,0 +42,0 @@ constructor(content: ElementRef, localizationService: LocalizationService); |
@@ -123,2 +123,3 @@ /**----------------------------------------------------------------------------------------- | ||
private popupMouseOutSubscription; | ||
private keyboardNavigationSubscription; | ||
private closeClickSubscription; | ||
@@ -156,2 +157,4 @@ private validPositions; | ||
private onMouseClick; | ||
private onKeyDown; | ||
private canCloseTooltip; | ||
private onMouseOver; | ||
@@ -158,0 +161,0 @@ private onMouseOut; |
@@ -10,2 +10,6 @@ /**----------------------------------------------------------------------------------------- | ||
*/ | ||
export declare const getId: (prefix: string) => string; | ||
/** | ||
* @hidden | ||
*/ | ||
export declare function align(position: Position, offset?: number): any; | ||
@@ -12,0 +16,0 @@ /** |
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
327684
5588
2