@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.
- package/NOTICE.txt +3 -3
- package/README.md +4 -4
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/models/align.interface.js → esm2020/models/align-element-settings.interface.mjs} +1 -1
- package/{esm2015/models/collision.type.js → esm2020/models/align.interface.mjs} +1 -1
- package/{esm2015/models/collision.interface.js → esm2020/models/collision.interface.mjs} +1 -1
- package/{esm2015/models/align-element-settings.interface.js → esm2020/models/collision.type.mjs} +1 -1
- package/esm2020/models/margin.interface.mjs +5 -0
- package/esm2020/models/offset.interface.mjs +5 -0
- package/esm2020/models/popup-animation.interface.mjs +5 -0
- package/esm2020/models/popup-ref.mjs +5 -0
- package/esm2020/models/popup-settings.mjs +5 -0
- package/esm2020/models/position-element-settings.interface.mjs +5 -0
- package/{esm2015/models/position-mode.js → esm2020/models/position-mode.mjs} +1 -1
- package/esm2020/models/position.interface.mjs +5 -0
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +2 -2
- package/{esm2015/popup.component.js → esm2020/popup.component.mjs} +10 -10
- package/{esm2015/popup.module.js → esm2020/popup.module.mjs} +5 -5
- package/{esm2015/popup.service.js → esm2020/popup.service.mjs} +5 -5
- package/{esm2015/kendo-angular-popup.js → esm2020/progress-kendo-angular-popup.mjs} +2 -2
- package/{esm2015/scale.js → esm2020/scale.mjs} +1 -1
- package/{esm2015/services/align.service.js → esm2020/services/align.service.mjs} +5 -4
- package/{esm2015/services/animation.service.js → esm2020/services/animation.service.mjs} +5 -5
- package/{esm2015/services/dom.service.js → esm2020/services/dom.service.mjs} +9 -9
- package/{esm2015/services/position.service.js → esm2020/services/position.service.mjs} +5 -4
- package/{esm2015/services/resize.service.js → esm2020/services/resize.service.mjs} +6 -5
- package/{esm2015/services/scrollable.service.js → esm2020/services/scrollable.service.mjs} +6 -5
- package/{esm2015/util.js → esm2020/util.mjs} +7 -2
- package/fesm2015/progress-kendo-angular-popup.mjs +1374 -0
- package/{fesm2015/kendo-angular-popup.js → fesm2020/progress-kendo-angular-popup.mjs} +64 -59
- package/{main.d.ts → index.d.ts} +1 -1
- package/models/align-element-settings.interface.d.ts +1 -1
- package/models/align.interface.d.ts +1 -1
- package/models/collision.interface.d.ts +1 -1
- package/models/collision.type.d.ts +1 -1
- package/models/margin.interface.d.ts +1 -1
- package/models/offset.interface.d.ts +1 -1
- package/models/popup-animation.interface.d.ts +1 -1
- package/models/popup-ref.d.ts +1 -1
- package/models/popup-settings.d.ts +1 -1
- package/models/position-element-settings.interface.d.ts +1 -1
- package/models/position-mode.d.ts +1 -1
- package/models/position.interface.d.ts +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +27 -54
- package/popup.component.d.ts +8 -8
- package/popup.module.d.ts +1 -1
- package/popup.service.d.ts +1 -1
- package/{kendo-angular-popup.d.ts → progress-kendo-angular-popup.d.ts} +2 -2
- package/scale.d.ts +1 -1
- package/schematics/ngAdd/index.js +1 -5
- package/services/align.service.d.ts +1 -1
- package/services/animation.service.d.ts +1 -1
- package/services/dom.service.d.ts +6 -6
- package/services/position.service.d.ts +1 -1
- package/services/resize.service.d.ts +2 -2
- package/services/scrollable.service.d.ts +2 -2
- package/util.d.ts +3 -3
- package/bundles/kendo-angular-popup.umd.js +0 -5
- package/esm2015/models/margin.interface.js +0 -5
- package/esm2015/models/offset.interface.js +0 -5
- package/esm2015/models/popup-animation.interface.js +0 -5
- package/esm2015/models/popup-ref.js +0 -5
- package/esm2015/models/popup-settings.js +0 -5
- package/esm2015/models/position-element-settings.interface.js +0 -5
- package/esm2015/models/position.interface.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 {
|
|
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
|
-
|
|
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(
|
|
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: "
|
|
331
|
-
DOMService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
384
|
-
AlignService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
431
|
-
PositionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
470
|
-
ResizeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
536
|
-
ScrollableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
664
|
-
AnimationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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:
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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: "
|
|
1011
|
-
PopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
1300
|
-
PopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
1345
|
-
PopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
1346
|
-
PopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
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],
|
package/{main.d.ts → index.d.ts}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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
|
/**
|
package/models/popup-ref.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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 ©
|
|
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';
|
package/package-metadata.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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": "
|
|
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": "
|
|
31
|
-
"@angular/common": "
|
|
32
|
-
"@angular/core": "
|
|
33
|
-
"@
|
|
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
|
-
"
|
|
38
|
-
"
|
|
39
|
-
|
|
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
|
-
"
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
}
|
package/popup.component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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
|
|
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
|
|
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 ©
|
|
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";
|
package/popup.service.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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 ©
|
|
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 './
|
|
9
|
+
export * from './index';
|
package/scale.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
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';
|