@progress/kendo-angular-popup 4.0.6-dev.202203161114 → 5.0.0-dev.202204191152
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/kendo-angular-popup.umd.js +5 -0
- package/{dist/es2015/models/position-mode.js → esm2015/kendo-angular-popup.js} +2 -1
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es → esm2015}/models/align-element-settings.interface.js +1 -0
- package/{dist/es2015 → esm2015}/models/align.interface.js +1 -0
- package/{dist/es2015 → esm2015}/models/collision.interface.js +1 -0
- package/{dist/es2015 → esm2015}/models/collision.type.js +1 -0
- package/{dist/es → esm2015}/models/margin.interface.js +1 -0
- package/{dist/es → esm2015}/models/offset.interface.js +1 -0
- package/{dist/es → esm2015}/models/popup-animation.interface.js +1 -0
- package/{dist/es → esm2015}/models/popup-ref.js +1 -0
- package/{dist/es → esm2015}/models/popup-settings.js +1 -0
- package/{dist/es → esm2015}/models/position-element-settings.interface.js +1 -0
- package/{dist/es → esm2015}/models/position-mode.js +1 -0
- package/{dist/es → esm2015}/models/position.interface.js +1 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/popup.component.js +64 -86
- package/{dist/es2015 → esm2015}/popup.module.js +16 -13
- package/{dist/es2015 → esm2015}/popup.service.js +14 -15
- package/{dist/es2015 → esm2015}/scale.js +0 -0
- package/{dist/es2015 → esm2015}/services/align.service.js +14 -10
- package/{dist/es2015 → esm2015}/services/animation.service.js +10 -10
- package/{dist/es2015 → esm2015}/services/dom.service.js +9 -8
- package/{dist/es2015 → esm2015}/services/position.service.js +14 -10
- package/{dist/es2015 → esm2015}/services/resize.service.js +10 -10
- package/{dist/es2015 → esm2015}/services/scrollable.service.js +10 -10
- package/{dist/es2015 → esm2015}/util.js +5 -10
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-popup.js} +205 -192
- package/kendo-angular-popup.d.ts +9 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +1 -1
- package/{dist/es2015/models → models}/align-element-settings.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/align.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/collision.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/collision.type.d.ts +0 -0
- package/{dist/es2015/models → models}/margin.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/offset.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/popup-animation.interface.d.ts +4 -2
- package/{dist/es2015/models → models}/popup-ref.d.ts +0 -0
- package/{dist/es2015/models → models}/popup-settings.d.ts +0 -0
- package/{dist/es2015/models → models}/position-element-settings.interface.d.ts +0 -0
- package/{dist/es2015/models → models}/position-mode.d.ts +0 -0
- package/{dist/es2015/models → models}/position.interface.d.ts +0 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +30 -97
- package/{dist/es2015/popup.component.d.ts → popup.component.d.ts} +5 -1
- package/{dist/es2015/popup.module.d.ts → popup.module.d.ts} +7 -0
- package/{dist/es2015/popup.service.d.ts → popup.service.d.ts} +5 -2
- package/{dist/es2015/scale.d.ts → scale.d.ts} +0 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/services → services}/align.service.d.ts +3 -0
- package/{dist/es2015/services → services}/animation.service.d.ts +3 -0
- package/{dist/es2015/services → services}/dom.service.d.ts +3 -0
- package/{dist/es2015/services → services}/position.service.d.ts +3 -0
- package/{dist/es2015/services → services}/resize.service.d.ts +3 -0
- package/{dist/es2015/services → services}/scrollable.service.d.ts +3 -0
- package/{dist/es2015/util.d.ts → util.d.ts} +1 -1
- package/dist/cdn/js/kendo-angular-popup.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/index.js +0 -14
- package/dist/es/models/align.interface.js +0 -4
- package/dist/es/models/collision.interface.js +0 -4
- package/dist/es/models/collision.type.js +0 -4
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/popup.component.js +0 -438
- package/dist/es/popup.module.js +0 -57
- package/dist/es/popup.service.js +0 -254
- package/dist/es/scale.js +0 -21
- package/dist/es/services/align.service.js +0 -64
- package/dist/es/services/animation.service.js +0 -137
- package/dist/es/services/dom.service.js +0 -158
- package/dist/es/services/position.service.js +0 -53
- package/dist/es/services/resize.service.js +0 -46
- package/dist/es/services/scrollable.service.js +0 -78
- package/dist/es/util.js +0 -168
- package/dist/es2015/index.d.ts +0 -14
- package/dist/es2015/index.js +0 -14
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/main.js +0 -8
- package/dist/es2015/models/align-element-settings.interface.js +0 -4
- package/dist/es2015/models/margin.interface.js +0 -4
- package/dist/es2015/models/offset.interface.js +0 -4
- package/dist/es2015/models/popup-animation.interface.js +0 -4
- package/dist/es2015/models/popup-ref.js +0 -4
- package/dist/es2015/models/popup-settings.js +0 -4
- package/dist/es2015/models/position-element-settings.interface.js +0 -4
- package/dist/es2015/models/position.interface.js +0 -4
- package/dist/fesm5/index.js +0 -1381
- package/dist/npm/index.js +0 -23
- package/dist/npm/main.js +0 -15
- package/dist/npm/models/align-element-settings.interface.js +0 -6
- package/dist/npm/models/align.interface.js +0 -6
- package/dist/npm/models/collision.interface.js +0 -6
- package/dist/npm/models/collision.type.js +0 -6
- package/dist/npm/models/margin.interface.js +0 -6
- package/dist/npm/models/offset.interface.js +0 -6
- package/dist/npm/models/popup-animation.interface.js +0 -6
- package/dist/npm/models/popup-ref.js +0 -6
- package/dist/npm/models/popup-settings.js +0 -6
- package/dist/npm/models/position-element-settings.interface.js +0 -6
- package/dist/npm/models/position-mode.js +0 -9
- package/dist/npm/models/position.interface.js +0 -6
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/popup.component.js +0 -440
- package/dist/npm/popup.module.js +0 -59
- package/dist/npm/popup.service.js +0 -256
- package/dist/npm/scale.js +0 -23
- package/dist/npm/services/align.service.js +0 -66
- package/dist/npm/services/animation.service.js +0 -139
- package/dist/npm/services/dom.service.js +0 -160
- package/dist/npm/services/position.service.js +0 -55
- package/dist/npm/services/resize.service.js +0 -48
- package/dist/npm/services/scrollable.service.js +0 -80
- package/dist/npm/util.js +0 -173
- package/dist/systemjs/kendo-angular-popup.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-popup-common"),require("@progress/kendo-angular-common"),require("rxjs"),require("rxjs/operators"),require("@angular/animations"),require("@progress/kendo-licensing"),require("@angular/common")):"function"==typeof define&&define.amd?define("KendoAngularPopup",["exports","@angular/core","@progress/kendo-popup-common","@progress/kendo-angular-common","rxjs","rxjs/operators","@angular/animations","@progress/kendo-licensing","@angular/common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularPopup={},e.ng.core,e.KendoPopupCommon,e.KendoAngularCommon,e.rxjs,e.rxjs.operators,e.ng.animations,e.KendoLicensing,e.ng.common)}(this,function(e,c,r,a,n,o,i,F,t){"use strict";function s(n){if(n&&n.__esModule)return n;var o=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o)}var p=s(c),l=s(a),T=s(i),u=s(t);Object.create;function M(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,i,r=n.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(o=r.next()).done;)s.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(i)throw i.error}}return s}function N(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||((o=o||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))}Object.create;function m(e,t){return e||{height:0,left:t.left,top:t.top,width:0}}function h(){return"undefined"!=typeof window}function L(e){var t=[];if(!a.isDocumentAvailable()||!h())return t;for(var n,o=e.parentElement;o;)(U.test(Z(n=o)||q(n))||o.hasAttribute("data-scrollable"))&&t.push(o),o=o.parentElement;return t.push(window),t}var U=/auto|scroll/,Z=function(e){return""+e.style.overflow+e.style.overflowX+e.style.overflowY},q=function(e){e=window.getComputedStyle(e);return""+e.overflow+e.overflowX+e.overflowY},K=1e3/60;function f(e,t){return e&&1!==t?{height:e.height/t,left:e.left/t,top:e.top/t,width:e.width/t}:e}d=!(W=function(){if(!a.isDocumentAvailable()&&null!==document.body)return!1;var e=document.createElement("div"),t=(e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e),10!==e.children[0].getBoundingClientRect().top);return document.body.removeChild(e),t});var W,B,d,X=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return d||(B=W.apply(void 0,N([],M(e))),d=!0),B},y=new c.InjectionToken("Popup Document Scale"),Y=["font-size","font-family","font-stretch","font-style","font-weight","line-height"],g=(v.prototype.addOffset=function(e,t){return{left:e.left+t.left,top:e.top+t.top}},v.prototype.addScroll=function(e,t){return r.addScroll(e,t)},v.prototype.align=function(e){return r.align(e)},v.prototype.boundingOffset=function(e){return r.boundingOffset(e)},v.prototype.getFontStyles=function(e){var t=this.getWindow();if(!t||!e)return[];var n=t.getComputedStyle(e);return Y.map(function(e){return{key:e,value:n[e]}})},v.prototype.getWindow=function(){return h()?window:null},v.prototype.hasOffsetParent=function(e){return!!e&&!!this.nativeElement(e).offsetParent},v.prototype.offset=function(e){return e?r.offset(e):null},v.prototype.offsetAtPoint=function(e,t){if(!e)return null;var e=this.nativeElement(e),n=e.style,o=n.left,i=n.top,n=n.transition,t=(e.style.transition="none",e.style.left=t.left+"px",e.style.top=t.top+"px",r.offset(e));return e.style.left=o,e.style.top=i,e.offsetHeight,e.style.transition=n,t},v.prototype.nativeElement=function(e){return e?e.nativeElement||e:null},v.prototype.position=function(e,t,n){return void 0===n&&(n=1),e&&t?r.positionWithScroll(e,this.nativeElement(t),n):null},v.prototype.removeScroll=function(e,t){return r.removeScroll(e,t)},v.prototype.restrictToView=function(e){return r.restrictToView(e)},v.prototype.scrollPosition=function(e){return r.scrollPosition(this.nativeElement(e))},v.prototype.scrollableParents=L,v.prototype.stackingElementOffset=function(e){e=this.getRelativeContextElement(e);return e?r.offset(e):null},v.prototype.stackingElementScroll=function(e){e=this.getRelativeContextElement(e);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},v.prototype.getRelativeContextElement=function(e){if(!e||!X())return null;for(var t=this.nativeElement(e).parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}return null},v.prototype.useRelativePosition=function(e){return!!this.getRelativeContextElement(e)},v.prototype.windowViewPort=function(e){return r.getWindowViewPort(this.nativeElement(e))},v.prototype.zIndex=function(e,t){t=this.nativeElement(t);return e&&a.isDocumentAvailable()&&h()&&(t=r.siblingContainer(e,t))&&(e=[e].concat(r.parents(e,t)).reduce(function(e,t){t=t.style.zIndex||window.getComputedStyle(t).zIndex,t=parseInt(t,10);return e<t?t:e},0))?e+1:null},v.prototype.zoomLevel=function(){return a.isDocumentAvailable()&&h()&&parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2))||1},v.prototype.isZoomed=function(){return 1<this.zoomLevel()},v);function v(){}g.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,deps:[],target:p.ɵɵFactoryTarget.Injectable}),g.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,decorators:[{type:c.Injectable}]});C.prototype.alignElement=function(e){var t=e.anchor,n=e.element,o=e.anchorAlign,i=e.elementAlign,r=e.margin,s=e.offset,e=e.positionMode,a=this.scale||1,e="fixed"===e||!this._dom.hasOffsetParent(n)?this.absoluteRect(t,n,s,a):this.relativeRect(t,n,s,a),t=f(this._dom.offset(n.nativeElement),a);return this._dom.align({anchorAlign:o,anchorRect:e,elementAlign:i,elementRect:t,margin:r})},C.prototype.absoluteRect=function(e,t,n,o){var i=this.elementScrollPosition(e,t),e=m(this._dom.offset(e),n),n=2*o,r=this._dom.stackingElementScroll(t),t=(1!==o&&r&&(r.x/=n,r.y/=n),this._dom.stackingElementOffset(t));return 1!==o&&t&&(t.left/=n,t.top/=n),this._dom.removeScroll(this._dom.addScroll((n=f(e,o),(e=t)?{height:n.height,left:n.left-e.left,top:n.top-e.top,width:n.width}:n),r),i)},C.prototype.elementScrollPosition=function(e,t){return e?{x:0,y:0}:this._dom.scrollPosition(t)},C.prototype.relativeRect=function(e,t,n,o){e=m(this._dom.position(e,t,o),n);return f(e,o)};var b=C;function C(e,t){void 0===t&&(t=1),this._dom=e,this.scale=t}b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,deps:[{token:g},{token:y,optional:!0}],target:p.ɵɵFactoryTarget.Injectable}),b.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:g},{type:void 0,decorators:[{type:c.Inject,args:[y]},{type:c.Optional}]}]}});H.prototype.positionElement=function(e){var t=e.anchor,n=e.currentLocation,o=e.element,i=e.anchorAlign,r=e.elementAlign,s=e.collisions,a=e.margin,p=this._dom,c=this.scale||1,l=p.offsetAtPoint(o,n),l=f(l,c),t=f(p.offset(t),c),t=m(t,n),e=e.viewPort||p.windowViewPort(o),o=(e.width=e.width/c,e.height=e.height/c,p.restrictToView({anchorAlign:i,anchorRect:t,collisions:s,elementAlign:r,elementRect:l,margin:a,viewPort:e})),c=p.addOffset(n,o.offset);return{flip:o.flip,flipped:o.flipped,offset:c}};var w=H;function H(e,t){void 0===t&&(t=1),this._dom=e,this.scale=t}w.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,deps:[{token:g},{token:y,optional:!0}],target:p.ɵɵFactoryTarget.Injectable}),w.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:g},{type:void 0,decorators:[{type:c.Inject,args:[y]},{type:c.Optional}]}]}});S.prototype.subscribe=function(e){var t=this;a.isDocumentAvailable()&&this._zone.runOutsideAngular(function(){t.subscription=n.fromEvent(t._dom.getWindow(),"resize").pipe(o.auditTime(K)).subscribe(function(){return e()})})},S.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},S.prototype.isUnsubscribed=function(){return this.subscription&&this.subscription.closed};var I=S;function S(e,t){this._dom=e,this._zone=t}I.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,deps:[{token:g},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Injectable}),I.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:I,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:g},{type:p.NgZone}]}});A.prototype.forElement=function(e){return this.unsubscribe(),this.element=e,this},A.prototype.subscribe=function(i){var r,s=this;i&&a.isDocumentAvailable()&&this.element&&(r=this._dom.scrollableParents(this.element),this._zone.runOutsideAngular(function(){var e=r.map(function(e){return n.fromEvent(e,"scroll").pipe(o.auditTime(K))});s.subscription=n.merge.apply(void 0,N([],M(e))).subscribe(function(e){var t=e.target,e=0<r.filter(function(e){return e===t}).length,n=t===document,o=t===window;(e||n||o)&&i(s.isVisible(s.element,t))})}))},A.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},A.prototype.isVisible=function(e,t){e=this._dom.boundingOffset(e),t=this._dom.boundingOffset(this._dom.nativeElement(t));return!(1<t.top-e.bottom)&&(!(1<e.top-t.bottom)&&(!(1<e.left-t.right)&&!(1<t.left-e.right)))};var E=A;function A(e,t){this._dom=e,this._zone=t}E.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,deps:[{token:g},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Injectable}),E.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:g},{type:p.NgZone}]}});var k="left",O="right",P="down",G={expand:function(e){var t="up"===e||e===P?"scaleY":"scaleX",e=e===P?"top":e===k?O:e===O?k:"bottom";return{start:{transform:t+"(0)",transformOrigin:e},end:{transform:t+"(1)"}}},slide:function(e){var t=e===k||e===O?"translateX":"translateY";return{start:{transform:t+"("+(e===O||e===P?-100:100)+"%)"},end:{transform:t+"(0%)"}}},fade:function(){return{start:{opacity:0},end:{opacity:1}}},zoom:function(){return{start:{transform:"scale(0)"},end:{transform:"scale(1)"}}}},V=(_.prototype.play=function(e,t,n){if(!this.flip||this.flip.horizontal!==n.horizontal||this.flip.vertical!==n.vertical){this.flip=n;var o=t.type||"slide",i=G[o];if(i){i=i(this.getDirection(n,t));this.playStates(e,i,t)}else if(c.isDevMode())throw new Error('Unsupported animation type: "'+o+'". The supported types are slide, expand, fade and zoom.')}},_.prototype.ngOnDestroy=function(){this.stopPlayer()},_.prototype.playStates=function(e,t,n){var o=this,n=(this.stopPlayer(),n.duration||100),n=this.animationBuilder.build([i.style(t.start),i.animate(n+"ms ease-in",i.style(t.end))]),t=this.player=n.create(e);t.onDone(function(){o.end.emit(),o.stopPlayer()}),this.start.emit(),t.play()},_.prototype.getDirection=function(e,t){t=t.direction||P;return e.horizontal&&(t===k?t=O:t===O&&(t=k)),e.vertical&&(t===P?t="up":"up"===t&&(t=P)),t},_.prototype.stopPlayer=function(){this.player&&(this.player.destroy(),this.player=null)},_);function _(e){this.animationBuilder=e,this.start=new c.EventEmitter,this.end=new c.EventEmitter}V.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:V,deps:[{token:T.AnimationBuilder}],target:p.ɵɵFactoryTarget.Injectable}),V.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:V}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:V,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:T.AnimationBuilder}]}});var Q={name:"@progress/kendo-angular-popup",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1650369128,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={left:-1e4,top:0},j=(R.prototype.ngOnInit=function(){this.reposition=this.reposition.bind(this),this._resizeService.subscribe(this.reposition),this.animationSubscriptions=this.animationService.start.subscribe(this.onAnimationStart.bind(this)),this.animationSubscriptions.add(this.animationService.end.subscribe(this.onAnimationEnd.bind(this))),this._scrollableService.forElement(this.domService.nativeElement(this.anchor)||this.container.nativeElement).subscribe(this.onScroll.bind(this)),this.currentOffset=J,this.setZIndex(),this.copyFontStyles(),this.updateFixedClass(),this.reposition()},R.prototype.ngOnChanges=function(e){e.copyAnchorStyles&&this.copyFontStyles(),e.positionMode&&this.updateFixedClass()},R.prototype.ngAfterViewInit=function(){var e=this;this.animate||this.resolvedPromise.then(function(){e.onAnimationEnd()})},R.prototype.ngAfterViewChecked=function(){var e=this;this.initialCheck?this.initialCheck=!1:this._zone.runOutsideAngular(function(){e.unsubscribeReposition(),e.repositionSubscription=n.from(e.resolvedPromise).subscribe(e.reposition)})},R.prototype.ngOnDestroy=function(){this.anchorViewportLeave.complete(),this.positionChange.complete(),this.close.emit(),this.close.complete(),this._resizeService.unsubscribe(),this._scrollableService.unsubscribe(),this.animationSubscriptions.unsubscribe(),this.unsubscribeReposition()},R.prototype.onResize=function(){this.reposition()},R.prototype.onAnimationStart=function(){this._renderer.removeClass(this.container.nativeElement,"k-animation-container-shown")},R.prototype.onAnimationEnd=function(){this._renderer.addClass(this.container.nativeElement,"k-animation-container-shown"),this.open.emit(),this.open.complete()},Object.defineProperty(R.prototype,"currentOffset",{get:function(){return this._currentOffset},set:function(e){this.setContainerStyle("left",e.left+"px"),this.setContainerStyle("top",e.top+"px"),this._currentOffset=e},enumerable:!1,configurable:!0}),R.prototype.setZIndex=function(){this.anchor&&this.setContainerStyle("z-index",String(this.domService.zIndex(this.domService.nativeElement(this.anchor),this.container)))},R.prototype.reposition=function(){var e,t,n,o,i,r,s=this;a.isDocumentAvailable()&&(n=this.position(),e=n.flip,t=n.offset,(!this.currentOffset||(n=this.currentOffset,o=t,i=n.left,n=n.top,r=t.left,o=t.top,1<=Math.abs(i-r)||1<=Math.abs(n-o)))&&(this.currentOffset=t,a.hasObservers(this.positionChange)&&this._zone.run(function(){return s.positionChange.emit({offset:t,flip:e})})),this.animate&&this.animationService.play(this.contentContainer.nativeElement,this.animate,e),this.resizeSensor.acceptSize())},R.prototype.position=function(){var e=this._alignService.alignElement({anchor:this.domService.nativeElement(this.anchor),anchorAlign:this.anchorAlign,element:this.container,elementAlign:this.popupAlign,margin:this.margin,offset:this.offset,positionMode:this.positionMode});return this._positionService.positionElement({anchor:this.domService.nativeElement(this.anchor),anchorAlign:this.anchorAlign,collisions:this.collision,currentLocation:e,element:this.container,elementAlign:this.popupAlign,margin:this.margin})},R.prototype.onScroll=function(e){var t=this,n=a.hasObservers(this.anchorViewportLeave);e||!n?this.reposition():n&&this._zone.run(function(){t.anchorViewportLeave.emit()})},R.prototype.copyFontStyles=function(){var t=this;this.anchor&&this.copyAnchorStyles&&this.domService.getFontStyles(this.domService.nativeElement(this.anchor)).forEach(function(e){return t.setContainerStyle(e.key,e.value)})},R.prototype.updateFixedClass=function(){var e="fixed"===this.positionMode?"addClass":"removeClass";this._renderer[e](this.container.nativeElement,"k-animation-container-fixed")},R.prototype.setContainerStyle=function(e,t){this._renderer.setStyle(this.container.nativeElement,e,t)},R.prototype.unsubscribeReposition=function(){this.repositionSubscription&&this.repositionSubscription.unsubscribe()},R);function R(e,t,n,o,i,r,s,a,p){this.container=e,this._alignService=t,this.domService=n,this._positionService=o,this._resizeService=i,this._scrollableService=r,this.animationService=s,this._renderer=a,this._zone=p,this.animate=!0,this.anchorAlign={horizontal:"left",vertical:"bottom"},this.collision={horizontal:"fit",vertical:"flip"},this.popupAlign={horizontal:"left",vertical:"top"},this.copyAnchorStyles=!1,this.positionMode="fixed",this.offset=J,this.anchorViewportLeave=new c.EventEmitter,this.close=new c.EventEmitter,this.open=new c.EventEmitter,this.positionChange=new c.EventEmitter,this.resolvedPromise=Promise.resolve(null),this.initialCheck=!0,F.validatePackage(Q),this._renderer.addClass(e.nativeElement,"k-animation-container"),this.updateFixedClass()}j.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:j,deps:[{token:p.ElementRef},{token:b},{token:g},{token:w},{token:I},{token:E},{token:V},{token:p.Renderer2},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),j.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:j,selector:"kendo-popup",inputs:{animate:"animate",anchor:"anchor",anchorAlign:"anchorAlign",collision:"collision",popupAlign:"popupAlign",copyAnchorStyles:"copyAnchorStyles",popupClass:"popupClass",positionMode:"positionMode",offset:"offset",margin:"margin"},outputs:{anchorViewportLeave:"anchorViewportLeave",close:"close",open:"open",positionChange:"positionChange"},providers:[b,V,g,w,I,E],viewQueries:[{propertyName:"contentContainer",first:!0,predicate:["container"],descendants:!0,static:!0},{propertyName:"resizeSensor",first:!0,predicate:a.ResizeSensorComponent,descendants:!0,static:!0}],exportAs:["kendo-popup"],usesOnChanges:!0,ngImport:p,template:'\n <div class="k-popup" [ngClass]="popupClass" #container>\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>\n <kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">\n </kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:l.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:u.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:u.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:u.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:j,decorators:[{type:c.Component,args:[{exportAs:"kendo-popup",providers:[b,V,g,w,I,E],selector:"kendo-popup",template:'\n <div class="k-popup" [ngClass]="popupClass" #container>\n <ng-content></ng-content>\n <ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>\n <kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">\n </kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:b},{type:g},{type:w},{type:I},{type:E},{type:V},{type:p.Renderer2},{type:p.NgZone}]},propDecorators:{animate:[{type:c.Input}],anchor:[{type:c.Input}],anchorAlign:[{type:c.Input}],collision:[{type:c.Input}],popupAlign:[{type:c.Input}],copyAnchorStyles:[{type:c.Input}],popupClass:[{type:c.Input}],positionMode:[{type:c.Input}],offset:[{type:c.Input}],margin:[{type:c.Input}],anchorViewportLeave:[{type:c.Output}],close:[{type:c.Output}],open:[{type:c.Output}],positionChange:[{type:c.Output}],contentContainer:[{type:c.ViewChild,args:["container",{static:!0}]}],resizeSensor:[{type:c.ViewChild,args:[a.ResizeSensorComponent,{static:!0}]}]}});var z=new c.InjectionToken("Popup Container"),l=(Object.defineProperty(D.prototype,"rootViewContainer",{get:function(){var e=this.applicationRef.components||[];if(e[0])return e[0];throw new Error("\n View Container not found! Inject the POPUP_CONTAINER or define a specific ViewContainerRef via the appendTo option.\n See http://www.telerik.com/kendo-angular-ui/components/popup/api/POPUP_CONTAINER/ for more details.\n ")},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"rootViewContainerNode",{get:function(){return this.container?this.container.nativeElement:this.getComponentRootNode(this.rootViewContainer)},enumerable:!1,configurable:!0}),D.prototype.open=function(e){var t=this.contentFrom((e=void 0===e?{}:e).content),n=t.component,t=t.nodes,o=this.appendPopup(t,e.appendTo),t=o.instance,i=(this.projectComponentInputs(o,e),o.changeDetectorRef.detectChanges(),n&&n.changeDetectorRef.detectChanges(),this.getComponentRootNode(o));return{close:function(){var e;n&&n.destroy(),o.destroy(),(e=i)&&e.parentNode&&e.parentNode.removeChild(e)},content:n,popup:o,popupAnchorViewportLeave:t.anchorViewportLeave,popupClose:t.close,popupElement:i,popupOpen:t.open,popupPositionChange:t.positionChange}},D.prototype.appendPopup=function(e,t){e=this.createComponent(j,e,t);return t||this.rootViewContainerNode.appendChild(this.getComponentRootNode(e)),e},D.prototype.getComponentRootNode=function(e){return e.location.nativeElement},D.prototype.getComponentFactory=function(e){return this.componentFactoryResolver.resolveComponentFactory(e)},D.prototype.createComponent=function(e,t,n){e=this.getComponentFactory(e);return n?n.createComponent(e,void 0,this.injector,t):(n=e.create(this.injector,t),this.applicationRef.attachView(n.hostView),n)},D.prototype.projectComponentInputs=function(t,n){return Object.getOwnPropertyNames(n).filter(function(e){return"content"!==e||n.content instanceof c.TemplateRef}).map(function(e){t.instance[e]=n[e]}),t},D.prototype.contentFrom=function(e){if(!e||e instanceof c.TemplateRef)return{component:null,nodes:[[]]};e=this.createComponent(e);return{component:e,nodes:[e?[e.location.nativeElement]:[]]}},D);function D(e,t,n,o){this.applicationRef=e,this.componentFactoryResolver=t,this.injector=n,this.container=o}l.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:l,deps:[{token:p.ApplicationRef},{token:p.ComponentFactoryResolver},{token:p.Injector},{token:z,optional:!0}],target:p.ɵɵFactoryTarget.Injectable}),l.ɵprov=p.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:l}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:l,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:p.ApplicationRef},{type:p.ComponentFactoryResolver},{type:p.Injector},{type:p.ElementRef,decorators:[{type:c.Inject,args:[z]},{type:c.Optional}]}]}});var u=[j],x=function(){};x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,deps:[],target:p.ɵɵFactoryTarget.NgModule}),x.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,declarations:[j],imports:[t.CommonModule,a.ResizeSensorModule],exports:[j]}),x.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,providers:[l],imports:[[t.CommonModule,a.ResizeSensorModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,decorators:[{type:c.NgModule,args:[{declarations:[u],entryComponents:[u],exports:[u],imports:[t.CommonModule,a.ResizeSensorModule],providers:[l]}]}]}),e.POPUP_CONTAINER=z,e.PopupComponent=j,e.PopupModule=x,e.PopupService=l,e.SCALE=y,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
@@ -3,5 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
|
+
export * from './main';
|
|
File without changes
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -2,3 +2,4 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
export {};
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-popup',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1650369128,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { Component, ElementRef, EventEmitter, Input, Output, NgZone, Renderer2, ViewChild } from '@angular/core';
|
|
5
|
+
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
7
6
|
import { AlignService } from './services/align.service';
|
|
8
7
|
import { DOMService } from './services/dom.service';
|
|
9
8
|
import { PositionService } from './services/position.service';
|
|
@@ -15,6 +14,15 @@ import { hasObservers, isDocumentAvailable, ResizeSensorComponent } from '@progr
|
|
|
15
14
|
import { from } from 'rxjs';
|
|
16
15
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
17
16
|
import { packageMetadata } from './package-metadata';
|
|
17
|
+
import * as i0 from "@angular/core";
|
|
18
|
+
import * as i1 from "./services/align.service";
|
|
19
|
+
import * as i2 from "./services/dom.service";
|
|
20
|
+
import * as i3 from "./services/position.service";
|
|
21
|
+
import * as i4 from "./services/resize.service";
|
|
22
|
+
import * as i5 from "./services/scrollable.service";
|
|
23
|
+
import * as i6 from "./services/animation.service";
|
|
24
|
+
import * as i7 from "@progress/kendo-angular-common";
|
|
25
|
+
import * as i8 from "@angular/common";
|
|
18
26
|
const DEFAULT_OFFSET = { left: -10000, top: 0 };
|
|
19
27
|
const ANIMATION_CONTAINER = 'k-animation-container';
|
|
20
28
|
const ANIMATION_CONTAINER_FIXED = 'k-animation-container-fixed';
|
|
@@ -37,7 +45,7 @@ const ANIMATION_CONTAINER_FIXED = 'k-animation-container-fixed';
|
|
|
37
45
|
* }
|
|
38
46
|
* ```
|
|
39
47
|
*/
|
|
40
|
-
|
|
48
|
+
export class PopupComponent {
|
|
41
49
|
constructor(container, _alignService, domService, _positionService, _resizeService, _scrollableService, animationService, _renderer, _zone) {
|
|
42
50
|
this.container = container;
|
|
43
51
|
this._alignService = _alignService;
|
|
@@ -343,77 +351,23 @@ let PopupComponent = class PopupComponent {
|
|
|
343
351
|
this.repositionSubscription.unsubscribe();
|
|
344
352
|
}
|
|
345
353
|
}
|
|
346
|
-
}
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
tslib_1.__decorate([
|
|
364
|
-
Input(),
|
|
365
|
-
tslib_1.__metadata("design:type", Object)
|
|
366
|
-
], PopupComponent.prototype, "popupAlign", void 0);
|
|
367
|
-
tslib_1.__decorate([
|
|
368
|
-
Input(),
|
|
369
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
370
|
-
], PopupComponent.prototype, "copyAnchorStyles", void 0);
|
|
371
|
-
tslib_1.__decorate([
|
|
372
|
-
Input(),
|
|
373
|
-
tslib_1.__metadata("design:type", Object)
|
|
374
|
-
], PopupComponent.prototype, "popupClass", void 0);
|
|
375
|
-
tslib_1.__decorate([
|
|
376
|
-
Input(),
|
|
377
|
-
tslib_1.__metadata("design:type", String)
|
|
378
|
-
], PopupComponent.prototype, "positionMode", void 0);
|
|
379
|
-
tslib_1.__decorate([
|
|
380
|
-
Input(),
|
|
381
|
-
tslib_1.__metadata("design:type", Object)
|
|
382
|
-
], PopupComponent.prototype, "offset", void 0);
|
|
383
|
-
tslib_1.__decorate([
|
|
384
|
-
Input(),
|
|
385
|
-
tslib_1.__metadata("design:type", Object)
|
|
386
|
-
], PopupComponent.prototype, "margin", void 0);
|
|
387
|
-
tslib_1.__decorate([
|
|
388
|
-
Output(),
|
|
389
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
390
|
-
], PopupComponent.prototype, "anchorViewportLeave", void 0);
|
|
391
|
-
tslib_1.__decorate([
|
|
392
|
-
Output(),
|
|
393
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
394
|
-
], PopupComponent.prototype, "close", void 0);
|
|
395
|
-
tslib_1.__decorate([
|
|
396
|
-
Output(),
|
|
397
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
398
|
-
], PopupComponent.prototype, "open", void 0);
|
|
399
|
-
tslib_1.__decorate([
|
|
400
|
-
Output(),
|
|
401
|
-
tslib_1.__metadata("design:type", EventEmitter)
|
|
402
|
-
], PopupComponent.prototype, "positionChange", void 0);
|
|
403
|
-
tslib_1.__decorate([
|
|
404
|
-
ViewChild('container', { static: true }),
|
|
405
|
-
tslib_1.__metadata("design:type", ElementRef)
|
|
406
|
-
], PopupComponent.prototype, "contentContainer", void 0);
|
|
407
|
-
tslib_1.__decorate([
|
|
408
|
-
ViewChild(ResizeSensorComponent, { static: true }),
|
|
409
|
-
tslib_1.__metadata("design:type", ResizeSensorComponent)
|
|
410
|
-
], PopupComponent.prototype, "resizeSensor", void 0);
|
|
411
|
-
PopupComponent = tslib_1.__decorate([
|
|
412
|
-
Component({
|
|
413
|
-
exportAs: 'kendo-popup',
|
|
414
|
-
providers: [AlignService, AnimationService, DOMService, PositionService, ResizeService, ScrollableService],
|
|
415
|
-
selector: 'kendo-popup',
|
|
416
|
-
template: `
|
|
354
|
+
}
|
|
355
|
+
PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ElementRef }, { token: i1.AlignService }, { token: i2.DOMService }, { token: i3.PositionService }, { token: i4.ResizeService }, { token: i5.ScrollableService }, { token: i6.AnimationService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
356
|
+
PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PopupComponent, selector: "kendo-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", collision: "collision", popupAlign: "popupAlign", copyAnchorStyles: "copyAnchorStyles", popupClass: "popupClass", positionMode: "positionMode", offset: "offset", margin: "margin" }, outputs: { anchorViewportLeave: "anchorViewportLeave", close: "close", open: "open", positionChange: "positionChange" }, providers: [AlignService, AnimationService, DOMService, PositionService, ResizeService, ScrollableService], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["container"], descendants: true, static: true }, { propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendo-popup"], usesOnChanges: true, ngImport: i0, template: `
|
|
357
|
+
<div class="k-popup" [ngClass]="popupClass" #container>
|
|
358
|
+
<ng-content></ng-content>
|
|
359
|
+
<ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>
|
|
360
|
+
<kendo-resize-sensor [rateLimit]="100" (resize)="onResize()">
|
|
361
|
+
</kendo-resize-sensor>
|
|
362
|
+
</div>
|
|
363
|
+
`, isInline: true, components: [{ type: i7.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, decorators: [{
|
|
365
|
+
type: Component,
|
|
366
|
+
args: [{
|
|
367
|
+
exportAs: 'kendo-popup',
|
|
368
|
+
providers: [AlignService, AnimationService, DOMService, PositionService, ResizeService, ScrollableService],
|
|
369
|
+
selector: 'kendo-popup',
|
|
370
|
+
template: `
|
|
417
371
|
<div class="k-popup" [ngClass]="popupClass" #container>
|
|
418
372
|
<ng-content></ng-content>
|
|
419
373
|
<ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>
|
|
@@ -421,15 +375,39 @@ PopupComponent = tslib_1.__decorate([
|
|
|
421
375
|
</kendo-resize-sensor>
|
|
422
376
|
</div>
|
|
423
377
|
`
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
378
|
+
}]
|
|
379
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.AlignService }, { type: i2.DOMService }, { type: i3.PositionService }, { type: i4.ResizeService }, { type: i5.ScrollableService }, { type: i6.AnimationService }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { animate: [{
|
|
380
|
+
type: Input
|
|
381
|
+
}], anchor: [{
|
|
382
|
+
type: Input
|
|
383
|
+
}], anchorAlign: [{
|
|
384
|
+
type: Input
|
|
385
|
+
}], collision: [{
|
|
386
|
+
type: Input
|
|
387
|
+
}], popupAlign: [{
|
|
388
|
+
type: Input
|
|
389
|
+
}], copyAnchorStyles: [{
|
|
390
|
+
type: Input
|
|
391
|
+
}], popupClass: [{
|
|
392
|
+
type: Input
|
|
393
|
+
}], positionMode: [{
|
|
394
|
+
type: Input
|
|
395
|
+
}], offset: [{
|
|
396
|
+
type: Input
|
|
397
|
+
}], margin: [{
|
|
398
|
+
type: Input
|
|
399
|
+
}], anchorViewportLeave: [{
|
|
400
|
+
type: Output
|
|
401
|
+
}], close: [{
|
|
402
|
+
type: Output
|
|
403
|
+
}], open: [{
|
|
404
|
+
type: Output
|
|
405
|
+
}], positionChange: [{
|
|
406
|
+
type: Output
|
|
407
|
+
}], contentContainer: [{
|
|
408
|
+
type: ViewChild,
|
|
409
|
+
args: ['container', { static: true }]
|
|
410
|
+
}], resizeSensor: [{
|
|
411
|
+
type: ViewChild,
|
|
412
|
+
args: [ResizeSensorComponent, { static: true }]
|
|
413
|
+
}] } });
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { CommonModule } from '@angular/common';
|
|
8
7
|
import { PopupComponent } from './popup.component';
|
|
9
8
|
import { ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
10
9
|
import { PopupService } from './popup.service';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
11
|
const POPUP_DIRECTIVES = [PopupComponent];
|
|
12
12
|
/**
|
|
13
13
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
@@ -40,15 +40,18 @@ const POPUP_DIRECTIVES = [PopupComponent];
|
|
|
40
40
|
*
|
|
41
41
|
* ```
|
|
42
42
|
*/
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
PopupModule =
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
],
|
|
54
|
-
|
|
43
|
+
export class PopupModule {
|
|
44
|
+
}
|
|
45
|
+
PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
46
|
+
PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
|
|
47
|
+
PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, decorators: [{
|
|
49
|
+
type: NgModule,
|
|
50
|
+
args: [{
|
|
51
|
+
declarations: [POPUP_DIRECTIVES],
|
|
52
|
+
entryComponents: [POPUP_DIRECTIVES],
|
|
53
|
+
exports: [POPUP_DIRECTIVES],
|
|
54
|
+
imports: [CommonModule, ResizeSensorModule],
|
|
55
|
+
providers: [PopupService]
|
|
56
|
+
}]
|
|
57
|
+
}] });
|
|
@@ -2,15 +2,14 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { ApplicationRef, ComponentFactoryResolver, ElementRef, InjectionToken, Injectable, Injector, Inject, Optional, TemplateRef } from '@angular/core';
|
|
5
|
+
import { InjectionToken, Injectable, Inject, Optional, TemplateRef } from '@angular/core';
|
|
7
6
|
import { PopupComponent } from './popup.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
8
|
const removeElement = (element) => {
|
|
9
9
|
if (element && element.parentNode) {
|
|
10
10
|
element.parentNode.removeChild(element);
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
const ɵ0 = removeElement;
|
|
14
13
|
/**
|
|
15
14
|
* Used to inject the Popup container. If not provided, the first root component of
|
|
16
15
|
* the application is used.
|
|
@@ -58,7 +57,7 @@ export const POPUP_CONTAINER = new InjectionToken('Popup Container');
|
|
|
58
57
|
* @export
|
|
59
58
|
* @class PopupService
|
|
60
59
|
*/
|
|
61
|
-
|
|
60
|
+
export class PopupService {
|
|
62
61
|
constructor(applicationRef, componentFactoryResolver, injector, container) {
|
|
63
62
|
this.applicationRef = applicationRef;
|
|
64
63
|
this.componentFactoryResolver = componentFactoryResolver;
|
|
@@ -234,14 +233,14 @@ let PopupService = class PopupService {
|
|
|
234
233
|
]
|
|
235
234
|
};
|
|
236
235
|
}
|
|
237
|
-
}
|
|
238
|
-
PopupService =
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
ComponentFactoryResolver,
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
236
|
+
}
|
|
237
|
+
PopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
238
|
+
PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService });
|
|
239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService, decorators: [{
|
|
240
|
+
type: Injectable
|
|
241
|
+
}], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
|
|
242
|
+
type: Inject,
|
|
243
|
+
args: [POPUP_CONTAINER]
|
|
244
|
+
}, {
|
|
245
|
+
type: Optional
|
|
246
|
+
}] }]; } });
|
|
File without changes
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { Injectable, Inject, Optional } from '@angular/core';
|
|
7
|
-
import { DOMService } from './dom.service';
|
|
8
6
|
import { eitherRect, removeStackingOffset, scaleRect } from '../util';
|
|
9
7
|
import { SCALE } from '../scale';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "./dom.service";
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
export class AlignService {
|
|
14
14
|
constructor(_dom, scale = 1) {
|
|
15
15
|
this._dom = _dom;
|
|
16
16
|
this.scale = scale;
|
|
@@ -53,10 +53,14 @@ let AlignService = class AlignService {
|
|
|
53
53
|
const rect = eitherRect(this._dom.position(anchor, element, scale), offset);
|
|
54
54
|
return scaleRect(rect, scale);
|
|
55
55
|
}
|
|
56
|
-
}
|
|
57
|
-
AlignService =
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
],
|
|
62
|
-
|
|
56
|
+
}
|
|
57
|
+
AlignService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
58
|
+
AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, decorators: [{
|
|
60
|
+
type: Injectable
|
|
61
|
+
}], ctorParameters: function () { return [{ type: i1.DOMService }, { type: undefined, decorators: [{
|
|
62
|
+
type: Inject,
|
|
63
|
+
args: [SCALE]
|
|
64
|
+
}, {
|
|
65
|
+
type: Optional
|
|
66
|
+
}] }]; } });
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { Injectable, isDevMode, EventEmitter } from '@angular/core';
|
|
7
|
-
import { animate, style
|
|
6
|
+
import { animate, style } from '@angular/animations';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/animations";
|
|
8
9
|
const LEFT = 'left';
|
|
9
10
|
const RIGHT = 'right';
|
|
10
11
|
const DOWN = 'down';
|
|
@@ -12,7 +13,6 @@ const UP = 'up';
|
|
|
12
13
|
const DEFAULT_TYPE = 'slide';
|
|
13
14
|
const DEFAULT_DURATION = 100;
|
|
14
15
|
const animationTypes = {};
|
|
15
|
-
/* tslint:disable:object-literal-sort-keys */
|
|
16
16
|
animationTypes.expand = (direction) => {
|
|
17
17
|
const scale = direction === UP || direction === DOWN ? 'scaleY' : 'scaleX';
|
|
18
18
|
const startScale = 0;
|
|
@@ -61,7 +61,7 @@ animationTypes.zoom = () => {
|
|
|
61
61
|
/**
|
|
62
62
|
* @hidden
|
|
63
63
|
*/
|
|
64
|
-
|
|
64
|
+
export class AnimationService {
|
|
65
65
|
constructor(animationBuilder) {
|
|
66
66
|
this.animationBuilder = animationBuilder;
|
|
67
67
|
this.start = new EventEmitter();
|
|
@@ -127,9 +127,9 @@ let AnimationService = class AnimationService {
|
|
|
127
127
|
this.player = null;
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
|
-
}
|
|
131
|
-
AnimationService =
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
130
|
+
}
|
|
131
|
+
AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
132
|
+
AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService });
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, decorators: [{
|
|
134
|
+
type: Injectable
|
|
135
|
+
}], ctorParameters: function () { return [{ type: i1.AnimationBuilder }]; } });
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { Injectable } from '@angular/core';
|
|
7
6
|
import { align, boundingOffset, getWindowViewPort, offset, positionWithScroll, restrictToView, addScroll, removeScroll, scrollPosition } from '@progress/kendo-popup-common';
|
|
8
7
|
import { isWindowAvailable, hasRelativeStackingContext, scrollableParents, zIndex } from '../util';
|
|
9
8
|
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
9
|
+
import * as i0 from "@angular/core";
|
|
10
10
|
const STYLES = [
|
|
11
11
|
'font-size',
|
|
12
12
|
'font-family',
|
|
@@ -18,7 +18,7 @@ const STYLES = [
|
|
|
18
18
|
/**
|
|
19
19
|
* @hidden
|
|
20
20
|
*/
|
|
21
|
-
|
|
21
|
+
export class DOMService {
|
|
22
22
|
addOffset(current, addition) {
|
|
23
23
|
return {
|
|
24
24
|
left: current.left + addition.left,
|
|
@@ -70,7 +70,7 @@ let DOMService = class DOMService {
|
|
|
70
70
|
element.style.left = left;
|
|
71
71
|
element.style.top = top;
|
|
72
72
|
// prevents elements with transition to be animated because of the change
|
|
73
|
-
//
|
|
73
|
+
// eslint-disable-next-line no-unused-expressions
|
|
74
74
|
element.offsetHeight;
|
|
75
75
|
element.style.transition = transition;
|
|
76
76
|
return currentOffset;
|
|
@@ -147,8 +147,9 @@ let DOMService = class DOMService {
|
|
|
147
147
|
isZoomed() {
|
|
148
148
|
return this.zoomLevel() > 1;
|
|
149
149
|
}
|
|
150
|
-
}
|
|
151
|
-
DOMService =
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
150
|
+
}
|
|
151
|
+
DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
152
|
+
DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService });
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, decorators: [{
|
|
154
|
+
type: Injectable
|
|
155
|
+
}] });
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { Inject, Injectable, Optional } from '@angular/core';
|
|
7
|
-
import { DOMService } from './dom.service';
|
|
8
6
|
import { eitherRect, scaleRect } from '../util';
|
|
9
7
|
import { SCALE } from '../scale';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "./dom.service";
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
export class PositionService {
|
|
14
14
|
constructor(_dom, scale = 1) {
|
|
15
15
|
this._dom = _dom;
|
|
16
16
|
this.scale = scale;
|
|
@@ -42,10 +42,14 @@ let PositionService = class PositionService {
|
|
|
42
42
|
offset: offset
|
|
43
43
|
};
|
|
44
44
|
}
|
|
45
|
-
}
|
|
46
|
-
PositionService =
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
],
|
|
51
|
-
|
|
45
|
+
}
|
|
46
|
+
PositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
47
|
+
PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, decorators: [{
|
|
49
|
+
type: Injectable
|
|
50
|
+
}], ctorParameters: function () { return [{ type: i1.DOMService }, { type: undefined, decorators: [{
|
|
51
|
+
type: Inject,
|
|
52
|
+
args: [SCALE]
|
|
53
|
+
}, {
|
|
54
|
+
type: Optional
|
|
55
|
+
}] }]; } });
|