legalesign-document-viewer-react 0.0.6 → 0.0.8

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.
@@ -1,5 +1,15 @@
1
1
  'use client';
2
+
3
+ /**
4
+ * This file was automatically generated by the Stencil React Output Target.
5
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
6
+ */
7
+
8
+ /* eslint-disable */
9
+
10
+ import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
2
11
  import { createComponent } from '@stencil/react-output-target/runtime';
12
+ import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFormatCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantManagerCustomEvent } from "legalesign-document-viewer";
3
13
  import { LsDocumentOptions as LsDocumentOptionsElement, defineCustomElement as defineLsDocumentOptions } from "legalesign-document-viewer/dist/components/ls-document-options.js";
4
14
  import { LsDocumentViewer as LsDocumentViewerElement, defineCustomElement as defineLsDocumentViewer } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
5
15
  import { LsEditorField as LsEditorFieldElement, defineCustomElement as defineLsEditorField } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
@@ -30,15 +40,27 @@ import { LsTextareaInput as LsTextareaInputElement, defineCustomElement as defin
30
40
  import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
31
41
  import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineLsToolboxField } from "legalesign-document-viewer/dist/components/ls-toolbox-field.js";
32
42
  import React from 'react';
33
- export const LsDocumentOptions = /*@__PURE__*/ createComponent({
43
+
44
+ export type LsDocumentOptionsEvents = NonNullable<unknown>;
45
+
46
+ export const LsDocumentOptions: StencilReactComponent<LsDocumentOptionsElement, LsDocumentOptionsEvents> = /*@__PURE__*/ createComponent<LsDocumentOptionsElement, LsDocumentOptionsEvents>({
34
47
  tagName: 'ls-document-options',
35
48
  elementClass: LsDocumentOptionsElement,
36
49
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
37
50
  react: React,
38
- events: {},
51
+ events: {} as LsDocumentOptionsEvents,
39
52
  defineCustomElement: defineLsDocumentOptions
40
53
  });
41
- export const LsDocumentViewer = /*@__PURE__*/ createComponent({
54
+
55
+ export type LsDocumentViewerEvents = {
56
+ onPageRendered: EventName<CustomEvent<number>>,
57
+ onPageChange: EventName<CustomEvent<number>>,
58
+ onSelectFields: EventName<LsDocumentViewerCustomEvent<LSApiElement[]>>,
59
+ onMutate: EventName<LsDocumentViewerCustomEvent<LSMutateEvent[]>>,
60
+ onUpdate: EventName<LsDocumentViewerCustomEvent<LSMutateEvent[]>>
61
+ };
62
+
63
+ export const LsDocumentViewer: StencilReactComponent<LsDocumentViewerElement, LsDocumentViewerEvents> = /*@__PURE__*/ createComponent<LsDocumentViewerElement, LsDocumentViewerEvents>({
42
64
  tagName: 'ls-document-viewer',
43
65
  elementClass: LsDocumentViewerElement,
44
66
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -49,34 +71,49 @@ export const LsDocumentViewer = /*@__PURE__*/ createComponent({
49
71
  onSelectFields: 'selectFields',
50
72
  onMutate: 'mutate',
51
73
  onUpdate: 'update'
52
- },
74
+ } as LsDocumentViewerEvents,
53
75
  defineCustomElement: defineLsDocumentViewer
54
76
  });
55
- export const LsEditorField = /*@__PURE__*/ createComponent({
77
+
78
+ export type LsEditorFieldEvents = NonNullable<unknown>;
79
+
80
+ export const LsEditorField: StencilReactComponent<LsEditorFieldElement, LsEditorFieldEvents> = /*@__PURE__*/ createComponent<LsEditorFieldElement, LsEditorFieldEvents>({
56
81
  tagName: 'ls-editor-field',
57
82
  elementClass: LsEditorFieldElement,
58
83
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
59
84
  react: React,
60
- events: {},
85
+ events: {} as LsEditorFieldEvents,
61
86
  defineCustomElement: defineLsEditorField
62
87
  });
63
- export const LsEditorTable = /*@__PURE__*/ createComponent({
88
+
89
+ export type LsEditorTableEvents = NonNullable<unknown>;
90
+
91
+ export const LsEditorTable: StencilReactComponent<LsEditorTableElement, LsEditorTableEvents> = /*@__PURE__*/ createComponent<LsEditorTableElement, LsEditorTableEvents>({
64
92
  tagName: 'ls-editor-table',
65
93
  elementClass: LsEditorTableElement,
66
94
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
67
95
  react: React,
68
- events: {},
96
+ events: {} as LsEditorTableEvents,
69
97
  defineCustomElement: defineLsEditorTable
70
98
  });
71
- export const LsFeatureColumn = /*@__PURE__*/ createComponent({
99
+
100
+ export type LsFeatureColumnEvents = { onManage: EventName<CustomEvent<'document' | 'toolbox' | 'participant'>> };
101
+
102
+ export const LsFeatureColumn: StencilReactComponent<LsFeatureColumnElement, LsFeatureColumnEvents> = /*@__PURE__*/ createComponent<LsFeatureColumnElement, LsFeatureColumnEvents>({
72
103
  tagName: 'ls-feature-column',
73
104
  elementClass: LsFeatureColumnElement,
74
105
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
75
106
  react: React,
76
- events: { onManage: 'manage' },
107
+ events: { onManage: 'manage' } as LsFeatureColumnEvents,
77
108
  defineCustomElement: defineLsFeatureColumn
78
109
  });
79
- export const LsFieldAlignment = /*@__PURE__*/ createComponent({
110
+
111
+ export type LsFieldAlignmentEvents = {
112
+ onMutate: EventName<LsFieldAlignmentCustomEvent<LSMutateEvent[]>>,
113
+ onUpdate: EventName<LsFieldAlignmentCustomEvent<LSMutateEvent[]>>
114
+ };
115
+
116
+ export const LsFieldAlignment: StencilReactComponent<LsFieldAlignmentElement, LsFieldAlignmentEvents> = /*@__PURE__*/ createComponent<LsFieldAlignmentElement, LsFieldAlignmentEvents>({
80
117
  tagName: 'ls-field-alignment',
81
118
  elementClass: LsFieldAlignmentElement,
82
119
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -84,10 +121,16 @@ export const LsFieldAlignment = /*@__PURE__*/ createComponent({
84
121
  events: {
85
122
  onMutate: 'mutate',
86
123
  onUpdate: 'update'
87
- },
124
+ } as LsFieldAlignmentEvents,
88
125
  defineCustomElement: defineLsFieldAlignment
89
126
  });
90
- export const LsFieldDimensions = /*@__PURE__*/ createComponent({
127
+
128
+ export type LsFieldDimensionsEvents = {
129
+ onMutate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>,
130
+ onUpdate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>
131
+ };
132
+
133
+ export const LsFieldDimensions: StencilReactComponent<LsFieldDimensionsElement, LsFieldDimensionsEvents> = /*@__PURE__*/ createComponent<LsFieldDimensionsElement, LsFieldDimensionsEvents>({
91
134
  tagName: 'ls-field-dimensions',
92
135
  elementClass: LsFieldDimensionsElement,
93
136
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -95,10 +138,16 @@ export const LsFieldDimensions = /*@__PURE__*/ createComponent({
95
138
  events: {
96
139
  onMutate: 'mutate',
97
140
  onUpdate: 'update'
98
- },
141
+ } as LsFieldDimensionsEvents,
99
142
  defineCustomElement: defineLsFieldDimensions
100
143
  });
101
- export const LsFieldDistribute = /*@__PURE__*/ createComponent({
144
+
145
+ export type LsFieldDistributeEvents = {
146
+ onMutate: EventName<LsFieldDistributeCustomEvent<LSMutateEvent[]>>,
147
+ onUpdate: EventName<LsFieldDistributeCustomEvent<LSMutateEvent[]>>
148
+ };
149
+
150
+ export const LsFieldDistribute: StencilReactComponent<LsFieldDistributeElement, LsFieldDistributeEvents> = /*@__PURE__*/ createComponent<LsFieldDistributeElement, LsFieldDistributeEvents>({
102
151
  tagName: 'ls-field-distribute',
103
152
  elementClass: LsFieldDistributeElement,
104
153
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -106,10 +155,16 @@ export const LsFieldDistribute = /*@__PURE__*/ createComponent({
106
155
  events: {
107
156
  onMutate: 'mutate',
108
157
  onUpdate: 'update'
109
- },
158
+ } as LsFieldDistributeEvents,
110
159
  defineCustomElement: defineLsFieldDistribute
111
160
  });
112
- export const LsFieldFormat = /*@__PURE__*/ createComponent({
161
+
162
+ export type LsFieldFormatEvents = {
163
+ onMutate: EventName<LsFieldFormatCustomEvent<LSMutateEvent[]>>,
164
+ onUpdate: EventName<LsFieldFormatCustomEvent<LSMutateEvent[]>>
165
+ };
166
+
167
+ export const LsFieldFormat: StencilReactComponent<LsFieldFormatElement, LsFieldFormatEvents> = /*@__PURE__*/ createComponent<LsFieldFormatElement, LsFieldFormatEvents>({
113
168
  tagName: 'ls-field-format',
114
169
  elementClass: LsFieldFormatElement,
115
170
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -117,66 +172,93 @@ export const LsFieldFormat = /*@__PURE__*/ createComponent({
117
172
  events: {
118
173
  onMutate: 'mutate',
119
174
  onUpdate: 'update'
120
- },
175
+ } as LsFieldFormatEvents,
121
176
  defineCustomElement: defineLsFieldFormat
122
177
  });
123
- export const LsFieldProperties = /*@__PURE__*/ createComponent({
178
+
179
+ export type LsFieldPropertiesEvents = NonNullable<unknown>;
180
+
181
+ export const LsFieldProperties: StencilReactComponent<LsFieldPropertiesElement, LsFieldPropertiesEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesElement, LsFieldPropertiesEvents>({
124
182
  tagName: 'ls-field-properties',
125
183
  elementClass: LsFieldPropertiesElement,
126
184
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
127
185
  react: React,
128
- events: {},
186
+ events: {} as LsFieldPropertiesEvents,
129
187
  defineCustomElement: defineLsFieldProperties
130
188
  });
131
- export const LsFieldPropertiesDate = /*@__PURE__*/ createComponent({
189
+
190
+ export type LsFieldPropertiesDateEvents = NonNullable<unknown>;
191
+
192
+ export const LsFieldPropertiesDate: StencilReactComponent<LsFieldPropertiesDateElement, LsFieldPropertiesDateEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesDateElement, LsFieldPropertiesDateEvents>({
132
193
  tagName: 'ls-field-properties-date',
133
194
  elementClass: LsFieldPropertiesDateElement,
134
195
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
135
196
  react: React,
136
- events: {},
197
+ events: {} as LsFieldPropertiesDateEvents,
137
198
  defineCustomElement: defineLsFieldPropertiesDate
138
199
  });
139
- export const LsFieldPropertiesGeneral = /*@__PURE__*/ createComponent({
200
+
201
+ export type LsFieldPropertiesGeneralEvents = NonNullable<unknown>;
202
+
203
+ export const LsFieldPropertiesGeneral: StencilReactComponent<LsFieldPropertiesGeneralElement, LsFieldPropertiesGeneralEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesGeneralElement, LsFieldPropertiesGeneralEvents>({
140
204
  tagName: 'ls-field-properties-general',
141
205
  elementClass: LsFieldPropertiesGeneralElement,
142
206
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
143
207
  react: React,
144
- events: {},
208
+ events: {} as LsFieldPropertiesGeneralEvents,
145
209
  defineCustomElement: defineLsFieldPropertiesGeneral
146
210
  });
147
- export const LsFieldPropertiesMultiple = /*@__PURE__*/ createComponent({
211
+
212
+ export type LsFieldPropertiesMultipleEvents = NonNullable<unknown>;
213
+
214
+ export const LsFieldPropertiesMultiple: StencilReactComponent<LsFieldPropertiesMultipleElement, LsFieldPropertiesMultipleEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesMultipleElement, LsFieldPropertiesMultipleEvents>({
148
215
  tagName: 'ls-field-properties-multiple',
149
216
  elementClass: LsFieldPropertiesMultipleElement,
150
217
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
151
218
  react: React,
152
- events: {},
219
+ events: {} as LsFieldPropertiesMultipleEvents,
153
220
  defineCustomElement: defineLsFieldPropertiesMultiple
154
221
  });
155
- export const LsFieldPropertiesNumber = /*@__PURE__*/ createComponent({
222
+
223
+ export type LsFieldPropertiesNumberEvents = NonNullable<unknown>;
224
+
225
+ export const LsFieldPropertiesNumber: StencilReactComponent<LsFieldPropertiesNumberElement, LsFieldPropertiesNumberEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesNumberElement, LsFieldPropertiesNumberEvents>({
156
226
  tagName: 'ls-field-properties-number',
157
227
  elementClass: LsFieldPropertiesNumberElement,
158
228
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
159
229
  react: React,
160
- events: {},
230
+ events: {} as LsFieldPropertiesNumberEvents,
161
231
  defineCustomElement: defineLsFieldPropertiesNumber
162
232
  });
163
- export const LsFieldPropertiesSignature = /*@__PURE__*/ createComponent({
233
+
234
+ export type LsFieldPropertiesSignatureEvents = NonNullable<unknown>;
235
+
236
+ export const LsFieldPropertiesSignature: StencilReactComponent<LsFieldPropertiesSignatureElement, LsFieldPropertiesSignatureEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesSignatureElement, LsFieldPropertiesSignatureEvents>({
164
237
  tagName: 'ls-field-properties-signature',
165
238
  elementClass: LsFieldPropertiesSignatureElement,
166
239
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
167
240
  react: React,
168
- events: {},
241
+ events: {} as LsFieldPropertiesSignatureEvents,
169
242
  defineCustomElement: defineLsFieldPropertiesSignature
170
243
  });
171
- export const LsFieldPropertiesText = /*@__PURE__*/ createComponent({
244
+
245
+ export type LsFieldPropertiesTextEvents = NonNullable<unknown>;
246
+
247
+ export const LsFieldPropertiesText: StencilReactComponent<LsFieldPropertiesTextElement, LsFieldPropertiesTextEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesTextElement, LsFieldPropertiesTextEvents>({
172
248
  tagName: 'ls-field-properties-text',
173
249
  elementClass: LsFieldPropertiesTextElement,
174
250
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
175
251
  react: React,
176
- events: {},
252
+ events: {} as LsFieldPropertiesTextEvents,
177
253
  defineCustomElement: defineLsFieldPropertiesText
178
254
  });
179
- export const LsFieldSize = /*@__PURE__*/ createComponent({
255
+
256
+ export type LsFieldSizeEvents = {
257
+ onMutate: EventName<LsFieldSizeCustomEvent<LSMutateEvent[]>>,
258
+ onUpdate: EventName<LsFieldSizeCustomEvent<LSMutateEvent[]>>
259
+ };
260
+
261
+ export const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFieldSizeEvents> = /*@__PURE__*/ createComponent<LsFieldSizeElement, LsFieldSizeEvents>({
180
262
  tagName: 'ls-field-size',
181
263
  elementClass: LsFieldSizeElement,
182
264
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -184,34 +266,49 @@ export const LsFieldSize = /*@__PURE__*/ createComponent({
184
266
  events: {
185
267
  onMutate: 'mutate',
186
268
  onUpdate: 'update'
187
- },
269
+ } as LsFieldSizeEvents,
188
270
  defineCustomElement: defineLsFieldSize
189
271
  });
190
- export const LsFormfield = /*@__PURE__*/ createComponent({
272
+
273
+ export type LsFormfieldEvents = NonNullable<unknown>;
274
+
275
+ export const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents> = /*@__PURE__*/ createComponent<LsFormfieldElement, LsFormfieldEvents>({
191
276
  tagName: 'ls-formfield',
192
277
  elementClass: LsFormfieldElement,
193
278
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
194
279
  react: React,
195
- events: {},
280
+ events: {} as LsFormfieldEvents,
196
281
  defineCustomElement: defineLsFormfield
197
282
  });
198
- export const LsIcon = /*@__PURE__*/ createComponent({
283
+
284
+ export type LsIconEvents = NonNullable<unknown>;
285
+
286
+ export const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents> = /*@__PURE__*/ createComponent<LsIconElement, LsIconEvents>({
199
287
  tagName: 'ls-icon',
200
288
  elementClass: LsIconElement,
201
289
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
202
290
  react: React,
203
- events: {},
291
+ events: {} as LsIconEvents,
204
292
  defineCustomElement: defineLsIcon
205
293
  });
206
- export const LsNumberInput = /*@__PURE__*/ createComponent({
294
+
295
+ export type LsNumberInputEvents = NonNullable<unknown>;
296
+
297
+ export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents> = /*@__PURE__*/ createComponent<LsNumberInputElement, LsNumberInputEvents>({
207
298
  tagName: 'ls-number-input',
208
299
  elementClass: LsNumberInputElement,
209
300
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
210
301
  react: React,
211
- events: {},
302
+ events: {} as LsNumberInputEvents,
212
303
  defineCustomElement: defineLsNumberInput
213
304
  });
214
- export const LsParticipantManager = /*@__PURE__*/ createComponent({
305
+
306
+ export type LsParticipantManagerEvents = {
307
+ onMutate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>,
308
+ onUpdate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>
309
+ };
310
+
311
+ export const LsParticipantManager: StencilReactComponent<LsParticipantManagerElement, LsParticipantManagerEvents> = /*@__PURE__*/ createComponent<LsParticipantManagerElement, LsParticipantManagerEvents>({
215
312
  tagName: 'ls-participant-manager',
216
313
  elementClass: LsParticipantManagerElement,
217
314
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -219,70 +316,94 @@ export const LsParticipantManager = /*@__PURE__*/ createComponent({
219
316
  events: {
220
317
  onMutate: 'mutate',
221
318
  onUpdate: 'update'
222
- },
319
+ } as LsParticipantManagerEvents,
223
320
  defineCustomElement: defineLsParticipantManager
224
321
  });
225
- export const LsParticipantSelect = /*@__PURE__*/ createComponent({
322
+
323
+ export type LsParticipantSelectEvents = NonNullable<unknown>;
324
+
325
+ export const LsParticipantSelect: StencilReactComponent<LsParticipantSelectElement, LsParticipantSelectEvents> = /*@__PURE__*/ createComponent<LsParticipantSelectElement, LsParticipantSelectEvents>({
226
326
  tagName: 'ls-participant-select',
227
327
  elementClass: LsParticipantSelectElement,
228
328
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
229
329
  react: React,
230
- events: {},
330
+ events: {} as LsParticipantSelectEvents,
231
331
  defineCustomElement: defineLsParticipantSelect
232
332
  });
233
- export const LsRadioInput = /*@__PURE__*/ createComponent({
333
+
334
+ export type LsRadioInputEvents = NonNullable<unknown>;
335
+
336
+ export const LsRadioInput: StencilReactComponent<LsRadioInputElement, LsRadioInputEvents> = /*@__PURE__*/ createComponent<LsRadioInputElement, LsRadioInputEvents>({
234
337
  tagName: 'ls-radio-input',
235
338
  elementClass: LsRadioInputElement,
236
339
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
237
340
  react: React,
238
- events: {},
341
+ events: {} as LsRadioInputEvents,
239
342
  defineCustomElement: defineLsRadioInput
240
343
  });
241
- export const LsSelectInput = /*@__PURE__*/ createComponent({
344
+
345
+ export type LsSelectInputEvents = NonNullable<unknown>;
346
+
347
+ export const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelectInputEvents> = /*@__PURE__*/ createComponent<LsSelectInputElement, LsSelectInputEvents>({
242
348
  tagName: 'ls-select-input',
243
349
  elementClass: LsSelectInputElement,
244
350
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
245
351
  react: React,
246
- events: {},
352
+ events: {} as LsSelectInputEvents,
247
353
  defineCustomElement: defineLsSelectInput
248
354
  });
249
- export const LsStatusbar = /*@__PURE__*/ createComponent({
355
+
356
+ export type LsStatusbarEvents = NonNullable<unknown>;
357
+
358
+ export const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarEvents> = /*@__PURE__*/ createComponent<LsStatusbarElement, LsStatusbarEvents>({
250
359
  tagName: 'ls-statusbar',
251
360
  elementClass: LsStatusbarElement,
252
361
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
253
362
  react: React,
254
- events: {},
363
+ events: {} as LsStatusbarEvents,
255
364
  defineCustomElement: defineLsStatusbar
256
365
  });
257
- export const LsTextInput = /*@__PURE__*/ createComponent({
366
+
367
+ export type LsTextInputEvents = NonNullable<unknown>;
368
+
369
+ export const LsTextInput: StencilReactComponent<LsTextInputElement, LsTextInputEvents> = /*@__PURE__*/ createComponent<LsTextInputElement, LsTextInputEvents>({
258
370
  tagName: 'ls-text-input',
259
371
  elementClass: LsTextInputElement,
260
372
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
261
373
  react: React,
262
- events: {},
374
+ events: {} as LsTextInputEvents,
263
375
  defineCustomElement: defineLsTextInput
264
376
  });
265
- export const LsTextareaInput = /*@__PURE__*/ createComponent({
377
+
378
+ export type LsTextareaInputEvents = NonNullable<unknown>;
379
+
380
+ export const LsTextareaInput: StencilReactComponent<LsTextareaInputElement, LsTextareaInputEvents> = /*@__PURE__*/ createComponent<LsTextareaInputElement, LsTextareaInputEvents>({
266
381
  tagName: 'ls-textarea-input',
267
382
  elementClass: LsTextareaInputElement,
268
383
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
269
384
  react: React,
270
- events: {},
385
+ events: {} as LsTextareaInputEvents,
271
386
  defineCustomElement: defineLsTextareaInput
272
387
  });
273
- export const LsToolbar = /*@__PURE__*/ createComponent({
388
+
389
+ export type LsToolbarEvents = NonNullable<unknown>;
390
+
391
+ export const LsToolbar: StencilReactComponent<LsToolbarElement, LsToolbarEvents> = /*@__PURE__*/ createComponent<LsToolbarElement, LsToolbarEvents>({
274
392
  tagName: 'ls-toolbar',
275
393
  elementClass: LsToolbarElement,
276
394
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
277
395
  react: React,
278
- events: {},
396
+ events: {} as LsToolbarEvents,
279
397
  defineCustomElement: defineLsToolbar
280
398
  });
281
- export const LsToolboxField = /*@__PURE__*/ createComponent({
399
+
400
+ export type LsToolboxFieldEvents = NonNullable<unknown>;
401
+
402
+ export const LsToolboxField: StencilReactComponent<LsToolboxFieldElement, LsToolboxFieldEvents> = /*@__PURE__*/ createComponent<LsToolboxFieldElement, LsToolboxFieldEvents>({
282
403
  tagName: 'ls-toolbox-field',
283
404
  elementClass: LsToolboxFieldElement,
284
405
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
285
406
  react: React,
286
- events: {},
407
+ events: {} as LsToolboxFieldEvents,
287
408
  defineCustomElement: defineLsToolboxField
288
409
  });
package/lib/index.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './components/stencil-generated/components';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "legalesign-document-viewer-react",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "description": "Legalesign React Editor / Viewers",
5
5
  "keywords": [
6
6
  "stencilJS",
@@ -18,8 +18,10 @@
18
18
  "lib": "lib"
19
19
  },
20
20
  "files": [
21
- "dist"
21
+ "lib"
22
22
  ],
23
+ "include": ["lib"],
24
+ "exclude": ["node_modules"],
23
25
  "exports": {
24
26
  ".": {
25
27
  "import": "./lib/index.js",
@@ -1,288 +0,0 @@
1
- 'use client';
2
- import { createComponent } from '@stencil/react-output-target/runtime';
3
- import { LsDocumentOptions as LsDocumentOptionsElement, defineCustomElement as defineLsDocumentOptions } from "legalesign-document-viewer/dist/components/ls-document-options.js";
4
- import { LsDocumentViewer as LsDocumentViewerElement, defineCustomElement as defineLsDocumentViewer } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
5
- import { LsEditorField as LsEditorFieldElement, defineCustomElement as defineLsEditorField } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
6
- import { LsEditorTable as LsEditorTableElement, defineCustomElement as defineLsEditorTable } from "legalesign-document-viewer/dist/components/ls-editor-table.js";
7
- import { LsFeatureColumn as LsFeatureColumnElement, defineCustomElement as defineLsFeatureColumn } from "legalesign-document-viewer/dist/components/ls-feature-column.js";
8
- import { LsFieldAlignment as LsFieldAlignmentElement, defineCustomElement as defineLsFieldAlignment } from "legalesign-document-viewer/dist/components/ls-field-alignment.js";
9
- import { LsFieldDimensions as LsFieldDimensionsElement, defineCustomElement as defineLsFieldDimensions } from "legalesign-document-viewer/dist/components/ls-field-dimensions.js";
10
- import { LsFieldDistribute as LsFieldDistributeElement, defineCustomElement as defineLsFieldDistribute } from "legalesign-document-viewer/dist/components/ls-field-distribute.js";
11
- import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsFieldFormat } from "legalesign-document-viewer/dist/components/ls-field-format.js";
12
- import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
13
- import { LsFieldPropertiesGeneral as LsFieldPropertiesGeneralElement, defineCustomElement as defineLsFieldPropertiesGeneral } from "legalesign-document-viewer/dist/components/ls-field-properties-general.js";
14
- import { LsFieldPropertiesMultiple as LsFieldPropertiesMultipleElement, defineCustomElement as defineLsFieldPropertiesMultiple } from "legalesign-document-viewer/dist/components/ls-field-properties-multiple.js";
15
- import { LsFieldPropertiesNumber as LsFieldPropertiesNumberElement, defineCustomElement as defineLsFieldPropertiesNumber } from "legalesign-document-viewer/dist/components/ls-field-properties-number.js";
16
- import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement, defineCustomElement as defineLsFieldPropertiesSignature } from "legalesign-document-viewer/dist/components/ls-field-properties-signature.js";
17
- import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElement as defineLsFieldPropertiesText } from "legalesign-document-viewer/dist/components/ls-field-properties-text.js";
18
- import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as defineLsFieldProperties } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
19
- import { LsFieldSize as LsFieldSizeElement, defineCustomElement as defineLsFieldSize } from "legalesign-document-viewer/dist/components/ls-field-size.js";
20
- import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
21
- import { LsIcon as LsIconElement, defineCustomElement as defineLsIcon } from "legalesign-document-viewer/dist/components/ls-icon.js";
22
- import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
23
- import { LsParticipantManager as LsParticipantManagerElement, defineCustomElement as defineLsParticipantManager } from "legalesign-document-viewer/dist/components/ls-participant-manager.js";
24
- import { LsParticipantSelect as LsParticipantSelectElement, defineCustomElement as defineLsParticipantSelect } from "legalesign-document-viewer/dist/components/ls-participant-select.js";
25
- import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
26
- import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
27
- import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
28
- import { LsTextInput as LsTextInputElement, defineCustomElement as defineLsTextInput } from "legalesign-document-viewer/dist/components/ls-text-input.js";
29
- import { LsTextareaInput as LsTextareaInputElement, defineCustomElement as defineLsTextareaInput } from "legalesign-document-viewer/dist/components/ls-textarea-input.js";
30
- import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
31
- import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineLsToolboxField } from "legalesign-document-viewer/dist/components/ls-toolbox-field.js";
32
- import React from 'react';
33
- export const LsDocumentOptions = /*@__PURE__*/ createComponent({
34
- tagName: 'ls-document-options',
35
- elementClass: LsDocumentOptionsElement,
36
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
37
- react: React,
38
- events: {},
39
- defineCustomElement: defineLsDocumentOptions
40
- });
41
- export const LsDocumentViewer = /*@__PURE__*/ createComponent({
42
- tagName: 'ls-document-viewer',
43
- elementClass: LsDocumentViewerElement,
44
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
45
- react: React,
46
- events: {
47
- onPageRendered: 'pageRendered',
48
- onPageChange: 'pageChange',
49
- onSelectFields: 'selectFields',
50
- onMutate: 'mutate',
51
- onUpdate: 'update'
52
- },
53
- defineCustomElement: defineLsDocumentViewer
54
- });
55
- export const LsEditorField = /*@__PURE__*/ createComponent({
56
- tagName: 'ls-editor-field',
57
- elementClass: LsEditorFieldElement,
58
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
59
- react: React,
60
- events: {},
61
- defineCustomElement: defineLsEditorField
62
- });
63
- export const LsEditorTable = /*@__PURE__*/ createComponent({
64
- tagName: 'ls-editor-table',
65
- elementClass: LsEditorTableElement,
66
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
67
- react: React,
68
- events: {},
69
- defineCustomElement: defineLsEditorTable
70
- });
71
- export const LsFeatureColumn = /*@__PURE__*/ createComponent({
72
- tagName: 'ls-feature-column',
73
- elementClass: LsFeatureColumnElement,
74
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
75
- react: React,
76
- events: { onManage: 'manage' },
77
- defineCustomElement: defineLsFeatureColumn
78
- });
79
- export const LsFieldAlignment = /*@__PURE__*/ createComponent({
80
- tagName: 'ls-field-alignment',
81
- elementClass: LsFieldAlignmentElement,
82
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
83
- react: React,
84
- events: {
85
- onMutate: 'mutate',
86
- onUpdate: 'update'
87
- },
88
- defineCustomElement: defineLsFieldAlignment
89
- });
90
- export const LsFieldDimensions = /*@__PURE__*/ createComponent({
91
- tagName: 'ls-field-dimensions',
92
- elementClass: LsFieldDimensionsElement,
93
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
94
- react: React,
95
- events: {
96
- onMutate: 'mutate',
97
- onUpdate: 'update'
98
- },
99
- defineCustomElement: defineLsFieldDimensions
100
- });
101
- export const LsFieldDistribute = /*@__PURE__*/ createComponent({
102
- tagName: 'ls-field-distribute',
103
- elementClass: LsFieldDistributeElement,
104
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
105
- react: React,
106
- events: {
107
- onMutate: 'mutate',
108
- onUpdate: 'update'
109
- },
110
- defineCustomElement: defineLsFieldDistribute
111
- });
112
- export const LsFieldFormat = /*@__PURE__*/ createComponent({
113
- tagName: 'ls-field-format',
114
- elementClass: LsFieldFormatElement,
115
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
116
- react: React,
117
- events: {
118
- onMutate: 'mutate',
119
- onUpdate: 'update'
120
- },
121
- defineCustomElement: defineLsFieldFormat
122
- });
123
- export const LsFieldProperties = /*@__PURE__*/ createComponent({
124
- tagName: 'ls-field-properties',
125
- elementClass: LsFieldPropertiesElement,
126
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
127
- react: React,
128
- events: {},
129
- defineCustomElement: defineLsFieldProperties
130
- });
131
- export const LsFieldPropertiesDate = /*@__PURE__*/ createComponent({
132
- tagName: 'ls-field-properties-date',
133
- elementClass: LsFieldPropertiesDateElement,
134
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
135
- react: React,
136
- events: {},
137
- defineCustomElement: defineLsFieldPropertiesDate
138
- });
139
- export const LsFieldPropertiesGeneral = /*@__PURE__*/ createComponent({
140
- tagName: 'ls-field-properties-general',
141
- elementClass: LsFieldPropertiesGeneralElement,
142
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
143
- react: React,
144
- events: {},
145
- defineCustomElement: defineLsFieldPropertiesGeneral
146
- });
147
- export const LsFieldPropertiesMultiple = /*@__PURE__*/ createComponent({
148
- tagName: 'ls-field-properties-multiple',
149
- elementClass: LsFieldPropertiesMultipleElement,
150
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
151
- react: React,
152
- events: {},
153
- defineCustomElement: defineLsFieldPropertiesMultiple
154
- });
155
- export const LsFieldPropertiesNumber = /*@__PURE__*/ createComponent({
156
- tagName: 'ls-field-properties-number',
157
- elementClass: LsFieldPropertiesNumberElement,
158
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
159
- react: React,
160
- events: {},
161
- defineCustomElement: defineLsFieldPropertiesNumber
162
- });
163
- export const LsFieldPropertiesSignature = /*@__PURE__*/ createComponent({
164
- tagName: 'ls-field-properties-signature',
165
- elementClass: LsFieldPropertiesSignatureElement,
166
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
167
- react: React,
168
- events: {},
169
- defineCustomElement: defineLsFieldPropertiesSignature
170
- });
171
- export const LsFieldPropertiesText = /*@__PURE__*/ createComponent({
172
- tagName: 'ls-field-properties-text',
173
- elementClass: LsFieldPropertiesTextElement,
174
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
175
- react: React,
176
- events: {},
177
- defineCustomElement: defineLsFieldPropertiesText
178
- });
179
- export const LsFieldSize = /*@__PURE__*/ createComponent({
180
- tagName: 'ls-field-size',
181
- elementClass: LsFieldSizeElement,
182
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
183
- react: React,
184
- events: {
185
- onMutate: 'mutate',
186
- onUpdate: 'update'
187
- },
188
- defineCustomElement: defineLsFieldSize
189
- });
190
- export const LsFormfield = /*@__PURE__*/ createComponent({
191
- tagName: 'ls-formfield',
192
- elementClass: LsFormfieldElement,
193
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
194
- react: React,
195
- events: {},
196
- defineCustomElement: defineLsFormfield
197
- });
198
- export const LsIcon = /*@__PURE__*/ createComponent({
199
- tagName: 'ls-icon',
200
- elementClass: LsIconElement,
201
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
202
- react: React,
203
- events: {},
204
- defineCustomElement: defineLsIcon
205
- });
206
- export const LsNumberInput = /*@__PURE__*/ createComponent({
207
- tagName: 'ls-number-input',
208
- elementClass: LsNumberInputElement,
209
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
210
- react: React,
211
- events: {},
212
- defineCustomElement: defineLsNumberInput
213
- });
214
- export const LsParticipantManager = /*@__PURE__*/ createComponent({
215
- tagName: 'ls-participant-manager',
216
- elementClass: LsParticipantManagerElement,
217
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
218
- react: React,
219
- events: {
220
- onMutate: 'mutate',
221
- onUpdate: 'update'
222
- },
223
- defineCustomElement: defineLsParticipantManager
224
- });
225
- export const LsParticipantSelect = /*@__PURE__*/ createComponent({
226
- tagName: 'ls-participant-select',
227
- elementClass: LsParticipantSelectElement,
228
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
229
- react: React,
230
- events: {},
231
- defineCustomElement: defineLsParticipantSelect
232
- });
233
- export const LsRadioInput = /*@__PURE__*/ createComponent({
234
- tagName: 'ls-radio-input',
235
- elementClass: LsRadioInputElement,
236
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
237
- react: React,
238
- events: {},
239
- defineCustomElement: defineLsRadioInput
240
- });
241
- export const LsSelectInput = /*@__PURE__*/ createComponent({
242
- tagName: 'ls-select-input',
243
- elementClass: LsSelectInputElement,
244
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
245
- react: React,
246
- events: {},
247
- defineCustomElement: defineLsSelectInput
248
- });
249
- export const LsStatusbar = /*@__PURE__*/ createComponent({
250
- tagName: 'ls-statusbar',
251
- elementClass: LsStatusbarElement,
252
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
253
- react: React,
254
- events: {},
255
- defineCustomElement: defineLsStatusbar
256
- });
257
- export const LsTextInput = /*@__PURE__*/ createComponent({
258
- tagName: 'ls-text-input',
259
- elementClass: LsTextInputElement,
260
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
261
- react: React,
262
- events: {},
263
- defineCustomElement: defineLsTextInput
264
- });
265
- export const LsTextareaInput = /*@__PURE__*/ createComponent({
266
- tagName: 'ls-textarea-input',
267
- elementClass: LsTextareaInputElement,
268
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
269
- react: React,
270
- events: {},
271
- defineCustomElement: defineLsTextareaInput
272
- });
273
- export const LsToolbar = /*@__PURE__*/ createComponent({
274
- tagName: 'ls-toolbar',
275
- elementClass: LsToolbarElement,
276
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
277
- react: React,
278
- events: {},
279
- defineCustomElement: defineLsToolbar
280
- });
281
- export const LsToolboxField = /*@__PURE__*/ createComponent({
282
- tagName: 'ls-toolbox-field',
283
- elementClass: LsToolboxFieldElement,
284
- // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
285
- react: React,
286
- events: {},
287
- defineCustomElement: defineLsToolboxField
288
- });
package/dist/index.js DELETED
@@ -1 +0,0 @@
1
- export * from './components/stencil-generated/components';