@progress/kendo-angular-popup 5.0.2 → 11.0.0-develop.79

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 (67) hide show
  1. package/NOTICE.txt +3 -3
  2. package/README.md +4 -4
  3. package/{esm2015/main.js → esm2020/index.mjs} +1 -1
  4. package/{esm2015/models/align.interface.js → esm2020/models/align-element-settings.interface.mjs} +1 -1
  5. package/{esm2015/models/collision.type.js → esm2020/models/align.interface.mjs} +1 -1
  6. package/{esm2015/models/collision.interface.js → esm2020/models/collision.interface.mjs} +1 -1
  7. package/{esm2015/models/align-element-settings.interface.js → esm2020/models/collision.type.mjs} +1 -1
  8. package/esm2020/models/margin.interface.mjs +5 -0
  9. package/esm2020/models/offset.interface.mjs +5 -0
  10. package/esm2020/models/popup-animation.interface.mjs +5 -0
  11. package/esm2020/models/popup-ref.mjs +5 -0
  12. package/esm2020/models/popup-settings.mjs +5 -0
  13. package/esm2020/models/position-element-settings.interface.mjs +5 -0
  14. package/{esm2015/models/position-mode.js → esm2020/models/position-mode.mjs} +1 -1
  15. package/esm2020/models/position.interface.mjs +5 -0
  16. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +2 -2
  17. package/{esm2015/popup.component.js → esm2020/popup.component.mjs} +10 -10
  18. package/{esm2015/popup.module.js → esm2020/popup.module.mjs} +5 -5
  19. package/{esm2015/popup.service.js → esm2020/popup.service.mjs} +5 -5
  20. package/{esm2015/kendo-angular-popup.js → esm2020/progress-kendo-angular-popup.mjs} +2 -2
  21. package/{esm2015/scale.js → esm2020/scale.mjs} +1 -1
  22. package/{esm2015/services/align.service.js → esm2020/services/align.service.mjs} +5 -4
  23. package/{esm2015/services/animation.service.js → esm2020/services/animation.service.mjs} +5 -5
  24. package/{esm2015/services/dom.service.js → esm2020/services/dom.service.mjs} +9 -9
  25. package/{esm2015/services/position.service.js → esm2020/services/position.service.mjs} +5 -4
  26. package/{esm2015/services/resize.service.js → esm2020/services/resize.service.mjs} +6 -5
  27. package/{esm2015/services/scrollable.service.js → esm2020/services/scrollable.service.mjs} +6 -5
  28. package/{esm2015/util.js → esm2020/util.mjs} +7 -2
  29. package/fesm2015/progress-kendo-angular-popup.mjs +1374 -0
  30. package/{fesm2015/kendo-angular-popup.js → fesm2020/progress-kendo-angular-popup.mjs} +64 -59
  31. package/{main.d.ts → index.d.ts} +1 -1
  32. package/models/align-element-settings.interface.d.ts +1 -1
  33. package/models/align.interface.d.ts +1 -1
  34. package/models/collision.interface.d.ts +1 -1
  35. package/models/collision.type.d.ts +1 -1
  36. package/models/margin.interface.d.ts +1 -1
  37. package/models/offset.interface.d.ts +1 -1
  38. package/models/popup-animation.interface.d.ts +1 -1
  39. package/models/popup-ref.d.ts +1 -1
  40. package/models/popup-settings.d.ts +1 -1
  41. package/models/position-element-settings.interface.d.ts +1 -1
  42. package/models/position-mode.d.ts +1 -1
  43. package/models/position.interface.d.ts +1 -1
  44. package/package-metadata.d.ts +1 -1
  45. package/package.json +27 -54
  46. package/popup.component.d.ts +8 -8
  47. package/popup.module.d.ts +1 -1
  48. package/popup.service.d.ts +1 -1
  49. package/{kendo-angular-popup.d.ts → progress-kendo-angular-popup.d.ts} +2 -2
  50. package/scale.d.ts +1 -1
  51. package/schematics/ngAdd/index.js +1 -5
  52. package/services/align.service.d.ts +1 -1
  53. package/services/animation.service.d.ts +1 -1
  54. package/services/dom.service.d.ts +6 -6
  55. package/services/position.service.d.ts +1 -1
  56. package/services/resize.service.d.ts +2 -2
  57. package/services/scrollable.service.d.ts +2 -2
  58. package/util.d.ts +3 -3
  59. package/bundles/kendo-angular-popup.umd.js +0 -5
  60. package/esm2015/models/margin.interface.js +0 -5
  61. package/esm2015/models/offset.interface.js +0 -5
  62. package/esm2015/models/popup-animation.interface.js +0 -5
  63. package/esm2015/models/popup-ref.js +0 -5
  64. package/esm2015/models/popup-settings.js +0 -5
  65. package/esm2015/models/position-element-settings.interface.js +0 -5
  66. package/esm2015/models/position.interface.js +0 -5
  67. package/schematics/ngAdd/index.js.map +0 -1
@@ -1,9 +1,9 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as i0 from '@angular/core';
6
- import { InjectionToken, Injectable, Inject, Optional, EventEmitter, isDevMode, Component, Input, Output, ViewChild, TemplateRef, NgModule } from '@angular/core';
6
+ import { Injectable, InjectionToken, Inject, Optional, EventEmitter, isDevMode, Component, Input, Output, ViewChild, TemplateRef, NgModule } from '@angular/core';
7
7
  import { siblingContainer, parents, addScroll, align, boundingOffset, offset, positionWithScroll, removeScroll, restrictToView, scrollPosition, getWindowViewPort } from '@progress/kendo-popup-common';
8
8
  import * as i7 from '@progress/kendo-angular-common';
9
9
  import { isDocumentAvailable, hasObservers, ResizeSensorComponent, ResizeSensorModule } from '@progress/kendo-angular-common';
@@ -108,6 +108,7 @@ const scrollableParents = (element) => {
108
108
  * @hidden
109
109
  */
110
110
  const FRAME_DURATION = 1000 / 60; //1000ms divided by 60fps
111
+ // eslint-disable-next-line @typescript-eslint/ban-types
111
112
  function memoize(fun) {
112
113
  let result;
113
114
  let called = false;
@@ -130,7 +131,11 @@ const hasRelativeStackingContext = memoize(() => {
130
131
  const top = 10;
131
132
  const parent = document.createElement("div");
132
133
  parent.style.transform = "matrix(10, 0, 0, 10, 0, 0)";
133
- parent.innerHTML = `<div style="position: fixed; top: ${top}px;">child</div>`;
134
+ const childElement = document.createElement("div");
135
+ childElement.style.position = 'fixed';
136
+ childElement.style.top = `${top}px`;
137
+ childElement.textContent = 'child';
138
+ parent.appendChild(childElement);
134
139
  document.body.appendChild(parent);
135
140
  const isDifferent = parent.children[0].getBoundingClientRect().top !== top;
136
141
  document.body.removeChild(parent);
@@ -169,23 +174,6 @@ const scaleRect = (rect, scale) => {
169
174
  };
170
175
  };
171
176
 
172
- /**
173
- * Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
174
- *
175
- * The document or container scale is required to compute the popup position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE. See [Support for Document Scale]({% slug documentscale_popup %}).
176
- *
177
- * > Using this token is not necessary for user-applied browser zoom.
178
- *
179
- * {% meta height:300 %}
180
- * {% embed_file scale/app.component.ts preview %}
181
- * {% embed_file shared/app.module.ts %}
182
- * {% embed_file shared/main.ts %}
183
- * {% endmeta %}
184
- *
185
- *
186
- */
187
- const SCALE = new InjectionToken('Popup Document Scale');
188
-
189
177
  const STYLES = [
190
178
  'font-size',
191
179
  'font-family',
@@ -219,25 +207,25 @@ class DOMService {
219
207
  return [];
220
208
  }
221
209
  const computedStyles = window.getComputedStyle(el);
222
- return STYLES.map(font => ({ key: font, value: computedStyles[font] }));
210
+ return STYLES.map(key => ({ key: key, value: computedStyles[key] }));
223
211
  }
224
212
  getWindow() {
225
213
  return isWindowAvailable() ? window : null;
226
214
  }
227
215
  hasOffsetParent(el) {
228
- if (!el) {
216
+ if (!el || !isDocumentAvailable()) {
229
217
  return false;
230
218
  }
231
219
  return !!this.nativeElement(el).offsetParent;
232
220
  }
233
221
  offset(el) {
234
- if (!el) {
222
+ if (!el || !isDocumentAvailable()) {
235
223
  return null;
236
224
  }
237
225
  return offset(el);
238
226
  }
239
227
  offsetAtPoint(el, currentLocation) {
240
- if (!el) {
228
+ if (!el || !isDocumentAvailable()) {
241
229
  return null;
242
230
  }
243
231
  const element = this.nativeElement(el);
@@ -255,7 +243,7 @@ class DOMService {
255
243
  return currentOffset;
256
244
  }
257
245
  nativeElement(el) {
258
- if (!el) {
246
+ if (!el || !isDocumentAvailable()) {
259
247
  return null;
260
248
  }
261
249
  return el.nativeElement || el;
@@ -327,12 +315,29 @@ class DOMService {
327
315
  return this.zoomLevel() > 1;
328
316
  }
329
317
  }
330
- DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
331
- DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService });
332
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DOMService, decorators: [{
318
+ DOMService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DOMService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
319
+ DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DOMService });
320
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DOMService, decorators: [{
333
321
  type: Injectable
334
322
  }] });
335
323
 
324
+ /**
325
+ * Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
326
+ *
327
+ * The document or container scale is required to compute the popup position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE. See [Support for Document Scale]({% slug documentscale_popup %}).
328
+ *
329
+ * > Using this token is not necessary for user-applied browser zoom.
330
+ *
331
+ * {% meta height:300 %}
332
+ * {% embed_file scale/app.component.ts preview %}
333
+ * {% embed_file shared/app.module.ts %}
334
+ * {% embed_file shared/main.ts %}
335
+ * {% endmeta %}
336
+ *
337
+ *
338
+ */
339
+ const SCALE = new InjectionToken('Popup Document Scale');
340
+
336
341
  /**
337
342
  * @hidden
338
343
  */
@@ -380,9 +385,9 @@ class AlignService {
380
385
  return scaleRect(rect, scale);
381
386
  }
382
387
  }
383
- 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 });
384
- AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService });
385
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AlignService, decorators: [{
388
+ AlignService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AlignService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
389
+ AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AlignService });
390
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AlignService, decorators: [{
386
391
  type: Injectable
387
392
  }], ctorParameters: function () { return [{ type: DOMService }, { type: undefined, decorators: [{
388
393
  type: Inject,
@@ -427,9 +432,9 @@ class PositionService {
427
432
  };
428
433
  }
429
434
  }
430
- 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 });
431
- PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService });
432
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PositionService, decorators: [{
435
+ PositionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PositionService, deps: [{ token: DOMService }, { token: SCALE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
436
+ PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PositionService });
437
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PositionService, decorators: [{
433
438
  type: Injectable
434
439
  }], ctorParameters: function () { return [{ type: DOMService }, { type: undefined, decorators: [{
435
440
  type: Inject,
@@ -466,9 +471,9 @@ class ResizeService {
466
471
  return this.subscription && this.subscription.closed;
467
472
  }
468
473
  }
469
- 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 });
470
- ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService });
471
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizeService, decorators: [{
474
+ ResizeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ResizeService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
475
+ ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ResizeService });
476
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ResizeService, decorators: [{
472
477
  type: Injectable
473
478
  }], ctorParameters: function () { return [{ type: DOMService }, { type: i0.NgZone }]; } });
474
479
 
@@ -532,9 +537,9 @@ class ScrollableService {
532
537
  return true;
533
538
  }
534
539
  }
535
- 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 });
536
- ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService });
537
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollableService, decorators: [{
540
+ ScrollableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollableService, deps: [{ token: DOMService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
541
+ ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollableService });
542
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollableService, decorators: [{
538
543
  type: Injectable
539
544
  }], ctorParameters: function () { return [{ type: DOMService }, { type: i0.NgZone }]; } });
540
545
 
@@ -660,9 +665,9 @@ class AnimationService {
660
665
  }
661
666
  }
662
667
  }
663
- AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
664
- AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService });
665
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AnimationService, decorators: [{
668
+ AnimationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AnimationService, deps: [{ token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Injectable });
669
+ AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AnimationService });
670
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AnimationService, decorators: [{
666
671
  type: Injectable
667
672
  }], ctorParameters: function () { return [{ type: i1.AnimationBuilder }]; } });
668
673
 
@@ -673,7 +678,7 @@ const packageMetadata = {
673
678
  name: '@progress/kendo-angular-popup',
674
679
  productName: 'Kendo UI for Angular',
675
680
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
676
- publishDate: 1668698035,
681
+ publishDate: 1672320630,
677
682
  version: '',
678
683
  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'
679
684
  };
@@ -785,11 +790,11 @@ class PopupComponent {
785
790
  * </label>
786
791
  * <label>
787
792
  * <input type="radio" name="place" [value]="2" [(ngModel)]="checked" />
788
- * <span style="color: red">Red Container</span>
793
+ * <span [style.color]="'red'">Red Container</span>
789
794
  * </label>
790
795
  * <label>
791
796
  * <input type="radio" name="place" [value]="3" [(ngModel)]="checked" />
792
- * <span style="color: blue">Blue Container</span>
797
+ * <span [style.color]="'blue'">Blue Container</span>
793
798
  * </label>
794
799
  * </div>
795
800
  * <div class="example">
@@ -803,7 +808,7 @@ class PopupComponent {
803
808
  * <li>Item3</li>
804
809
  * </ul>
805
810
  * </kendo-popup>
806
- * <span style="position: absolute; top: 400px; left: 400px">Bottom/Right</span>
811
+ * <span [style.position]="'absolute'" [style.top.px]="400" [style.left.px]="400">Bottom/Right</span>
807
812
  * </div>
808
813
  * <kendo-popup [positionMode]="mode" [anchor]="anchor" (anchorViewportLeave)="show=false" *ngIf="show && checked === 2">
809
814
  * <ul>
@@ -812,7 +817,7 @@ class PopupComponent {
812
817
  * <li>Item3</li>
813
818
  * </ul>
814
819
  * </kendo-popup>
815
- * <span style="position: absolute; top: 600px; left: 600px">Bottom/Right</span>
820
+ * <span [style.position]="'absolute'" [style.top.px]="600" [style.left.px]="600">Bottom/Right</span>
816
821
  * </div>
817
822
  * <kendo-popup [positionMode]="mode" [anchor]="anchor" (anchorViewportLeave)="show=false" *ngIf="show && checked === 1">
818
823
  * <ul>
@@ -992,7 +997,7 @@ class PopupComponent {
992
997
  return;
993
998
  }
994
999
  this.domService.getFontStyles(this.domService.nativeElement(this.anchor))
995
- .forEach(s => this.setContainerStyle(s.key, s.value));
1000
+ .forEach((s) => this.setContainerStyle(s.key, s.value));
996
1001
  }
997
1002
  updateFixedClass() {
998
1003
  const action = this.positionMode === 'fixed' ? 'addClass' : 'removeClass';
@@ -1007,8 +1012,8 @@ class PopupComponent {
1007
1012
  }
1008
1013
  }
1009
1014
  }
1010
- 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 });
1011
- 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: `
1015
+ PopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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 });
1016
+ PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: `
1012
1017
  <div class="k-popup" [ngClass]="popupClass" #container>
1013
1018
  <ng-content></ng-content>
1014
1019
  <ng-template [ngTemplateOutlet]="content" [ngIf]="content"></ng-template>
@@ -1016,7 +1021,7 @@ PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
1016
1021
  </kendo-resize-sensor>
1017
1022
  </div>
1018
1023
  `, 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"] }] });
1019
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupComponent, decorators: [{
1024
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupComponent, decorators: [{
1020
1025
  type: Component,
1021
1026
  args: [{
1022
1027
  exportAs: 'kendo-popup',
@@ -1296,9 +1301,9 @@ class PopupService {
1296
1301
  };
1297
1302
  }
1298
1303
  }
1299
- 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 });
1300
- PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService });
1301
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupService, decorators: [{
1304
+ PopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: POPUP_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
1305
+ PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupService });
1306
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupService, decorators: [{
1302
1307
  type: Injectable
1303
1308
  }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ElementRef, decorators: [{
1304
1309
  type: Inject,
@@ -1341,10 +1346,10 @@ const POPUP_DIRECTIVES = [PopupComponent];
1341
1346
  */
1342
1347
  class PopupModule {
1343
1348
  }
1344
- PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1345
- PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
1346
- PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
1347
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupModule, decorators: [{
1349
+ PopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1350
+ PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupModule, declarations: [PopupComponent], imports: [CommonModule, ResizeSensorModule], exports: [PopupComponent] });
1351
+ PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupModule, providers: [PopupService], imports: [[CommonModule, ResizeSensorModule]] });
1352
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PopupModule, decorators: [{
1348
1353
  type: NgModule,
1349
1354
  args: [{
1350
1355
  declarations: [POPUP_DIRECTIVES],
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  export { Align } from './models/align.interface';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ElementRef } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { AlignStrategy } from '@progress/kendo-popup-common';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { CollisionType } from './collision.type';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { MarginSettings } from '@progress/kendo-popup-common';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { OffsetPosition } from '@progress/kendo-popup-common';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ComponentRef, EventEmitter } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ElementRef } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { OffsetPosition } from '@progress/kendo-popup-common';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { PackageMetadata } from '@progress/kendo-licensing';
package/package.json CHANGED
@@ -1,14 +1,10 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-popup",
3
- "version": "5.0.2",
3
+ "version": "11.0.0-develop.79",
4
4
  "description": "Kendo UI Angular Popup component - an easily customized popup from the most trusted provider of professional Angular components.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
7
7
  "homepage": "https://www.telerik.com/kendo-angular-ui/components/",
8
- "repository": {
9
- "type": "git",
10
- "url": "https://github.com/telerik/kendo-angular-popup.git"
11
- },
12
8
  "bugs": {
13
9
  "url": "https://github.com/telerik/kendo-angular"
14
10
  },
@@ -21,62 +17,39 @@
21
17
  "@progress": {
22
18
  "friendlyName": "Popup"
23
19
  },
24
- "dependencies": {
25
- "@progress/kendo-popup-common": "^1.7.0",
26
- "@progress/kendo-schematics": "^3.0.0",
27
- "tslib": "^2.3.1"
28
- },
29
20
  "peerDependencies": {
30
- "@angular/animations": "12 - 15",
31
- "@angular/common": "12 - 15",
32
- "@angular/core": "12 - 15",
33
- "@progress/kendo-angular-common": "^3.0.0",
21
+ "@angular/animations": "13 - 15",
22
+ "@angular/common": "13 - 15",
23
+ "@angular/core": "13 - 15",
24
+ "@angular/platform-browser": "13 - 15",
25
+ "@progress/kendo-angular-common": "11.0.0-develop.79",
26
+ "@progress/kendo-angular-schematics": "11.0.0-develop.79",
34
27
  "@progress/kendo-licensing": "^1.0.2",
35
28
  "rxjs": "^6.5.3 || ^7.0.0"
36
29
  },
37
- "config": {
38
- "commitizen": {
39
- "path": "./node_modules/cz-conventional-changelog"
40
- },
41
- "ghooks": {
42
- "commit-msg": "validate-commit-msg"
43
- },
44
- "validate-commit-msg": {
45
- "types": [
46
- "feat",
47
- "fix",
48
- "docs",
49
- "style",
50
- "refactor",
51
- "perf",
52
- "test",
53
- "chore",
54
- "revert"
55
- ],
56
- "warnOnFail": false,
57
- "maxSubjectLength": 100
58
- }
30
+ "dependencies": {
31
+ "@progress/kendo-popup-common": "^1.7.0",
32
+ "tslib": "^2.3.1"
59
33
  },
60
34
  "schematics": "./schematics/collection.json",
61
- "release": {
62
- "debug": false,
63
- "branchTags": {
64
- "develop": "dev"
65
- },
66
- "fallbackTags": {
67
- "dev": "latest"
35
+ "module": "fesm2015/progress-kendo-angular-popup.mjs",
36
+ "es2020": "fesm2020/progress-kendo-angular-popup.mjs",
37
+ "esm2020": "esm2020/progress-kendo-angular-popup.mjs",
38
+ "fesm2020": "fesm2020/progress-kendo-angular-popup.mjs",
39
+ "fesm2015": "fesm2015/progress-kendo-angular-popup.mjs",
40
+ "typings": "progress-kendo-angular-popup.d.ts",
41
+ "exports": {
42
+ "./package.json": {
43
+ "default": "./package.json"
68
44
  },
69
- "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
70
- "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
71
- "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
72
- "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
73
- "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
45
+ ".": {
46
+ "types": "./progress-kendo-angular-popup.d.ts",
47
+ "esm2020": "./esm2020/progress-kendo-angular-popup.mjs",
48
+ "es2020": "./fesm2020/progress-kendo-angular-popup.mjs",
49
+ "es2015": "./fesm2015/progress-kendo-angular-popup.mjs",
50
+ "node": "./fesm2015/progress-kendo-angular-popup.mjs",
51
+ "default": "./fesm2020/progress-kendo-angular-popup.mjs"
52
+ }
74
53
  },
75
- "main": "bundles/kendo-angular-popup.umd.js",
76
- "module": "fesm2015/kendo-angular-popup.js",
77
- "es2015": "fesm2015/kendo-angular-popup.js",
78
- "esm2015": "esm2015/kendo-angular-popup.js",
79
- "fesm2015": "fesm2015/kendo-angular-popup.js",
80
- "typings": "kendo-angular-popup.d.ts",
81
54
  "sideEffects": false
82
55
  }
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { AfterViewInit, ElementRef, EventEmitter, OnInit, OnChanges, OnDestroy, NgZone, Renderer2, TemplateRef } from '@angular/core';
@@ -132,11 +132,11 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
132
132
  * </label>
133
133
  * <label>
134
134
  * <input type="radio" name="place" [value]="2" [(ngModel)]="checked" />
135
- * <span style="color: red">Red Container</span>
135
+ * <span [style.color]="'red'">Red Container</span>
136
136
  * </label>
137
137
  * <label>
138
138
  * <input type="radio" name="place" [value]="3" [(ngModel)]="checked" />
139
- * <span style="color: blue">Blue Container</span>
139
+ * <span [style.color]="'blue'">Blue Container</span>
140
140
  * </label>
141
141
  * </div>
142
142
  * <div class="example">
@@ -150,7 +150,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
150
150
  * <li>Item3</li>
151
151
  * </ul>
152
152
  * </kendo-popup>
153
- * <span style="position: absolute; top: 400px; left: 400px">Bottom/Right</span>
153
+ * <span [style.position]="'absolute'" [style.top.px]="400" [style.left.px]="400">Bottom/Right</span>
154
154
  * </div>
155
155
  * <kendo-popup [positionMode]="mode" [anchor]="anchor" (anchorViewportLeave)="show=false" *ngIf="show && checked === 2">
156
156
  * <ul>
@@ -159,7 +159,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
159
159
  * <li>Item3</li>
160
160
  * </ul>
161
161
  * </kendo-popup>
162
- * <span style="position: absolute; top: 600px; left: 600px">Bottom/Right</span>
162
+ * <span [style.position]="'absolute'" [style.top.px]="600" [style.left.px]="600">Bottom/Right</span>
163
163
  * </div>
164
164
  * <kendo-popup [positionMode]="mode" [anchor]="anchor" (anchorViewportLeave)="show=false" *ngIf="show && checked === 1">
165
165
  * <ul>
@@ -211,7 +211,7 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
211
211
  /**
212
212
  * @hidden
213
213
  */
214
- contentContainer: ElementRef;
214
+ contentContainer?: ElementRef;
215
215
  /**
216
216
  * @hidden
217
217
  */
@@ -219,9 +219,9 @@ export declare class PopupComponent implements AfterViewInit, OnInit, OnChanges,
219
219
  /**
220
220
  * @hidden
221
221
  */
222
- content: TemplateRef<any>;
222
+ content?: TemplateRef<any>;
223
223
  private resolvedPromise;
224
- private _currentOffset;
224
+ private _currentOffset?;
225
225
  private animationSubscriptions;
226
226
  private repositionSubscription;
227
227
  private initialCheck;
package/popup.module.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as i0 from "@angular/core";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { ApplicationRef, ComponentFactoryResolver, ElementRef, InjectionToken, Injector } from '@angular/core';
@@ -1,9 +1,9 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Generated bundle index. Do not edit.
7
7
  */
8
8
  /// <amd-module name="@progress/kendo-angular-popup" />
9
- export * from './main';
9
+ export * from './index';
package/scale.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2022 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { InjectionToken } from '@angular/core';