@vertexvis/ui-react 1.0.1-canary.0 → 1.0.1-canary.10

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 (8) hide show
  1. package/README.md +6 -6
  2. package/README.template.md +6 -6
  3. package/dist/bundle.cjs +66 -48
  4. package/dist/bundle.cjs.map +1 -1
  5. package/dist/bundle.js +89 -67
  6. package/dist/bundle.js.map +1 -1
  7. package/dist/generated/components.d.ts +17 -7
  8. package/package.json +18 -14
package/README.md CHANGED
@@ -26,7 +26,7 @@ import { defineCustomElements } from '@vertexvis/ui-react';
26
26
 
27
27
  function main() {
28
28
  defineCustomElement(window);
29
- ReactDom.render(<App />, document.querySelector("#app"));
29
+ ReactDom.render(<App />, document.querySelector('#app'));
30
30
  }
31
31
 
32
32
  main();
@@ -39,10 +39,10 @@ import React from 'react';
39
39
  import { VertexButton } from '@vertexvis/ui-react';
40
40
 
41
41
  export function App() {
42
- return (<div>
43
- <VertexButton color="primary">
44
- Button
45
- </VertexButton>
46
- </div>);
42
+ return (
43
+ <div>
44
+ <VertexButton color="primary">Button</VertexButton>
45
+ </div>
46
+ );
47
47
  }
48
48
  ```
package/README.template.md CHANGED
@@ -26,7 +26,7 @@ import { defineCustomElements } from '@vertexvis/ui-react';
26
26
 
27
27
  function main() {
28
28
  defineCustomElement(window);
29
- ReactDom.render(<App />, document.querySelector("#app"));
29
+ ReactDom.render(<App />, document.querySelector('#app'));
30
30
  }
31
31
 
32
32
  main();
@@ -39,10 +39,10 @@ import React from 'react';
39
39
  import { VertexButton } from '@vertexvis/ui-react';
40
40
 
41
41
  export function App() {
42
- return (<div>
43
- <VertexButton color="primary">
44
- Button
45
- </VertexButton>
46
- </div>);
42
+ return (
43
+ <div>
44
+ <VertexButton color="primary">Button</VertexButton>
45
+ </div>
46
+ );
47
47
  }
48
48
  ```
package/dist/bundle.cjs CHANGED
@@ -1,8 +1,6 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
4
  var runtime = require('@stencil/react-output-target/runtime');
7
5
  var React = require('react');
8
6
  var vertexAutoResizeTextarea_js = require('@vertexvis/ui/dist/components/vertex-auto-resize-textarea.js');
@@ -20,6 +18,8 @@ var vertexColorCirclePicker_js = require('@vertexvis/ui/dist/components/vertex-c
20
18
  var vertexColorPicker_js = require('@vertexvis/ui/dist/components/vertex-color-picker.js');
21
19
  var vertexColorSwatch_js = require('@vertexvis/ui/dist/components/vertex-color-swatch.js');
22
20
  var vertexContextMenu_js = require('@vertexvis/ui/dist/components/vertex-context-menu.js');
21
+ var vertexDialogPage_js = require('@vertexvis/ui/dist/components/vertex-dialog-page.js');
22
+ var vertexDialogPaged_js = require('@vertexvis/ui/dist/components/vertex-dialog-paged.js');
23
23
  var vertexDialog_js = require('@vertexvis/ui/dist/components/vertex-dialog.js');
24
24
  var vertexDraggablePopover_js = require('@vertexvis/ui/dist/components/vertex-draggable-popover.js');
25
25
  var vertexDropdownMenu_js = require('@vertexvis/ui/dist/components/vertex-dropdown-menu.js');
@@ -48,15 +48,11 @@ var vertexToggle_js = require('@vertexvis/ui/dist/components/vertex-toggle.js');
48
48
  var vertexTooltip_js = require('@vertexvis/ui/dist/components/vertex-tooltip.js');
49
49
  var loader = require('@vertexvis/ui/loader');
50
50
 
51
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
52
-
53
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
54
-
55
51
  const VertexAutoResizeTextarea = /*@__PURE__*/ runtime.createComponent({
56
52
  tagName: 'vertex-auto-resize-textarea',
57
53
  elementClass: vertexAutoResizeTextarea_js.VertexAutoResizeTextarea,
58
54
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
59
- react: React__default["default"],
55
+ react: React,
60
56
  events: {},
61
57
  defineCustomElement: vertexAutoResizeTextarea_js.defineCustomElement
62
58
  });
@@ -64,7 +60,7 @@ const VertexAvatar = /*@__PURE__*/ runtime.createComponent({
64
60
  tagName: 'vertex-avatar',
65
61
  elementClass: vertexAvatar_js.VertexAvatar,
66
62
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
67
- react: React__default["default"],
63
+ react: React,
68
64
  events: {},
69
65
  defineCustomElement: vertexAvatar_js.defineCustomElement
70
66
  });
@@ -72,7 +68,7 @@ const VertexAvatarGroup = /*@__PURE__*/ runtime.createComponent({
72
68
  tagName: 'vertex-avatar-group',
73
69
  elementClass: vertexAvatarGroup_js.VertexAvatarGroup,
74
70
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
75
- react: React__default["default"],
71
+ react: React,
76
72
  events: {},
77
73
  defineCustomElement: vertexAvatarGroup_js.defineCustomElement
78
74
  });
@@ -80,7 +76,7 @@ const VertexBadge = /*@__PURE__*/ runtime.createComponent({
80
76
  tagName: 'vertex-badge',
81
77
  elementClass: vertexBadge_js.VertexBadge,
82
78
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
83
- react: React__default["default"],
79
+ react: React,
84
80
  events: {},
85
81
  defineCustomElement: vertexBadge_js.defineCustomElement
86
82
  });
@@ -88,7 +84,7 @@ const VertexBanner = /*@__PURE__*/ runtime.createComponent({
88
84
  tagName: 'vertex-banner',
89
85
  elementClass: vertexBanner_js.VertexBanner,
90
86
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
91
- react: React__default["default"],
87
+ react: React,
92
88
  events: { onClosed: 'closed' },
93
89
  defineCustomElement: vertexBanner_js.defineCustomElement
94
90
  });
@@ -96,7 +92,7 @@ const VertexButton = /*@__PURE__*/ runtime.createComponent({
96
92
  tagName: 'vertex-button',
97
93
  elementClass: vertexButton_js.VertexButton,
98
94
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
99
- react: React__default["default"],
95
+ react: React,
100
96
  events: {},
101
97
  defineCustomElement: vertexButton_js.defineCustomElement
102
98
  });
@@ -104,7 +100,7 @@ const VertexCard = /*@__PURE__*/ runtime.createComponent({
104
100
  tagName: 'vertex-card',
105
101
  elementClass: vertexCard_js.VertexCard,
106
102
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
107
- react: React__default["default"],
103
+ react: React,
108
104
  events: { onContentClick: 'contentClick' },
109
105
  defineCustomElement: vertexCard_js.defineCustomElement
110
106
  });
@@ -112,7 +108,7 @@ const VertexCardGroup = /*@__PURE__*/ runtime.createComponent({
112
108
  tagName: 'vertex-card-group',
113
109
  elementClass: vertexCardGroup_js.VertexCardGroup,
114
110
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
115
- react: React__default["default"],
111
+ react: React,
116
112
  events: {},
117
113
  defineCustomElement: vertexCardGroup_js.defineCustomElement
118
114
  });
@@ -120,7 +116,7 @@ const VertexChip = /*@__PURE__*/ runtime.createComponent({
120
116
  tagName: 'vertex-chip',
121
117
  elementClass: vertexChip_js.VertexChip,
122
118
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
123
- react: React__default["default"],
119
+ react: React,
124
120
  events: {},
125
121
  defineCustomElement: vertexChip_js.defineCustomElement
126
122
  });
@@ -128,7 +124,7 @@ const VertexClickToEditTextfield = /*@__PURE__*/ runtime.createComponent({
128
124
  tagName: 'vertex-click-to-edit-textfield',
129
125
  elementClass: vertexClickToEditTextfield_js.VertexClickToEditTextfield,
130
126
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
131
- react: React__default["default"],
127
+ react: React,
132
128
  events: {
133
129
  onInputFocus: 'inputFocus',
134
130
  onInputBlur: 'inputBlur',
@@ -142,7 +138,7 @@ const VertexCollapsible = /*@__PURE__*/ runtime.createComponent({
142
138
  tagName: 'vertex-collapsible',
143
139
  elementClass: vertexCollapsible_js.VertexCollapsible,
144
140
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
145
- react: React__default["default"],
141
+ react: React,
146
142
  events: {},
147
143
  defineCustomElement: vertexCollapsible_js.defineCustomElement
148
144
  });
@@ -150,7 +146,7 @@ const VertexColorCirclePicker = /*@__PURE__*/ runtime.createComponent({
150
146
  tagName: 'vertex-color-circle-picker',
151
147
  elementClass: vertexColorCirclePicker_js.VertexColorCirclePicker,
152
148
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
153
- react: React__default["default"],
149
+ react: React,
154
150
  events: { onSelectionChanged: 'selectionChanged' },
155
151
  defineCustomElement: vertexColorCirclePicker_js.defineCustomElement
156
152
  });
@@ -158,7 +154,7 @@ const VertexColorPicker = /*@__PURE__*/ runtime.createComponent({
158
154
  tagName: 'vertex-color-picker',
159
155
  elementClass: vertexColorPicker_js.VertexColorPicker,
160
156
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
161
- react: React__default["default"],
157
+ react: React,
162
158
  events: {
163
159
  onValueInput: 'valueInput',
164
160
  onValueChanged: 'valueChanged'
@@ -169,7 +165,7 @@ const VertexColorSwatch = /*@__PURE__*/ runtime.createComponent({
169
165
  tagName: 'vertex-color-swatch',
170
166
  elementClass: vertexColorSwatch_js.VertexColorSwatch,
171
167
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
172
- react: React__default["default"],
168
+ react: React,
173
169
  events: {},
174
170
  defineCustomElement: vertexColorSwatch_js.defineCustomElement
175
171
  });
@@ -177,7 +173,7 @@ const VertexContextMenu = /*@__PURE__*/ runtime.createComponent({
177
173
  tagName: 'vertex-context-menu',
178
174
  elementClass: vertexContextMenu_js.VertexContextMenu,
179
175
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
180
- react: React__default["default"],
176
+ react: React,
181
177
  events: {
182
178
  onMenuOpened: 'menuOpened',
183
179
  onMenuClosed: 'menuClosed'
@@ -188,18 +184,37 @@ const VertexDialog = /*@__PURE__*/ runtime.createComponent({
188
184
  tagName: 'vertex-dialog',
189
185
  elementClass: vertexDialog_js.VertexDialog,
190
186
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
191
- react: React__default["default"],
187
+ react: React,
192
188
  events: {
193
189
  onBackdropClick: 'backdropClick',
194
190
  onClosed: 'closed'
195
191
  },
196
192
  defineCustomElement: vertexDialog_js.defineCustomElement
197
193
  });
194
+ const VertexDialogPage = /*@__PURE__*/ runtime.createComponent({
195
+ tagName: 'vertex-dialog-page',
196
+ elementClass: vertexDialogPage_js.VertexDialogPage,
197
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
198
+ react: React,
199
+ events: {},
200
+ defineCustomElement: vertexDialogPage_js.defineCustomElement
201
+ });
202
+ const VertexDialogPaged = /*@__PURE__*/ runtime.createComponent({
203
+ tagName: 'vertex-dialog-paged',
204
+ elementClass: vertexDialogPaged_js.VertexDialogPaged,
205
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
206
+ react: React,
207
+ events: {
208
+ onBackdropClick: 'backdropClick',
209
+ onClosed: 'closed'
210
+ },
211
+ defineCustomElement: vertexDialogPaged_js.defineCustomElement
212
+ });
198
213
  const VertexDraggablePopover = /*@__PURE__*/ runtime.createComponent({
199
214
  tagName: 'vertex-draggable-popover',
200
215
  elementClass: vertexDraggablePopover_js.VertexDraggablePopover,
201
216
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
202
- react: React__default["default"],
217
+ react: React,
203
218
  events: { onPositionChanged: 'positionChanged' },
204
219
  defineCustomElement: vertexDraggablePopover_js.defineCustomElement
205
220
  });
@@ -207,7 +222,7 @@ const VertexDropdownMenu = /*@__PURE__*/ runtime.createComponent({
207
222
  tagName: 'vertex-dropdown-menu',
208
223
  elementClass: vertexDropdownMenu_js.VertexDropdownMenu,
209
224
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
210
- react: React__default["default"],
225
+ react: React,
211
226
  events: {
212
227
  onMenuOpened: 'menuOpened',
213
228
  onMenuClosed: 'menuClosed'
@@ -218,7 +233,7 @@ const VertexExpandable = /*@__PURE__*/ runtime.createComponent({
218
233
  tagName: 'vertex-expandable',
219
234
  elementClass: vertexExpandable_js.VertexExpandable,
220
235
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
221
- react: React__default["default"],
236
+ react: React,
222
237
  events: {
223
238
  onExpand: 'expand',
224
239
  onCollapse: 'collapse'
@@ -229,7 +244,7 @@ const VertexHelpTooltip = /*@__PURE__*/ runtime.createComponent({
229
244
  tagName: 'vertex-help-tooltip',
230
245
  elementClass: vertexHelpTooltip_js.VertexHelpTooltip,
231
246
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
232
- react: React__default["default"],
247
+ react: React,
233
248
  events: {
234
249
  onMenuOpened: 'menuOpened',
235
250
  onMenuClosed: 'menuClosed'
@@ -240,7 +255,7 @@ const VertexIcon = /*@__PURE__*/ runtime.createComponent({
240
255
  tagName: 'vertex-icon',
241
256
  elementClass: vertexIcon_js.VertexIcon,
242
257
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
243
- react: React__default["default"],
258
+ react: React,
244
259
  events: {},
245
260
  defineCustomElement: vertexIcon_js.defineCustomElement
246
261
  });
@@ -248,7 +263,7 @@ const VertexIconButton = /*@__PURE__*/ runtime.createComponent({
248
263
  tagName: 'vertex-icon-button',
249
264
  elementClass: vertexIconButton_js.VertexIconButton,
250
265
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
251
- react: React__default["default"],
266
+ react: React,
252
267
  events: {},
253
268
  defineCustomElement: vertexIconButton_js.defineCustomElement
254
269
  });
@@ -256,7 +271,7 @@ const VertexLogoLoading = /*@__PURE__*/ runtime.createComponent({
256
271
  tagName: 'vertex-logo-loading',
257
272
  elementClass: vertexLogoLoading_js.VertexLogoLoading,
258
273
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
259
- react: React__default["default"],
274
+ react: React,
260
275
  events: {},
261
276
  defineCustomElement: vertexLogoLoading_js.defineCustomElement
262
277
  });
@@ -264,7 +279,7 @@ const VertexMenu = /*@__PURE__*/ runtime.createComponent({
264
279
  tagName: 'vertex-menu',
265
280
  elementClass: vertexMenu_js.VertexMenu,
266
281
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
267
- react: React__default["default"],
282
+ react: React,
268
283
  events: { onMenuClosed: 'menuClosed' },
269
284
  defineCustomElement: vertexMenu_js.defineCustomElement
270
285
  });
@@ -272,7 +287,7 @@ const VertexMenuDivider = /*@__PURE__*/ runtime.createComponent({
272
287
  tagName: 'vertex-menu-divider',
273
288
  elementClass: vertexMenuDivider_js.VertexMenuDivider,
274
289
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
275
- react: React__default["default"],
290
+ react: React,
276
291
  events: {},
277
292
  defineCustomElement: vertexMenuDivider_js.defineCustomElement
278
293
  });
@@ -280,7 +295,7 @@ const VertexMenuItem = /*@__PURE__*/ runtime.createComponent({
280
295
  tagName: 'vertex-menu-item',
281
296
  elementClass: vertexMenuItem_js.VertexMenuItem,
282
297
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
283
- react: React__default["default"],
298
+ react: React,
284
299
  events: {},
285
300
  defineCustomElement: vertexMenuItem_js.defineCustomElement
286
301
  });
@@ -288,7 +303,7 @@ const VertexPopover = /*@__PURE__*/ runtime.createComponent({
288
303
  tagName: 'vertex-popover',
289
304
  elementClass: vertexPopover_js.VertexPopover,
290
305
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
291
- react: React__default["default"],
306
+ react: React,
292
307
  events: { onDismissed: 'dismissed' },
293
308
  defineCustomElement: vertexPopover_js.defineCustomElement
294
309
  });
@@ -296,7 +311,7 @@ const VertexRadio = /*@__PURE__*/ runtime.createComponent({
296
311
  tagName: 'vertex-radio',
297
312
  elementClass: vertexRadio_js.VertexRadio,
298
313
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
299
- react: React__default["default"],
314
+ react: React,
300
315
  events: { onValueChanged: 'valueChanged' },
301
316
  defineCustomElement: vertexRadio_js.defineCustomElement
302
317
  });
@@ -304,7 +319,7 @@ const VertexRadioGroup = /*@__PURE__*/ runtime.createComponent({
304
319
  tagName: 'vertex-radio-group',
305
320
  elementClass: vertexRadioGroup_js.VertexRadioGroup,
306
321
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
307
- react: React__default["default"],
322
+ react: React,
308
323
  events: { onValueChanged: 'valueChanged' },
309
324
  defineCustomElement: vertexRadioGroup_js.defineCustomElement
310
325
  });
@@ -312,7 +327,7 @@ const VertexResizable = /*@__PURE__*/ runtime.createComponent({
312
327
  tagName: 'vertex-resizable',
313
328
  elementClass: vertexResizable_js.VertexResizable,
314
329
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
315
- react: React__default["default"],
330
+ react: React,
316
331
  events: {
317
332
  onResizeStart: 'resizeStart',
318
333
  onResizeEnd: 'resizeEnd'
@@ -323,7 +338,7 @@ const VertexResultList = /*@__PURE__*/ runtime.createComponent({
323
338
  tagName: 'vertex-result-list',
324
339
  elementClass: vertexResultList_js.VertexResultList,
325
340
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
326
- react: React__default["default"],
341
+ react: React,
327
342
  events: {
328
343
  onEnterPressed: 'enterPressed',
329
344
  onResultClick: 'resultClick'
@@ -334,9 +349,10 @@ const VertexSearchBar = /*@__PURE__*/ runtime.createComponent({
334
349
  tagName: 'vertex-search-bar',
335
350
  elementClass: vertexSearchBar_js.VertexSearchBar,
336
351
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
337
- react: React__default["default"],
352
+ react: React,
338
353
  events: {
339
354
  onSearchChanged: 'searchChanged',
355
+ onSearchCleared: 'searchCleared',
340
356
  onInputChanged: 'inputChanged',
341
357
  onResultReplaced: 'resultReplaced',
342
358
  onInputFocus: 'inputFocus',
@@ -348,7 +364,7 @@ const VertexSelect = /*@__PURE__*/ runtime.createComponent({
348
364
  tagName: 'vertex-select',
349
365
  elementClass: vertexSelect_js.VertexSelect,
350
366
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
351
- react: React__default["default"],
367
+ react: React,
352
368
  events: { onOptionChanged: 'optionChanged' },
353
369
  defineCustomElement: vertexSelect_js.defineCustomElement
354
370
  });
@@ -356,7 +372,7 @@ const VertexSlider = /*@__PURE__*/ runtime.createComponent({
356
372
  tagName: 'vertex-slider',
357
373
  elementClass: vertexSlider_js.VertexSlider,
358
374
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
359
- react: React__default["default"],
375
+ react: React,
360
376
  events: {
361
377
  onValueChange: 'valueChange',
362
378
  onValueInput: 'valueInput'
@@ -367,7 +383,7 @@ const VertexSpinner = /*@__PURE__*/ runtime.createComponent({
367
383
  tagName: 'vertex-spinner',
368
384
  elementClass: vertexSpinner_js.VertexSpinner,
369
385
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
370
- react: React__default["default"],
386
+ react: React,
371
387
  events: {},
372
388
  defineCustomElement: vertexSpinner_js.defineCustomElement
373
389
  });
@@ -375,7 +391,7 @@ const VertexTab = /*@__PURE__*/ runtime.createComponent({
375
391
  tagName: 'vertex-tab',
376
392
  elementClass: vertexTab_js.VertexTab,
377
393
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
378
- react: React__default["default"],
394
+ react: React,
379
395
  events: { onTabClick: 'tabClick' },
380
396
  defineCustomElement: vertexTab_js.defineCustomElement
381
397
  });
@@ -383,7 +399,7 @@ const VertexTabs = /*@__PURE__*/ runtime.createComponent({
383
399
  tagName: 'vertex-tabs',
384
400
  elementClass: vertexTabs_js.VertexTabs,
385
401
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
386
- react: React__default["default"],
402
+ react: React,
387
403
  events: { onSelectedTabChanged: 'selectedTabChanged' },
388
404
  defineCustomElement: vertexTabs_js.defineCustomElement
389
405
  });
@@ -391,7 +407,7 @@ const VertexTextfield = /*@__PURE__*/ runtime.createComponent({
391
407
  tagName: 'vertex-textfield',
392
408
  elementClass: vertexTextfield_js.VertexTextfield,
393
409
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
394
- react: React__default["default"],
410
+ react: React,
395
411
  events: {
396
412
  onInputFocus: 'inputFocus',
397
413
  onInputBlur: 'inputBlur',
@@ -406,7 +422,7 @@ const VertexToast = /*@__PURE__*/ runtime.createComponent({
406
422
  tagName: 'vertex-toast',
407
423
  elementClass: vertexToast_js.VertexToast,
408
424
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
409
- react: React__default["default"],
425
+ react: React,
410
426
  events: { onClosed: 'closed' },
411
427
  defineCustomElement: vertexToast_js.defineCustomElement
412
428
  });
@@ -414,7 +430,7 @@ const VertexToggle = /*@__PURE__*/ runtime.createComponent({
414
430
  tagName: 'vertex-toggle',
415
431
  elementClass: vertexToggle_js.VertexToggle,
416
432
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
417
- react: React__default["default"],
433
+ react: React,
418
434
  events: { onValueChanged: 'valueChanged' },
419
435
  defineCustomElement: vertexToggle_js.defineCustomElement
420
436
  });
@@ -422,7 +438,7 @@ const VertexTooltip = /*@__PURE__*/ runtime.createComponent({
422
438
  tagName: 'vertex-tooltip',
423
439
  elementClass: vertexTooltip_js.VertexTooltip,
424
440
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
425
- react: React__default["default"],
441
+ react: React,
426
442
  events: {},
427
443
  defineCustomElement: vertexTooltip_js.defineCustomElement
428
444
  });
@@ -443,6 +459,8 @@ exports.VertexColorPicker = VertexColorPicker;
443
459
  exports.VertexColorSwatch = VertexColorSwatch;
444
460
  exports.VertexContextMenu = VertexContextMenu;
445
461
  exports.VertexDialog = VertexDialog;
462
+ exports.VertexDialogPage = VertexDialogPage;
463
+ exports.VertexDialogPaged = VertexDialogPaged;
446
464
  exports.VertexDraggablePopover = VertexDraggablePopover;
447
465
  exports.VertexDropdownMenu = VertexDropdownMenu;
448
466
  exports.VertexExpandable = VertexExpandable;
@@ -469,7 +487,7 @@ exports.VertexToast = VertexToast;
469
487
  exports.VertexToggle = VertexToggle;
470
488
  exports.VertexTooltip = VertexTooltip;
471
489
  Object.keys(loader).forEach(function (k) {
472
- if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
490
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
473
491
  enumerable: true,
474
492
  get: function () { return loader[k]; }
475
493
  });