@progress/kendo-angular-popup 4.0.6-dev.202203091019 → 5.0.0-dev.202204131653
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 +69 -91
- 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 +15 -11
- package/{dist/es2015 → esm2015}/services/animation.service.js +10 -10
- package/{dist/es2015 → esm2015}/services/dom.service.js +15 -14
- 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 +12 -13
- package/{dist/es2015 → esm2015}/util.js +5 -10
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-popup.js} +219 -207
- 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 +1 -1
- 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 +1 -1
- package/{dist/es2015/models → models}/position-element-settings.interface.d.ts +1 -1
- 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 +34 -99
- package/{dist/es2015/popup.component.d.ts → popup.component.d.ts} +6 -2
- 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 +10 -7
- 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 +6 -3
- 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 -79
- 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 -1382
- 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 -81
- 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:1649868773,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: 1649868773,
|
|
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;
|
|
@@ -204,7 +212,7 @@ let PopupComponent = class PopupComponent {
|
|
|
204
212
|
this._resizeService.subscribe(this.reposition);
|
|
205
213
|
this.animationSubscriptions = this.animationService.start.subscribe(this.onAnimationStart.bind(this));
|
|
206
214
|
this.animationSubscriptions.add(this.animationService.end.subscribe(this.onAnimationEnd.bind(this)));
|
|
207
|
-
this._scrollableService.forElement(this.anchor || this.container).subscribe(this.onScroll.bind(this));
|
|
215
|
+
this._scrollableService.forElement(this.domService.nativeElement(this.anchor) || this.container.nativeElement).subscribe(this.onScroll.bind(this));
|
|
208
216
|
this.currentOffset = DEFAULT_OFFSET;
|
|
209
217
|
this.setZIndex();
|
|
210
218
|
this.copyFontStyles();
|
|
@@ -274,7 +282,7 @@ let PopupComponent = class PopupComponent {
|
|
|
274
282
|
}
|
|
275
283
|
setZIndex() {
|
|
276
284
|
if (this.anchor) {
|
|
277
|
-
this.setContainerStyle('z-index', String(this.domService.zIndex(this.anchor, this.container)));
|
|
285
|
+
this.setContainerStyle('z-index', String(this.domService.zIndex(this.domService.nativeElement(this.anchor), this.container)));
|
|
278
286
|
}
|
|
279
287
|
}
|
|
280
288
|
reposition() {
|
|
@@ -295,7 +303,7 @@ let PopupComponent = class PopupComponent {
|
|
|
295
303
|
}
|
|
296
304
|
position() {
|
|
297
305
|
const alignedOffset = this._alignService.alignElement({
|
|
298
|
-
anchor: this.anchor,
|
|
306
|
+
anchor: this.domService.nativeElement(this.anchor),
|
|
299
307
|
anchorAlign: this.anchorAlign,
|
|
300
308
|
element: this.container,
|
|
301
309
|
elementAlign: this.popupAlign,
|
|
@@ -304,7 +312,7 @@ let PopupComponent = class PopupComponent {
|
|
|
304
312
|
positionMode: this.positionMode
|
|
305
313
|
});
|
|
306
314
|
return this._positionService.positionElement({
|
|
307
|
-
anchor: this.anchor,
|
|
315
|
+
anchor: this.domService.nativeElement(this.anchor),
|
|
308
316
|
anchorAlign: this.anchorAlign,
|
|
309
317
|
collisions: this.collision,
|
|
310
318
|
currentLocation: alignedOffset,
|
|
@@ -328,7 +336,7 @@ let PopupComponent = class PopupComponent {
|
|
|
328
336
|
if (!this.anchor || !this.copyAnchorStyles) {
|
|
329
337
|
return;
|
|
330
338
|
}
|
|
331
|
-
this.domService.getFontStyles(this.anchor)
|
|
339
|
+
this.domService.getFontStyles(this.domService.nativeElement(this.anchor))
|
|
332
340
|
.forEach(s => this.setContainerStyle(s.key, s.value));
|
|
333
341
|
}
|
|
334
342
|
updateFixedClass() {
|
|
@@ -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;
|
|
@@ -20,7 +20,7 @@ let AlignService = class AlignService {
|
|
|
20
20
|
const scale = this.scale || 1;
|
|
21
21
|
const fixedMode = positionMode === 'fixed' || !this._dom.hasOffsetParent(element);
|
|
22
22
|
const anchorRect = fixedMode ? this.absoluteRect(anchor, element, offset, scale) : this.relativeRect(anchor, element, offset, scale);
|
|
23
|
-
const elementRect = scaleRect(this._dom.offset(element), scale);
|
|
23
|
+
const elementRect = scaleRect(this._dom.offset(element.nativeElement), scale);
|
|
24
24
|
const result = this._dom.align({
|
|
25
25
|
anchorAlign: anchorAlign,
|
|
26
26
|
anchorRect: anchorRect,
|
|
@@ -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 }]; } });
|