igniteui-webcomponents-layouts 1.4.2 → 3.2.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.
- package/bundles/igniteui-webcomponents-layouts.umd.js +4543 -141
- package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
- package/esm2015/lib/ExpansionPanelView_combined.js +23 -23
- package/esm2015/lib/HorizontalPropertyEditorPanelDataSource.js +24 -0
- package/esm2015/lib/PropertyEditorDataSource.js +7 -0
- package/esm2015/lib/PropertyEditorDescriptionObject.js +7 -0
- package/esm2015/lib/PropertyEditorDescriptionObjectCollection.js +7 -0
- package/esm2015/lib/PropertyEditorPanel.js +7 -0
- package/esm2015/lib/PropertyEditorPanelColumnDefinition.js +55 -0
- package/esm2015/lib/PropertyEditorPanelColumnFieldType.js +11 -0
- package/esm2015/lib/PropertyEditorPanelColumnType.js +11 -0
- package/esm2015/lib/PropertyEditorPanelDataBindingEventArgs.js +22 -0
- package/esm2015/lib/PropertyEditorPanelDropDownDataListItem.js +21 -0
- package/esm2015/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.js +22 -0
- package/esm2015/lib/PropertyEditorPanelView.js +7 -0
- package/esm2015/lib/PropertyEditorPanelView_combined.js +1664 -0
- package/esm2015/lib/PropertyEditorPropertyDescription.js +7 -0
- package/esm2015/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +16 -0
- package/esm2015/lib/PropertyEditorPropertyDescriptionChangedEventArgs.js +26 -0
- package/esm2015/lib/PropertyEditorPropertyDescriptionCollection.js +7 -0
- package/esm2015/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +40 -0
- package/esm2015/lib/PropertyEditorPropertyDescription_combined.js +522 -0
- package/esm2015/lib/PropertyEditorTreeTransformer.js +207 -0
- package/esm2015/lib/PropertyEditorValueType.js +36 -0
- package/esm2015/lib/{ExpansionPanel.js → XExpansionPanel.js} +1 -1
- package/esm2015/lib/igc-horizontal-property-editor-panel-data-source.js +48 -0
- package/esm2015/lib/igc-property-editor-data-source.js +39 -0
- package/esm2015/lib/igc-property-editor-description-object-collection.js +48 -0
- package/esm2015/lib/igc-property-editor-description-object.js +70 -0
- package/esm2015/lib/igc-property-editor-panel-component.js +446 -0
- package/esm2015/lib/igc-property-editor-panel-module.js +19 -0
- package/esm2015/lib/igc-property-editor-property-description-button-click-event-args.js +24 -0
- package/esm2015/lib/igc-property-editor-property-description-changed-event-args.js +30 -0
- package/esm2015/lib/igc-property-editor-property-description-collection.js +48 -0
- package/esm2015/lib/igc-property-editor-property-description-component.js +407 -0
- package/esm2015/lib/igc-property-editor-property-description-module.js +16 -0
- package/esm2015/lib/igc-property-editor-property-description-target-property-updating-event-args.js +42 -0
- package/esm2015/lib/{igc-expansion-panel-component.js → igc-x-expansion-panel-component.js} +16 -16
- package/esm2015/lib/{igc-expansion-panel-module.js → igc-x-expansion-panel-module.js} +7 -7
- package/esm2015/public_api.js +34 -3
- package/esm5/lib/ExpansionPanelView_combined.js +71 -71
- package/esm5/lib/HorizontalPropertyEditorPanelDataSource.js +26 -0
- package/esm5/lib/PropertyEditorDataSource.js +7 -0
- package/esm5/lib/PropertyEditorDescriptionObject.js +7 -0
- package/esm5/lib/PropertyEditorDescriptionObjectCollection.js +7 -0
- package/esm5/lib/PropertyEditorPanel.js +7 -0
- package/esm5/lib/PropertyEditorPanelColumnDefinition.js +57 -0
- package/esm5/lib/PropertyEditorPanelColumnFieldType.js +11 -0
- package/esm5/lib/PropertyEditorPanelColumnType.js +11 -0
- package/esm5/lib/PropertyEditorPanelDataBindingEventArgs.js +24 -0
- package/esm5/lib/PropertyEditorPanelDropDownDataListItem.js +23 -0
- package/esm5/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.js +24 -0
- package/esm5/lib/PropertyEditorPanelView.js +7 -0
- package/esm5/lib/PropertyEditorPanelView_combined.js +1814 -0
- package/esm5/lib/PropertyEditorPropertyDescription.js +7 -0
- package/esm5/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +20 -0
- package/esm5/lib/PropertyEditorPropertyDescriptionChangedEventArgs.js +32 -0
- package/esm5/lib/PropertyEditorPropertyDescriptionCollection.js +7 -0
- package/esm5/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +54 -0
- package/esm5/lib/PropertyEditorPropertyDescription_combined.js +605 -0
- package/esm5/lib/PropertyEditorTreeTransformer.js +209 -0
- package/esm5/lib/PropertyEditorValueType.js +36 -0
- package/esm5/lib/{ExpansionPanel.js → XExpansionPanel.js} +1 -1
- package/esm5/lib/igc-horizontal-property-editor-panel-data-source.js +53 -0
- package/esm5/lib/igc-property-editor-data-source.js +53 -0
- package/esm5/lib/igc-property-editor-description-object-collection.js +53 -0
- package/esm5/lib/igc-property-editor-description-object.js +84 -0
- package/esm5/lib/igc-property-editor-panel-component.js +546 -0
- package/esm5/lib/igc-property-editor-panel-module.js +23 -0
- package/esm5/lib/igc-property-editor-property-description-button-click-event-args.js +30 -0
- package/esm5/lib/igc-property-editor-property-description-changed-event-args.js +40 -0
- package/esm5/lib/igc-property-editor-property-description-collection.js +53 -0
- package/esm5/lib/igc-property-editor-property-description-component.js +500 -0
- package/esm5/lib/igc-property-editor-property-description-module.js +20 -0
- package/esm5/lib/igc-property-editor-property-description-target-property-updating-event-args.js +60 -0
- package/esm5/lib/{igc-expansion-panel-component.js → igc-x-expansion-panel-component.js} +62 -62
- package/esm5/lib/igc-x-expansion-panel-module.js +21 -0
- package/esm5/public_api.js +34 -3
- package/fesm2015/igniteui-webcomponents-layouts.js +3912 -45
- package/fesm5/igniteui-webcomponents-layouts.js +4510 -140
- package/lib/ExpansionPanelView_combined.d.ts +3 -3
- package/lib/HorizontalPropertyEditorPanelDataSource.d.ts +10 -0
- package/lib/PropertyEditorDataSource.d.ts +1 -0
- package/lib/PropertyEditorDescriptionObject.d.ts +1 -0
- package/lib/PropertyEditorDescriptionObjectCollection.d.ts +1 -0
- package/lib/PropertyEditorPanel.d.ts +1 -0
- package/lib/PropertyEditorPanelColumnDefinition.d.ts +22 -0
- package/lib/PropertyEditorPanelColumnFieldType.d.ts +12 -0
- package/lib/PropertyEditorPanelColumnType.d.ts +12 -0
- package/lib/PropertyEditorPanelDataBindingEventArgs.d.ts +10 -0
- package/lib/PropertyEditorPanelDropDownDataListItem.d.ts +9 -0
- package/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.d.ts +11 -0
- package/lib/PropertyEditorPanelView.d.ts +1 -0
- package/lib/PropertyEditorPanelView_combined.d.ts +210 -0
- package/lib/PropertyEditorPropertyDescription.d.ts +1 -0
- package/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.d.ts +7 -0
- package/lib/PropertyEditorPropertyDescriptionChangedEventArgs.d.ts +9 -0
- package/lib/PropertyEditorPropertyDescriptionCollection.d.ts +1 -0
- package/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.d.ts +13 -0
- package/lib/PropertyEditorPropertyDescription_combined.d.ts +98 -0
- package/lib/PropertyEditorTreeTransformer.d.ts +17 -0
- package/lib/PropertyEditorValueType.d.ts +29 -0
- package/lib/XExpansionPanel.d.ts +1 -0
- package/lib/igc-horizontal-property-editor-panel-data-source.d.ts +8 -0
- package/lib/igc-property-editor-data-source.d.ts +16 -0
- package/lib/igc-property-editor-description-object-collection.d.ts +8 -0
- package/lib/igc-property-editor-description-object.d.ts +17 -0
- package/lib/igc-property-editor-panel-component.d.ts +101 -0
- package/lib/igc-property-editor-panel-module.d.ts +3 -0
- package/lib/igc-property-editor-property-description-button-click-event-args.d.ts +12 -0
- package/lib/igc-property-editor-property-description-changed-event-args.d.ts +13 -0
- package/lib/igc-property-editor-property-description-collection.d.ts +8 -0
- package/lib/igc-property-editor-property-description-component.d.ts +70 -0
- package/lib/igc-property-editor-property-description-module.d.ts +3 -0
- package/lib/igc-property-editor-property-description-target-property-updating-event-args.d.ts +15 -0
- package/lib/{igc-expansion-panel-component.d.ts → igc-x-expansion-panel-component.d.ts} +7 -7
- package/lib/igc-x-expansion-panel-module.d.ts +3 -0
- package/package.json +4 -4
- package/public_api.d.ts +34 -3
- package/esm5/lib/igc-expansion-panel-module.js +0 -21
- package/lib/ExpansionPanel.d.ts +0 -1
- package/lib/igc-expansion-panel-module.d.ts +0 -3
|
@@ -0,0 +1,546 @@
|
|
|
1
|
+
import * as tslib_1 from "tslib";
|
|
2
|
+
import { fromSize, brushToString, stringToBrush, ensureBool, initializePropertiesFromCss, NamePatcher, toSpinal, getAllPropertyNames, fromSpinal } from "igniteui-webcomponents-core";
|
|
3
|
+
import { FontInfo } from "igniteui-webcomponents-core";
|
|
4
|
+
import { WebComponentRenderer, PortalManager } from "igniteui-webcomponents-core";
|
|
5
|
+
import { CollectionAdapter } from "igniteui-webcomponents-core";
|
|
6
|
+
import { NotifyCollectionChangedAction } from "igniteui-webcomponents-core";
|
|
7
|
+
import { RegisterElementHelper } from "igniteui-webcomponents-core";
|
|
8
|
+
import { PropertyEditorPanel } from "./PropertyEditorPanel";
|
|
9
|
+
import { IgcHTMLElement } from "igniteui-webcomponents-core";
|
|
10
|
+
import { IgcPropertyEditorPropertyDescriptionCollection } from './igc-property-editor-property-description-collection';
|
|
11
|
+
import { PropertyEditorPropertyDescriptionCollection as PropertyEditorPropertyDescriptionCollection_internal } from './PropertyEditorPropertyDescriptionCollection';
|
|
12
|
+
import { SyncableObservableCollection$1 } from "igniteui-webcomponents-core";
|
|
13
|
+
import { PropertyEditorPropertyDescription } from './PropertyEditorPropertyDescription';
|
|
14
|
+
import { IgcPropertyEditorPropertyDescriptionComponent } from './igc-property-editor-property-description-component';
|
|
15
|
+
var IgcPropertyEditorPanelComponent = /** @class */ /*@__PURE__*/ (function (_super) {
|
|
16
|
+
tslib_1.__extends(IgcPropertyEditorPanelComponent, _super);
|
|
17
|
+
function IgcPropertyEditorPanelComponent() {
|
|
18
|
+
var _this = _super.call(this) || this;
|
|
19
|
+
_this._implementation = null;
|
|
20
|
+
_this.contentProperties = [];
|
|
21
|
+
/**
|
|
22
|
+
* The properties actually present in the editor. Do not directly modify this array.
|
|
23
|
+
* This array's contents can be modified by using the properties property or providing child content.
|
|
24
|
+
*/
|
|
25
|
+
_this.actualProperties = [];
|
|
26
|
+
_this._properties = null;
|
|
27
|
+
_this._propertiesAdapter = null;
|
|
28
|
+
_this._disconnected = false;
|
|
29
|
+
_this._settingAttributes = false;
|
|
30
|
+
_this._attached = false;
|
|
31
|
+
_this._queuedSetAttributes = [];
|
|
32
|
+
_this._updatingFromAttribute = false;
|
|
33
|
+
_this._actualDataSource = null;
|
|
34
|
+
_this.__p = null;
|
|
35
|
+
_this._hasUserValues = new Set();
|
|
36
|
+
_this._stylingContainer = null;
|
|
37
|
+
_this._stylingParent = null;
|
|
38
|
+
_this._inStyling = false;
|
|
39
|
+
if (_this._styling) {
|
|
40
|
+
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
|
|
41
|
+
}
|
|
42
|
+
_this._implementation = _this.createImplementation();
|
|
43
|
+
_this._implementation.externalObject = _this;
|
|
44
|
+
_this._portalManager = new PortalManager("propertyEditorContent");
|
|
45
|
+
_this._webComponentRenderer = new WebComponentRenderer(_this, document, true, {}, _this._portalManager);
|
|
46
|
+
_this._webComponentWrapper = _this._webComponentRenderer.createElement("div");
|
|
47
|
+
_this._webComponentRenderer.updateRoot(_this._webComponentWrapper);
|
|
48
|
+
_this._webComponentWrapper.setStyleProperty("display", "block");
|
|
49
|
+
_this._webComponentWrapper.setStyleProperty("width", "100%");
|
|
50
|
+
_this._webComponentWrapper.setStyleProperty("height", "100%");
|
|
51
|
+
_this._propertiesAdapter = new CollectionAdapter(_this.contentProperties, _this.i.properties, _this.actualProperties, function (c) { return c.i; }, function (i) {
|
|
52
|
+
if (_this._webComponentRenderer && _this._webComponentRenderer.rootWrapper.getNativeElement().parentElement) {
|
|
53
|
+
i._styling(_this, _this, _this);
|
|
54
|
+
}
|
|
55
|
+
}, function (i) { });
|
|
56
|
+
_this.i.provideContainer(_this._webComponentRenderer);
|
|
57
|
+
_this.i.notifySizeChanged();
|
|
58
|
+
var mut = new MutationObserver(function (list) {
|
|
59
|
+
var e_1, _b;
|
|
60
|
+
try {
|
|
61
|
+
for (var list_1 = tslib_1.__values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
|
|
62
|
+
var mutation = list_1_1.value;
|
|
63
|
+
if (mutation.type == 'childList') {
|
|
64
|
+
_this.updateContentProperties();
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
catch (e_1_1) {
|
|
69
|
+
e_1 = { error: e_1_1 };
|
|
70
|
+
}
|
|
71
|
+
finally {
|
|
72
|
+
try {
|
|
73
|
+
if (list_1_1 && !list_1_1.done && (_b = list_1.return))
|
|
74
|
+
_b.call(list_1);
|
|
75
|
+
}
|
|
76
|
+
finally {
|
|
77
|
+
if (e_1)
|
|
78
|
+
throw e_1.error;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
mut.observe(_this, {
|
|
83
|
+
childList: true
|
|
84
|
+
});
|
|
85
|
+
_this._webComponentRenderer.addSizeWatcher(function () {
|
|
86
|
+
_this.i.notifySizeChanged();
|
|
87
|
+
});
|
|
88
|
+
return _this;
|
|
89
|
+
}
|
|
90
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "height", {
|
|
91
|
+
get: function () {
|
|
92
|
+
return this._height;
|
|
93
|
+
},
|
|
94
|
+
set: function (value) {
|
|
95
|
+
this._height = value;
|
|
96
|
+
this.style.height = value;
|
|
97
|
+
this.i.notifySizeChanged();
|
|
98
|
+
},
|
|
99
|
+
enumerable: true,
|
|
100
|
+
configurable: true
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "width", {
|
|
103
|
+
get: function () {
|
|
104
|
+
return this._width;
|
|
105
|
+
},
|
|
106
|
+
set: function (value) {
|
|
107
|
+
this._width = value;
|
|
108
|
+
this.style.width = value;
|
|
109
|
+
this.i.notifySizeChanged();
|
|
110
|
+
},
|
|
111
|
+
enumerable: true,
|
|
112
|
+
configurable: true
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "properties", {
|
|
115
|
+
/**
|
|
116
|
+
* A collection of manually added properties for the editor.
|
|
117
|
+
*/
|
|
118
|
+
get: function () {
|
|
119
|
+
var _this = this;
|
|
120
|
+
if (this._properties === null) {
|
|
121
|
+
var coll = new IgcPropertyEditorPropertyDescriptionCollection();
|
|
122
|
+
var inner = coll._innerColl;
|
|
123
|
+
inner.addListener(function (sender, e) {
|
|
124
|
+
switch (e.action) {
|
|
125
|
+
case NotifyCollectionChangedAction.Add:
|
|
126
|
+
_this._propertiesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
|
|
127
|
+
break;
|
|
128
|
+
case NotifyCollectionChangedAction.Remove:
|
|
129
|
+
_this._propertiesAdapter.removeManualItemAt(e.oldStartingIndex);
|
|
130
|
+
break;
|
|
131
|
+
case NotifyCollectionChangedAction.Replace:
|
|
132
|
+
_this._propertiesAdapter.removeManualItemAt(e.oldStartingIndex);
|
|
133
|
+
_this._propertiesAdapter.insertManualItem(e.newStartingIndex, e.newItems.item(0));
|
|
134
|
+
break;
|
|
135
|
+
case NotifyCollectionChangedAction.Reset:
|
|
136
|
+
_this._propertiesAdapter.clearManualItems();
|
|
137
|
+
break;
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
this._properties = coll;
|
|
141
|
+
}
|
|
142
|
+
return this._properties;
|
|
143
|
+
},
|
|
144
|
+
enumerable: true,
|
|
145
|
+
configurable: true
|
|
146
|
+
});
|
|
147
|
+
// supports angular themes or custom properties set in CSS
|
|
148
|
+
IgcPropertyEditorPanelComponent.prototype.updateStyle = function () {
|
|
149
|
+
this._styling(this, this);
|
|
150
|
+
};
|
|
151
|
+
IgcPropertyEditorPanelComponent.prototype.destroy = function () {
|
|
152
|
+
this._implementation.destroy();
|
|
153
|
+
this._webComponentRenderer.destroy();
|
|
154
|
+
};
|
|
155
|
+
IgcPropertyEditorPanelComponent.prototype.updateContentProperties = function () {
|
|
156
|
+
this.contentProperties.length = 0;
|
|
157
|
+
for (var i = 0; i < this.children.length; i++) {
|
|
158
|
+
if (this.children[i] instanceof IgcPropertyEditorPropertyDescriptionComponent) {
|
|
159
|
+
this.contentProperties.push(this.children[i]);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
if (this._propertiesAdapter != null) {
|
|
163
|
+
this._propertiesAdapter.notifyContentChanged();
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
IgcPropertyEditorPanelComponent.prototype.createImplementation = function () {
|
|
167
|
+
return new PropertyEditorPanel();
|
|
168
|
+
};
|
|
169
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "i", {
|
|
170
|
+
get: function () {
|
|
171
|
+
return this._implementation;
|
|
172
|
+
},
|
|
173
|
+
enumerable: true,
|
|
174
|
+
configurable: true
|
|
175
|
+
});
|
|
176
|
+
IgcPropertyEditorPanelComponent.prototype.disconnectedCallback = function () {
|
|
177
|
+
this._disconnected = true;
|
|
178
|
+
};
|
|
179
|
+
IgcPropertyEditorPanelComponent.prototype.connectedCallback = function () {
|
|
180
|
+
if (this._disconnected) {
|
|
181
|
+
this._disconnected = false;
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
this.classList.add("ig-property-editor-panel");
|
|
185
|
+
this.classList.add("igc-property-editor-panel");
|
|
186
|
+
var rootWrapper = this._webComponentRenderer.rootWrapper;
|
|
187
|
+
var rootElement = rootWrapper.getNativeElement();
|
|
188
|
+
this.appendChild(rootElement);
|
|
189
|
+
this._attached = true;
|
|
190
|
+
this.style.display = "block";
|
|
191
|
+
this.style.height = this._height;
|
|
192
|
+
this.style.width = this._width;
|
|
193
|
+
this._flushQueuedAttributes();
|
|
194
|
+
// supports themes or custom properties set in CSS
|
|
195
|
+
this._styling(this, this);
|
|
196
|
+
for (var i = 0; i < this.actualProperties.length; i++) {
|
|
197
|
+
var s = this.actualProperties[i];
|
|
198
|
+
s._styling(this, this, this);
|
|
199
|
+
}
|
|
200
|
+
this.updateContentProperties();
|
|
201
|
+
this.afterContentInit();
|
|
202
|
+
};
|
|
203
|
+
IgcPropertyEditorPanelComponent.prototype.afterContentInit = function () {
|
|
204
|
+
this.i.notifySizeChanged();
|
|
205
|
+
};
|
|
206
|
+
IgcPropertyEditorPanelComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
|
|
207
|
+
this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
|
|
208
|
+
};
|
|
209
|
+
IgcPropertyEditorPanelComponent.prototype._flushQueuedAttributes = function () {
|
|
210
|
+
this._settingAttributes = true;
|
|
211
|
+
for (var i = 0; i < this._queuedSetAttributes.length; i++) {
|
|
212
|
+
this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
|
|
213
|
+
}
|
|
214
|
+
this._settingAttributes = false;
|
|
215
|
+
this._queuedSetAttributes.length = 0;
|
|
216
|
+
};
|
|
217
|
+
IgcPropertyEditorPanelComponent.prototype._a = function (attrName, attrValue) {
|
|
218
|
+
if (this._updatingFromAttribute) {
|
|
219
|
+
return;
|
|
220
|
+
}
|
|
221
|
+
if (attrValue) {
|
|
222
|
+
attrValue = attrValue.toString();
|
|
223
|
+
}
|
|
224
|
+
this._settingAttributes = true;
|
|
225
|
+
attrName = toSpinal(attrName);
|
|
226
|
+
if (this._attached) {
|
|
227
|
+
this.setAttribute(attrName, attrValue);
|
|
228
|
+
}
|
|
229
|
+
else {
|
|
230
|
+
this._enqueueSetAttribute(attrName, attrValue);
|
|
231
|
+
}
|
|
232
|
+
this._settingAttributes = false;
|
|
233
|
+
};
|
|
234
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent, "observedAttributes", {
|
|
235
|
+
get: function () {
|
|
236
|
+
if (IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent == null) {
|
|
237
|
+
var names = getAllPropertyNames(IgcPropertyEditorPanelComponent);
|
|
238
|
+
for (var i = 0; i < names.length; i++) {
|
|
239
|
+
names[i] = toSpinal(names[i]);
|
|
240
|
+
}
|
|
241
|
+
IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent = names;
|
|
242
|
+
}
|
|
243
|
+
return IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent;
|
|
244
|
+
},
|
|
245
|
+
enumerable: true,
|
|
246
|
+
configurable: true
|
|
247
|
+
});
|
|
248
|
+
IgcPropertyEditorPanelComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
|
|
249
|
+
if (this._settingAttributes) {
|
|
250
|
+
return;
|
|
251
|
+
}
|
|
252
|
+
var setName = fromSpinal(name);
|
|
253
|
+
this._updatingFromAttribute = true;
|
|
254
|
+
this[setName] = newValue;
|
|
255
|
+
this._updatingFromAttribute = false;
|
|
256
|
+
};
|
|
257
|
+
IgcPropertyEditorPanelComponent.register = function () {
|
|
258
|
+
if (!IgcPropertyEditorPanelComponent._isElementRegistered) {
|
|
259
|
+
IgcPropertyEditorPanelComponent._isElementRegistered = true;
|
|
260
|
+
RegisterElementHelper.registerElement(IgcPropertyEditorPanelComponent.htmlTagName, IgcPropertyEditorPanelComponent);
|
|
261
|
+
}
|
|
262
|
+
};
|
|
263
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "actualDataSource", {
|
|
264
|
+
/**
|
|
265
|
+
* Gets the actaul data or data source instance to which to bind the grid.
|
|
266
|
+
*/
|
|
267
|
+
get: function () {
|
|
268
|
+
if (this._actualDataSource === null) {
|
|
269
|
+
var coll = new IgcPropertyEditorPropertyDescriptionCollection();
|
|
270
|
+
var innerColl = this.i.actualProperties;
|
|
271
|
+
if (!innerColl) {
|
|
272
|
+
innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
|
|
273
|
+
}
|
|
274
|
+
this._actualDataSource = coll._fromInner(innerColl);
|
|
275
|
+
this.i.actualProperties = innerColl;
|
|
276
|
+
}
|
|
277
|
+
return this._actualDataSource;
|
|
278
|
+
},
|
|
279
|
+
set: function (v) {
|
|
280
|
+
if (this._actualDataSource !== null) {
|
|
281
|
+
this._actualDataSource._setSyncTarget(null);
|
|
282
|
+
this._actualDataSource = null;
|
|
283
|
+
}
|
|
284
|
+
var coll = new IgcPropertyEditorPropertyDescriptionCollection();
|
|
285
|
+
this._actualDataSource = coll._fromOuter(v);
|
|
286
|
+
var syncColl = new SyncableObservableCollection$1(PropertyEditorPropertyDescription.$type);
|
|
287
|
+
var innerColl = this.i.actualProperties;
|
|
288
|
+
if (!innerColl) {
|
|
289
|
+
innerColl = new PropertyEditorPropertyDescriptionCollection_internal();
|
|
290
|
+
}
|
|
291
|
+
syncColl._inner = innerColl;
|
|
292
|
+
syncColl.clear();
|
|
293
|
+
this._actualDataSource._setSyncTarget(syncColl);
|
|
294
|
+
this.i.actualProperties = innerColl;
|
|
295
|
+
},
|
|
296
|
+
enumerable: true,
|
|
297
|
+
configurable: true
|
|
298
|
+
});
|
|
299
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "rowHeight", {
|
|
300
|
+
/**
|
|
301
|
+
* Gets or Sets the property name that contains the values.
|
|
302
|
+
*/
|
|
303
|
+
get: function () {
|
|
304
|
+
return this.i.bo;
|
|
305
|
+
},
|
|
306
|
+
set: function (v) {
|
|
307
|
+
this.i.bo = +v;
|
|
308
|
+
this._a("rowHeight", this.i.bo);
|
|
309
|
+
},
|
|
310
|
+
enumerable: true,
|
|
311
|
+
configurable: true
|
|
312
|
+
});
|
|
313
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "actualRowHeight", {
|
|
314
|
+
get: function () {
|
|
315
|
+
return this.i.ar;
|
|
316
|
+
},
|
|
317
|
+
set: function (v) {
|
|
318
|
+
this.i.ar = +v;
|
|
319
|
+
this._a("actualRowHeight", this.i.ar);
|
|
320
|
+
},
|
|
321
|
+
enumerable: true,
|
|
322
|
+
configurable: true
|
|
323
|
+
});
|
|
324
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "cellTextStyle", {
|
|
325
|
+
/**
|
|
326
|
+
* Gets or Sets the property name that contains the values.
|
|
327
|
+
*/
|
|
328
|
+
get: function () {
|
|
329
|
+
if (this.i.t == null) {
|
|
330
|
+
return null;
|
|
331
|
+
}
|
|
332
|
+
return this.i.t.fontString;
|
|
333
|
+
},
|
|
334
|
+
set: function (v) {
|
|
335
|
+
var fi = new FontInfo();
|
|
336
|
+
fi.fontString = v;
|
|
337
|
+
this.i.t = fi;
|
|
338
|
+
this._a("cellTextStyle", this.i.t != null ? this.i.t.fontString : "");
|
|
339
|
+
},
|
|
340
|
+
enumerable: true,
|
|
341
|
+
configurable: true
|
|
342
|
+
});
|
|
343
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "actualDescriptionContext", {
|
|
344
|
+
get: function () {
|
|
345
|
+
return this.i.h;
|
|
346
|
+
},
|
|
347
|
+
set: function (v) {
|
|
348
|
+
this.i.h = v;
|
|
349
|
+
},
|
|
350
|
+
enumerable: true,
|
|
351
|
+
configurable: true
|
|
352
|
+
});
|
|
353
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "descriptionContext", {
|
|
354
|
+
get: function () {
|
|
355
|
+
return this.i.i;
|
|
356
|
+
},
|
|
357
|
+
set: function (v) {
|
|
358
|
+
this.i.i = v;
|
|
359
|
+
},
|
|
360
|
+
enumerable: true,
|
|
361
|
+
configurable: true
|
|
362
|
+
});
|
|
363
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "componentRenderer", {
|
|
364
|
+
get: function () {
|
|
365
|
+
return this.i.e;
|
|
366
|
+
},
|
|
367
|
+
set: function (v) {
|
|
368
|
+
this.i.e = v;
|
|
369
|
+
},
|
|
370
|
+
enumerable: true,
|
|
371
|
+
configurable: true
|
|
372
|
+
});
|
|
373
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "target", {
|
|
374
|
+
get: function () {
|
|
375
|
+
return this.i.br;
|
|
376
|
+
},
|
|
377
|
+
set: function (v) {
|
|
378
|
+
this.i.br = v;
|
|
379
|
+
},
|
|
380
|
+
enumerable: true,
|
|
381
|
+
configurable: true
|
|
382
|
+
});
|
|
383
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "descriptionType", {
|
|
384
|
+
get: function () {
|
|
385
|
+
return this.i.b1;
|
|
386
|
+
},
|
|
387
|
+
set: function (v) {
|
|
388
|
+
this.i.b1 = v;
|
|
389
|
+
},
|
|
390
|
+
enumerable: true,
|
|
391
|
+
configurable: true
|
|
392
|
+
});
|
|
393
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "isHorizontal", {
|
|
394
|
+
get: function () {
|
|
395
|
+
return this.i.ag;
|
|
396
|
+
},
|
|
397
|
+
set: function (v) {
|
|
398
|
+
this.i.ag = ensureBool(v);
|
|
399
|
+
this._a("isHorizontal", this.i.ag);
|
|
400
|
+
},
|
|
401
|
+
enumerable: true,
|
|
402
|
+
configurable: true
|
|
403
|
+
});
|
|
404
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "isWrappingEnabled", {
|
|
405
|
+
get: function () {
|
|
406
|
+
return this.i.ai;
|
|
407
|
+
},
|
|
408
|
+
set: function (v) {
|
|
409
|
+
this.i.ai = ensureBool(v);
|
|
410
|
+
this._a("isWrappingEnabled", this.i.ai);
|
|
411
|
+
},
|
|
412
|
+
enumerable: true,
|
|
413
|
+
configurable: true
|
|
414
|
+
});
|
|
415
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "isIndirectModeEnabled", {
|
|
416
|
+
get: function () {
|
|
417
|
+
return this.i.ah;
|
|
418
|
+
},
|
|
419
|
+
set: function (v) {
|
|
420
|
+
this.i.ah = ensureBool(v);
|
|
421
|
+
this._a("isIndirectModeEnabled", this.i.ah);
|
|
422
|
+
},
|
|
423
|
+
enumerable: true,
|
|
424
|
+
configurable: true
|
|
425
|
+
});
|
|
426
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "backgroundColor", {
|
|
427
|
+
/**
|
|
428
|
+
* Gets or sets the color to use for the background of the component.
|
|
429
|
+
*/
|
|
430
|
+
get: function () {
|
|
431
|
+
return brushToString(this.i.d5);
|
|
432
|
+
},
|
|
433
|
+
set: function (v) {
|
|
434
|
+
this.i.d5 = stringToBrush(v);
|
|
435
|
+
this._a("backgroundColor", brushToString(this.i.d5));
|
|
436
|
+
},
|
|
437
|
+
enumerable: true,
|
|
438
|
+
configurable: true
|
|
439
|
+
});
|
|
440
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "textColor", {
|
|
441
|
+
/**
|
|
442
|
+
* Gets or sets the color to use for the text of the component.
|
|
443
|
+
*/
|
|
444
|
+
get: function () {
|
|
445
|
+
return brushToString(this.i.d8);
|
|
446
|
+
},
|
|
447
|
+
set: function (v) {
|
|
448
|
+
this.i.d8 = stringToBrush(v);
|
|
449
|
+
this._a("textColor", brushToString(this.i.d8));
|
|
450
|
+
},
|
|
451
|
+
enumerable: true,
|
|
452
|
+
configurable: true
|
|
453
|
+
});
|
|
454
|
+
IgcPropertyEditorPanelComponent.prototype.findByName = function (name) {
|
|
455
|
+
if (this.actualDataSource != null && this.actualDataSource.findByName && this.actualDataSource.findByName(name)) {
|
|
456
|
+
return this.actualDataSource.findByName(name);
|
|
457
|
+
}
|
|
458
|
+
if (this.properties != null && this.properties.findByName && this.properties.findByName(name)) {
|
|
459
|
+
return this.properties.findByName(name);
|
|
460
|
+
}
|
|
461
|
+
return null;
|
|
462
|
+
};
|
|
463
|
+
Object.defineProperty(IgcPropertyEditorPanelComponent.prototype, "hasUserValues", {
|
|
464
|
+
get: function () {
|
|
465
|
+
return this._hasUserValues;
|
|
466
|
+
},
|
|
467
|
+
enumerable: true,
|
|
468
|
+
configurable: true
|
|
469
|
+
});
|
|
470
|
+
IgcPropertyEditorPanelComponent.prototype.__m = function (propertyName) {
|
|
471
|
+
if (!this._inStyling) {
|
|
472
|
+
this._hasUserValues.add(propertyName);
|
|
473
|
+
}
|
|
474
|
+
};
|
|
475
|
+
IgcPropertyEditorPanelComponent.prototype._styling = function (container, component, parent) {
|
|
476
|
+
if (this._inStyling) {
|
|
477
|
+
return;
|
|
478
|
+
}
|
|
479
|
+
this._inStyling = true;
|
|
480
|
+
this._stylingContainer = container;
|
|
481
|
+
this._stylingParent = component;
|
|
482
|
+
var genericPrefix = "";
|
|
483
|
+
var typeName = this.i.$type.name;
|
|
484
|
+
if (typeName.indexOf("Xam") === 0) {
|
|
485
|
+
typeName = typeName.substring(3);
|
|
486
|
+
}
|
|
487
|
+
genericPrefix = toSpinal("PropertyEditorPanelComponent");
|
|
488
|
+
var additionalPrefixes = [];
|
|
489
|
+
var prefix = toSpinal(typeName);
|
|
490
|
+
additionalPrefixes.push(prefix + "-");
|
|
491
|
+
var b = this.i.$type.baseType;
|
|
492
|
+
while (b && b.name != "Object" &&
|
|
493
|
+
b.name != "Base" &&
|
|
494
|
+
b.name != "Control" &&
|
|
495
|
+
b.Name != "DependencyObject" &&
|
|
496
|
+
b.Name != "FrameworkElement") {
|
|
497
|
+
typeName = b.name;
|
|
498
|
+
if (typeName.indexOf("Xam") === 0) {
|
|
499
|
+
typeName = typeName.substring(3);
|
|
500
|
+
}
|
|
501
|
+
var basePrefix = toSpinal(typeName);
|
|
502
|
+
additionalPrefixes.push(basePrefix + "-");
|
|
503
|
+
b = b.baseType;
|
|
504
|
+
}
|
|
505
|
+
if (parent) {
|
|
506
|
+
var parentTypeName = parent.i.$type.name;
|
|
507
|
+
if (parentTypeName.indexOf("Xam") === 0) {
|
|
508
|
+
parentTypeName = parentTypeName.substring(3);
|
|
509
|
+
}
|
|
510
|
+
var parentPrefix = toSpinal(parentTypeName);
|
|
511
|
+
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
|
|
512
|
+
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
|
|
513
|
+
}
|
|
514
|
+
initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes);
|
|
515
|
+
if (this._otherStyling) {
|
|
516
|
+
this._otherStyling(container, component, parent);
|
|
517
|
+
}
|
|
518
|
+
this._inStyling = false;
|
|
519
|
+
};
|
|
520
|
+
IgcPropertyEditorPanelComponent.prototype.getDesiredSize = function () {
|
|
521
|
+
var iv = this.i.d9();
|
|
522
|
+
return fromSize(iv);
|
|
523
|
+
};
|
|
524
|
+
IgcPropertyEditorPanelComponent.prototype.notifySetItem = function (index, oldItem, newItem) {
|
|
525
|
+
this.i.dp(index, oldItem, newItem);
|
|
526
|
+
};
|
|
527
|
+
/**
|
|
528
|
+
* Manually notifies the checkboxlist's grid that the data it has bound to has been cleared and needs to be re-examined.
|
|
529
|
+
* This should not be called if the data that the grid is bound to is already observable.
|
|
530
|
+
|
|
531
|
+
*/
|
|
532
|
+
IgcPropertyEditorPanelComponent.prototype.notifyClearItems = function () {
|
|
533
|
+
this.i.dl();
|
|
534
|
+
};
|
|
535
|
+
IgcPropertyEditorPanelComponent.prototype.notifyInsertItem = function (index, newItem) {
|
|
536
|
+
this.i.dm(index, newItem);
|
|
537
|
+
};
|
|
538
|
+
IgcPropertyEditorPanelComponent.prototype.notifyRemoveItem = function (index, oldItem) {
|
|
539
|
+
this.i.dn(index, oldItem);
|
|
540
|
+
};
|
|
541
|
+
IgcPropertyEditorPanelComponent._observedAttributesIgcPropertyEditorPanelComponent = null;
|
|
542
|
+
IgcPropertyEditorPanelComponent.htmlTagName = "igc-property-editor-panel";
|
|
543
|
+
IgcPropertyEditorPanelComponent._isElementRegistered = false;
|
|
544
|
+
return IgcPropertyEditorPanelComponent;
|
|
545
|
+
}(IgcHTMLElement));
|
|
546
|
+
export { IgcPropertyEditorPanelComponent };
|
|
@@ -0,0 +1,23 @@
|
|
|
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 { IgcPropertyEditorPropertyDescriptionModule } from './igc-property-editor-property-description-module';
|
|
8
|
+
import { IgcPropertyEditorPanelComponent } from './igc-property-editor-panel-component';
|
|
9
|
+
import { PropertyEditorPanel } from './PropertyEditorPanel';
|
|
10
|
+
import { TypeRegistrar } from "igniteui-webcomponents-core";
|
|
11
|
+
var IgcPropertyEditorPanelModule = /** @class */ /*@__PURE__*/ (function () {
|
|
12
|
+
function IgcPropertyEditorPanelModule() {
|
|
13
|
+
}
|
|
14
|
+
IgcPropertyEditorPanelModule.register = function () {
|
|
15
|
+
IgcPropertyEditorPropertyDescriptionModule.register();
|
|
16
|
+
IgcPropertyEditorPanelComponent.register();
|
|
17
|
+
TypeRegistrar.registerCons('IgcPropertyEditorPanelComponent', IgcPropertyEditorPanelComponent);
|
|
18
|
+
TypeRegistrar.registerCons('IgcPropertyEditorPanelComponent', IgcPropertyEditorPanelComponent);
|
|
19
|
+
TypeRegistrar.register('PropertyEditorPanel', PropertyEditorPanel.$type);
|
|
20
|
+
};
|
|
21
|
+
return IgcPropertyEditorPanelModule;
|
|
22
|
+
}());
|
|
23
|
+
export { IgcPropertyEditorPanelModule };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { PropertyEditorPropertyDescriptionButtonClickEventArgs as PropertyEditorPropertyDescriptionButtonClickEventArgs_internal } from "./PropertyEditorPropertyDescriptionButtonClickEventArgs";
|
|
2
|
+
var IgcPropertyEditorPropertyDescriptionButtonClickEventArgs = /** @class */ /*@__PURE__*/ (function () {
|
|
3
|
+
function IgcPropertyEditorPropertyDescriptionButtonClickEventArgs() {
|
|
4
|
+
this._implementation = this.createImplementation();
|
|
5
|
+
this._implementation.externalObject = this;
|
|
6
|
+
this.onImplementationCreated();
|
|
7
|
+
}
|
|
8
|
+
IgcPropertyEditorPropertyDescriptionButtonClickEventArgs.prototype.createImplementation = function () {
|
|
9
|
+
return new PropertyEditorPropertyDescriptionButtonClickEventArgs_internal();
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(IgcPropertyEditorPropertyDescriptionButtonClickEventArgs.prototype, "i", {
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
get: function () {
|
|
16
|
+
return this._implementation;
|
|
17
|
+
},
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true
|
|
20
|
+
});
|
|
21
|
+
IgcPropertyEditorPropertyDescriptionButtonClickEventArgs.prototype.onImplementationCreated = function () {
|
|
22
|
+
};
|
|
23
|
+
IgcPropertyEditorPropertyDescriptionButtonClickEventArgs.prototype._provideImplementation = function (i) {
|
|
24
|
+
this._implementation = i;
|
|
25
|
+
this._implementation.externalObject = this;
|
|
26
|
+
this.onImplementationCreated();
|
|
27
|
+
};
|
|
28
|
+
return IgcPropertyEditorPropertyDescriptionButtonClickEventArgs;
|
|
29
|
+
}());
|
|
30
|
+
export { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { PropertyEditorPropertyDescriptionChangedEventArgs as PropertyEditorPropertyDescriptionChangedEventArgs_internal } from "./PropertyEditorPropertyDescriptionChangedEventArgs";
|
|
2
|
+
var IgcPropertyEditorPropertyDescriptionChangedEventArgs = /** @class */ /*@__PURE__*/ (function () {
|
|
3
|
+
function IgcPropertyEditorPropertyDescriptionChangedEventArgs() {
|
|
4
|
+
this._implementation = this.createImplementation();
|
|
5
|
+
this._implementation.externalObject = this;
|
|
6
|
+
this.onImplementationCreated();
|
|
7
|
+
}
|
|
8
|
+
IgcPropertyEditorPropertyDescriptionChangedEventArgs.prototype.createImplementation = function () {
|
|
9
|
+
return new PropertyEditorPropertyDescriptionChangedEventArgs_internal();
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(IgcPropertyEditorPropertyDescriptionChangedEventArgs.prototype, "i", {
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
get: function () {
|
|
16
|
+
return this._implementation;
|
|
17
|
+
},
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true
|
|
20
|
+
});
|
|
21
|
+
IgcPropertyEditorPropertyDescriptionChangedEventArgs.prototype.onImplementationCreated = function () {
|
|
22
|
+
};
|
|
23
|
+
IgcPropertyEditorPropertyDescriptionChangedEventArgs.prototype._provideImplementation = function (i) {
|
|
24
|
+
this._implementation = i;
|
|
25
|
+
this._implementation.externalObject = this;
|
|
26
|
+
this.onImplementationCreated();
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(IgcPropertyEditorPropertyDescriptionChangedEventArgs.prototype, "newValue", {
|
|
29
|
+
get: function () {
|
|
30
|
+
return this.i.newValue;
|
|
31
|
+
},
|
|
32
|
+
set: function (v) {
|
|
33
|
+
this.i.newValue = v;
|
|
34
|
+
},
|
|
35
|
+
enumerable: true,
|
|
36
|
+
configurable: true
|
|
37
|
+
});
|
|
38
|
+
return IgcPropertyEditorPropertyDescriptionChangedEventArgs;
|
|
39
|
+
}());
|
|
40
|
+
export { IgcPropertyEditorPropertyDescriptionChangedEventArgs };
|