legalesign-document-viewer-react 0.2.8 → 0.2.10

package/dist/components/stencil-generated/components.js

@@ -6,6 +6,7 @@ import { LsEditorField as LsEditorFieldElement, defineCustomElement as defineLsE
 import { LsEditorTable as LsEditorTableElement, defineCustomElement as defineLsEditorTable } from "legalesign-document-viewer/dist/components/ls-editor-table.js";
 import { LsFeatureColumn as LsFeatureColumnElement, defineCustomElement as defineLsFeatureColumn } from "legalesign-document-viewer/dist/components/ls-feature-column.js";
 import { LsFieldAlignment as LsFieldAlignmentElement, defineCustomElement as defineLsFieldAlignment } from "legalesign-document-viewer/dist/components/ls-field-alignment.js";
+import { LsFieldContent as LsFieldContentElement, defineCustomElement as defineLsFieldContent } from "legalesign-document-viewer/dist/components/ls-field-content.js";
 import { LsFieldDimensions as LsFieldDimensionsElement, defineCustomElement as defineLsFieldDimensions } from "legalesign-document-viewer/dist/components/ls-field-dimensions.js";
 import { LsFieldDistribute as LsFieldDistributeElement, defineCustomElement as defineLsFieldDistribute } from "legalesign-document-viewer/dist/components/ls-field-distribute.js";
 import { LsFieldFooter as LsFieldFooterElement, defineCustomElement as defineLsFieldFooter } from "legalesign-document-viewer/dist/components/ls-field-footer.js";
@@ -13,6 +14,7 @@ import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsF
 import { LsFieldPlacement as LsFieldPlacementElement, defineCustomElement as defineLsFieldPlacement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement, defineCustomElement as defineLsFieldPropertiesAdvanced } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement, defineCustomElement as defineLsFieldPropertiesAutosign } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement, defineCustomElement as defineLsFieldPropertiesContainer } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement, defineCustomElement as defineLsFieldPropertiesEmail } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement, defineCustomElement as defineLsFieldPropertiesFile } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
@@ -24,11 +26,15 @@ import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement, define
 import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElement as defineLsFieldPropertiesText } from "legalesign-document-viewer/dist/components/ls-field-properties-text.js";
 import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as defineLsFieldProperties } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
 import { LsFieldSize as LsFieldSizeElement, defineCustomElement as defineLsFieldSize } from "legalesign-document-viewer/dist/components/ls-field-size.js";
+import { LsFieldTypeDisplay as LsFieldTypeDisplayElement, defineCustomElement as defineLsFieldTypeDisplay } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
 import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsIcon as LsIconElement, defineCustomElement as defineLsIcon } from "legalesign-document-viewer/dist/components/ls-icon.js";
+import { LsInputWrapper as LsInputWrapperElement, defineCustomElement as defineLsInputWrapper } from "legalesign-document-viewer/dist/components/ls-input-wrapper.js";
 import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
+import { LsParticipantCard as LsParticipantCardElement, defineCustomElement as defineLsParticipantCard } from "legalesign-document-viewer/dist/components/ls-participant-card.js";
 import { LsParticipantManager as LsParticipantManagerElement, defineCustomElement as defineLsParticipantManager } from "legalesign-document-viewer/dist/components/ls-participant-manager.js";
 import { LsParticipantSelect as LsParticipantSelectElement, defineCustomElement as defineLsParticipantSelect } from "legalesign-document-viewer/dist/components/ls-participant-select.js";
+import { LsPropsSection as LsPropsSectionElement, defineCustomElement as defineLsPropsSection } from "legalesign-document-viewer/dist/components/ls-props-section.js";
 import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
 import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
@@ -95,6 +101,14 @@ export const LsFieldAlignment = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineLsFieldAlignment
 });
+export const LsFieldContent = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-content',
+    elementClass: LsFieldContentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldContent
+});
 export const LsFieldDimensions = /*@__PURE__*/ createComponent({
     tagName: 'ls-field-dimensions',
     elementClass: LsFieldDimensionsElement,
@@ -177,6 +191,14 @@ export const LsFieldPropertiesAutosign = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsFieldPropertiesAutosign
 });
+export const LsFieldPropertiesContainer = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-properties-container',
+    elementClass: LsFieldPropertiesContainerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldPropertiesContainer
+});
 export const LsFieldPropertiesDate = /*@__PURE__*/ createComponent({
     tagName: 'ls-field-properties-date',
     elementClass: LsFieldPropertiesDateElement,
@@ -260,6 +282,14 @@ export const LsFieldSize = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineLsFieldSize
 });
+export const LsFieldTypeDisplay = /*@__PURE__*/ createComponent({
+    tagName: 'ls-field-type-display',
+    elementClass: LsFieldTypeDisplayElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsFieldTypeDisplay
+});
 export const LsFormfield = /*@__PURE__*/ createComponent({
     tagName: 'ls-formfield',
     elementClass: LsFormfieldElement,
@@ -276,6 +306,14 @@ export const LsIcon = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsIcon
 });
+export const LsInputWrapper = /*@__PURE__*/ createComponent({
+    tagName: 'ls-input-wrapper',
+    elementClass: LsInputWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsInputWrapper
+});
 export const LsNumberInput = /*@__PURE__*/ createComponent({
     tagName: 'ls-number-input',
     elementClass: LsNumberInputElement,
@@ -284,6 +322,17 @@ export const LsNumberInput = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsNumberInput
 });
+export const LsParticipantCard = /*@__PURE__*/ createComponent({
+    tagName: 'ls-participant-card',
+    elementClass: LsParticipantCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    },
+    defineCustomElement: defineLsParticipantCard
+});
 export const LsParticipantManager = /*@__PURE__*/ createComponent({
     tagName: 'ls-participant-manager',
     elementClass: LsParticipantManagerElement,
@@ -307,6 +356,14 @@ export const LsParticipantSelect = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineLsParticipantSelect
 });
+export const LsPropsSection = /*@__PURE__*/ createComponent({
+    tagName: 'ls-props-section',
+    elementClass: LsPropsSectionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsPropsSection
+});
 export const LsRadioInput = /*@__PURE__*/ createComponent({
     tagName: 'ls-radio-input',
     elementClass: LsRadioInputElement,

package/dist/types/components/stencil-generated/components.d.ts

@@ -3,13 +3,14 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
 import { LsDocumentOptions as LsDocumentOptionsElement } from "legalesign-document-viewer/dist/components/ls-document-options.js";
 import { LsDocumentViewer as LsDocumentViewerElement } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
 import { LsEditorField as LsEditorFieldElement } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
 import { LsEditorTable as LsEditorTableElement } from "legalesign-document-viewer/dist/components/ls-editor-table.js";
 import { LsFeatureColumn as LsFeatureColumnElement } from "legalesign-document-viewer/dist/components/ls-feature-column.js";
 import { LsFieldAlignment as LsFieldAlignmentElement } from "legalesign-document-viewer/dist/components/ls-field-alignment.js";
+import { LsFieldContent as LsFieldContentElement } from "legalesign-document-viewer/dist/components/ls-field-content.js";
 import { LsFieldDimensions as LsFieldDimensionsElement } from "legalesign-document-viewer/dist/components/ls-field-dimensions.js";
 import { LsFieldDistribute as LsFieldDistributeElement } from "legalesign-document-viewer/dist/components/ls-field-distribute.js";
 import { LsFieldFooter as LsFieldFooterElement } from "legalesign-document-viewer/dist/components/ls-field-footer.js";
@@ -17,6 +18,7 @@ import { LsFieldFormat as LsFieldFormatElement } from "legalesign-document-viewe
 import { LsFieldPlacement as LsFieldPlacementElement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
@@ -28,11 +30,15 @@ import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement } from
 import { LsFieldPropertiesText as LsFieldPropertiesTextElement } from "legalesign-document-viewer/dist/components/ls-field-properties-text.js";
 import { LsFieldProperties as LsFieldPropertiesElement } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
 import { LsFieldSize as LsFieldSizeElement } from "legalesign-document-viewer/dist/components/ls-field-size.js";
+import { LsFieldTypeDisplay as LsFieldTypeDisplayElement } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
 import { LsFormfield as LsFormfieldElement } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsIcon as LsIconElement } from "legalesign-document-viewer/dist/components/ls-icon.js";
+import { LsInputWrapper as LsInputWrapperElement } from "legalesign-document-viewer/dist/components/ls-input-wrapper.js";
 import { LsNumberInput as LsNumberInputElement } from "legalesign-document-viewer/dist/components/ls-number-input.js";
+import { LsParticipantCard as LsParticipantCardElement } from "legalesign-document-viewer/dist/components/ls-participant-card.js";
 import { LsParticipantManager as LsParticipantManagerElement } from "legalesign-document-viewer/dist/components/ls-participant-manager.js";
 import { LsParticipantSelect as LsParticipantSelectElement } from "legalesign-document-viewer/dist/components/ls-participant-select.js";
+import { LsPropsSection as LsPropsSectionElement } from "legalesign-document-viewer/dist/components/ls-props-section.js";
 import { LsRadioInput as LsRadioInputElement } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsSelectInput as LsSelectInputElement } from "legalesign-document-viewer/dist/components/ls-select-input.js";
 import { LsStatusbar as LsStatusbarElement } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
@@ -64,6 +70,8 @@ export type LsFieldAlignmentEvents = {
     onUpdate: EventName<LsFieldAlignmentCustomEvent<LSMutateEvent[]>>;
 };
 export declare const LsFieldAlignment: StencilReactComponent<LsFieldAlignmentElement, LsFieldAlignmentEvents>;
+export type LsFieldContentEvents = NonNullable<unknown>;
+export declare const LsFieldContent: StencilReactComponent<LsFieldContentElement, LsFieldContentEvents>;
 export type LsFieldDimensionsEvents = {
     onMutate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>;
@@ -98,6 +106,8 @@ export type LsFieldPropertiesAdvancedEvents = {
 export declare const LsFieldPropertiesAdvanced: StencilReactComponent<LsFieldPropertiesAdvancedElement, LsFieldPropertiesAdvancedEvents>;
 export type LsFieldPropertiesAutosignEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesAutosign: StencilReactComponent<LsFieldPropertiesAutosignElement, LsFieldPropertiesAutosignEvents>;
+export type LsFieldPropertiesContainerEvents = NonNullable<unknown>;
+export declare const LsFieldPropertiesContainer: StencilReactComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents>;
 export type LsFieldPropertiesDateEvents = NonNullable<unknown>;
 export declare const LsFieldPropertiesDate: StencilReactComponent<LsFieldPropertiesDateElement, LsFieldPropertiesDateEvents>;
 export type LsFieldPropertiesEmailEvents = NonNullable<unknown>;
@@ -121,12 +131,21 @@ export type LsFieldSizeEvents = {
     onUpdate: EventName<LsFieldSizeCustomEvent<LSMutateEvent[]>>;
 };
 export declare const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFieldSizeEvents>;
+export type LsFieldTypeDisplayEvents = NonNullable<unknown>;
+export declare const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents>;
 export type LsFormfieldEvents = NonNullable<unknown>;
 export declare const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents>;
 export type LsIconEvents = NonNullable<unknown>;
 export declare const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents>;
+export type LsInputWrapperEvents = NonNullable<unknown>;
+export declare const LsInputWrapper: StencilReactComponent<LsInputWrapperElement, LsInputWrapperEvents>;
 export type LsNumberInputEvents = NonNullable<unknown>;
 export declare const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents>;
+export type LsParticipantCardEvents = {
+    onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>;
+    onUpdate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>;
+};
+export declare const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents>;
 export type LsParticipantManagerEvents = {
     onMutate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>;
@@ -138,6 +157,8 @@ export type LsParticipantSelectEvents = {
     onRoleChange: EventName<CustomEvent<number>>;
 };
 export declare const LsParticipantSelect: StencilReactComponent<LsParticipantSelectElement, LsParticipantSelectEvents>;
+export type LsPropsSectionEvents = NonNullable<unknown>;
+export declare const LsPropsSection: StencilReactComponent<LsPropsSectionElement, LsPropsSectionEvents>;
 export type LsRadioInputEvents = NonNullable<unknown>;
 export declare const LsRadioInput: StencilReactComponent<LsRadioInputElement, LsRadioInputEvents>;
 export type LsSelectInputEvents = NonNullable<unknown>;

package/lib/components/stencil-generated/components.ts

@@ -9,13 +9,14 @@
 
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
-import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { type LSApiElement, type LSMutateEvent, type LsDocumentViewerCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
 import { LsDocumentOptions as LsDocumentOptionsElement, defineCustomElement as defineLsDocumentOptions } from "legalesign-document-viewer/dist/components/ls-document-options.js";
 import { LsDocumentViewer as LsDocumentViewerElement, defineCustomElement as defineLsDocumentViewer } from "legalesign-document-viewer/dist/components/ls-document-viewer.js";
 import { LsEditorField as LsEditorFieldElement, defineCustomElement as defineLsEditorField } from "legalesign-document-viewer/dist/components/ls-editor-field.js";
 import { LsEditorTable as LsEditorTableElement, defineCustomElement as defineLsEditorTable } from "legalesign-document-viewer/dist/components/ls-editor-table.js";
 import { LsFeatureColumn as LsFeatureColumnElement, defineCustomElement as defineLsFeatureColumn } from "legalesign-document-viewer/dist/components/ls-feature-column.js";
 import { LsFieldAlignment as LsFieldAlignmentElement, defineCustomElement as defineLsFieldAlignment } from "legalesign-document-viewer/dist/components/ls-field-alignment.js";
+import { LsFieldContent as LsFieldContentElement, defineCustomElement as defineLsFieldContent } from "legalesign-document-viewer/dist/components/ls-field-content.js";
 import { LsFieldDimensions as LsFieldDimensionsElement, defineCustomElement as defineLsFieldDimensions } from "legalesign-document-viewer/dist/components/ls-field-dimensions.js";
 import { LsFieldDistribute as LsFieldDistributeElement, defineCustomElement as defineLsFieldDistribute } from "legalesign-document-viewer/dist/components/ls-field-distribute.js";
 import { LsFieldFooter as LsFieldFooterElement, defineCustomElement as defineLsFieldFooter } from "legalesign-document-viewer/dist/components/ls-field-footer.js";
@@ -23,6 +24,7 @@ import { LsFieldFormat as LsFieldFormatElement, defineCustomElement as defineLsF
 import { LsFieldPlacement as LsFieldPlacementElement, defineCustomElement as defineLsFieldPlacement } from "legalesign-document-viewer/dist/components/ls-field-placement.js";
 import { LsFieldPropertiesAdvanced as LsFieldPropertiesAdvancedElement, defineCustomElement as defineLsFieldPropertiesAdvanced } from "legalesign-document-viewer/dist/components/ls-field-properties-advanced.js";
 import { LsFieldPropertiesAutosign as LsFieldPropertiesAutosignElement, defineCustomElement as defineLsFieldPropertiesAutosign } from "legalesign-document-viewer/dist/components/ls-field-properties-autosign.js";
+import { LsFieldPropertiesContainer as LsFieldPropertiesContainerElement, defineCustomElement as defineLsFieldPropertiesContainer } from "legalesign-document-viewer/dist/components/ls-field-properties-container.js";
 import { LsFieldPropertiesDate as LsFieldPropertiesDateElement, defineCustomElement as defineLsFieldPropertiesDate } from "legalesign-document-viewer/dist/components/ls-field-properties-date.js";
 import { LsFieldPropertiesEmail as LsFieldPropertiesEmailElement, defineCustomElement as defineLsFieldPropertiesEmail } from "legalesign-document-viewer/dist/components/ls-field-properties-email.js";
 import { LsFieldPropertiesFile as LsFieldPropertiesFileElement, defineCustomElement as defineLsFieldPropertiesFile } from "legalesign-document-viewer/dist/components/ls-field-properties-file.js";
@@ -34,11 +36,15 @@ import { LsFieldPropertiesSignature as LsFieldPropertiesSignatureElement, define
 import { LsFieldPropertiesText as LsFieldPropertiesTextElement, defineCustomElement as defineLsFieldPropertiesText } from "legalesign-document-viewer/dist/components/ls-field-properties-text.js";
 import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as defineLsFieldProperties } from "legalesign-document-viewer/dist/components/ls-field-properties.js";
 import { LsFieldSize as LsFieldSizeElement, defineCustomElement as defineLsFieldSize } from "legalesign-document-viewer/dist/components/ls-field-size.js";
+import { LsFieldTypeDisplay as LsFieldTypeDisplayElement, defineCustomElement as defineLsFieldTypeDisplay } from "legalesign-document-viewer/dist/components/ls-field-type-display.js";
 import { LsFormfield as LsFormfieldElement, defineCustomElement as defineLsFormfield } from "legalesign-document-viewer/dist/components/ls-formfield.js";
 import { LsIcon as LsIconElement, defineCustomElement as defineLsIcon } from "legalesign-document-viewer/dist/components/ls-icon.js";
+import { LsInputWrapper as LsInputWrapperElement, defineCustomElement as defineLsInputWrapper } from "legalesign-document-viewer/dist/components/ls-input-wrapper.js";
 import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
+import { LsParticipantCard as LsParticipantCardElement, defineCustomElement as defineLsParticipantCard } from "legalesign-document-viewer/dist/components/ls-participant-card.js";
 import { LsParticipantManager as LsParticipantManagerElement, defineCustomElement as defineLsParticipantManager } from "legalesign-document-viewer/dist/components/ls-participant-manager.js";
 import { LsParticipantSelect as LsParticipantSelectElement, defineCustomElement as defineLsParticipantSelect } from "legalesign-document-viewer/dist/components/ls-participant-select.js";
+import { LsPropsSection as LsPropsSectionElement, defineCustomElement as defineLsPropsSection } from "legalesign-document-viewer/dist/components/ls-props-section.js";
 import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsSelectInput as LsSelectInputElement, defineCustomElement as defineLsSelectInput } from "legalesign-document-viewer/dist/components/ls-select-input.js";
 import { LsStatusbar as LsStatusbarElement, defineCustomElement as defineLsStatusbar } from "legalesign-document-viewer/dist/components/ls-statusbar.js";
@@ -133,6 +139,17 @@ export const LsFieldAlignment: StencilReactComponent<LsFieldAlignmentElement, Ls
     defineCustomElement: defineLsFieldAlignment
 });
 
+export type LsFieldContentEvents = NonNullable<unknown>;
+
+export const LsFieldContent: StencilReactComponent<LsFieldContentElement, LsFieldContentEvents> = /*@__PURE__*/ createComponent<LsFieldContentElement, LsFieldContentEvents>({
+    tagName: 'ls-field-content',
+    elementClass: LsFieldContentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsFieldContentEvents,
+    defineCustomElement: defineLsFieldContent
+});
+
 export type LsFieldDimensionsEvents = {
     onMutate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>,
     onUpdate: EventName<LsFieldDimensionsCustomEvent<LSMutateEvent[]>>
@@ -257,6 +274,17 @@ export const LsFieldPropertiesAutosign: StencilReactComponent<LsFieldPropertiesA
     defineCustomElement: defineLsFieldPropertiesAutosign
 });
 
+export type LsFieldPropertiesContainerEvents = NonNullable<unknown>;
+
+export const LsFieldPropertiesContainer: StencilReactComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesContainerElement, LsFieldPropertiesContainerEvents>({
+    tagName: 'ls-field-properties-container',
+    elementClass: LsFieldPropertiesContainerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsFieldPropertiesContainerEvents,
+    defineCustomElement: defineLsFieldPropertiesContainer
+});
+
 export type LsFieldPropertiesDateEvents = NonNullable<unknown>;
 
 export const LsFieldPropertiesDate: StencilReactComponent<LsFieldPropertiesDateElement, LsFieldPropertiesDateEvents> = /*@__PURE__*/ createComponent<LsFieldPropertiesDateElement, LsFieldPropertiesDateEvents>({
@@ -373,6 +401,17 @@ export const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFieldSizeE
     defineCustomElement: defineLsFieldSize
 });
 
+export type LsFieldTypeDisplayEvents = NonNullable<unknown>;
+
+export const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents> = /*@__PURE__*/ createComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents>({
+    tagName: 'ls-field-type-display',
+    elementClass: LsFieldTypeDisplayElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsFieldTypeDisplayEvents,
+    defineCustomElement: defineLsFieldTypeDisplay
+});
+
 export type LsFormfieldEvents = NonNullable<unknown>;
 
 export const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents> = /*@__PURE__*/ createComponent<LsFormfieldElement, LsFormfieldEvents>({
@@ -395,6 +434,17 @@ export const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents> = /*@__P
     defineCustomElement: defineLsIcon
 });
 
+export type LsInputWrapperEvents = NonNullable<unknown>;
+
+export const LsInputWrapper: StencilReactComponent<LsInputWrapperElement, LsInputWrapperEvents> = /*@__PURE__*/ createComponent<LsInputWrapperElement, LsInputWrapperEvents>({
+    tagName: 'ls-input-wrapper',
+    elementClass: LsInputWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsInputWrapperEvents,
+    defineCustomElement: defineLsInputWrapper
+});
+
 export type LsNumberInputEvents = NonNullable<unknown>;
 
 export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents> = /*@__PURE__*/ createComponent<LsNumberInputElement, LsNumberInputEvents>({
@@ -406,6 +456,23 @@ export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumber
     defineCustomElement: defineLsNumberInput
 });
 
+export type LsParticipantCardEvents = {
+    onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>,
+    onUpdate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>
+};
+
+export const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents> = /*@__PURE__*/ createComponent<LsParticipantCardElement, LsParticipantCardEvents>({
+    tagName: 'ls-participant-card',
+    elementClass: LsParticipantCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMutate: 'mutate',
+        onUpdate: 'update'
+    } as LsParticipantCardEvents,
+    defineCustomElement: defineLsParticipantCard
+});
+
 export type LsParticipantManagerEvents = {
     onMutate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>,
     onUpdate: EventName<LsParticipantManagerCustomEvent<LSMutateEvent[]>>
@@ -442,6 +509,17 @@ export const LsParticipantSelect: StencilReactComponent<LsParticipantSelectEleme
     defineCustomElement: defineLsParticipantSelect
 });
 
+export type LsPropsSectionEvents = NonNullable<unknown>;
+
+export const LsPropsSection: StencilReactComponent<LsPropsSectionElement, LsPropsSectionEvents> = /*@__PURE__*/ createComponent<LsPropsSectionElement, LsPropsSectionEvents>({
+    tagName: 'ls-props-section',
+    elementClass: LsPropsSectionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsPropsSectionEvents,
+    defineCustomElement: defineLsPropsSection
+});
+
 export type LsRadioInputEvents = NonNullable<unknown>;
 
 export const LsRadioInput: StencilReactComponent<LsRadioInputElement, LsRadioInputEvents> = /*@__PURE__*/ createComponent<LsRadioInputElement, LsRadioInputEvents>({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer-react",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Legalesign React Editor / Viewers",
   "keywords": [
     "stencilJS",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "legalesign-document-viewer": "^0.2.8"
+    "legalesign-document-viewer": "^0.2.10"
   },
   "pnpm": {
     "overrides": {