npm - @progress/kendo-angular-popup - Versions diffs - 5.0.0-next.202110181335 → 5.0.0-next.202204010906 - Mend

@progress/kendo-angular-popup 5.0.0-next.202110181335 → 5.0.0-next.202204010906

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.

Files changed (24) hide show

package/LICENSE.md +1 -1
package/NOTICE.txt +119 -79
package/README.md +1 -1
package/bundles/kendo-angular-popup.umd.js +1 -1
package/esm2015/package-metadata.js +1 -1
package/esm2015/popup.component.js +9 -9
package/esm2015/popup.module.js +4 -4
package/esm2015/popup.service.js +3 -3
package/esm2015/services/align.service.js +4 -4
package/esm2015/services/animation.service.js +3 -3
package/esm2015/services/dom.service.js +9 -9
package/esm2015/services/position.service.js +3 -3
package/esm2015/services/resize.service.js +3 -3
package/esm2015/services/scrollable.service.js +5 -6
package/fesm2015/kendo-angular-popup.js +44 -45
package/main.d.ts +1 -1
package/models/align-element-settings.interface.d.ts +1 -1
package/models/popup-animation.interface.d.ts +4 -2
package/models/popup-settings.d.ts +1 -1
package/models/position-element-settings.interface.d.ts +1 -1
package/package.json +2 -2
package/popup.component.d.ts +1 -1
package/services/dom.service.d.ts +7 -7
package/services/scrollable.service.d.ts +3 -3

package/LICENSE.md CHANGED Viewed

@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**Telerik End
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
-*Copyright © 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*

package/NOTICE.txt CHANGED Viewed

@@ -1,29 +1,71 @@
-Progress Kendo UI for Angular 2021
+Progress Kendo UI for Angular 2022
-Copyright © 2016-2021 Progress Software Corporation and/or one of its
+Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
 Portions of the Product include certain open source and commercial third-party
 components listed below ("Third-Party Components"). The authors of the
 Third-Party Components require Progress Software Corporation ("PSC") to
 include the following notices and additional licensing terms as a condition of
-PSC's use of such Third-Party Components.  You acknowledge that the authors
+PSC's use of such Third-Party Components. You acknowledge that the authors
 of the Third-Party Components have no obligation to provide support to you for
-the Third-Party Components or the Product.  You hereby undertake to comply with
-all licenses related to the applicable Third-Party Components.  Notwithstanding
+the Third-Party Components or the Product. You hereby undertake to comply with
+all licenses related to the applicable Third-Party Components. Notwithstanding
 anything to the contrary, to the extent that any of the terms and conditions of
 the Product Agreement conflict, vary, or are in addition to the terms and
 conditions of the aforementioned third-party licenses for these technologies,
 such terms and conditions are offered by Progress alone and not by any other
 party.
-1. Special Notices Regarding Open Source Third-Party Components incorporated in
+-------------------------------------------------------------------------
+SUMMARY OF COMPONENTS:
+VendorName | ComponentName | VersionName | LicenseType
+DefinitelyTyped.org | @types/prosemirror-commands | 1.0.4 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-dropcursor | 1.0.1 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-gapcursor | 1.0.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-history | 1.0.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-inputrules | 1.0.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-keymap | 1.0.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-model | 1.11.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-schema-list | 1.0.2 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-state | 1.2.4 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-tables | 0.9.1 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-transform | 1.2.9 - Open Source | MIT-style License
+DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style License
+Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
+Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
+Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
+Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
+Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
+Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
+ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-commands | 1.0.7 - Open Source | MIT-style License
+ProseMirror | prosemirror-cursor | 1.0.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-gapcursor | 1.0.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-history | 1.0.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-keymap | 1.0.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-model | 1.6.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-schema-list | 1.0.1 - Open Source | MIT-style License
+ProseMirror | prosemirror-state | 1.2.2 - Open Source | MIT-style License
+ProseMirror | prosemirror-tables | 0.7.10 - Open Source | MIT-style License
+ProseMirror | prosemirror-transform | 1.1.3 - Open Source | MIT-style License
+ProseMirror | prosemirror-view | 1.5.2 - Open Source | MIT-style License
+Quildreen Motta | Data.Task | 3.1.2 - Open Source | MIT-style License
+Scott Sauyet and Michael Hurley | ramda | 0.23.0 - Open Source | MIT-style License
+TsLib | TsLib | 1.9.3 - Open Source | Apache Software License Version 2.0
+Tsvetomir Tsonev | xlf-translate | 2.0.4 - Open Source | BSD-style License
+Unicode Inc. | CLDR | 37 - Open Source | Unicode, Inc. License Agreement - Data Files and Software
+Vitaly Puzrin | js-yaml | 3.14.0 - Open Source | MIT-style License
+-------------------------------------------------------------------------
+1.	Special Notices Regarding Open-Source Third-Party Components incorporated into
 the Product:
-(1)  The Apache Software License, Version 2.0:
+(1) 	The Apache Software License, Version 2.0:
-Progress Kendo UI for Angular 2021 incorporates tslib v1.9.3.  Such technology
+Progress Kendo UI for Angular 2022 incorporates TsLib v1.9.3. Such technology
 is subject to the following terms and conditions: Apache Software License Version 2.0.
                                  Apache License
@@ -246,44 +288,44 @@ is subject to the following terms and conditions: Apache Software License Versio
    and limitations under the License.
    -------------------------------------------------------------------------
-(2) BSD-Style Licenses:
+(2) 	BSD-Style Licenses:
-(a) Progress Kendo UI for Angular 2021 incorporates xlf-translate v2.0.4. Such
+(a) Progress Kendo UI for Angular 2022 incorporates xlf-translate v2.0.4.  Such
 technology is subject to the following terms and conditions:
-    BSD 3-Clause License
+   BSD 3-Clause License
-    Copyright (c) 2017, Tsvetomir Tsonev
-    All rights reserved.
+   Copyright (c) 2017, Tsvetomir Tsonev
+   All rights reserved.
-    Redistribution and use in source and binary forms, with or without
-    modification, are permitted provided that the following conditions are met:
+   Redistribution and use in source and binary forms, with or without
+   modification, are permitted provided that the following conditions are met:
-    * Redistributions of source code must retain the above copyright notice, this
-      list of conditions and the following disclaimer.
+   * Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
-    * Redistributions in binary form must reproduce the above copyright notice,
-      this list of conditions and the following disclaimer in the documentation
-      and/or other materials provided with the distribution.
+   * Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
-    * Neither the name of the copyright holder nor the names of its
-      contributors may be used to endorse or promote products derived from
-      this software without specific prior written permission.
+   * Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
-    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-    AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-    DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-    FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-    DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-    SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-    CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-    OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-    OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+   THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+   AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+   IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+   DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+   FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+   DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+   SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+   CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+   OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+   OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-(3) The ISC License:
+(3) 	The ISC License:
-(a) Progress Kendo UI for Angular 2021 incorporates glob v7.1.3.  Such technology
+(a) Progress Kendo UI for Angular 2022 incorporates glob v7.1.3.  Such technology
 is subject to the following terms and conditions:
     The ISC License
@@ -308,9 +350,9 @@ is subject to the following terms and conditions:
     under a Creative Commons Attribution-ShareAlike 4.0 International License
     https://creativecommons.org/licenses/by-sa/4.0/
-(4) MIT-Style Licenses:
+(4)	MIT-Style Licenses:
-(a) Progress Kendo UI for Angular 2021 incorporates HammerJS v2.0.8.  Such
+(a) Progress Kendo UI for Angular 2022 incorporates HammerJS v2.0.8.  Such
 technology is subject to the following terms and conditions:
    The MIT License (MIT)
@@ -335,7 +377,7 @@ technology is subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
-(b) Progress Kendo UI for Angular 2021 incorporates prosemirror-commands v1*,
+(b) Progress Kendo UI for Angular 2022 incorporates prosemirror-commands v1*,
 prosemirror-cursor v1*, prosemirror-gapcursor v1*, prosemirror-history v1*,
 prosemirror-inputrules v1*, prosemirror-keymap v1*, prosemirror-model v1*,
 prosemirror-schema-list v1*, prosemirror-state v1*, prosemirror-tables v0.7*,
@@ -362,39 +404,36 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.
-(c) Progress Kendo UI for Angular 2021 incorporates cheerio v0.2.2. Such
-technology is subject to the following terms and conditions:
+(c) Progress Kendo UI for Angular 2022 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
-    MIT License
+   MIT License
-    Copyright (c) 2016 Matt Mueller
+   Copyright (c) 2016 Matt Mueller
-    Permission is hereby granted, free of charge, to any person obtaining a copy
-    of this software and associated documentation files (the "Software"), to deal
-    in the Software without restriction, including without limitation the rights
-    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-    copies of the Software, and to permit persons to whom the Software is
-    furnished to do so, subject to the following conditions:
+   Permission is hereby granted, free of charge, to any person obtaining a copy
+   of this software and associated documentation files (the "Software"), to deal
+   in the Software without restriction, including without limitation the rights
+   to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+   copies of the Software, and to permit persons to whom the Software is
+   furnished to do so, subject to the following conditions:
-    The above copyright notice and this permission notice shall be included in all
-    copies or substantial portions of the Software.
+   The above copyright notice and this permission notice shall be included in all
+   copies or substantial portions of the Software.
-    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-    SOFTWARE.
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+   FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+   AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+   LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+   SOFTWARE.
-(d) Progress Kendo UI for Angular 2021 incorporates @types/prosemirror-commands v1*,
-@types/prosemirror-dropcursor v1*, @types/prosemirror-gapcursor v1*,
-@types/prosemirror-history v1*, @types/prosemirror-inputrules v1*,
-@types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
-@types/prosemirror-schema-list v1*, @types/prosemirror-state v1*,
-@types/prosemirror-tables v0.9*,  @types/prosemirror-transform v1*, and
-@types/prosemirror-view v1*. Such technologies are subject to the following terms
-and conditions:
+(d) Progress Kendo UI for Angular 2022 incorporates @types/prosemirror-commands v1*,
+@types/prosemirror-dropcursor v1*, @types/prosemirror-gapcursor v1*, @types/prosemirror-history v1*,
+@types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
+@types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
+@types/prosemirror-transform v1*, and @types/prosemirror-view v1*.  Such technologies are
+subject to the following terms and conditions:
     This project is licensed under the MIT license.
     Copyrights are respective of each contributor listed at the beginning of each
@@ -418,7 +457,7 @@ and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     SOFTWARE.
-(e) Progress Kendo UI for Angular 2021 incorporates pako-esm v1.0.0. Such
+(e) Progress Kendo UI for Angular 2022 incorporates pako-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
   Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -444,7 +483,7 @@ technology is subject to the following terms and conditions:
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
-(f) Progress Kendo UI for Angular 2021 incorporates jszip-esm v1.0.0. Such
+(f) Progress Kendo UI for Angular 2022 incorporates jszip-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
     Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -471,7 +510,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
-(g) Progress Kendo UI for Angular 2021 incorporates data.task v3.1.2. Such
+(g) Progress Kendo UI for Angular 2022 incorporates data.task v3.1.2.  Such
 technology is subject to the following terms and conditions:
     The MIT License
@@ -496,7 +535,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
-(h) Progress Kendo UI for Angular 2021 incorporates ramda v0.23. Such technology
+(h) Progress Kendo UI for Angular 2022 incorporates ramda v0.23.  Such technology
 is subject to the following terms and conditions:
     The MIT License (MIT)
@@ -521,7 +560,7 @@ is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
-(i) Progress Kendo UI for Angular 2021 incorporates js-yaml v3.14.0. Such
+(i) Progress Kendo UI for Angular 2022 incorporates js-yaml v3.14.0.  Such
 technology is subject to the following terms and conditions:
     (The MIT License)
@@ -546,10 +585,9 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
+(5)	UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE:
-(5) UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE:
-Progress Kendo UI for Angular 2021 incorporates Unicode CLDR Database v37.
+Progress Kendo UI for Angular 2022 incorporates Unicode CLDR Database v33.
 Such technology is subject to the following terms and conditions:
    UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE
@@ -600,15 +638,17 @@ Such technology is subject to the following terms and conditions:
    written authorization of the copyright holder.
 2. Special Notices Regarding Commercially Licensed Third-Party Components
-incorporated in the Product:
+incorporated into the Product:  NONE
+3. Special Notices Regarding Progress Products incorporated into the Product:
-(a) Progress Kendo UI for Angular 2021 incorporates Kendo UI Licensing CLI v1.1
-from Progress Software Corporation. For third-party component information, see
-the product’s NOTICE.txt file.
+(a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
+from Progress Software Corporation. See NOTICE.txt text file within product for
+third-party license information.
 NOTICE FROM PROGRESS SOFTWARE CORPORATION: Additional notices may be included in
 the release notes or other documentation that accompanies updates received in
 connection with support of the Product.
-Updated 3/2/2021
+Updated 1/6/2022

package/README.md CHANGED Viewed

@@ -28,6 +28,6 @@ Kendo UI for Angular is a commercial UI library designed and built for developin
 * [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
 * [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-*Copyright © 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/bundles/kendo-angular-popup.umd.js CHANGED Viewed

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!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,p,n,o,i,l,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 a=s(c),u=s(p),m=s(i),h=s(t);Object.create;function f(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 d(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 y(e,t){return e||{height:0,left:t.left,top:t.top,width:0}}function g(){return"undefined"!=typeof window}function v(e){var t=[];if(!p.isDocumentAvailable()||!g())return t;for(var n,o=e.parentElement;o;)(b.test(C(n=o)||w(n))||o.hasAttribute("data-scrollable"))&&t.push(o),o=o.parentElement;return t.push(window),t}var b=/auto|scroll/,C=function(e){return""+e.style.overflow+e.style.overflowX+e.style.overflowY},w=function(e){e=window.getComputedStyle(e);return""+e.overflow+e.overflowX+e.overflowY},I=1e3/60;function E(e,t){return e&&1!==t?{height:e.height/t,left:e.left/t,top:e.top/t,width:e.width/t}:e}var S,A,k,O=(k=!(S=function(){if(!p.isDocumentAvailable()&&null!==document.body)return!1;var e=document.createElement("div");e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: 10px;">child</div>',document.body.appendChild(e);var t=10!==e.children[0].getBoundingClientRect().top;return document.body.removeChild(e),t}),function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return k||(A=S.apply(void 0,d([],f(e))),k=!0),A}),P=new c.InjectionToken("Popup Document Scale"),V=["font-size","font-family","font-stretch","font-style","font-weight","line-height"],_=(j.prototype.addOffset=function(e,t){return{left:e.left+t.left,top:e.top+t.top}},j.prototype.addScroll=function(e,t){return r.addScroll(e,t)},j.prototype.align=function(e){return r.align(e)},j.prototype.boundingOffset=function(e){return r.boundingOffset(this.nativeElement(e))},j.prototype.getFontStyles=function(e){var t=this.getWindow();if(!t||!e)return[];var n=t.getComputedStyle(this.nativeElement(e));return V.map(function(e){return{key:e,value:n[e]}})},j.prototype.getWindow=function(){return g()?window:null},j.prototype.hasOffsetParent=function(e){return!!e&&!!this.nativeElement(e).offsetParent},j.prototype.offset=function(e){return e?r.offset(this.nativeElement(e)):null},j.prototype.offsetAtPoint=function(e,t){if(!e)return null;var n=this.nativeElement(e),o=n.style,i=o.left,e=o.top,o=o.transition;n.style.transition="none",n.style.left=t.left+"px",n.style.top=t.top+"px";t=r.offset(n);return n.style.left=i,n.style.top=e,n.offsetHeight,n.style.transition=o,t},j.prototype.nativeElement=function(e){return e?e.nativeElement||e:null},j.prototype.position=function(e,t,n){return void 0===n&&(n=1),e&&t?r.positionWithScroll(this.nativeElement(e),this.nativeElement(t),n):null},j.prototype.removeScroll=function(e,t){return r.removeScroll(e,t)},j.prototype.restrictToView=function(e){return r.restrictToView(e)},j.prototype.scrollPosition=function(e){return r.scrollPosition(this.nativeElement(e))},j.prototype.scrollableParents=function(e){return v(this.nativeElement(e))},j.prototype.stackingElementOffset=function(e){e=this.getRelativeContextElement(e);return e?r.offset(e):null},j.prototype.stackingElementScroll=function(e){e=this.getRelativeContextElement(e);return e?{x:e.scrollLeft,y:e.scrollTop}:{x:0,y:0}},j.prototype.getRelativeContextElement=function(e){if(!e||!O())return null;for(var t=this.nativeElement(e).parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}return null},j.prototype.useRelativePosition=function(e){return!!this.getRelativeContextElement(e)},j.prototype.windowViewPort=function(e){return r.getWindowViewPort(this.nativeElement(e))},j.prototype.zIndex=function(e,t){return function(e,t){if(!e||!p.isDocumentAvailable()||!g())return null;t=r.siblingContainer(e,t);if(!t)return null;t=[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);return t?t+1:null}(this.nativeElement(e),this.nativeElement(t))},j.prototype.zoomLevel=function(){return p.isDocumentAvailable()&&g()&&parseFloat((document.documentElement.clientWidth/window.innerWidth).toFixed(2))||1},j.prototype.isZoomed=function(){return 1<this.zoomLevel()},j);function j(){}_.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:_,deps:[],target:a.ɵɵFactoryTarget.Injectable}),_.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:_}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:_,decorators:[{type:c.Injectable}]});var R=(z.prototype.alignElement=function(e){var t=e.anchor,n=e.element,o=e.anchorAlign,i=e.elementAlign,r=e.margin,s=e.offset,a=e.positionMode,e=this.scale||1,s="fixed"===a||!this._dom.hasOffsetParent(n)?this.absoluteRect(t,n,s,e):this.relativeRect(t,n,s,e),e=E(this._dom.offset(n),e);return this._dom.align({anchorAlign:o,anchorRect:s,elementAlign:i,elementRect:e,margin:r})},z.prototype.absoluteRect=function(e,t,n,o){var i=this.elementScrollPosition(e,t),r=y(this._dom.offset(e),n),e=2*o,n=this._dom.stackingElementScroll(t);1!==o&&n&&(n.x/=e,n.y/=e);t=this._dom.stackingElementOffset(t);return 1!==o&&t&&(t.left/=e,t.top/=e),this._dom.removeScroll(this._dom.addScroll((o=E(r,o),(t=t)?{height:o.height,left:o.left-t.left,top:o.top-t.top,width:o.width}:o),n),i)},z.prototype.elementScrollPosition=function(e,t){return e?{x:0,y:0}:this._dom.scrollPosition(t)},z.prototype.relativeRect=function(e,t,n,o){n=y(this._dom.position(e,t,o),n);return E(n,o)},z);function z(e,t){void 0===t&&(t=1),this._dom=e,this.scale=t}R.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:R,deps:[{token:_},{token:P,optional:!0}],target:a.ɵɵFactoryTarget.Injectable}),R.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:R}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:R,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:_},{type:void 0,decorators:[{type:c.Inject,args:[P]},{type:c.Optional}]}]}});var D=(x.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=E(l,c),t=E(p.offset(t),c),t=y(t,n),o=e.viewPort||p.windowViewPort(o);o.width=o.width/c,o.height=o.height/c;o=p.restrictToView({anchorAlign:i,anchorRect:t,collisions:s,elementAlign:r,elementRect:l,margin:a,viewPort:o}),n=p.addOffset(n,o.offset);return{flip:o.flip,flipped:o.flipped,offset:n}},x);function x(e,t){void 0===t&&(t=1),this._dom=e,this.scale=t}D.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:D,deps:[{token:_},{token:P,optional:!0}],target:a.ɵɵFactoryTarget.Injectable}),D.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:D}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:D,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:_},{type:void 0,decorators:[{type:c.Inject,args:[P]},{type:c.Optional}]}]}});var F=(T.prototype.subscribe=function(e){var t=this;p.isDocumentAvailable()&&this._zone.runOutsideAngular(function(){t.subscription=n.fromEvent(t._dom.getWindow(),"resize").pipe(o.auditTime(I)).subscribe(function(){return e()})})},T.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},T.prototype.isUnsubscribed=function(){return this.subscription&&this.subscription.closed},T);function T(e,t){this._dom=e,this._zone=t}F.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:F,deps:[{token:_},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Injectable}),F.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:F}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:F,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:_},{type:a.NgZone}]}});var M=(N.prototype.forElement=function(e){return this.unsubscribe(),this.element=e,this},N.prototype.subscribe=function(i){var r,s,a=this;i&&p.isDocumentAvailable()&&this.element&&(r=this._dom.nativeElement(this.element),s=this._dom.scrollableParents(this.element),this._zone.runOutsideAngular(function(){var e=s.map(function(e){return n.fromEvent(e,"scroll").pipe(o.auditTime(I))});a.subscription=n.merge.apply(void 0,d([],f(e))).subscribe(function(e){var t=e.target,n=0<s.filter(function(e){return e===t}).length,o=t===document,e=t===window;(n||o||e)&&i(a.isVisible(r,t))})}))},N.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},N.prototype.isVisible=function(e,t){e=this._dom.boundingOffset(e),t=this._dom.boundingOffset(t);return!(1<t.top-e.bottom)&&(!(1<e.top-t.bottom)&&(!(1<e.left-t.right)&&!(1<t.left-e.right)))},N);function N(e,t){this._dom=e,this._zone=t}M.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:M,deps:[{token:_},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Injectable}),M.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:M}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:M,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:_},{type:a.NgZone}]}});var L="left",U="right",Z="down",q={expand:function(e){var t="up"===e||e===Z?"scaleY":"scaleX",e=e===Z?"top":e===L?U:e===U?L:"bottom";return{start:{transform:t+"(0)",transformOrigin:e},end:{transform:t+"(1)"}}},slide:function(e){var t=e===L||e===U?"translateX":"translateY";return{start:{transform:t+"("+(e===U||e===Z?-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)"}}}},K=(W.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=q[o];if(i){n=i(this.getDirection(n,t));this.playStates(e,n,t)}else if(c.isDevMode())throw new Error('Unsupported animation type: "'+o+'". The supported types are slide, expand, fade and zoom.')}},W.prototype.ngOnDestroy=function(){this.stopPlayer()},W.prototype.playStates=function(e,t,n){var o=this;this.stopPlayer();n=n.duration||100,t=this.animationBuilder.build([i.style(t.start),i.animate(n+"ms ease-in",i.style(t.end))]),e=this.player=t.create(e);e.onDone(function(){o.end.emit(),o.stopPlayer()}),this.start.emit(),e.play()},W.prototype.getDirection=function(e,t){t=t.direction||Z;return e.horizontal&&(t===L?t=U:t===U&&(t=L)),e.vertical&&(t===Z?t="up":"up"===t&&(t=Z)),t},W.prototype.stopPlayer=function(){this.player&&(this.player.destroy(),this.player=null)},W);function W(e){this.animationBuilder=e,this.start=new c.EventEmitter,this.end=new c.EventEmitter}K.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:K,deps:[{token:m.AnimationBuilder}],target:a.ɵɵFactoryTarget.Injectable}),K.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:K}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:K,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:m.AnimationBuilder}]}});var B={name:"@progress/kendo-angular-popup",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1634564045,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"},X={left:-1e4,top:0},Y=(H.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.anchor||this.container).subscribe(this.onScroll.bind(this)),this.currentOffset=X,this.setZIndex(),this.copyFontStyles(),this.updateFixedClass()},H.prototype.ngOnChanges=function(e){e.copyAnchorStyles&&this.copyFontStyles(),e.positionMode&&this.updateFixedClass()},H.prototype.ngAfterViewInit=function(){var e=this;this.reposition(),this.animate||this.resolvedPromise.then(function(){e.onAnimationEnd()})},H.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)})},H.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()},H.prototype.onResize=function(){this.reposition()},H.prototype.onAnimationStart=function(){this._renderer.removeClass(this.container.nativeElement,"k-animation-container-shown")},H.prototype.onAnimationEnd=function(){this._renderer.addClass(this.container.nativeElement,"k-animation-container-shown"),this.open.emit(),this.open.complete()},Object.defineProperty(H.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}),H.prototype.setZIndex=function(){this.anchor&&this.setContainerStyle("z-index",String(this.domService.zIndex(this.anchor,this.container)))},H.prototype.reposition=function(){var e,t,n,o,i,r,s=this;p.isDocumentAvailable()&&(r=this.position(),e=r.flip,t=r.offset,(!this.currentOffset||(n=this.currentOffset,o=t,i=n.left,r=n.top,n=t.left,o=t.top,1<=Math.abs(i-n)||1<=Math.abs(r-o)))&&(this.currentOffset=t,p.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())},H.prototype.position=function(){var e=this._alignService.alignElement({anchor: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.anchor,anchorAlign:this.anchorAlign,collisions:this.collision,currentLocation:e,element:this.container,elementAlign:this.popupAlign,margin:this.margin})},H.prototype.onScroll=function(e){var t=this,n=p.hasObservers(this.anchorViewportLeave);e||!n?this.reposition():n&&this._zone.run(function(){t.anchorViewportLeave.emit()})},H.prototype.copyFontStyles=function(){var t=this;this.anchor&&this.copyAnchorStyles&&this.domService.getFontStyles(this.anchor).forEach(function(e){return t.setContainerStyle(e.key,e.value)})},H.prototype.updateFixedClass=function(){var e="fixed"===this.positionMode?"addClass":"removeClass";this._renderer[e](this.container.nativeElement,"k-animation-container-fixed")},H.prototype.setContainerStyle=function(e,t){this._renderer.setStyle(this.container.nativeElement,e,t)},H.prototype.unsubscribeReposition=function(){this.repositionSubscription&&this.repositionSubscription.unsubscribe()},H);function H(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=X,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,l.validatePackage(B),this._renderer.addClass(e.nativeElement,"k-animation-container"),this.updateFixedClass()}Y.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:Y,deps:[{token:a.ElementRef},{token:R},{token:_},{token:D},{token:F},{token:M},{token:K},{token:a.Renderer2},{token:a.NgZone}],target:a.ɵɵFactoryTarget.Component}),Y.ɵcmp=a.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.10",type:Y,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:[R,K,_,D,F,M],viewQueries:[{propertyName:"contentContainer",first:!0,predicate:["container"],descendants:!0,static:!0},{propertyName:"resizeSensor",first:!0,predicate:p.ResizeSensorComponent,descendants:!0,static:!0}],exportAs:["kendo-popup"],usesOnChanges:!0,ngImport:a,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:u.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:h.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:h.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:h.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:Y,decorators:[{type:c.Component,args:[{exportAs:"kendo-popup",providers:[R,K,_,D,F,M],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:a.ElementRef},{type:R},{type:_},{type:D},{type:F},{type:M},{type:K},{type:a.Renderer2},{type:a.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:[p.ResizeSensorComponent,{static:!0}]}]}});var G=new c.InjectionToken("Popup Container"),Q=(Object.defineProperty(J.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(J.prototype,"rootViewContainerNode",{get:function(){return this.container?this.container.nativeElement:this.getComponentRootNode(this.rootViewContainer)},enumerable:!1,configurable:!0}),J.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;this.projectComponentInputs(o,e),o.changeDetectorRef.detectChanges(),n&&n.changeDetectorRef.detectChanges();var i=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}},J.prototype.appendPopup=function(e,t){e=this.createComponent(Y,e,t);return t||this.rootViewContainerNode.appendChild(this.getComponentRootNode(e)),e},J.prototype.getComponentRootNode=function(e){return e.location.nativeElement},J.prototype.getComponentFactory=function(e){return this.componentFactoryResolver.resolveComponentFactory(e)},J.prototype.createComponent=function(e,t,n){e=this.getComponentFactory(e);if(n)return n.createComponent(e,void 0,this.injector,t);t=e.create(this.injector,t);return this.applicationRef.attachView(t.hostView),t},J.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},J.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]:[]]}},J);function J(e,t,n,o){this.applicationRef=e,this.componentFactoryResolver=t,this.injector=n,this.container=o}Q.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:Q,deps:[{token:a.ApplicationRef},{token:a.ComponentFactoryResolver},{token:a.Injector},{token:G,optional:!0}],target:a.ɵɵFactoryTarget.Injectable}),Q.ɵprov=a.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:Q}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:Q,decorators:[{type:c.Injectable}],ctorParameters:function(){return[{type:a.ApplicationRef},{type:a.ComponentFactoryResolver},{type:a.Injector},{type:a.ElementRef,decorators:[{type:c.Inject,args:[G]},{type:c.Optional}]}]}});u=[Y],h=function(){};h.ɵfac=a.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:h,deps:[],target:a.ɵɵFactoryTarget.NgModule}),h.ɵmod=a.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:h,declarations:[Y],imports:[t.CommonModule,p.ResizeSensorModule],exports:[Y]}),h.ɵinj=a.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:h,providers:[Q],imports:[[t.CommonModule,p.ResizeSensorModule]]}),a.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.10",ngImport:a,type:h,decorators:[{type:c.NgModule,args:[{declarations:[u],entryComponents:[u],exports:[u],imports:[t.CommonModule,p.ResizeSensorModule],providers:[Q]}]}]}),e.POPUP_CONTAINER=G,e.PopupComponent=Y,e.PopupModule=h,e.PopupService=Q,e.SCALE=P,Object.defineProperty(e,"__esModule",{value:!0})});
+!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:1648803868,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})});

package/esm2015/package-metadata.js CHANGED Viewed

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-popup',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1634564045,
+    publishDate: 1648803868,
     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'
 };

package/esm2015/popup.component.js CHANGED Viewed

@@ -212,11 +212,12 @@ export class PopupComponent {
         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.anchor || this.container).subscribe(this.onScroll.bind(this));
+        this._scrollableService.forElement(this.domService.nativeElement(this.anchor) || this.container.nativeElement).subscribe(this.onScroll.bind(this));
         this.currentOffset = DEFAULT_OFFSET;
         this.setZIndex();
         this.copyFontStyles();
         this.updateFixedClass();
+        this.reposition();
     }
     ngOnChanges(changes) {
         if (changes.copyAnchorStyles) {
@@ -227,7 +228,6 @@ export class PopupComponent {
         }
     }
     ngAfterViewInit() {
-        this.reposition();
         if (!this.animate) {
             this.resolvedPromise.then(() => {
                 this.onAnimationEnd();
@@ -282,7 +282,7 @@ export class PopupComponent {
     }
     setZIndex() {
         if (this.anchor) {
-            this.setContainerStyle('z-index', String(this.domService.zIndex(this.anchor, this.container)));
+            this.setContainerStyle('z-index', String(this.domService.zIndex(this.domService.nativeElement(this.anchor), this.container)));
         }
     }
     reposition() {
@@ -303,7 +303,7 @@ export class PopupComponent {
     }
     position() {
         const alignedOffset = this._alignService.alignElement({
-            anchor: this.anchor,
+            anchor: this.domService.nativeElement(this.anchor),
             anchorAlign: this.anchorAlign,
             element: this.container,
             elementAlign: this.popupAlign,
@@ -312,7 +312,7 @@ export class PopupComponent {
             positionMode: this.positionMode
         });
         return this._positionService.positionElement({
-            anchor: this.anchor,
+            anchor: this.domService.nativeElement(this.anchor),
             anchorAlign: this.anchorAlign,
             collisions: this.collision,
             currentLocation: alignedOffset,
@@ -336,7 +336,7 @@ export class PopupComponent {
         if (!this.anchor || !this.copyAnchorStyles) {
             return;
         }
-        this.domService.getFontStyles(this.anchor)
+        this.domService.getFontStyles(this.domService.nativeElement(this.anchor))
             .forEach(s => this.setContainerStyle(s.key, s.value));
     }
     updateFixedClass() {
@@ -352,8 +352,8 @@ export class PopupComponent {
         }
     }
 }
-PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", 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 });
-PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", 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: `
+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 });
+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: `
         <div class="k-popup" [ngClass]="popupClass" #container>
             <ng-content></ng-content>
             <ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>
@@ -361,7 +361,7 @@ PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
             </kendo-resize-sensor>
         </div>
      `, 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendo-popup',

package/esm2015/popup.module.js CHANGED Viewed

@@ -42,10 +42,10 @@ const POPUP_DIRECTIVES = [PopupComponent];
  */
 export class PopupModule {
 }
-PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
-PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, decorators: [{
+PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
+PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [POPUP_DIRECTIVES],

package/esm2015/popup.service.js CHANGED Viewed

@@ -234,9 +234,9 @@ export class PopupService {
         };
     }
 }
-PopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService, decorators: [{
+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 });
+PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,

package/esm2015/services/align.service.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class AlignService {
         const scale = this.scale || 1;
         const fixedMode = positionMode === 'fixed' || !this._dom.hasOffsetParent(element);
         const anchorRect = fixedMode ? this.absoluteRect(anchor, element, offset, scale) : this.relativeRect(anchor, element, offset, scale);
-        const elementRect = scaleRect(this._dom.offset(element), scale);
+        const elementRect = scaleRect(this._dom.offset(element.nativeElement), scale);
         const result = this._dom.align({
             anchorAlign: anchorAlign,
             anchorRect: anchorRect,
@@ -54,9 +54,9 @@ export class AlignService {
         return scaleRect(rect, scale);
     }
 }
-AlignService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService, decorators: [{
+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 });
+AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DOMService }, { type: undefined, decorators: [{
                     type: Inject,

package/esm2015/services/animation.service.js CHANGED Viewed

@@ -128,8 +128,8 @@ export class AnimationService {
         }
     }
 }
-AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
-AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService, decorators: [{
+AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
+AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.AnimationBuilder }]; } });

package/esm2015/services/dom.service.js CHANGED Viewed

@@ -32,14 +32,14 @@ export class DOMService {
         return align(settings);
     }
     boundingOffset(el) {
-        return boundingOffset(this.nativeElement(el));
+        return boundingOffset(el);
     }
     getFontStyles(el) {
         const window = this.getWindow();
         if (!window || !el) {
             return [];
         }
-        const computedStyles = window.getComputedStyle(this.nativeElement(el));
+        const computedStyles = window.getComputedStyle(el);
         return STYLES.map(font => ({ key: font, value: computedStyles[font] }));
     }
     getWindow() {
@@ -55,7 +55,7 @@ export class DOMService {
         if (!el) {
             return null;
         }
-        return offset(this.nativeElement(el));
+        return offset(el);
     }
     offsetAtPoint(el, currentLocation) {
         if (!el) {
@@ -85,7 +85,7 @@ export class DOMService {
         if (!element || !popup) {
             return null;
         }
-        return positionWithScroll(this.nativeElement(element), this.nativeElement(popup), scale);
+        return positionWithScroll(element, this.nativeElement(popup), scale);
     }
     removeScroll(rect, scroll) {
         return removeScroll(rect, scroll);
@@ -97,7 +97,7 @@ export class DOMService {
         return scrollPosition(this.nativeElement(el));
     }
     scrollableParents(el) {
-        return scrollableParents(this.nativeElement(el));
+        return scrollableParents(el);
     }
     stackingElementOffset(el) {
         const relativeContextElement = this.getRelativeContextElement(el);
@@ -136,7 +136,7 @@ export class DOMService {
         return getWindowViewPort(this.nativeElement(el));
     }
     zIndex(anchor, container) {
-        return zIndex(this.nativeElement(anchor), this.nativeElement(container));
+        return zIndex(anchor, this.nativeElement(container));
     }
     zoomLevel() {
         if (!isDocumentAvailable() || !isWindowAvailable()) {
@@ -148,8 +148,8 @@ export class DOMService {
         return this.zoomLevel() > 1;
     }
 }
-DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService, decorators: [{
+DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, decorators: [{
             type: Injectable
         }] });

package/esm2015/services/position.service.js CHANGED Viewed

@@ -43,9 +43,9 @@ export class PositionService {
         };
     }
 }
-PositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService, deps: [{ token: i1.DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService, decorators: [{
+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 });
+PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DOMService }, { type: undefined, decorators: [{
                     type: Inject,

package/esm2015/services/resize.service.js CHANGED Viewed

@@ -37,8 +37,8 @@ export class ResizeService {
         return this.subscription && this.subscription.closed;
     }
 }
-ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService, decorators: [{
+ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DOMService }, { type: i0.NgZone }]; } });

package/esm2015/services/scrollable.service.js CHANGED Viewed

@@ -30,7 +30,6 @@ export class ScrollableService {
         if (!callback || !isDocumentAvailable() || !this.element) {
             return;
         }
-        const nativeElement = this._dom.nativeElement(this.element);
         const parents = this._dom.scrollableParents(this.element);
         this._zone.runOutsideAngular(() => {
             const observables = parents.map(p => fromEvent(p, "scroll").pipe(auditTime(FRAME_DURATION)));
@@ -40,7 +39,7 @@ export class ScrollableService {
                 const isDocument = target === document;
                 const isWindow = target === window;
                 if (isParent || isDocument || isWindow) {
-                    callback(this.isVisible(nativeElement, target));
+                    callback(this.isVisible(this.element, target));
                 }
             };
             this.subscription = merge(...observables).subscribe(subscriber);
@@ -54,7 +53,7 @@ export class ScrollableService {
     }
     isVisible(elem, container) {
         const elemRect = this._dom.boundingOffset(elem);
-        const containerRect = this._dom.boundingOffset(container);
+        const containerRect = this._dom.boundingOffset(this._dom.nativeElement(container));
         if (THRESHOLD_DIFF < (containerRect.top - elemRect.bottom)) {
             return false;
         }
@@ -70,8 +69,8 @@ export class ScrollableService {
         return true;
     }
 }
-ScrollableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService, decorators: [{
+ScrollableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService, deps: [{ token: i1.DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.DOMService }, { type: i0.NgZone }]; } });

package/fesm2015/kendo-angular-popup.js CHANGED Viewed

@@ -211,14 +211,14 @@ class DOMService {
         return align(settings);
     }
     boundingOffset(el) {
-        return boundingOffset(this.nativeElement(el));
+        return boundingOffset(el);
     }
     getFontStyles(el) {
         const window = this.getWindow();
         if (!window || !el) {
             return [];
         }
-        const computedStyles = window.getComputedStyle(this.nativeElement(el));
+        const computedStyles = window.getComputedStyle(el);
         return STYLES.map(font => ({ key: font, value: computedStyles[font] }));
     }
     getWindow() {
@@ -234,7 +234,7 @@ class DOMService {
         if (!el) {
             return null;
         }
-        return offset(this.nativeElement(el));
+        return offset(el);
     }
     offsetAtPoint(el, currentLocation) {
         if (!el) {
@@ -264,7 +264,7 @@ class DOMService {
         if (!element || !popup) {
             return null;
         }
-        return positionWithScroll(this.nativeElement(element), this.nativeElement(popup), scale);
+        return positionWithScroll(element, this.nativeElement(popup), scale);
     }
     removeScroll(rect, scroll) {
         return removeScroll(rect, scroll);
@@ -276,7 +276,7 @@ class DOMService {
         return scrollPosition(this.nativeElement(el));
     }
     scrollableParents(el) {
-        return scrollableParents(this.nativeElement(el));
+        return scrollableParents(el);
     }
     stackingElementOffset(el) {
         const relativeContextElement = this.getRelativeContextElement(el);
@@ -315,7 +315,7 @@ class DOMService {
         return getWindowViewPort(this.nativeElement(el));
     }
     zIndex(anchor, container) {
-        return zIndex(this.nativeElement(anchor), this.nativeElement(container));
+        return zIndex(anchor, this.nativeElement(container));
     }
     zoomLevel() {
         if (!isDocumentAvailable() || !isWindowAvailable()) {
@@ -327,9 +327,9 @@ class DOMService {
         return this.zoomLevel() > 1;
     }
 }
-DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: DOMService, decorators: [{
+DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, decorators: [{
             type: Injectable
         }] });
@@ -346,7 +346,7 @@ class AlignService {
         const scale = this.scale || 1;
         const fixedMode = positionMode === 'fixed' || !this._dom.hasOffsetParent(element);
         const anchorRect = fixedMode ? this.absoluteRect(anchor, element, offset, scale) : this.relativeRect(anchor, element, offset, scale);
-        const elementRect = scaleRect(this._dom.offset(element), scale);
+        const elementRect = scaleRect(this._dom.offset(element.nativeElement), scale);
         const result = this._dom.align({
             anchorAlign: anchorAlign,
             anchorRect: anchorRect,
@@ -380,9 +380,9 @@ class AlignService {
         return scaleRect(rect, scale);
     }
 }
-AlignService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AlignService, decorators: [{
+AlignService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DOMService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -427,9 +427,9 @@ class PositionService {
         };
     }
 }
-PositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PositionService, decorators: [{
+PositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DOMService }, { type: undefined, decorators: [{
                     type: Inject,
@@ -466,9 +466,9 @@ class ResizeService {
         return this.subscription && this.subscription.closed;
     }
 }
-ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ResizeService, decorators: [{
+ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DOMService }, { type: i0.NgZone }]; } });
@@ -493,7 +493,6 @@ class ScrollableService {
         if (!callback || !isDocumentAvailable() || !this.element) {
             return;
         }
-        const nativeElement = this._dom.nativeElement(this.element);
         const parents = this._dom.scrollableParents(this.element);
         this._zone.runOutsideAngular(() => {
             const observables = parents.map(p => fromEvent(p, "scroll").pipe(auditTime(FRAME_DURATION)));
@@ -503,7 +502,7 @@ class ScrollableService {
                 const isDocument = target === document;
                 const isWindow = target === window;
                 if (isParent || isDocument || isWindow) {
-                    callback(this.isVisible(nativeElement, target));
+                    callback(this.isVisible(this.element, target));
                 }
             };
             this.subscription = merge(...observables).subscribe(subscriber);
@@ -517,7 +516,7 @@ class ScrollableService {
     }
     isVisible(elem, container) {
         const elemRect = this._dom.boundingOffset(elem);
-        const containerRect = this._dom.boundingOffset(container);
+        const containerRect = this._dom.boundingOffset(this._dom.nativeElement(container));
         if (THRESHOLD_DIFF < (containerRect.top - elemRect.bottom)) {
             return false;
         }
@@ -533,9 +532,9 @@ class ScrollableService {
         return true;
     }
 }
-ScrollableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: ScrollableService, decorators: [{
+ScrollableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: DOMService }, { type: i0.NgZone }]; } });
@@ -661,9 +660,9 @@ class AnimationService {
         }
     }
 }
-AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
-AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: AnimationService, decorators: [{
+AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
+AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.AnimationBuilder }]; } });
@@ -674,7 +673,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-popup',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1634564045,
+    publishDate: 1648803868,
     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'
 };
@@ -868,11 +867,12 @@ class PopupComponent {
         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.anchor || this.container).subscribe(this.onScroll.bind(this));
+        this._scrollableService.forElement(this.domService.nativeElement(this.anchor) || this.container.nativeElement).subscribe(this.onScroll.bind(this));
         this.currentOffset = DEFAULT_OFFSET;
         this.setZIndex();
         this.copyFontStyles();
         this.updateFixedClass();
+        this.reposition();
     }
     ngOnChanges(changes) {
         if (changes.copyAnchorStyles) {
@@ -883,7 +883,6 @@ class PopupComponent {
         }
     }
     ngAfterViewInit() {
-        this.reposition();
         if (!this.animate) {
             this.resolvedPromise.then(() => {
                 this.onAnimationEnd();
@@ -938,7 +937,7 @@ class PopupComponent {
     }
     setZIndex() {
         if (this.anchor) {
-            this.setContainerStyle('z-index', String(this.domService.zIndex(this.anchor, this.container)));
+            this.setContainerStyle('z-index', String(this.domService.zIndex(this.domService.nativeElement(this.anchor), this.container)));
         }
     }
     reposition() {
@@ -959,7 +958,7 @@ class PopupComponent {
     }
     position() {
         const alignedOffset = this._alignService.alignElement({
-            anchor: this.anchor,
+            anchor: this.domService.nativeElement(this.anchor),
             anchorAlign: this.anchorAlign,
             element: this.container,
             elementAlign: this.popupAlign,
@@ -968,7 +967,7 @@ class PopupComponent {
             positionMode: this.positionMode
         });
         return this._positionService.positionElement({
-            anchor: this.anchor,
+            anchor: this.domService.nativeElement(this.anchor),
             anchorAlign: this.anchorAlign,
             collisions: this.collision,
             currentLocation: alignedOffset,
@@ -992,7 +991,7 @@ class PopupComponent {
         if (!this.anchor || !this.copyAnchorStyles) {
             return;
         }
-        this.domService.getFontStyles(this.anchor)
+        this.domService.getFontStyles(this.domService.nativeElement(this.anchor))
             .forEach(s => this.setContainerStyle(s.key, s.value));
     }
     updateFixedClass() {
@@ -1008,8 +1007,8 @@ class PopupComponent {
         }
     }
 }
-PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ElementRef }, { token: AlignService }, { token: DOMService }, { token: PositionService }, { token: ResizeService }, { token: ScrollableService }, { token: AnimationService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", 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: `
+PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, deps: [{ token: i0.ElementRef }, { token: AlignService }, { token: DOMService }, { token: PositionService }, { token: ResizeService }, { token: ScrollableService }, { token: AnimationService }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+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: `
         <div class="k-popup" [ngClass]="popupClass" #container>
             <ng-content></ng-content>
             <ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>
@@ -1017,7 +1016,7 @@ PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
             </kendo-resize-sensor>
         </div>
      `, 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendo-popup',
@@ -1297,9 +1296,9 @@ class PopupService {
         };
     }
 }
-PopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupService, decorators: [{
+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 });
+PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
@@ -1342,10 +1341,10 @@ const POPUP_DIRECTIVES = [PopupComponent];
  */
 class PopupModule {
 }
-PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
-PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: PopupModule, decorators: [{
+PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
+PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [POPUP_DIRECTIVES],

package/main.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export { Margin } from './models/margin.interface';
 export { PopupSettings } from './models/popup-settings';
 export { PopupRef } from './models/popup-ref';
 export { PositionMode } from './models/position-mode';
-export { PopupAnimation } from './models/popup-animation.interface';
+export { PopupAnimation, AnimationType, AnimationDirection } from './models/popup-animation.interface';
 export { PopupService, POPUP_CONTAINER } from './popup.service';
 export { PopupComponent } from './popup.component';
 export { PopupModule } from './popup.module';

package/models/align-element-settings.interface.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { PositionMode } from './position-mode';
  * @hidden
  */
 export interface AlignElementSettings {
-    anchor?: ElementRef;
+    anchor?: HTMLElement;
     anchorAlign: AlignStrategy;
     element: ElementRef;
     elementAlign: AlignStrategy;

package/models/popup-animation.interface.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export interface PopupAnimation {
      * The type of the animation.
      * @default 'slide'
      */
-    type?: 'slide' | 'expand' | 'zoom' | 'fade';
+    type?: AnimationType;
     /**
      * The animation duration in milliseconds.
      * @default 100
@@ -20,5 +20,7 @@ export interface PopupAnimation {
      * The animation direction. Applicable if the type is set to `slide` or `expand`.
      * @default 'down'
      */
-    direction: 'down' | 'up' | 'left' | 'right';
+    direction: AnimationDirection;
 }
+export declare type AnimationType = 'slide' | 'expand' | 'zoom' | 'fade';
+export declare type AnimationDirection = 'down' | 'up' | 'left' | 'right';

package/models/popup-settings.d.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export interface PopupSettings {
     /**
      * Specifies the element which will be used as an anchor. The Popup opens next to that element.
      */
-    anchor?: ElementRef;
+    anchor?: ElementRef | HTMLElement;
     /**
      * Defines the container to which the Popup will be appended.
      */

package/models/position-element-settings.interface.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { PositionMode } from './position-mode';
  * @hidden
  */
 export interface PositionElementSettings {
-    anchor?: ElementRef;
+    anchor?: HTMLElement;
     anchorAlign: AlignStrategy;
     collisions: CollisionStrategy;
     currentLocation: OffsetPosition;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-popup",
-  "version": "5.0.0-next.202110181335",
+  "version": "5.0.0-next.202204010906",
   "description": "Kendo UI Angular Popup component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@progress/kendo-popup-common": "^1.7.0",
-    "@progress/kendo-schematics": "^1.0.0",
+    "@progress/kendo-schematics": "next",
     "tslib": "^2.3.1"
   },
   "peerDependencies": {

package/popup.component.d.ts CHANGED Viewed

@@ -55,7 +55,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
      * Specifies the element that will be used as an anchor. The Popup opens next to that element.
      * ([see example]({% slug alignmentpositioning_popup %}#toc-aligning-to-components)).
      */
-    anchor: ElementRef;
+    anchor: ElementRef | HTMLElement;
     /**
      * Specifies the anchor pivot point
      * ([see example]({% slug alignmentpositioning_popup %}#toc-positioning)).

package/services/dom.service.d.ts CHANGED Viewed

@@ -13,24 +13,24 @@ export declare class DOMService {
     addOffset(current: OffsetPosition, addition: OffsetPosition): OffsetPosition;
     addScroll(rect: ElementRect, scroll: ScrollInfo): ElementRect;
     align(settings: AlignSettings): OffsetPosition;
-    boundingOffset(el: ElementRef): BoundingRect;
-    getFontStyles(el: ElementRef): any;
+    boundingOffset(el: HTMLElement): BoundingRect;
+    getFontStyles(el: HTMLElement): any;
     getWindow(): Window;
     hasOffsetParent(el: ElementRef): boolean;
-    offset(el: ElementRef): ElementRect;
+    offset(el: HTMLElement): ElementRect;
     offsetAtPoint(el: ElementRef, currentLocation: OffsetPosition): ElementRect;
-    nativeElement(el: ElementRef): HTMLElement;
-    position(element: ElementRef, popup: ElementRef, scale?: number): ElementRect;
+    nativeElement(el: any): HTMLElement;
+    position(element: HTMLElement, popup: ElementRef, scale?: number): ElementRect;
     removeScroll(rect: ElementRect, scroll: ScrollInfo): ElementRect;
     restrictToView(settings: PositionSettings): Position;
     scrollPosition(el: ElementRef): ScrollInfo;
-    scrollableParents(el: ElementRef): Array<HTMLElement>;
+    scrollableParents(el: HTMLElement): Array<HTMLElement>;
     stackingElementOffset(el: ElementRef): ElementRect;
     stackingElementScroll(el: ElementRef): ScrollInfo;
     getRelativeContextElement(el: ElementRef): HTMLElement;
     useRelativePosition(el: ElementRef): boolean;
     windowViewPort(el: ElementRef): ViewPort;
-    zIndex(anchor: ElementRef, container: ElementRef): number;
+    zIndex(anchor: HTMLElement, container: ElementRef): number;
     zoomLevel(): number;
     isZoomed(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DOMService, never>;

package/services/scrollable.service.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone } from '@angular/core';
+import { NgZone } from '@angular/core';
 import { DOMService } from './dom.service';
 import * as i0 from "@angular/core";
 /**
@@ -18,10 +18,10 @@ export declare class ScrollableService {
     private element;
     private subscription;
     constructor(_dom: DOMService, _zone: NgZone);
-    forElement(element: ElementRef): ScrollableService;
+    forElement(element: HTMLElement): ScrollableService;
     subscribe(callback: Function): void;
     unsubscribe(): void;
-    isVisible(elem: any, container: any): boolean;
+    isVisible(elem: HTMLElement, container: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollableService>;
 }