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.
Files changed (122) hide show
  1. package/bundles/igniteui-webcomponents-layouts.umd.js +4543 -141
  2. package/bundles/igniteui-webcomponents-layouts.umd.min.js +1 -1
  3. package/esm2015/lib/ExpansionPanelView_combined.js +23 -23
  4. package/esm2015/lib/HorizontalPropertyEditorPanelDataSource.js +24 -0
  5. package/esm2015/lib/PropertyEditorDataSource.js +7 -0
  6. package/esm2015/lib/PropertyEditorDescriptionObject.js +7 -0
  7. package/esm2015/lib/PropertyEditorDescriptionObjectCollection.js +7 -0
  8. package/esm2015/lib/PropertyEditorPanel.js +7 -0
  9. package/esm2015/lib/PropertyEditorPanelColumnDefinition.js +55 -0
  10. package/esm2015/lib/PropertyEditorPanelColumnFieldType.js +11 -0
  11. package/esm2015/lib/PropertyEditorPanelColumnType.js +11 -0
  12. package/esm2015/lib/PropertyEditorPanelDataBindingEventArgs.js +22 -0
  13. package/esm2015/lib/PropertyEditorPanelDropDownDataListItem.js +21 -0
  14. package/esm2015/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.js +22 -0
  15. package/esm2015/lib/PropertyEditorPanelView.js +7 -0
  16. package/esm2015/lib/PropertyEditorPanelView_combined.js +1664 -0
  17. package/esm2015/lib/PropertyEditorPropertyDescription.js +7 -0
  18. package/esm2015/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +16 -0
  19. package/esm2015/lib/PropertyEditorPropertyDescriptionChangedEventArgs.js +26 -0
  20. package/esm2015/lib/PropertyEditorPropertyDescriptionCollection.js +7 -0
  21. package/esm2015/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +40 -0
  22. package/esm2015/lib/PropertyEditorPropertyDescription_combined.js +522 -0
  23. package/esm2015/lib/PropertyEditorTreeTransformer.js +207 -0
  24. package/esm2015/lib/PropertyEditorValueType.js +36 -0
  25. package/esm2015/lib/{ExpansionPanel.js → XExpansionPanel.js} +1 -1
  26. package/esm2015/lib/igc-horizontal-property-editor-panel-data-source.js +48 -0
  27. package/esm2015/lib/igc-property-editor-data-source.js +39 -0
  28. package/esm2015/lib/igc-property-editor-description-object-collection.js +48 -0
  29. package/esm2015/lib/igc-property-editor-description-object.js +70 -0
  30. package/esm2015/lib/igc-property-editor-panel-component.js +446 -0
  31. package/esm2015/lib/igc-property-editor-panel-module.js +19 -0
  32. package/esm2015/lib/igc-property-editor-property-description-button-click-event-args.js +24 -0
  33. package/esm2015/lib/igc-property-editor-property-description-changed-event-args.js +30 -0
  34. package/esm2015/lib/igc-property-editor-property-description-collection.js +48 -0
  35. package/esm2015/lib/igc-property-editor-property-description-component.js +407 -0
  36. package/esm2015/lib/igc-property-editor-property-description-module.js +16 -0
  37. package/esm2015/lib/igc-property-editor-property-description-target-property-updating-event-args.js +42 -0
  38. package/esm2015/lib/{igc-expansion-panel-component.js → igc-x-expansion-panel-component.js} +16 -16
  39. package/esm2015/lib/{igc-expansion-panel-module.js → igc-x-expansion-panel-module.js} +7 -7
  40. package/esm2015/public_api.js +34 -3
  41. package/esm5/lib/ExpansionPanelView_combined.js +71 -71
  42. package/esm5/lib/HorizontalPropertyEditorPanelDataSource.js +26 -0
  43. package/esm5/lib/PropertyEditorDataSource.js +7 -0
  44. package/esm5/lib/PropertyEditorDescriptionObject.js +7 -0
  45. package/esm5/lib/PropertyEditorDescriptionObjectCollection.js +7 -0
  46. package/esm5/lib/PropertyEditorPanel.js +7 -0
  47. package/esm5/lib/PropertyEditorPanelColumnDefinition.js +57 -0
  48. package/esm5/lib/PropertyEditorPanelColumnFieldType.js +11 -0
  49. package/esm5/lib/PropertyEditorPanelColumnType.js +11 -0
  50. package/esm5/lib/PropertyEditorPanelDataBindingEventArgs.js +24 -0
  51. package/esm5/lib/PropertyEditorPanelDropDownDataListItem.js +23 -0
  52. package/esm5/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.js +24 -0
  53. package/esm5/lib/PropertyEditorPanelView.js +7 -0
  54. package/esm5/lib/PropertyEditorPanelView_combined.js +1814 -0
  55. package/esm5/lib/PropertyEditorPropertyDescription.js +7 -0
  56. package/esm5/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.js +20 -0
  57. package/esm5/lib/PropertyEditorPropertyDescriptionChangedEventArgs.js +32 -0
  58. package/esm5/lib/PropertyEditorPropertyDescriptionCollection.js +7 -0
  59. package/esm5/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.js +54 -0
  60. package/esm5/lib/PropertyEditorPropertyDescription_combined.js +605 -0
  61. package/esm5/lib/PropertyEditorTreeTransformer.js +209 -0
  62. package/esm5/lib/PropertyEditorValueType.js +36 -0
  63. package/esm5/lib/{ExpansionPanel.js → XExpansionPanel.js} +1 -1
  64. package/esm5/lib/igc-horizontal-property-editor-panel-data-source.js +53 -0
  65. package/esm5/lib/igc-property-editor-data-source.js +53 -0
  66. package/esm5/lib/igc-property-editor-description-object-collection.js +53 -0
  67. package/esm5/lib/igc-property-editor-description-object.js +84 -0
  68. package/esm5/lib/igc-property-editor-panel-component.js +546 -0
  69. package/esm5/lib/igc-property-editor-panel-module.js +23 -0
  70. package/esm5/lib/igc-property-editor-property-description-button-click-event-args.js +30 -0
  71. package/esm5/lib/igc-property-editor-property-description-changed-event-args.js +40 -0
  72. package/esm5/lib/igc-property-editor-property-description-collection.js +53 -0
  73. package/esm5/lib/igc-property-editor-property-description-component.js +500 -0
  74. package/esm5/lib/igc-property-editor-property-description-module.js +20 -0
  75. package/esm5/lib/igc-property-editor-property-description-target-property-updating-event-args.js +60 -0
  76. package/esm5/lib/{igc-expansion-panel-component.js → igc-x-expansion-panel-component.js} +62 -62
  77. package/esm5/lib/igc-x-expansion-panel-module.js +21 -0
  78. package/esm5/public_api.js +34 -3
  79. package/fesm2015/igniteui-webcomponents-layouts.js +3912 -45
  80. package/fesm5/igniteui-webcomponents-layouts.js +4510 -140
  81. package/lib/ExpansionPanelView_combined.d.ts +3 -3
  82. package/lib/HorizontalPropertyEditorPanelDataSource.d.ts +10 -0
  83. package/lib/PropertyEditorDataSource.d.ts +1 -0
  84. package/lib/PropertyEditorDescriptionObject.d.ts +1 -0
  85. package/lib/PropertyEditorDescriptionObjectCollection.d.ts +1 -0
  86. package/lib/PropertyEditorPanel.d.ts +1 -0
  87. package/lib/PropertyEditorPanelColumnDefinition.d.ts +22 -0
  88. package/lib/PropertyEditorPanelColumnFieldType.d.ts +12 -0
  89. package/lib/PropertyEditorPanelColumnType.d.ts +12 -0
  90. package/lib/PropertyEditorPanelDataBindingEventArgs.d.ts +10 -0
  91. package/lib/PropertyEditorPanelDropDownDataListItem.d.ts +9 -0
  92. package/lib/PropertyEditorPanelTemplateCellUpdatingEventArgs.d.ts +11 -0
  93. package/lib/PropertyEditorPanelView.d.ts +1 -0
  94. package/lib/PropertyEditorPanelView_combined.d.ts +210 -0
  95. package/lib/PropertyEditorPropertyDescription.d.ts +1 -0
  96. package/lib/PropertyEditorPropertyDescriptionButtonClickEventArgs.d.ts +7 -0
  97. package/lib/PropertyEditorPropertyDescriptionChangedEventArgs.d.ts +9 -0
  98. package/lib/PropertyEditorPropertyDescriptionCollection.d.ts +1 -0
  99. package/lib/PropertyEditorPropertyDescriptionTargetPropertyUpdatingEventArgs.d.ts +13 -0
  100. package/lib/PropertyEditorPropertyDescription_combined.d.ts +98 -0
  101. package/lib/PropertyEditorTreeTransformer.d.ts +17 -0
  102. package/lib/PropertyEditorValueType.d.ts +29 -0
  103. package/lib/XExpansionPanel.d.ts +1 -0
  104. package/lib/igc-horizontal-property-editor-panel-data-source.d.ts +8 -0
  105. package/lib/igc-property-editor-data-source.d.ts +16 -0
  106. package/lib/igc-property-editor-description-object-collection.d.ts +8 -0
  107. package/lib/igc-property-editor-description-object.d.ts +17 -0
  108. package/lib/igc-property-editor-panel-component.d.ts +101 -0
  109. package/lib/igc-property-editor-panel-module.d.ts +3 -0
  110. package/lib/igc-property-editor-property-description-button-click-event-args.d.ts +12 -0
  111. package/lib/igc-property-editor-property-description-changed-event-args.d.ts +13 -0
  112. package/lib/igc-property-editor-property-description-collection.d.ts +8 -0
  113. package/lib/igc-property-editor-property-description-component.d.ts +70 -0
  114. package/lib/igc-property-editor-property-description-module.d.ts +3 -0
  115. package/lib/igc-property-editor-property-description-target-property-updating-event-args.d.ts +15 -0
  116. package/lib/{igc-expansion-panel-component.d.ts → igc-x-expansion-panel-component.d.ts} +7 -7
  117. package/lib/igc-x-expansion-panel-module.d.ts +3 -0
  118. package/package.json +4 -4
  119. package/public_api.d.ts +34 -3
  120. package/esm5/lib/igc-expansion-panel-module.js +0 -21
  121. package/lib/ExpansionPanel.d.ts +0 -1
  122. 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 };