@progress/kendo-react-popup 4.13.0-dev.202111300702 → 4.13.0

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 (47) hide show
  1. package/dist/cdn/js/kendo-react-popup.js +1 -1
  2. package/dist/es/Popup.d.ts +16 -3
  3. package/dist/es/Popup.js +51 -39
  4. package/dist/es/models/Align.d.ts +2 -1
  5. package/dist/es/models/Margin.d.ts +14 -0
  6. package/dist/es/models/{AlignElementSettings.js → Margin.js} +0 -0
  7. package/dist/es/models/Offset.d.ts +2 -1
  8. package/dist/es/models/PopupSettings.d.ts +37 -13
  9. package/dist/es/models/PositionMode.d.ts +5 -0
  10. package/dist/es/models/{Position.js → PositionMode.js} +0 -0
  11. package/dist/es/package-metadata.js +1 -1
  12. package/dist/es/util.d.ts +1 -39
  13. package/dist/es/util.js +0 -102
  14. package/dist/npm/Popup.d.ts +16 -3
  15. package/dist/npm/Popup.js +66 -54
  16. package/dist/npm/models/Align.d.ts +2 -1
  17. package/dist/npm/models/Margin.d.ts +14 -0
  18. package/dist/npm/models/{AlignElementSettings.js → Margin.js} +0 -0
  19. package/dist/npm/models/Offset.d.ts +2 -1
  20. package/dist/npm/models/PopupSettings.d.ts +37 -13
  21. package/dist/npm/models/PositionMode.d.ts +5 -0
  22. package/dist/npm/models/{Position.js → PositionMode.js} +0 -0
  23. package/dist/npm/package-metadata.js +1 -1
  24. package/dist/npm/util.d.ts +1 -39
  25. package/dist/npm/util.js +0 -102
  26. package/dist/systemjs/kendo-react-popup.js +1 -1
  27. package/package.json +3 -3
  28. package/dist/es/models/AlignElementSettings.d.ts +0 -11
  29. package/dist/es/models/Position.d.ts +0 -8
  30. package/dist/es/models/positionElementSettings.d.ts +0 -13
  31. package/dist/es/models/positionElementSettings.js +0 -0
  32. package/dist/es/services/alignService.d.ts +0 -14
  33. package/dist/es/services/alignService.js +0 -43
  34. package/dist/es/services/domService.d.ts +0 -34
  35. package/dist/es/services/domService.js +0 -140
  36. package/dist/es/services/positionService.d.ts +0 -12
  37. package/dist/es/services/positionService.js +0 -34
  38. package/dist/npm/models/AlignElementSettings.d.ts +0 -11
  39. package/dist/npm/models/Position.d.ts +0 -8
  40. package/dist/npm/models/positionElementSettings.d.ts +0 -13
  41. package/dist/npm/models/positionElementSettings.js +0 -2
  42. package/dist/npm/services/alignService.d.ts +0 -14
  43. package/dist/npm/services/alignService.js +0 -45
  44. package/dist/npm/services/domService.d.ts +0 -34
  45. package/dist/npm/services/domService.js +0 -142
  46. package/dist/npm/services/positionService.d.ts +0 -12
  47. package/dist/npm/services/positionService.js +0 -36
@@ -1,14 +0,0 @@
1
- import { DOMService } from './domService';
2
- import { OffsetPosition as Offset } from '@progress/kendo-popup-common';
3
- import { AlignElementSettings } from '../models/AlignElementSettings';
4
- /**
5
- * @hidden
6
- */
7
- export declare class AlignService {
8
- private _dom;
9
- constructor(_dom: DOMService);
10
- alignElement(settings: AlignElementSettings): Offset;
11
- private absoluteRect;
12
- private elementScrollPosition;
13
- private relativeRect;
14
- }
@@ -1,45 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var util_1 = require("../util");
4
- /**
5
- * @hidden
6
- */
7
- var AlignService = /** @class */ (function () {
8
- function AlignService(_dom) {
9
- this._dom = _dom;
10
- }
11
- AlignService.prototype.alignElement = function (settings) {
12
- var anchor = settings.anchor, element = settings.element, anchorAlign = settings.anchorAlign, elementAlign = settings.elementAlign, offset = settings.offset;
13
- var fixedMode = !this._dom.hasOffsetParent(element);
14
- var anchorRect = fixedMode ?
15
- this.absoluteRect(anchor, element, offset) :
16
- this.relativeRect(anchor, element, offset);
17
- return this._dom.align({
18
- anchorAlign: anchorAlign,
19
- anchorRect: anchorRect,
20
- elementAlign: elementAlign,
21
- elementRect: this._dom.offset(element)
22
- });
23
- };
24
- AlignService.prototype.absoluteRect = function (anchor, element, offset) {
25
- var dom = this._dom;
26
- var rect = util_1.eitherRect(dom.offset(anchor), offset);
27
- var stackingOffset = dom.stackingElementOffset(element);
28
- var removedOffset = util_1.removeStackingOffset(rect, stackingOffset);
29
- var stackingScroll = dom.stackingElementScroll(element);
30
- var withScroll = dom.addScroll(removedOffset, stackingScroll);
31
- var scrollPosition = this.elementScrollPosition(anchor, element);
32
- var result = dom.removeScroll(withScroll, scrollPosition);
33
- result.left += window.scrollX || window.pageXOffset;
34
- result.top += window.scrollY || window.pageYOffset;
35
- return result;
36
- };
37
- AlignService.prototype.elementScrollPosition = function (anchor, element) {
38
- return anchor ? { x: 0, y: 0 } : this._dom.scrollPosition(element);
39
- };
40
- AlignService.prototype.relativeRect = function (anchor, element, offset) {
41
- return util_1.eitherRect(this._dom.position(anchor, element), offset);
42
- };
43
- return AlignService;
44
- }());
45
- exports.AlignService = AlignService;
@@ -1,34 +0,0 @@
1
- import { AlignSettings, BoundingRect, ElementRect, OffsetPosition, PositionSettings, ScrollInfo, ViewPort } from '@progress/kendo-popup-common';
2
- import { Position } from '../models/Position';
3
- /**
4
- * @hidden
5
- */
6
- export declare class DOMService {
7
- addOffset(current: OffsetPosition, addition: OffsetPosition): OffsetPosition;
8
- align(settings: AlignSettings): OffsetPosition;
9
- boundingOffset(el: HTMLElement): BoundingRect;
10
- getWindow(): Window;
11
- isBodyOffset(el: HTMLElement): boolean;
12
- hasOffsetParent(el: HTMLElement): boolean | null;
13
- offset(el: HTMLElement): ElementRect;
14
- staticOffset(element: HTMLElement): ElementRect;
15
- position(element: HTMLElement, popup: HTMLElement): ElementRect;
16
- relativeOffset(el: HTMLElement, currentLocation: OffsetPosition): ElementRect;
17
- addScroll(rect: ElementRect, scroll: ScrollInfo): ElementRect;
18
- removeScroll(rect: ElementRect, scroll: ScrollInfo): ElementRect;
19
- restrictToView(settings: PositionSettings): Position;
20
- scrollPosition(el: HTMLElement): ScrollInfo;
21
- scrollableParents(el: HTMLElement): Array<HTMLElement>;
22
- stackingElementOffset(el: HTMLElement): ElementRect;
23
- stackingElementScroll(el: HTMLElement): ScrollInfo;
24
- stackingElementViewPort(el: HTMLElement): {
25
- height: number;
26
- width: number;
27
- };
28
- getRelativeContextElement(el: HTMLElement): HTMLElement;
29
- useRelativePosition(el: HTMLElement): boolean;
30
- windowViewPort(el: HTMLElement): ViewPort;
31
- zIndex(anchor: HTMLElement, container: HTMLElement): number;
32
- zoomLevel(): number;
33
- isZoomed(): boolean;
34
- }
@@ -1,142 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var kendo_popup_common_1 = require("@progress/kendo-popup-common");
4
- var util_1 = require("../util");
5
- var kendo_react_common_1 = require("@progress/kendo-react-common");
6
- /**
7
- * @hidden
8
- */
9
- var DOMService = /** @class */ (function () {
10
- function DOMService() {
11
- }
12
- DOMService.prototype.addOffset = function (current, addition) {
13
- return {
14
- left: current.left + addition.left,
15
- top: current.top + addition.top
16
- };
17
- };
18
- DOMService.prototype.align = function (settings) {
19
- return kendo_popup_common_1.align(settings);
20
- };
21
- DOMService.prototype.boundingOffset = function (el) {
22
- return kendo_popup_common_1.boundingOffset(el);
23
- };
24
- DOMService.prototype.getWindow = function () {
25
- return kendo_react_common_1.canUseDOM ? window : null;
26
- };
27
- DOMService.prototype.isBodyOffset = function (el) {
28
- return kendo_popup_common_1.isBodyOffset(el);
29
- };
30
- DOMService.prototype.hasOffsetParent = function (el) {
31
- if (!el) {
32
- return false;
33
- }
34
- var offsetParentEl = el.offsetParent;
35
- return offsetParentEl &&
36
- !(offsetParentEl.nodeName === 'BODY' &&
37
- window.getComputedStyle(offsetParentEl).position === 'static');
38
- };
39
- DOMService.prototype.offset = function (el) {
40
- if (!el) {
41
- return null;
42
- }
43
- return kendo_popup_common_1.offset(el);
44
- };
45
- DOMService.prototype.staticOffset = function (element) {
46
- if (!element) {
47
- return null;
48
- }
49
- var _a = element.style, left = _a.left, top = _a.top;
50
- element.style.left = '0px';
51
- element.style.top = '0px';
52
- var currentOffset = kendo_popup_common_1.offset(element);
53
- element.style.left = left;
54
- element.style.top = top;
55
- return currentOffset;
56
- };
57
- DOMService.prototype.position = function (element, popup) {
58
- if (!element || !popup) {
59
- return null;
60
- }
61
- var parentSibling = kendo_popup_common_1.siblingContainer(element, popup);
62
- return kendo_popup_common_1.positionWithScroll(element, parentSibling);
63
- };
64
- DOMService.prototype.relativeOffset = function (el, currentLocation) {
65
- return kendo_popup_common_1.applyLocationOffset(this.offset(el), currentLocation, this.isBodyOffset(el));
66
- };
67
- DOMService.prototype.addScroll = function (rect, scroll) {
68
- return kendo_popup_common_1.addScroll(rect, scroll);
69
- };
70
- DOMService.prototype.removeScroll = function (rect, scroll) {
71
- return kendo_popup_common_1.removeScroll(rect, scroll);
72
- };
73
- DOMService.prototype.restrictToView = function (settings) {
74
- return kendo_popup_common_1.restrictToView(settings);
75
- };
76
- DOMService.prototype.scrollPosition = function (el) {
77
- return kendo_popup_common_1.scrollPosition(el);
78
- };
79
- DOMService.prototype.scrollableParents = function (el) {
80
- return util_1.scrollableParents(el);
81
- };
82
- DOMService.prototype.stackingElementOffset = function (el) {
83
- var relativeContextElement = this.getRelativeContextElement(el);
84
- if (!relativeContextElement) {
85
- return null;
86
- }
87
- return kendo_popup_common_1.offset(relativeContextElement);
88
- };
89
- DOMService.prototype.stackingElementScroll = function (el) {
90
- var relativeContextElement = this.getRelativeContextElement(el);
91
- if (!relativeContextElement) {
92
- return { x: 0, y: 0 };
93
- }
94
- return {
95
- x: relativeContextElement.scrollLeft,
96
- y: relativeContextElement.scrollTop
97
- };
98
- };
99
- DOMService.prototype.stackingElementViewPort = function (el) {
100
- var relativeContextElement = this.getRelativeContextElement(el);
101
- if (!relativeContextElement) {
102
- return null;
103
- }
104
- return {
105
- height: relativeContextElement.scrollHeight,
106
- width: relativeContextElement.scrollWidth
107
- };
108
- };
109
- DOMService.prototype.getRelativeContextElement = function (el) {
110
- if (!el || !util_1.HAS_RELATIVE_STACKING_CONTEXT) {
111
- return null;
112
- }
113
- var parent = el.parentElement;
114
- while (parent) {
115
- if (window.getComputedStyle(parent).transform !== 'none') {
116
- return parent;
117
- }
118
- parent = parent.parentElement;
119
- }
120
- return null;
121
- };
122
- DOMService.prototype.useRelativePosition = function (el) {
123
- return !!this.getRelativeContextElement(el);
124
- };
125
- DOMService.prototype.windowViewPort = function (el) {
126
- return kendo_popup_common_1.getWindowViewPort(el);
127
- };
128
- DOMService.prototype.zIndex = function (anchor, container) {
129
- return util_1.zIndex(anchor, container);
130
- };
131
- DOMService.prototype.zoomLevel = function () {
132
- if (!kendo_react_common_1.canUseDOM) {
133
- return 1;
134
- }
135
- return parseFloat((document.documentElement.clientWidth / window.innerWidth).toFixed(2));
136
- };
137
- DOMService.prototype.isZoomed = function () {
138
- return this.zoomLevel() > 1;
139
- };
140
- return DOMService;
141
- }());
142
- exports.DOMService = DOMService;
@@ -1,12 +0,0 @@
1
- import { PositionElementSettings } from '../models/positionElementSettings';
2
- import { Position } from '../models/Position';
3
- import { DOMService } from './domService';
4
- /**
5
- * @hidden
6
- */
7
- export declare class PositionService {
8
- private _dom;
9
- constructor(_dom: DOMService);
10
- positionElement(settings: PositionElementSettings): Position;
11
- private elementRect;
12
- }
@@ -1,36 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var util_1 = require("../util");
4
- /**
5
- * @hidden
6
- */
7
- var PositionService = /** @class */ (function () {
8
- function PositionService(_dom) {
9
- this._dom = _dom;
10
- }
11
- PositionService.prototype.positionElement = function (settings) {
12
- var anchor = settings.anchor, currentLocation = settings.currentLocation, element = settings.element, anchorAlign = settings.anchorAlign, elementAlign = settings.elementAlign, collisions = settings.collisions;
13
- var dom = this._dom;
14
- var viewPort = settings.viewPort || dom.stackingElementViewPort(element) || dom.windowViewPort(element);
15
- var anchorRect = util_1.eitherRect(dom.offset(anchor), currentLocation);
16
- var initialElementRect = util_1.replaceOffset(dom.staticOffset(element), currentLocation);
17
- var elementRect = this.elementRect(element, initialElementRect);
18
- var result = dom.restrictToView({
19
- anchorAlign: anchorAlign,
20
- anchorRect: anchorRect,
21
- collisions: collisions,
22
- elementAlign: elementAlign,
23
- elementRect: elementRect,
24
- viewPort: viewPort
25
- });
26
- return {
27
- flipped: result.flipped,
28
- offset: dom.addOffset(initialElementRect, result.offset)
29
- };
30
- };
31
- PositionService.prototype.elementRect = function (element, rect) {
32
- return this._dom.removeScroll(rect, this._dom.scrollPosition(element));
33
- };
34
- return PositionService;
35
- }());
36
- exports.PositionService = PositionService;