igniteui-webcomponents-layouts 4.0.4 → 4.2.3-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/igniteui-webcomponents-layouts.umd.js +1495 -2681
- package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
- package/esm2015/lib/ListPanelView_combined.js +31 -18
- package/esm2015/lib/PropertyEditorPanelView_combined.js +154 -154
- package/esm2015/lib/PropertyEditorPropertyDescription_combined.js +127 -116
- package/esm2015/lib/ToolActionButton.js +1 -91
- package/esm2015/lib/ToolPanelView_combined.js +862 -692
- package/esm2015/lib/ToolbarView_combined.js +123 -96
- package/esm2015/lib/igc-property-editor-property-description-component.js +66 -31
- package/esm2015/lib/igc-tool-action-component.js +42 -31
- package/esm2015/lib/igc-tool-action-menu-base-component.js +1 -1
- package/esm2015/lib/igc-tool-action-radio-component.js +7 -4
- package/esm2015/lib/igc-tool-panel-component.js +21 -10
- package/esm2015/lib/igc-toolbar-component.js +23 -12
- package/esm2015/public_api.js +0 -13
- package/esm5/lib/ListPanelView_combined.js +31 -18
- package/esm5/lib/PropertyEditorPanelView_combined.js +154 -154
- package/esm5/lib/PropertyEditorPropertyDescription_combined.js +131 -116
- package/esm5/lib/ToolActionButton.js +1 -94
- package/esm5/lib/ToolPanelView_combined.js +877 -693
- package/esm5/lib/ToolbarView_combined.js +123 -92
- package/esm5/lib/igc-property-editor-property-description-component.js +70 -31
- package/esm5/lib/igc-tool-action-component.js +46 -31
- package/esm5/lib/igc-tool-action-menu-base-component.js +1 -1
- package/esm5/lib/igc-tool-action-radio-component.js +6 -3
- package/esm5/lib/igc-tool-panel-component.js +25 -10
- package/esm5/lib/igc-toolbar-component.js +27 -12
- package/esm5/public_api.js +0 -13
- package/fesm2015/igniteui-webcomponents-layouts.js +1460 -2516
- package/fesm5/igniteui-webcomponents-layouts.js +1493 -2663
- package/lib/PropertyEditorPropertyDescription_combined.d.ts +24 -22
- package/lib/ToolActionButton.d.ts +1 -23
- package/lib/ToolPanelView_combined.d.ts +172 -146
- package/lib/ToolbarView_combined.d.ts +33 -28
- package/lib/igc-property-editor-property-description-component.d.ts +3 -0
- package/lib/igc-tool-action-component.d.ts +5 -0
- package/lib/igc-tool-action-radio-component.d.ts +4 -1
- package/lib/igc-tool-panel-component.d.ts +5 -0
- package/lib/igc-toolbar-component.d.ts +5 -0
- package/package.json +3 -3
- package/public_api.d.ts +0 -13
- package/esm2015/lib/OnClosedEventArgs.js +0 -16
- package/esm2015/lib/OnPopupEventArgs.js +0 -16
- package/esm2015/lib/Popup.js +0 -7
- package/esm2015/lib/PopupAlignment.js +0 -29
- package/esm2015/lib/PopupDirection.js +0 -29
- package/esm2015/lib/PopupView.js +0 -7
- package/esm2015/lib/PopupView_combined.js +0 -647
- package/esm2015/lib/PopupVisualModelExport.js +0 -36
- package/esm2015/lib/Popup_InnerAnimationInfo.js +0 -21
- package/esm2015/lib/Popup_OuterAnimationInfo.js +0 -23
- package/esm2015/lib/igc-on-closed-event-args.js +0 -24
- package/esm2015/lib/igc-on-popup-event-args.js +0 -24
- package/esm2015/lib/igc-popup-component.js +0 -388
- package/esm2015/lib/igc-popup-module.js +0 -19
- package/esm5/lib/OnClosedEventArgs.js +0 -20
- package/esm5/lib/OnPopupEventArgs.js +0 -20
- package/esm5/lib/Popup.js +0 -7
- package/esm5/lib/PopupAlignment.js +0 -29
- package/esm5/lib/PopupDirection.js +0 -29
- package/esm5/lib/PopupView.js +0 -7
- package/esm5/lib/PopupView_combined.js +0 -700
- package/esm5/lib/PopupVisualModelExport.js +0 -38
- package/esm5/lib/Popup_InnerAnimationInfo.js +0 -23
- package/esm5/lib/Popup_OuterAnimationInfo.js +0 -25
- package/esm5/lib/igc-on-closed-event-args.js +0 -30
- package/esm5/lib/igc-on-popup-event-args.js +0 -30
- package/esm5/lib/igc-popup-component.js +0 -473
- package/esm5/lib/igc-popup-module.js +0 -23
- package/lib/OnClosedEventArgs.d.ts +0 -7
- package/lib/OnPopupEventArgs.d.ts +0 -7
- package/lib/Popup.d.ts +0 -1
- package/lib/PopupAlignment.d.ts +0 -22
- package/lib/PopupDirection.d.ts +0 -22
- package/lib/PopupView.d.ts +0 -1
- package/lib/PopupView_combined.d.ts +0 -126
- package/lib/PopupVisualModelExport.d.ts +0 -14
- package/lib/Popup_InnerAnimationInfo.d.ts +0 -10
- package/lib/Popup_OuterAnimationInfo.d.ts +0 -12
- package/lib/igc-on-closed-event-args.d.ts +0 -12
- package/lib/igc-on-popup-event-args.d.ts +0 -12
- package/lib/igc-popup-component.d.ts +0 -110
- package/lib/igc-popup-module.d.ts +0 -3
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
-
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
-
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
-
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
-
*/
|
|
7
|
-
import * as tslib_1 from "tslib";
|
|
8
|
-
import { Base, markType } from "igniteui-webcomponents-core";
|
|
9
|
-
import { StringBuilder } from "igniteui-webcomponents-core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
var PopupVisualModelExport = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
14
|
-
tslib_1.__extends(PopupVisualModelExport, _super);
|
|
15
|
-
function PopupVisualModelExport() {
|
|
16
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
17
|
-
_this.e = 0;
|
|
18
|
-
_this.d = false;
|
|
19
|
-
_this.c = null;
|
|
20
|
-
_this.b = null;
|
|
21
|
-
_this.a = null;
|
|
22
|
-
return _this;
|
|
23
|
-
}
|
|
24
|
-
PopupVisualModelExport.prototype.f = function () {
|
|
25
|
-
var a = new StringBuilder(0);
|
|
26
|
-
a.l("{");
|
|
27
|
-
a.l("actualElevation : " + this.e + ", ");
|
|
28
|
-
a.l("isShown : " + this.d + ", ");
|
|
29
|
-
a.l("actualUmbraShadowColor : " + this.c.serialize() + ", ");
|
|
30
|
-
a.l("actualPenumbraShadowColor : " + this.b.serialize() + ", ");
|
|
31
|
-
a.l("actualAmbientShadowColor : " + this.a.serialize() + ", ");
|
|
32
|
-
a.l("}");
|
|
33
|
-
return a.toString();
|
|
34
|
-
};
|
|
35
|
-
PopupVisualModelExport.$t = markType(PopupVisualModelExport, 'PopupVisualModelExport');
|
|
36
|
-
return PopupVisualModelExport;
|
|
37
|
-
}(Base));
|
|
38
|
-
export { PopupVisualModelExport };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
-
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
-
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
-
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
-
*/
|
|
7
|
-
import * as tslib_1 from "tslib";
|
|
8
|
-
import { ValueType, markStruct } from "igniteui-webcomponents-core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
var Popup_InnerAnimationInfo = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
13
|
-
tslib_1.__extends(Popup_InnerAnimationInfo, _super);
|
|
14
|
-
function Popup_InnerAnimationInfo() {
|
|
15
|
-
var _this = _super.call(this) || this;
|
|
16
|
-
_this.a = 0;
|
|
17
|
-
_this.b = 0;
|
|
18
|
-
return _this;
|
|
19
|
-
}
|
|
20
|
-
Popup_InnerAnimationInfo.$t = markStruct(Popup_InnerAnimationInfo, 'Popup_InnerAnimationInfo');
|
|
21
|
-
return Popup_InnerAnimationInfo;
|
|
22
|
-
}(ValueType));
|
|
23
|
-
export { Popup_InnerAnimationInfo };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
-
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
-
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
-
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
-
*/
|
|
7
|
-
import * as tslib_1 from "tslib";
|
|
8
|
-
import { ValueType, markStruct } from "igniteui-webcomponents-core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
var Popup_OuterAnimationInfo = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
13
|
-
tslib_1.__extends(Popup_OuterAnimationInfo, _super);
|
|
14
|
-
function Popup_OuterAnimationInfo() {
|
|
15
|
-
var _this = _super.call(this) || this;
|
|
16
|
-
_this.c = 0;
|
|
17
|
-
_this.d = 0;
|
|
18
|
-
_this.a = 0;
|
|
19
|
-
_this.b = 0;
|
|
20
|
-
return _this;
|
|
21
|
-
}
|
|
22
|
-
Popup_OuterAnimationInfo.$t = markStruct(Popup_OuterAnimationInfo, 'Popup_OuterAnimationInfo');
|
|
23
|
-
return Popup_OuterAnimationInfo;
|
|
24
|
-
}(ValueType));
|
|
25
|
-
export { Popup_OuterAnimationInfo };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { OnClosedEventArgs as OnClosedEventArgs_internal } from "./OnClosedEventArgs";
|
|
2
|
-
var IgcOnClosedEventArgs = /** @class */ /*@__PURE__*/ (function () {
|
|
3
|
-
function IgcOnClosedEventArgs() {
|
|
4
|
-
this._implementation = this.createImplementation();
|
|
5
|
-
this._implementation.externalObject = this;
|
|
6
|
-
this.onImplementationCreated();
|
|
7
|
-
}
|
|
8
|
-
IgcOnClosedEventArgs.prototype.createImplementation = function () {
|
|
9
|
-
return new OnClosedEventArgs_internal();
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(IgcOnClosedEventArgs.prototype, "i", {
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
get: function () {
|
|
16
|
-
return this._implementation;
|
|
17
|
-
},
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true
|
|
20
|
-
});
|
|
21
|
-
IgcOnClosedEventArgs.prototype.onImplementationCreated = function () {
|
|
22
|
-
};
|
|
23
|
-
IgcOnClosedEventArgs.prototype._provideImplementation = function (i) {
|
|
24
|
-
this._implementation = i;
|
|
25
|
-
this._implementation.externalObject = this;
|
|
26
|
-
this.onImplementationCreated();
|
|
27
|
-
};
|
|
28
|
-
return IgcOnClosedEventArgs;
|
|
29
|
-
}());
|
|
30
|
-
export { IgcOnClosedEventArgs };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { OnPopupEventArgs as OnPopupEventArgs_internal } from "./OnPopupEventArgs";
|
|
2
|
-
var IgcOnPopupEventArgs = /** @class */ /*@__PURE__*/ (function () {
|
|
3
|
-
function IgcOnPopupEventArgs() {
|
|
4
|
-
this._implementation = this.createImplementation();
|
|
5
|
-
this._implementation.externalObject = this;
|
|
6
|
-
this.onImplementationCreated();
|
|
7
|
-
}
|
|
8
|
-
IgcOnPopupEventArgs.prototype.createImplementation = function () {
|
|
9
|
-
return new OnPopupEventArgs_internal();
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(IgcOnPopupEventArgs.prototype, "i", {
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
get: function () {
|
|
16
|
-
return this._implementation;
|
|
17
|
-
},
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true
|
|
20
|
-
});
|
|
21
|
-
IgcOnPopupEventArgs.prototype.onImplementationCreated = function () {
|
|
22
|
-
};
|
|
23
|
-
IgcOnPopupEventArgs.prototype._provideImplementation = function (i) {
|
|
24
|
-
this._implementation = i;
|
|
25
|
-
this._implementation.externalObject = this;
|
|
26
|
-
this.onImplementationCreated();
|
|
27
|
-
};
|
|
28
|
-
return IgcOnPopupEventArgs;
|
|
29
|
-
}());
|
|
30
|
-
export { IgcOnPopupEventArgs };
|
|
@@ -1,473 +0,0 @@
|
|
|
1
|
-
import * as tslib_1 from "tslib";
|
|
2
|
-
import { toRect, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
|
|
3
|
-
import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
|
|
4
|
-
import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
|
|
5
|
-
import { RegisterElementHelper } from "igniteui-webcomponents-core";
|
|
6
|
-
import { Popup } from "./Popup";
|
|
7
|
-
import { IgcOnPopupEventArgs } from './igc-on-popup-event-args';
|
|
8
|
-
import { IgcOnClosedEventArgs } from './igc-on-closed-event-args';
|
|
9
|
-
import { IgcHTMLElement } from "igniteui-webcomponents-core";
|
|
10
|
-
var IgcPopupComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
11
|
-
tslib_1.__extends(IgcPopupComponent, _super);
|
|
12
|
-
function IgcPopupComponent() {
|
|
13
|
-
var _this = _super.call(this) || this;
|
|
14
|
-
_this._implementation = null;
|
|
15
|
-
_this._disconnected = false;
|
|
16
|
-
_this._settingAttributes = false;
|
|
17
|
-
_this._attached = false;
|
|
18
|
-
_this._queuedSetAttributes = [];
|
|
19
|
-
_this._updatingFromAttribute = false;
|
|
20
|
-
_this.__p = null;
|
|
21
|
-
_this._hasUserValues = new Set();
|
|
22
|
-
_this._stylingContainer = null;
|
|
23
|
-
_this._stylingParent = null;
|
|
24
|
-
_this._inStyling = false;
|
|
25
|
-
_this._onClosed = null;
|
|
26
|
-
_this._onClosed_wrapped = null;
|
|
27
|
-
_this._onPopup = null;
|
|
28
|
-
_this._onPopup_wrapped = null;
|
|
29
|
-
if (_this._styling) {
|
|
30
|
-
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
|
|
31
|
-
}
|
|
32
|
-
_this._implementation = _this.createImplementation();
|
|
33
|
-
_this._portalManager = new PortalManager("popupContent");
|
|
34
|
-
_this._webComponentRenderer = new WebComponentRenderer(_this, document, true, {}, _this._portalManager);
|
|
35
|
-
_this._mainDiv = _this._webComponentRenderer.createElement("div");
|
|
36
|
-
_this._webComponentRenderer.updateRoot(_this._mainDiv);
|
|
37
|
-
_this.i.provideRenderer(_this._webComponentRenderer);
|
|
38
|
-
var mut = new MutationObserver(function (list) {
|
|
39
|
-
var e_1, _b;
|
|
40
|
-
try {
|
|
41
|
-
for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
|
|
42
|
-
var mutation = list_1_1.value;
|
|
43
|
-
if (mutation.type == 'childList') {
|
|
44
|
-
_this._onChildrenChanged();
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
catch (e_1_1) {
|
|
49
|
-
e_1 = { error: e_1_1 };
|
|
50
|
-
}
|
|
51
|
-
finally {
|
|
52
|
-
try {
|
|
53
|
-
if (list_1_1 && !list_1_1.done && (_b = list_1.return))
|
|
54
|
-
_b.call(list_1);
|
|
55
|
-
}
|
|
56
|
-
finally {
|
|
57
|
-
if (e_1)
|
|
58
|
-
throw e_1.error;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
mut.observe(_this, {
|
|
63
|
-
childList: true
|
|
64
|
-
});
|
|
65
|
-
return _this;
|
|
66
|
-
}
|
|
67
|
-
Object.defineProperty(IgcPopupComponent.prototype, "height", {
|
|
68
|
-
get: function () {
|
|
69
|
-
return this._height;
|
|
70
|
-
},
|
|
71
|
-
set: function (value) {
|
|
72
|
-
this._height = value;
|
|
73
|
-
this.style.height = value;
|
|
74
|
-
},
|
|
75
|
-
enumerable: true,
|
|
76
|
-
configurable: true
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(IgcPopupComponent.prototype, "width", {
|
|
79
|
-
get: function () {
|
|
80
|
-
return this._width;
|
|
81
|
-
},
|
|
82
|
-
set: function (value) {
|
|
83
|
-
this._width = value;
|
|
84
|
-
this.style.width = value;
|
|
85
|
-
},
|
|
86
|
-
enumerable: true,
|
|
87
|
-
configurable: true
|
|
88
|
-
});
|
|
89
|
-
IgcPopupComponent.prototype._onChildrenChanged = function () {
|
|
90
|
-
var children = [];
|
|
91
|
-
for (var i = 0; i < this.childNodes.length; i++) {
|
|
92
|
-
var child = this.childNodes[i];
|
|
93
|
-
if (child !== this._mainDiv.getNativeElement()) {
|
|
94
|
-
children.push(child);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
this._portalManager.onChildrenChanged(children);
|
|
98
|
-
};
|
|
99
|
-
// supports angular themes or custom properties set in CSS
|
|
100
|
-
IgcPopupComponent.prototype.updateStyle = function () {
|
|
101
|
-
this._styling(this, this);
|
|
102
|
-
};
|
|
103
|
-
IgcPopupComponent.prototype.destroy = function () {
|
|
104
|
-
this._implementation.destroy();
|
|
105
|
-
this._webComponentRenderer.destroy();
|
|
106
|
-
};
|
|
107
|
-
IgcPopupComponent.prototype.createImplementation = function () {
|
|
108
|
-
return new Popup();
|
|
109
|
-
};
|
|
110
|
-
Object.defineProperty(IgcPopupComponent.prototype, "i", {
|
|
111
|
-
get: function () {
|
|
112
|
-
return this._implementation;
|
|
113
|
-
},
|
|
114
|
-
enumerable: true,
|
|
115
|
-
configurable: true
|
|
116
|
-
});
|
|
117
|
-
IgcPopupComponent.prototype.disconnectedCallback = function () {
|
|
118
|
-
this._disconnected = true;
|
|
119
|
-
};
|
|
120
|
-
IgcPopupComponent.prototype.connectedCallback = function () {
|
|
121
|
-
if (this._disconnected) {
|
|
122
|
-
this._disconnected = false;
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
this.classList.add("ig-popup");
|
|
126
|
-
this.classList.add("igr-popup");
|
|
127
|
-
this.appendChild(this._mainDiv.getNativeElement());
|
|
128
|
-
this._attached = true;
|
|
129
|
-
this.style.display = "block";
|
|
130
|
-
this.style.height = this._height;
|
|
131
|
-
this.style.width = this._width;
|
|
132
|
-
this._flushQueuedAttributes();
|
|
133
|
-
// supports themes or custom properties set in CSS
|
|
134
|
-
this._styling(this, this);
|
|
135
|
-
this.afterContentInit();
|
|
136
|
-
};
|
|
137
|
-
IgcPopupComponent.prototype.afterContentInit = function () {
|
|
138
|
-
};
|
|
139
|
-
IgcPopupComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
|
|
140
|
-
this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
|
|
141
|
-
};
|
|
142
|
-
IgcPopupComponent.prototype._flushQueuedAttributes = function () {
|
|
143
|
-
this._settingAttributes = true;
|
|
144
|
-
for (var i = 0; i < this._queuedSetAttributes.length; i++) {
|
|
145
|
-
this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
|
|
146
|
-
}
|
|
147
|
-
this._settingAttributes = false;
|
|
148
|
-
this._queuedSetAttributes.length = 0;
|
|
149
|
-
};
|
|
150
|
-
IgcPopupComponent.prototype._a = function (attrName, attrValue) {
|
|
151
|
-
if (this._updatingFromAttribute) {
|
|
152
|
-
return;
|
|
153
|
-
}
|
|
154
|
-
if (attrValue) {
|
|
155
|
-
attrValue = attrValue.toString();
|
|
156
|
-
}
|
|
157
|
-
this._settingAttributes = true;
|
|
158
|
-
attrName = toSpinal(attrName);
|
|
159
|
-
if (this._attached) {
|
|
160
|
-
this.setAttribute(attrName, attrValue);
|
|
161
|
-
}
|
|
162
|
-
else {
|
|
163
|
-
this._enqueueSetAttribute(attrName, attrValue);
|
|
164
|
-
}
|
|
165
|
-
this._settingAttributes = false;
|
|
166
|
-
};
|
|
167
|
-
Object.defineProperty(IgcPopupComponent, "observedAttributes", {
|
|
168
|
-
get: function () {
|
|
169
|
-
if (IgcPopupComponent._observedAttributesIgcPopupComponent == null) {
|
|
170
|
-
var names = getAllPropertyNames(IgcPopupComponent);
|
|
171
|
-
for (var i = 0; i < names.length; i++) {
|
|
172
|
-
names[i] = toSpinal(names[i]);
|
|
173
|
-
}
|
|
174
|
-
IgcPopupComponent._observedAttributesIgcPopupComponent = names;
|
|
175
|
-
}
|
|
176
|
-
return IgcPopupComponent._observedAttributesIgcPopupComponent;
|
|
177
|
-
},
|
|
178
|
-
enumerable: true,
|
|
179
|
-
configurable: true
|
|
180
|
-
});
|
|
181
|
-
IgcPopupComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
|
|
182
|
-
if (this._settingAttributes) {
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
var setName = fromSpinal(name);
|
|
186
|
-
this._updatingFromAttribute = true;
|
|
187
|
-
this[setName] = newValue;
|
|
188
|
-
this._updatingFromAttribute = false;
|
|
189
|
-
};
|
|
190
|
-
IgcPopupComponent.register = function () {
|
|
191
|
-
if (!IgcPopupComponent._isElementRegistered) {
|
|
192
|
-
IgcPopupComponent._isElementRegistered = true;
|
|
193
|
-
RegisterElementHelper.registerElement(IgcPopupComponent.htmlTagName, IgcPopupComponent);
|
|
194
|
-
}
|
|
195
|
-
};
|
|
196
|
-
Object.defineProperty(IgcPopupComponent.prototype, "animationDuration", {
|
|
197
|
-
/**
|
|
198
|
-
* Gets or sets the duration of the Popup and Closeup animations in milliseconds.
|
|
199
|
-
*/
|
|
200
|
-
get: function () {
|
|
201
|
-
return this.i.y;
|
|
202
|
-
},
|
|
203
|
-
set: function (v) {
|
|
204
|
-
this.i.y = +v;
|
|
205
|
-
this._a("animationDuration", this.i.y);
|
|
206
|
-
},
|
|
207
|
-
enumerable: true,
|
|
208
|
-
configurable: true
|
|
209
|
-
});
|
|
210
|
-
Object.defineProperty(IgcPopupComponent.prototype, "animationEnabled", {
|
|
211
|
-
/**
|
|
212
|
-
* Gets or sets whether the popup and closeup animations are animated.
|
|
213
|
-
*/
|
|
214
|
-
get: function () {
|
|
215
|
-
return this.i.q;
|
|
216
|
-
},
|
|
217
|
-
set: function (v) {
|
|
218
|
-
this.i.q = ensureBool(v);
|
|
219
|
-
this._a("animationEnabled", this.i.q);
|
|
220
|
-
},
|
|
221
|
-
enumerable: true,
|
|
222
|
-
configurable: true
|
|
223
|
-
});
|
|
224
|
-
Object.defineProperty(IgcPopupComponent.prototype, "elevation", {
|
|
225
|
-
/**
|
|
226
|
-
* Gets or sets the elevation to use for the button regardless of type.
|
|
227
|
-
*/
|
|
228
|
-
get: function () {
|
|
229
|
-
return this.i.aa;
|
|
230
|
-
},
|
|
231
|
-
set: function (v) {
|
|
232
|
-
this.i.aa = +v;
|
|
233
|
-
this._a("elevation", this.i.aa);
|
|
234
|
-
},
|
|
235
|
-
enumerable: true,
|
|
236
|
-
configurable: true
|
|
237
|
-
});
|
|
238
|
-
Object.defineProperty(IgcPopupComponent.prototype, "actualElevation", {
|
|
239
|
-
/**
|
|
240
|
-
* Gets or sets the elevation of the border shadow
|
|
241
|
-
*/
|
|
242
|
-
get: function () {
|
|
243
|
-
return this.i.w;
|
|
244
|
-
},
|
|
245
|
-
set: function (v) {
|
|
246
|
-
this.i.w = +v;
|
|
247
|
-
this._a("actualElevation", this.i.w);
|
|
248
|
-
},
|
|
249
|
-
enumerable: true,
|
|
250
|
-
configurable: true
|
|
251
|
-
});
|
|
252
|
-
Object.defineProperty(IgcPopupComponent.prototype, "isShown", {
|
|
253
|
-
/**
|
|
254
|
-
* Gets / sets the isShown state of the panel.
|
|
255
|
-
*/
|
|
256
|
-
get: function () {
|
|
257
|
-
return this.i.t;
|
|
258
|
-
},
|
|
259
|
-
enumerable: true,
|
|
260
|
-
configurable: true
|
|
261
|
-
});
|
|
262
|
-
Object.defineProperty(IgcPopupComponent.prototype, "actualUmbraShadowColor", {
|
|
263
|
-
/**
|
|
264
|
-
* Gets or sets the color to use for the check mark when the checkbox is checked.
|
|
265
|
-
*/
|
|
266
|
-
get: function () {
|
|
267
|
-
return brushToString(this.i.a7);
|
|
268
|
-
},
|
|
269
|
-
set: function (v) {
|
|
270
|
-
this.i.a7 = stringToBrush(v);
|
|
271
|
-
this._a("actualUmbraShadowColor", brushToString(this.i.a7));
|
|
272
|
-
},
|
|
273
|
-
enumerable: true,
|
|
274
|
-
configurable: true
|
|
275
|
-
});
|
|
276
|
-
Object.defineProperty(IgcPopupComponent.prototype, "actualPenumbraShadowColor", {
|
|
277
|
-
/**
|
|
278
|
-
* Gets or sets the color to use for the check mark when the checkbox is checked.
|
|
279
|
-
*/
|
|
280
|
-
get: function () {
|
|
281
|
-
return brushToString(this.i.a6);
|
|
282
|
-
},
|
|
283
|
-
set: function (v) {
|
|
284
|
-
this.i.a6 = stringToBrush(v);
|
|
285
|
-
this._a("actualPenumbraShadowColor", brushToString(this.i.a6));
|
|
286
|
-
},
|
|
287
|
-
enumerable: true,
|
|
288
|
-
configurable: true
|
|
289
|
-
});
|
|
290
|
-
Object.defineProperty(IgcPopupComponent.prototype, "actualAmbientShadowColor", {
|
|
291
|
-
/**
|
|
292
|
-
* Gets or sets the color to use for the check mark when the checkbox is checked.
|
|
293
|
-
*/
|
|
294
|
-
get: function () {
|
|
295
|
-
return brushToString(this.i.a5);
|
|
296
|
-
},
|
|
297
|
-
set: function (v) {
|
|
298
|
-
this.i.a5 = stringToBrush(v);
|
|
299
|
-
this._a("actualAmbientShadowColor", brushToString(this.i.a5));
|
|
300
|
-
},
|
|
301
|
-
enumerable: true,
|
|
302
|
-
configurable: true
|
|
303
|
-
});
|
|
304
|
-
Object.defineProperty(IgcPopupComponent.prototype, "background", {
|
|
305
|
-
/**
|
|
306
|
-
* Gets or sets the background color of the popup.
|
|
307
|
-
*/
|
|
308
|
-
get: function () {
|
|
309
|
-
return brushToString(this.i.a8);
|
|
310
|
-
},
|
|
311
|
-
set: function (v) {
|
|
312
|
-
this.i.a8 = stringToBrush(v);
|
|
313
|
-
this._a("background", brushToString(this.i.a8));
|
|
314
|
-
},
|
|
315
|
-
enumerable: true,
|
|
316
|
-
configurable: true
|
|
317
|
-
});
|
|
318
|
-
IgcPopupComponent.prototype.findByName = function (name) {
|
|
319
|
-
if (this.findEphemera) {
|
|
320
|
-
if (name && name.indexOf("@@e:") == 0) {
|
|
321
|
-
return this.findEphemera(name);
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
return null;
|
|
325
|
-
};
|
|
326
|
-
Object.defineProperty(IgcPopupComponent.prototype, "hasUserValues", {
|
|
327
|
-
get: function () {
|
|
328
|
-
return this._hasUserValues;
|
|
329
|
-
},
|
|
330
|
-
enumerable: true,
|
|
331
|
-
configurable: true
|
|
332
|
-
});
|
|
333
|
-
IgcPopupComponent.prototype.__m = function (propertyName) {
|
|
334
|
-
if (!this._inStyling) {
|
|
335
|
-
this._hasUserValues.add(propertyName);
|
|
336
|
-
}
|
|
337
|
-
};
|
|
338
|
-
IgcPopupComponent.prototype._styling = function (container, component, parent) {
|
|
339
|
-
if (this._inStyling) {
|
|
340
|
-
return;
|
|
341
|
-
}
|
|
342
|
-
this._inStyling = true;
|
|
343
|
-
this._stylingContainer = container;
|
|
344
|
-
this._stylingParent = component;
|
|
345
|
-
var genericPrefix = "";
|
|
346
|
-
var typeName = this.i.$type.name;
|
|
347
|
-
if (typeName.indexOf("Xam") === 0) {
|
|
348
|
-
typeName = typeName.substring(3);
|
|
349
|
-
}
|
|
350
|
-
genericPrefix = toSpinal("PopupComponent");
|
|
351
|
-
var additionalPrefixes = [];
|
|
352
|
-
var prefix = toSpinal(typeName);
|
|
353
|
-
additionalPrefixes.push(prefix + "-");
|
|
354
|
-
var b = this.i.$type.baseType;
|
|
355
|
-
while (b && b.name != "Object" &&
|
|
356
|
-
b.name != "Base" &&
|
|
357
|
-
b.name != "Control" &&
|
|
358
|
-
b.Name != "DependencyObject" &&
|
|
359
|
-
b.Name != "FrameworkElement") {
|
|
360
|
-
typeName = b.name;
|
|
361
|
-
if (typeName.indexOf("Xam") === 0) {
|
|
362
|
-
typeName = typeName.substring(3);
|
|
363
|
-
}
|
|
364
|
-
var basePrefix = toSpinal(typeName);
|
|
365
|
-
additionalPrefixes.push(basePrefix + "-");
|
|
366
|
-
b = b.baseType;
|
|
367
|
-
}
|
|
368
|
-
if (parent) {
|
|
369
|
-
var parentTypeName = parent.i.$type.name;
|
|
370
|
-
if (parentTypeName.indexOf("Xam") === 0) {
|
|
371
|
-
parentTypeName = parentTypeName.substring(3);
|
|
372
|
-
}
|
|
373
|
-
var parentPrefix = toSpinal(parentTypeName);
|
|
374
|
-
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
|
|
375
|
-
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
|
|
376
|
-
}
|
|
377
|
-
initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
|
|
378
|
-
if (this._otherStyling) {
|
|
379
|
-
this._otherStyling(container, component, parent);
|
|
380
|
-
}
|
|
381
|
-
this._inStyling = false;
|
|
382
|
-
};
|
|
383
|
-
/**
|
|
384
|
-
* Closes the popup.
|
|
385
|
-
|
|
386
|
-
*/
|
|
387
|
-
IgcPopupComponent.prototype.close = function () {
|
|
388
|
-
this.i.ao();
|
|
389
|
-
};
|
|
390
|
-
IgcPopupComponent.prototype.showRelativeToExclusionRect = function (exclusionRect, popupDirection, popupAlignment) {
|
|
391
|
-
this.i.showRelativeToExclusionRect(toRect(exclusionRect), (popupDirection == null ? null : popupDirection), (popupAlignment == null ? null : popupAlignment));
|
|
392
|
-
};
|
|
393
|
-
/**
|
|
394
|
-
* Exports visual information about the current state of the grid.
|
|
395
|
-
|
|
396
|
-
*/
|
|
397
|
-
IgcPopupComponent.prototype.exportVisualModel = function () {
|
|
398
|
-
var iv = this.i.ab();
|
|
399
|
-
return (iv);
|
|
400
|
-
};
|
|
401
|
-
/**
|
|
402
|
-
* Returns a serialized copy of the exported visual model
|
|
403
|
-
|
|
404
|
-
*/
|
|
405
|
-
IgcPopupComponent.prototype.exportSerializedVisualModel = function () {
|
|
406
|
-
var iv = this.i.ak();
|
|
407
|
-
return (iv);
|
|
408
|
-
};
|
|
409
|
-
Object.defineProperty(IgcPopupComponent.prototype, "onClosed", {
|
|
410
|
-
get: function () {
|
|
411
|
-
return this._onClosed;
|
|
412
|
-
},
|
|
413
|
-
set: function (ev) {
|
|
414
|
-
var _this = this;
|
|
415
|
-
if (this._onClosed_wrapped !== null) {
|
|
416
|
-
this.i.onClosed = delegateRemove(this.i.onClosed, this._onClosed_wrapped);
|
|
417
|
-
this._onClosed_wrapped = null;
|
|
418
|
-
this._onClosed = null;
|
|
419
|
-
}
|
|
420
|
-
this._onClosed = ev;
|
|
421
|
-
this._onClosed_wrapped = function (o, e) {
|
|
422
|
-
var outerArgs = new IgcOnClosedEventArgs();
|
|
423
|
-
outerArgs._provideImplementation(e);
|
|
424
|
-
if (_this.beforeOnClosed) {
|
|
425
|
-
_this.beforeOnClosed(_this, outerArgs);
|
|
426
|
-
}
|
|
427
|
-
if (_this._onClosed) {
|
|
428
|
-
_this._onClosed(_this, outerArgs);
|
|
429
|
-
}
|
|
430
|
-
};
|
|
431
|
-
this.i.onClosed = delegateCombine(this.i.onClosed, this._onClosed_wrapped);
|
|
432
|
-
;
|
|
433
|
-
},
|
|
434
|
-
enumerable: true,
|
|
435
|
-
configurable: true
|
|
436
|
-
});
|
|
437
|
-
Object.defineProperty(IgcPopupComponent.prototype, "onPopup", {
|
|
438
|
-
/**
|
|
439
|
-
* Fires when the popup is shown
|
|
440
|
-
*/
|
|
441
|
-
get: function () {
|
|
442
|
-
return this._onPopup;
|
|
443
|
-
},
|
|
444
|
-
set: function (ev) {
|
|
445
|
-
var _this = this;
|
|
446
|
-
if (this._onPopup_wrapped !== null) {
|
|
447
|
-
this.i.onPopup = delegateRemove(this.i.onPopup, this._onPopup_wrapped);
|
|
448
|
-
this._onPopup_wrapped = null;
|
|
449
|
-
this._onPopup = null;
|
|
450
|
-
}
|
|
451
|
-
this._onPopup = ev;
|
|
452
|
-
this._onPopup_wrapped = function (o, e) {
|
|
453
|
-
var outerArgs = new IgcOnPopupEventArgs();
|
|
454
|
-
outerArgs._provideImplementation(e);
|
|
455
|
-
if (_this.beforeOnPopup) {
|
|
456
|
-
_this.beforeOnPopup(_this, outerArgs);
|
|
457
|
-
}
|
|
458
|
-
if (_this._onPopup) {
|
|
459
|
-
_this._onPopup(_this, outerArgs);
|
|
460
|
-
}
|
|
461
|
-
};
|
|
462
|
-
this.i.onPopup = delegateCombine(this.i.onPopup, this._onPopup_wrapped);
|
|
463
|
-
;
|
|
464
|
-
},
|
|
465
|
-
enumerable: true,
|
|
466
|
-
configurable: true
|
|
467
|
-
});
|
|
468
|
-
IgcPopupComponent._observedAttributesIgcPopupComponent = null;
|
|
469
|
-
IgcPopupComponent.htmlTagName = "igc-popup";
|
|
470
|
-
IgcPopupComponent._isElementRegistered = false;
|
|
471
|
-
return IgcPopupComponent;
|
|
472
|
-
}(IgcHTMLElement));
|
|
473
|
-
export { IgcPopupComponent };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
|
|
3
|
-
https://www.infragistics.com/legal/license/igultimate-la
|
|
4
|
-
https://www.infragistics.com/legal/license/igultimate-eula
|
|
5
|
-
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
|
|
6
|
-
*/
|
|
7
|
-
import { IgcChildContentModule } from "igniteui-webcomponents-core";
|
|
8
|
-
import { IgcPopupComponent } from './igc-popup-component';
|
|
9
|
-
import { Popup } from './Popup';
|
|
10
|
-
import { TypeRegistrar } from "igniteui-webcomponents-core";
|
|
11
|
-
var IgcPopupModule = /** @class */ /*@__PURE__*/ (function () {
|
|
12
|
-
function IgcPopupModule() {
|
|
13
|
-
}
|
|
14
|
-
IgcPopupModule.register = function () {
|
|
15
|
-
IgcChildContentModule.register();
|
|
16
|
-
IgcPopupComponent.register();
|
|
17
|
-
TypeRegistrar.registerCons('IgcPopupComponent', IgcPopupComponent);
|
|
18
|
-
TypeRegistrar.registerCons('IgcPopupComponent', IgcPopupComponent);
|
|
19
|
-
TypeRegistrar.register('Popup', Popup.$type);
|
|
20
|
-
};
|
|
21
|
-
return IgcPopupModule;
|
|
22
|
-
}());
|
|
23
|
-
export { IgcPopupModule };
|
package/lib/Popup.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Popup } from "./PopupView_combined";
|
package/lib/PopupAlignment.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Type } from "igniteui-webcomponents-core";
|
|
2
|
-
/**
|
|
3
|
-
* Indicates which side of the exclusion rectangle to which the popup is aligned.
|
|
4
|
-
*/
|
|
5
|
-
export declare enum PopupAlignment {
|
|
6
|
-
/**
|
|
7
|
-
* No specified direction.
|
|
8
|
-
*/
|
|
9
|
-
Auto = 0,
|
|
10
|
-
/**
|
|
11
|
-
* Popup should be aligned to the near side. This usually means left or top.
|
|
12
|
-
*/
|
|
13
|
-
Near = 1,
|
|
14
|
-
/**
|
|
15
|
-
* Popup should be aligned to the near far. This usually means right or bottom.
|
|
16
|
-
*/
|
|
17
|
-
Far = 2
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
export declare let PopupAlignment_$type: Type;
|