npm - legalesign-document-viewer-react - Versions diffs - 0.9.14 → 0.9.16 - Mend

legalesign-document-viewer-react 0.9.14 → 0.9.16

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 (4) hide show

package/dist/components/stencil-generated/components.js +247 -14
package/dist/types/components/stencil-generated/components.d.ts +121 -8
package/lib/components/stencil-generated/components.ts +340 -24
package/package.json +2 -2

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

@@ -1,9 +1,18 @@
 'use client';
 import { createComponent } from '@stencil/react-output-target/runtime';
+import { LsAddNewButton as LsAddNewButtonElement, defineCustomElement as defineLsAddNewButton } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsBadge as LsBadgeElement, defineCustomElement as defineLsBadge } from "legalesign-document-viewer/dist/components/ls-badge.js";
+import { LsBanner as LsBannerElement, defineCustomElement as defineLsBanner } from "legalesign-document-viewer/dist/components/ls-banner.js";
+import { LsButton as LsButtonElement, defineCustomElement as defineLsButton } from "legalesign-document-viewer/dist/components/ls-button.js";
+import { LsCard as LsCardElement, defineCustomElement as defineLsCard } from "legalesign-document-viewer/dist/components/ls-card.js";
+import { LsCheckboxInput as LsCheckboxInputElement, defineCustomElement as defineLsCheckboxInput } from "legalesign-document-viewer/dist/components/ls-checkbox-input.js";
 import { LsComposeLoader as LsComposeLoaderElement, defineCustomElement as defineLsComposeLoader } from "legalesign-document-viewer/dist/components/ls-compose-loader.js";
 import { LsComposeManager as LsComposeManagerElement, defineCustomElement as defineLsComposeManager } from "legalesign-document-viewer/dist/components/ls-compose-manager.js";
+import { LsDetailsSection as LsDetailsSectionElement, defineCustomElement as defineLsDetailsSection } from "legalesign-document-viewer/dist/components/ls-details-section.js";
 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 { LsDropdownItem as LsDropdownItemElement, defineCustomElement as defineLsDropdownItem } from "legalesign-document-viewer/dist/components/ls-dropdown-item.js";
+import { LsDropdown as LsDropdownElement, defineCustomElement as defineLsDropdown } from "legalesign-document-viewer/dist/components/ls-dropdown.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";
@@ -31,24 +40,39 @@ import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as d
 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 { LsHeaderBar as LsHeaderBarElement, defineCustomElement as defineLsHeaderBar } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement, defineCustomElement as defineLsHelperBar } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
+import { LsIconButton as LsIconButtonElement, defineCustomElement as defineLsIconButton } from "legalesign-document-viewer/dist/components/ls-icon-button.js";
+import { LsIconCheckButton as LsIconCheckButtonElement, defineCustomElement as defineLsIconCheckButton } from "legalesign-document-viewer/dist/components/ls-icon-check-button.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 { LsKeyboardShortcuts as LsKeyboardShortcutsElement, defineCustomElement as defineLsKeyboardShortcuts } from "legalesign-document-viewer/dist/components/ls-keyboard-shortcuts.js";
+import { LsLabel as LsLabelElement, defineCustomElement as defineLsLabel } from "legalesign-document-viewer/dist/components/ls-label.js";
 import { LsLeftBar as LsLeftBarElement, defineCustomElement as defineLsLeftBar } from "legalesign-document-viewer/dist/components/ls-left-bar.js";
+import { LsListCardButton as LsListCardButtonElement, defineCustomElement as defineLsListCardButton } from "legalesign-document-viewer/dist/components/ls-list-card-button.js";
+import { LsLoadingIcon as LsLoadingIconElement, defineCustomElement as defineLsLoadingIcon } from "legalesign-document-viewer/dist/components/ls-loading-icon.js";
+import { LsLoadingLogo as LsLoadingLogoElement, defineCustomElement as defineLsLoadingLogo } from "legalesign-document-viewer/dist/components/ls-loading-logo.js";
+import { LsLoading as LsLoadingElement, defineCustomElement as defineLsLoading } from "legalesign-document-viewer/dist/components/ls-loading.js";
+import { LsNavbar as LsNavbarElement, defineCustomElement as defineLsNavbar } from "legalesign-document-viewer/dist/components/ls-navbar.js";
+import { LsNotification as LsNotificationElement, defineCustomElement as defineLsNotification } from "legalesign-document-viewer/dist/components/ls-notification.js";
 import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
-import { LsPageLoader as LsPageLoaderElement, defineCustomElement as defineLsPageLoader } from "legalesign-document-viewer/dist/components/ls-page-loader.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 { LsRadioGroup as LsRadioGroupElement, defineCustomElement as defineLsRadioGroup } from "legalesign-document-viewer/dist/components/ls-radio-group.js";
 import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsRecipientCard as LsRecipientCardElement, defineCustomElement as defineLsRecipientCard } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement, defineCustomElement as defineLsRecipientManager } from "legalesign-document-viewer/dist/components/ls-recipient-manager.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";
+import { LsTabs as LsTabsElement, defineCustomElement as defineLsTabs } from "legalesign-document-viewer/dist/components/ls-tabs.js";
+import { LsTag as LsTagElement, defineCustomElement as defineLsTag } from "legalesign-document-viewer/dist/components/ls-tag.js";
 import { LsTextInput as LsTextInputElement, defineCustomElement as defineLsTextInput } from "legalesign-document-viewer/dist/components/ls-text-input.js";
+import { LsText as LsTextElement, defineCustomElement as defineLsText } from "legalesign-document-viewer/dist/components/ls-text.js";
 import { LsTextareaInput as LsTextareaInputElement, defineCustomElement as defineLsTextareaInput } from "legalesign-document-viewer/dist/components/ls-textarea-input.js";
+import { LsTimelineStep as LsTimelineStepElement, defineCustomElement as defineLsTimelineStep } from "legalesign-document-viewer/dist/components/ls-timeline-step.js";
+import { LsTimeline as LsTimelineElement, defineCustomElement as defineLsTimeline } from "legalesign-document-viewer/dist/components/ls-timeline.js";
 import { LsTitleInput as LsTitleInputElement, defineCustomElement as defineLsTitleInput } from "legalesign-document-viewer/dist/components/ls-title-input.js";
 import { LsToggle as LsToggleElement, defineCustomElement as defineLsToggle } from "legalesign-document-viewer/dist/components/ls-toggle.js";
 import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
@@ -56,7 +80,56 @@ import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineL
 import { LsTooltip as LsTooltipElement, defineCustomElement as defineLsTooltip } from "legalesign-document-viewer/dist/components/ls-tooltip.js";
 import { LsValidationManager as LsValidationManagerElement, defineCustomElement as defineLsValidationManager } from "legalesign-document-viewer/dist/components/ls-validation-manager.js";
 import { LsValidationTag as LsValidationTagElement, defineCustomElement as defineLsValidationTag } from "legalesign-document-viewer/dist/components/ls-validation-tag.js";
+import { TestItem as TestItemElement, defineCustomElement as defineTestItem } from "legalesign-document-viewer/dist/components/test-item.js";
 import React from 'react';
+export const LsAddNewButton = /*@__PURE__*/ createComponent({
+    tagName: 'ls-add-new-button',
+    elementClass: LsAddNewButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsAddNewButton
+});
+export const LsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'ls-badge',
+    elementClass: LsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsBadge
+});
+export const LsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'ls-banner',
+    elementClass: LsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsBanner
+});
+export const LsButton = /*@__PURE__*/ createComponent({
+    tagName: 'ls-button',
+    elementClass: LsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsButton
+});
+export const LsCard = /*@__PURE__*/ createComponent({
+    tagName: 'ls-card',
+    elementClass: LsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsCard
+});
+export const LsCheckboxInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-checkbox-input',
+    elementClass: LsCheckboxInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandlechange: 'handlechange' },
+    defineCustomElement: defineLsCheckboxInput
+});
 export const LsComposeLoader = /*@__PURE__*/ createComponent({
     tagName: 'ls-compose-loader',
     elementClass: LsComposeLoaderElement,
@@ -73,6 +146,14 @@ export const LsComposeManager = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsComposeManager
 });
+export const LsDetailsSection = /*@__PURE__*/ createComponent({
+    tagName: 'ls-details-section',
+    elementClass: LsDetailsSectionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsDetailsSection
+});
 export const LsDocumentOptions = /*@__PURE__*/ createComponent({
     tagName: 'ls-document-options',
     elementClass: LsDocumentOptionsElement,
@@ -100,6 +181,22 @@ export const LsDocumentViewer = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineLsDocumentViewer
 });
+export const LsDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'ls-dropdown',
+    elementClass: LsDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsDropdown
+});
+export const LsDropdownItem = /*@__PURE__*/ createComponent({
+    tagName: 'ls-dropdown-item',
+    elementClass: LsDropdownItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsDropdownItem
+});
 export const LsEditorField = /*@__PURE__*/ createComponent({
     tagName: 'ls-editor-field',
     elementClass: LsEditorFieldElement,
@@ -332,9 +429,21 @@ export const LsFormfield = /*@__PURE__*/ createComponent({
     elementClass: LsFormfieldElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onValueChange: 'valueChange' },
+    events: {
+        onTextChange: 'textChange',
+        onNumberChange: 'numberChange',
+        onBooleanChange: 'booleanChange'
+    },
     defineCustomElement: defineLsFormfield
 });
+export const LsHeaderBar = /*@__PURE__*/ createComponent({
+    tagName: 'ls-header-bar',
+    elementClass: LsHeaderBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsHeaderBar
+});
 export const LsHelperBar = /*@__PURE__*/ createComponent({
     tagName: 'ls-helper-bar',
     elementClass: LsHelperBarElement,
@@ -351,6 +460,22 @@ export const LsIcon = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsIcon
 });
+export const LsIconButton = /*@__PURE__*/ createComponent({
+    tagName: 'ls-icon-button',
+    elementClass: LsIconButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsIconButton
+});
+export const LsIconCheckButton = /*@__PURE__*/ createComponent({
+    tagName: 'ls-icon-check-button',
+    elementClass: LsIconCheckButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsIconCheckButton
+});
 export const LsInputWrapper = /*@__PURE__*/ createComponent({
     tagName: 'ls-input-wrapper',
     elementClass: LsInputWrapperElement,
@@ -367,6 +492,14 @@ export const LsKeyboardShortcuts = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsKeyboardShortcuts
 });
+export const LsLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ls-label',
+    elementClass: LsLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsLabel
+});
 export const LsLeftBar = /*@__PURE__*/ createComponent({
     tagName: 'ls-left-bar',
     elementClass: LsLeftBarElement,
@@ -378,21 +511,61 @@ export const LsLeftBar = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineLsLeftBar
 });
-export const LsNumberInput = /*@__PURE__*/ createComponent({
-    tagName: 'ls-number-input',
-    elementClass: LsNumberInputElement,
+export const LsListCardButton = /*@__PURE__*/ createComponent({
+    tagName: 'ls-list-card-button',
+    elementClass: LsListCardButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineLsNumberInput
+    defineCustomElement: defineLsListCardButton
 });
-export const LsPageLoader = /*@__PURE__*/ createComponent({
-    tagName: 'ls-page-loader',
-    elementClass: LsPageLoaderElement,
+export const LsLoading = /*@__PURE__*/ createComponent({
+    tagName: 'ls-loading',
+    elementClass: LsLoadingElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
     events: {},
-    defineCustomElement: defineLsPageLoader
+    defineCustomElement: defineLsLoading
+});
+export const LsLoadingIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ls-loading-icon',
+    elementClass: LsLoadingIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsLoadingIcon
+});
+export const LsLoadingLogo = /*@__PURE__*/ createComponent({
+    tagName: 'ls-loading-logo',
+    elementClass: LsLoadingLogoElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsLoadingLogo
+});
+export const LsNavbar = /*@__PURE__*/ createComponent({
+    tagName: 'ls-navbar',
+    elementClass: LsNavbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsNavbar
+});
+export const LsNotification = /*@__PURE__*/ createComponent({
+    tagName: 'ls-notification',
+    elementClass: LsNotificationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsNotification
+});
+export const LsNumberInput = /*@__PURE__*/ createComponent({
+    tagName: 'ls-number-input',
+    elementClass: LsNumberInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onNumberChange: 'numberChange' },
+    defineCustomElement: defineLsNumberInput
 });
 export const LsParticipantCard = /*@__PURE__*/ createComponent({
     tagName: 'ls-participant-card',
@@ -402,6 +575,7 @@ export const LsParticipantCard = /*@__PURE__*/ createComponent({
     events: {
         onMutate: 'mutate',
         onOpened: 'opened',
+        onRoleChange: 'roleChange',
         onAddParticipant: 'addParticipant'
     },
     defineCustomElement: defineLsParticipantCard
@@ -437,6 +611,14 @@ export const LsPropsSection = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsPropsSection
 });
+export const LsRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ls-radio-group',
+    elementClass: LsRadioGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandlechange: 'handlechange' },
+    defineCustomElement: defineLsRadioGroup
+});
 export const LsRadioInput = /*@__PURE__*/ createComponent({
     tagName: 'ls-radio-input',
     elementClass: LsRadioInputElement,
@@ -469,7 +651,7 @@ export const LsSelectInput = /*@__PURE__*/ createComponent({
     elementClass: LsSelectInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onSelectChange: 'selectChange' },
     defineCustomElement: defineLsSelectInput
 });
 export const LsStatusbar = /*@__PURE__*/ createComponent({
@@ -480,12 +662,36 @@ export const LsStatusbar = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineLsStatusbar
 });
+export const LsTabs = /*@__PURE__*/ createComponent({
+    tagName: 'ls-tabs',
+    elementClass: LsTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTabs
+});
+export const LsTag = /*@__PURE__*/ createComponent({
+    tagName: 'ls-tag',
+    elementClass: LsTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTag
+});
+export const LsText = /*@__PURE__*/ createComponent({
+    tagName: 'ls-text',
+    elementClass: LsTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsText
+});
 export const LsTextInput = /*@__PURE__*/ createComponent({
     tagName: 'ls-text-input',
     elementClass: LsTextInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onValueChange: 'valueChange' },
+    events: { onTextChange: 'textChange' },
     defineCustomElement: defineLsTextInput
 });
 export const LsTextareaInput = /*@__PURE__*/ createComponent({
@@ -493,9 +699,25 @@ export const LsTextareaInput = /*@__PURE__*/ createComponent({
     elementClass: LsTextareaInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onTextareaChange: 'textareaChange' },
     defineCustomElement: defineLsTextareaInput
 });
+export const LsTimeline = /*@__PURE__*/ createComponent({
+    tagName: 'ls-timeline',
+    elementClass: LsTimelineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTimeline
+});
+export const LsTimelineStep = /*@__PURE__*/ createComponent({
+    tagName: 'ls-timeline-step',
+    elementClass: LsTimelineStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineLsTimelineStep
+});
 export const LsTitleInput = /*@__PURE__*/ createComponent({
     tagName: 'ls-title-input',
     elementClass: LsTitleInputElement,
@@ -552,6 +774,17 @@ export const LsValidationTag = /*@__PURE__*/ createComponent({
     elementClass: LsValidationTagElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onChangeSigner: 'changeSigner' },
+    events: {
+        onChangeSigner: 'changeSigner',
+        onSelectFieldForPlacement: 'selectFieldForPlacement'
+    },
     defineCustomElement: defineLsValidationTag
 });
+export const TestItem = /*@__PURE__*/ createComponent({
+    tagName: 'test-item',
+    elementClass: TestItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTestItem
+});

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

@@ -4,10 +4,19 @@
  */
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { type IToolboxField, type LSApiElement, type LSApiRole, type LSApiRoleType, type LSApiTemplate, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsEditorFieldCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldPropertiesMultipleCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsRecipientCardCustomEvent, type LsTitleInputCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { LsAddNewButton as LsAddNewButtonElement } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsBadge as LsBadgeElement } from "legalesign-document-viewer/dist/components/ls-badge.js";
+import { LsBanner as LsBannerElement } from "legalesign-document-viewer/dist/components/ls-banner.js";
+import { LsButton as LsButtonElement } from "legalesign-document-viewer/dist/components/ls-button.js";
+import { LsCard as LsCardElement } from "legalesign-document-viewer/dist/components/ls-card.js";
+import { LsCheckboxInput as LsCheckboxInputElement } from "legalesign-document-viewer/dist/components/ls-checkbox-input.js";
 import { LsComposeLoader as LsComposeLoaderElement } from "legalesign-document-viewer/dist/components/ls-compose-loader.js";
 import { LsComposeManager as LsComposeManagerElement } from "legalesign-document-viewer/dist/components/ls-compose-manager.js";
+import { LsDetailsSection as LsDetailsSectionElement } from "legalesign-document-viewer/dist/components/ls-details-section.js";
 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 { LsDropdownItem as LsDropdownItemElement } from "legalesign-document-viewer/dist/components/ls-dropdown-item.js";
+import { LsDropdown as LsDropdownElement } from "legalesign-document-viewer/dist/components/ls-dropdown.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";
@@ -35,24 +44,39 @@ import { LsFieldProperties as LsFieldPropertiesElement } from "legalesign-docume
 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 { LsHeaderBar as LsHeaderBarElement } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
+import { LsIconButton as LsIconButtonElement } from "legalesign-document-viewer/dist/components/ls-icon-button.js";
+import { LsIconCheckButton as LsIconCheckButtonElement } from "legalesign-document-viewer/dist/components/ls-icon-check-button.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 { LsKeyboardShortcuts as LsKeyboardShortcutsElement } from "legalesign-document-viewer/dist/components/ls-keyboard-shortcuts.js";
+import { LsLabel as LsLabelElement } from "legalesign-document-viewer/dist/components/ls-label.js";
 import { LsLeftBar as LsLeftBarElement } from "legalesign-document-viewer/dist/components/ls-left-bar.js";
+import { LsListCardButton as LsListCardButtonElement } from "legalesign-document-viewer/dist/components/ls-list-card-button.js";
+import { LsLoadingIcon as LsLoadingIconElement } from "legalesign-document-viewer/dist/components/ls-loading-icon.js";
+import { LsLoadingLogo as LsLoadingLogoElement } from "legalesign-document-viewer/dist/components/ls-loading-logo.js";
+import { LsLoading as LsLoadingElement } from "legalesign-document-viewer/dist/components/ls-loading.js";
+import { LsNavbar as LsNavbarElement } from "legalesign-document-viewer/dist/components/ls-navbar.js";
+import { LsNotification as LsNotificationElement } from "legalesign-document-viewer/dist/components/ls-notification.js";
 import { LsNumberInput as LsNumberInputElement } from "legalesign-document-viewer/dist/components/ls-number-input.js";
-import { LsPageLoader as LsPageLoaderElement } from "legalesign-document-viewer/dist/components/ls-page-loader.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 { LsRadioGroup as LsRadioGroupElement } from "legalesign-document-viewer/dist/components/ls-radio-group.js";
 import { LsRadioInput as LsRadioInputElement } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsRecipientCard as LsRecipientCardElement } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement } from "legalesign-document-viewer/dist/components/ls-recipient-manager.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";
+import { LsTabs as LsTabsElement } from "legalesign-document-viewer/dist/components/ls-tabs.js";
+import { LsTag as LsTagElement } from "legalesign-document-viewer/dist/components/ls-tag.js";
 import { LsTextInput as LsTextInputElement } from "legalesign-document-viewer/dist/components/ls-text-input.js";
+import { LsText as LsTextElement } from "legalesign-document-viewer/dist/components/ls-text.js";
 import { LsTextareaInput as LsTextareaInputElement } from "legalesign-document-viewer/dist/components/ls-textarea-input.js";
+import { LsTimelineStep as LsTimelineStepElement } from "legalesign-document-viewer/dist/components/ls-timeline-step.js";
+import { LsTimeline as LsTimelineElement } from "legalesign-document-viewer/dist/components/ls-timeline.js";
 import { LsTitleInput as LsTitleInputElement } from "legalesign-document-viewer/dist/components/ls-title-input.js";
 import { LsToggle as LsToggleElement } from "legalesign-document-viewer/dist/components/ls-toggle.js";
 import { LsToolbar as LsToolbarElement } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
@@ -60,10 +84,30 @@ import { LsToolboxField as LsToolboxFieldElement } from "legalesign-document-vie
 import { LsTooltip as LsTooltipElement } from "legalesign-document-viewer/dist/components/ls-tooltip.js";
 import { LsValidationManager as LsValidationManagerElement } from "legalesign-document-viewer/dist/components/ls-validation-manager.js";
 import { LsValidationTag as LsValidationTagElement } from "legalesign-document-viewer/dist/components/ls-validation-tag.js";
+import { TestItem as TestItemElement } from "legalesign-document-viewer/dist/components/test-item.js";
+export type LsAddNewButtonEvents = NonNullable<unknown>;
+export declare const LsAddNewButton: StencilReactComponent<LsAddNewButtonElement, LsAddNewButtonEvents>;
+export type LsBadgeEvents = NonNullable<unknown>;
+export declare const LsBadge: StencilReactComponent<LsBadgeElement, LsBadgeEvents>;
+export type LsBannerEvents = NonNullable<unknown>;
+export declare const LsBanner: StencilReactComponent<LsBannerElement, LsBannerEvents>;
+export type LsButtonEvents = NonNullable<unknown>;
+export declare const LsButton: StencilReactComponent<LsButtonElement, LsButtonEvents>;
+export type LsCardEvents = NonNullable<unknown>;
+export declare const LsCard: StencilReactComponent<LsCardElement, LsCardEvents>;
+export type LsCheckboxInputEvents = {
+    onHandlechange: EventName<CustomEvent<{
+        id: string;
+        checked: boolean;
+    }>>;
+};
+export declare const LsCheckboxInput: StencilReactComponent<LsCheckboxInputElement, LsCheckboxInputEvents>;
 export type LsComposeLoaderEvents = NonNullable<unknown>;
 export declare const LsComposeLoader: StencilReactComponent<LsComposeLoaderElement, LsComposeLoaderEvents>;
 export type LsComposeManagerEvents = NonNullable<unknown>;
 export declare const LsComposeManager: StencilReactComponent<LsComposeManagerElement, LsComposeManagerEvents>;
+export type LsDetailsSectionEvents = NonNullable<unknown>;
+export declare const LsDetailsSection: StencilReactComponent<LsDetailsSectionElement, LsDetailsSectionEvents>;
 export type LsDocumentOptionsEvents = {
     onMutate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>;
@@ -89,6 +133,10 @@ export type LsDocumentViewerEvents = {
     }>>;
 };
 export declare const LsDocumentViewer: StencilReactComponent<LsDocumentViewerElement, LsDocumentViewerEvents>;
+export type LsDropdownEvents = NonNullable<unknown>;
+export declare const LsDropdown: StencilReactComponent<LsDropdownElement, LsDropdownEvents>;
+export type LsDropdownItemEvents = NonNullable<unknown>;
+export declare const LsDropdownItem: StencilReactComponent<LsDropdownItemElement, LsDropdownItemEvents>;
 export type LsEditorFieldEvents = {
     onMutate: EventName<LsEditorFieldCustomEvent<LSMutateEvent[]>>;
     onUpdate: EventName<LsEditorFieldCustomEvent<LSMutateEvent[]>>;
@@ -173,32 +221,67 @@ export declare const LsFieldSize: StencilReactComponent<LsFieldSizeElement, LsFi
 export type LsFieldTypeDisplayEvents = NonNullable<unknown>;
 export declare const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement, LsFieldTypeDisplayEvents>;
 export type LsFormfieldEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onTextChange: EventName<CustomEvent<{
+        name: string;
+        value: string;
+    }>>;
+    onNumberChange: EventName<CustomEvent<{
+        name: string;
+        value: number;
+    }>>;
+    onBooleanChange: EventName<CustomEvent<{
+        name: string;
+        value: boolean;
+    }>>;
 };
 export declare const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents>;
+export type LsHeaderBarEvents = NonNullable<unknown>;
+export declare const LsHeaderBar: StencilReactComponent<LsHeaderBarElement, LsHeaderBarEvents>;
 export type LsHelperBarEvents = NonNullable<unknown>;
 export declare const LsHelperBar: StencilReactComponent<LsHelperBarElement, LsHelperBarEvents>;
 export type LsIconEvents = NonNullable<unknown>;
 export declare const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents>;
+export type LsIconButtonEvents = NonNullable<unknown>;
+export declare const LsIconButton: StencilReactComponent<LsIconButtonElement, LsIconButtonEvents>;
+export type LsIconCheckButtonEvents = NonNullable<unknown>;
+export declare const LsIconCheckButton: StencilReactComponent<LsIconCheckButtonElement, LsIconCheckButtonEvents>;
 export type LsInputWrapperEvents = NonNullable<unknown>;
 export declare const LsInputWrapper: StencilReactComponent<LsInputWrapperElement, LsInputWrapperEvents>;
 export type LsKeyboardShortcutsEvents = NonNullable<unknown>;
 export declare const LsKeyboardShortcuts: StencilReactComponent<LsKeyboardShortcutsElement, LsKeyboardShortcutsEvents>;
+export type LsLabelEvents = NonNullable<unknown>;
+export declare const LsLabel: StencilReactComponent<LsLabelElement, LsLabelEvents>;
 export type LsLeftBarEvents = {
     onManagerChange: EventName<CustomEvent<string>>;
     onClearSelected: EventName<CustomEvent<void>>;
 };
 export declare const LsLeftBar: StencilReactComponent<LsLeftBarElement, LsLeftBarEvents>;
-export type LsNumberInputEvents = NonNullable<unknown>;
+export type LsListCardButtonEvents = NonNullable<unknown>;
+export declare const LsListCardButton: StencilReactComponent<LsListCardButtonElement, LsListCardButtonEvents>;
+export type LsLoadingEvents = NonNullable<unknown>;
+export declare const LsLoading: StencilReactComponent<LsLoadingElement, LsLoadingEvents>;
+export type LsLoadingIconEvents = NonNullable<unknown>;
+export declare const LsLoadingIcon: StencilReactComponent<LsLoadingIconElement, LsLoadingIconEvents>;
+export type LsLoadingLogoEvents = NonNullable<unknown>;
+export declare const LsLoadingLogo: StencilReactComponent<LsLoadingLogoElement, LsLoadingLogoEvents>;
+export type LsNavbarEvents = NonNullable<unknown>;
+export declare const LsNavbar: StencilReactComponent<LsNavbarElement, LsNavbarEvents>;
+export type LsNotificationEvents = NonNullable<unknown>;
+export declare const LsNotification: StencilReactComponent<LsNotificationElement, LsNotificationEvents>;
+export type LsNumberInputEvents = {
+    onNumberChange: EventName<CustomEvent<{
+        value: number;
+    }>>;
+};
 export declare const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents>;
-export type LsPageLoaderEvents = NonNullable<unknown>;
-export declare const LsPageLoader: StencilReactComponent<LsPageLoaderElement, LsPageLoaderEvents>;
 export type LsParticipantCardEvents = {
     onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>;
     onOpened: EventName<LsParticipantCardCustomEvent<LSApiRole>>;
+    onRoleChange: EventName<CustomEvent<number>>;
     onAddParticipant: EventName<LsParticipantCardCustomEvent<{
         type: LSApiRoleType;
         parent?: string | null;
+        signerIndex?: number;
     }>>;
 };
 export declare const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents>;
@@ -221,6 +304,10 @@ export type LsParticipantSelectEvents = {
 export declare const LsParticipantSelect: StencilReactComponent<LsParticipantSelectElement, LsParticipantSelectEvents>;
 export type LsPropsSectionEvents = NonNullable<unknown>;
 export declare const LsPropsSection: StencilReactComponent<LsPropsSectionElement, LsPropsSectionEvents>;
+export type LsRadioGroupEvents = {
+    onHandlechange: EventName<CustomEvent<string>>;
+};
+export declare const LsRadioGroup: StencilReactComponent<LsRadioGroupElement, LsRadioGroupEvents>;
 export type LsRadioInputEvents = NonNullable<unknown>;
 export declare const LsRadioInput: StencilReactComponent<LsRadioInputElement, LsRadioInputEvents>;
 export type LsRecipientCardEvents = {
@@ -230,16 +317,36 @@ export type LsRecipientCardEvents = {
 export declare const LsRecipientCard: StencilReactComponent<LsRecipientCardElement, LsRecipientCardEvents>;
 export type LsRecipientManagerEvents = NonNullable<unknown>;
 export declare const LsRecipientManager: StencilReactComponent<LsRecipientManagerElement, LsRecipientManagerEvents>;
-export type LsSelectInputEvents = NonNullable<unknown>;
+export type LsSelectInputEvents = {
+    onSelectChange: EventName<CustomEvent<{
+        value: string;
+    }>>;
+};
 export declare const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelectInputEvents>;
 export type LsStatusbarEvents = NonNullable<unknown>;
 export declare const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarEvents>;
+export type LsTabsEvents = NonNullable<unknown>;
+export declare const LsTabs: StencilReactComponent<LsTabsElement, LsTabsEvents>;
+export type LsTagEvents = NonNullable<unknown>;
+export declare const LsTag: StencilReactComponent<LsTagElement, LsTagEvents>;
+export type LsTextEvents = NonNullable<unknown>;
+export declare const LsText: StencilReactComponent<LsTextElement, LsTextEvents>;
 export type LsTextInputEvents = {
-    onValueChange: EventName<CustomEvent<string>>;
+    onTextChange: EventName<CustomEvent<{
+        value: string;
+    }>>;
 };
 export declare const LsTextInput: StencilReactComponent<LsTextInputElement, LsTextInputEvents>;
-export type LsTextareaInputEvents = NonNullable<unknown>;
+export type LsTextareaInputEvents = {
+    onTextareaChange: EventName<CustomEvent<{
+        value: string;
+    }>>;
+};
 export declare const LsTextareaInput: StencilReactComponent<LsTextareaInputElement, LsTextareaInputEvents>;
+export type LsTimelineEvents = NonNullable<unknown>;
+export declare const LsTimeline: StencilReactComponent<LsTimelineElement, LsTimelineEvents>;
+export type LsTimelineStepEvents = NonNullable<unknown>;
+export declare const LsTimelineStep: StencilReactComponent<LsTimelineStepElement, LsTimelineStepEvents>;
 export type LsTitleInputEvents = {
     onMutate: EventName<LsTitleInputCustomEvent<LSMutateEvent[]>>;
 };
@@ -271,5 +378,11 @@ export type LsValidationManagerEvents = NonNullable<unknown>;
 export declare const LsValidationManager: StencilReactComponent<LsValidationManagerElement, LsValidationManagerEvents>;
 export type LsValidationTagEvents = {
     onChangeSigner: EventName<CustomEvent<number>>;
+    onSelectFieldForPlacement: EventName<CustomEvent<{
+        signerIndex: number;
+        fieldType: string;
+    }>>;
 };
 export declare const LsValidationTag: StencilReactComponent<LsValidationTagElement, LsValidationTagEvents>;
+export type TestItemEvents = NonNullable<unknown>;
+export declare const TestItem: StencilReactComponent<TestItemElement, TestItemEvents>;

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

@@ -10,10 +10,19 @@
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import { type IToolboxField, type LSApiElement, type LSApiRole, type LSApiRoleType, type LSApiTemplate, type LSMutateEvent, type LsDocumentOptionsCustomEvent, type LsDocumentViewerCustomEvent, type LsEditorFieldCustomEvent, type LsFieldAlignmentCustomEvent, type LsFieldContentCustomEvent, type LsFieldDimensionsCustomEvent, type LsFieldDistributeCustomEvent, type LsFieldFooterCustomEvent, type LsFieldFormatCustomEvent, type LsFieldPlacementCustomEvent, type LsFieldPropertiesAdvancedCustomEvent, type LsFieldPropertiesMultipleCustomEvent, type LsFieldSizeCustomEvent, type LsParticipantCardCustomEvent, type LsParticipantManagerCustomEvent, type LsParticipantSelectCustomEvent, type LsRecipientCardCustomEvent, type LsTitleInputCustomEvent, type LsToolbarCustomEvent } from "legalesign-document-viewer";
+import { LsAddNewButton as LsAddNewButtonElement, defineCustomElement as defineLsAddNewButton } from "legalesign-document-viewer/dist/components/ls-add-new-button.js";
+import { LsBadge as LsBadgeElement, defineCustomElement as defineLsBadge } from "legalesign-document-viewer/dist/components/ls-badge.js";
+import { LsBanner as LsBannerElement, defineCustomElement as defineLsBanner } from "legalesign-document-viewer/dist/components/ls-banner.js";
+import { LsButton as LsButtonElement, defineCustomElement as defineLsButton } from "legalesign-document-viewer/dist/components/ls-button.js";
+import { LsCard as LsCardElement, defineCustomElement as defineLsCard } from "legalesign-document-viewer/dist/components/ls-card.js";
+import { LsCheckboxInput as LsCheckboxInputElement, defineCustomElement as defineLsCheckboxInput } from "legalesign-document-viewer/dist/components/ls-checkbox-input.js";
 import { LsComposeLoader as LsComposeLoaderElement, defineCustomElement as defineLsComposeLoader } from "legalesign-document-viewer/dist/components/ls-compose-loader.js";
 import { LsComposeManager as LsComposeManagerElement, defineCustomElement as defineLsComposeManager } from "legalesign-document-viewer/dist/components/ls-compose-manager.js";
+import { LsDetailsSection as LsDetailsSectionElement, defineCustomElement as defineLsDetailsSection } from "legalesign-document-viewer/dist/components/ls-details-section.js";
 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 { LsDropdownItem as LsDropdownItemElement, defineCustomElement as defineLsDropdownItem } from "legalesign-document-viewer/dist/components/ls-dropdown-item.js";
+import { LsDropdown as LsDropdownElement, defineCustomElement as defineLsDropdown } from "legalesign-document-viewer/dist/components/ls-dropdown.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";
@@ -41,24 +50,39 @@ import { LsFieldProperties as LsFieldPropertiesElement, defineCustomElement as d
 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 { LsHeaderBar as LsHeaderBarElement, defineCustomElement as defineLsHeaderBar } from "legalesign-document-viewer/dist/components/ls-header-bar.js";
 import { LsHelperBar as LsHelperBarElement, defineCustomElement as defineLsHelperBar } from "legalesign-document-viewer/dist/components/ls-helper-bar.js";
+import { LsIconButton as LsIconButtonElement, defineCustomElement as defineLsIconButton } from "legalesign-document-viewer/dist/components/ls-icon-button.js";
+import { LsIconCheckButton as LsIconCheckButtonElement, defineCustomElement as defineLsIconCheckButton } from "legalesign-document-viewer/dist/components/ls-icon-check-button.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 { LsKeyboardShortcuts as LsKeyboardShortcutsElement, defineCustomElement as defineLsKeyboardShortcuts } from "legalesign-document-viewer/dist/components/ls-keyboard-shortcuts.js";
+import { LsLabel as LsLabelElement, defineCustomElement as defineLsLabel } from "legalesign-document-viewer/dist/components/ls-label.js";
 import { LsLeftBar as LsLeftBarElement, defineCustomElement as defineLsLeftBar } from "legalesign-document-viewer/dist/components/ls-left-bar.js";
+import { LsListCardButton as LsListCardButtonElement, defineCustomElement as defineLsListCardButton } from "legalesign-document-viewer/dist/components/ls-list-card-button.js";
+import { LsLoadingIcon as LsLoadingIconElement, defineCustomElement as defineLsLoadingIcon } from "legalesign-document-viewer/dist/components/ls-loading-icon.js";
+import { LsLoadingLogo as LsLoadingLogoElement, defineCustomElement as defineLsLoadingLogo } from "legalesign-document-viewer/dist/components/ls-loading-logo.js";
+import { LsLoading as LsLoadingElement, defineCustomElement as defineLsLoading } from "legalesign-document-viewer/dist/components/ls-loading.js";
+import { LsNavbar as LsNavbarElement, defineCustomElement as defineLsNavbar } from "legalesign-document-viewer/dist/components/ls-navbar.js";
+import { LsNotification as LsNotificationElement, defineCustomElement as defineLsNotification } from "legalesign-document-viewer/dist/components/ls-notification.js";
 import { LsNumberInput as LsNumberInputElement, defineCustomElement as defineLsNumberInput } from "legalesign-document-viewer/dist/components/ls-number-input.js";
-import { LsPageLoader as LsPageLoaderElement, defineCustomElement as defineLsPageLoader } from "legalesign-document-viewer/dist/components/ls-page-loader.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 { LsRadioGroup as LsRadioGroupElement, defineCustomElement as defineLsRadioGroup } from "legalesign-document-viewer/dist/components/ls-radio-group.js";
 import { LsRadioInput as LsRadioInputElement, defineCustomElement as defineLsRadioInput } from "legalesign-document-viewer/dist/components/ls-radio-input.js";
 import { LsRecipientCard as LsRecipientCardElement, defineCustomElement as defineLsRecipientCard } from "legalesign-document-viewer/dist/components/ls-recipient-card.js";
 import { LsRecipientManager as LsRecipientManagerElement, defineCustomElement as defineLsRecipientManager } from "legalesign-document-viewer/dist/components/ls-recipient-manager.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";
+import { LsTabs as LsTabsElement, defineCustomElement as defineLsTabs } from "legalesign-document-viewer/dist/components/ls-tabs.js";
+import { LsTag as LsTagElement, defineCustomElement as defineLsTag } from "legalesign-document-viewer/dist/components/ls-tag.js";
 import { LsTextInput as LsTextInputElement, defineCustomElement as defineLsTextInput } from "legalesign-document-viewer/dist/components/ls-text-input.js";
+import { LsText as LsTextElement, defineCustomElement as defineLsText } from "legalesign-document-viewer/dist/components/ls-text.js";
 import { LsTextareaInput as LsTextareaInputElement, defineCustomElement as defineLsTextareaInput } from "legalesign-document-viewer/dist/components/ls-textarea-input.js";
+import { LsTimelineStep as LsTimelineStepElement, defineCustomElement as defineLsTimelineStep } from "legalesign-document-viewer/dist/components/ls-timeline-step.js";
+import { LsTimeline as LsTimelineElement, defineCustomElement as defineLsTimeline } from "legalesign-document-viewer/dist/components/ls-timeline.js";
 import { LsTitleInput as LsTitleInputElement, defineCustomElement as defineLsTitleInput } from "legalesign-document-viewer/dist/components/ls-title-input.js";
 import { LsToggle as LsToggleElement, defineCustomElement as defineLsToggle } from "legalesign-document-viewer/dist/components/ls-toggle.js";
 import { LsToolbar as LsToolbarElement, defineCustomElement as defineLsToolbar } from "legalesign-document-viewer/dist/components/ls-toolbar.js";
@@ -66,8 +90,75 @@ import { LsToolboxField as LsToolboxFieldElement, defineCustomElement as defineL
 import { LsTooltip as LsTooltipElement, defineCustomElement as defineLsTooltip } from "legalesign-document-viewer/dist/components/ls-tooltip.js";
 import { LsValidationManager as LsValidationManagerElement, defineCustomElement as defineLsValidationManager } from "legalesign-document-viewer/dist/components/ls-validation-manager.js";
 import { LsValidationTag as LsValidationTagElement, defineCustomElement as defineLsValidationTag } from "legalesign-document-viewer/dist/components/ls-validation-tag.js";
+import { TestItem as TestItemElement, defineCustomElement as defineTestItem } from "legalesign-document-viewer/dist/components/test-item.js";
 import React from 'react';
+export type LsAddNewButtonEvents = NonNullable<unknown>;
+export const LsAddNewButton: StencilReactComponent<LsAddNewButtonElement, LsAddNewButtonEvents> = /*@__PURE__*/ createComponent<LsAddNewButtonElement, LsAddNewButtonEvents>({
+    tagName: 'ls-add-new-button',
+    elementClass: LsAddNewButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsAddNewButtonEvents,
+    defineCustomElement: defineLsAddNewButton
+});
+export type LsBadgeEvents = NonNullable<unknown>;
+export const LsBadge: StencilReactComponent<LsBadgeElement, LsBadgeEvents> = /*@__PURE__*/ createComponent<LsBadgeElement, LsBadgeEvents>({
+    tagName: 'ls-badge',
+    elementClass: LsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsBadgeEvents,
+    defineCustomElement: defineLsBadge
+});
+export type LsBannerEvents = NonNullable<unknown>;
+export const LsBanner: StencilReactComponent<LsBannerElement, LsBannerEvents> = /*@__PURE__*/ createComponent<LsBannerElement, LsBannerEvents>({
+    tagName: 'ls-banner',
+    elementClass: LsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsBannerEvents,
+    defineCustomElement: defineLsBanner
+});
+export type LsButtonEvents = NonNullable<unknown>;
+export const LsButton: StencilReactComponent<LsButtonElement, LsButtonEvents> = /*@__PURE__*/ createComponent<LsButtonElement, LsButtonEvents>({
+    tagName: 'ls-button',
+    elementClass: LsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsButtonEvents,
+    defineCustomElement: defineLsButton
+});
+export type LsCardEvents = NonNullable<unknown>;
+export const LsCard: StencilReactComponent<LsCardElement, LsCardEvents> = /*@__PURE__*/ createComponent<LsCardElement, LsCardEvents>({
+    tagName: 'ls-card',
+    elementClass: LsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsCardEvents,
+    defineCustomElement: defineLsCard
+});
+export type LsCheckboxInputEvents = { onHandlechange: EventName<CustomEvent<{ id: string; checked: boolean }>> };
+export const LsCheckboxInput: StencilReactComponent<LsCheckboxInputElement, LsCheckboxInputEvents> = /*@__PURE__*/ createComponent<LsCheckboxInputElement, LsCheckboxInputEvents>({
+    tagName: 'ls-checkbox-input',
+    elementClass: LsCheckboxInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandlechange: 'handlechange' } as LsCheckboxInputEvents,
+    defineCustomElement: defineLsCheckboxInput
+});
 export type LsComposeLoaderEvents = NonNullable<unknown>;
 export const LsComposeLoader: StencilReactComponent<LsComposeLoaderElement, LsComposeLoaderEvents> = /*@__PURE__*/ createComponent<LsComposeLoaderElement, LsComposeLoaderEvents>({
@@ -90,6 +181,17 @@ export const LsComposeManager: StencilReactComponent<LsComposeManagerElement, Ls
     defineCustomElement: defineLsComposeManager
 });
+export type LsDetailsSectionEvents = NonNullable<unknown>;
+export const LsDetailsSection: StencilReactComponent<LsDetailsSectionElement, LsDetailsSectionEvents> = /*@__PURE__*/ createComponent<LsDetailsSectionElement, LsDetailsSectionEvents>({
+    tagName: 'ls-details-section',
+    elementClass: LsDetailsSectionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsDetailsSectionEvents,
+    defineCustomElement: defineLsDetailsSection
+});
 export type LsDocumentOptionsEvents = {
     onMutate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>,
     onUpdate: EventName<LsDocumentOptionsCustomEvent<LSMutateEvent[]>>
@@ -134,6 +236,28 @@ export const LsDocumentViewer: StencilReactComponent<LsDocumentViewerElement, Ls
     defineCustomElement: defineLsDocumentViewer
 });
+export type LsDropdownEvents = NonNullable<unknown>;
+export const LsDropdown: StencilReactComponent<LsDropdownElement, LsDropdownEvents> = /*@__PURE__*/ createComponent<LsDropdownElement, LsDropdownEvents>({
+    tagName: 'ls-dropdown',
+    elementClass: LsDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsDropdownEvents,
+    defineCustomElement: defineLsDropdown
+});
+export type LsDropdownItemEvents = NonNullable<unknown>;
+export const LsDropdownItem: StencilReactComponent<LsDropdownItemElement, LsDropdownItemEvents> = /*@__PURE__*/ createComponent<LsDropdownItemElement, LsDropdownItemEvents>({
+    tagName: 'ls-dropdown-item',
+    elementClass: LsDropdownItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsDropdownItemEvents,
+    defineCustomElement: defineLsDropdownItem
+});
 export type LsEditorFieldEvents = {
     onMutate: EventName<LsEditorFieldCustomEvent<LSMutateEvent[]>>,
     onUpdate: EventName<LsEditorFieldCustomEvent<LSMutateEvent[]>>
@@ -458,17 +582,36 @@ export const LsFieldTypeDisplay: StencilReactComponent<LsFieldTypeDisplayElement
     defineCustomElement: defineLsFieldTypeDisplay
 });
-export type LsFormfieldEvents = { onValueChange: EventName<CustomEvent<string>> };
+export type LsFormfieldEvents = {
+    onTextChange: EventName<CustomEvent<{ name: string; value: string }>>,
+    onNumberChange: EventName<CustomEvent<{ name: string; value: number }>>,
+    onBooleanChange: EventName<CustomEvent<{ name: string; value: boolean }>>
+};
 export const LsFormfield: StencilReactComponent<LsFormfieldElement, LsFormfieldEvents> = /*@__PURE__*/ createComponent<LsFormfieldElement, LsFormfieldEvents>({
     tagName: 'ls-formfield',
     elementClass: LsFormfieldElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onValueChange: 'valueChange' } as LsFormfieldEvents,
+    events: {
+        onTextChange: 'textChange',
+        onNumberChange: 'numberChange',
+        onBooleanChange: 'booleanChange'
+    } as LsFormfieldEvents,
     defineCustomElement: defineLsFormfield
 });
+export type LsHeaderBarEvents = NonNullable<unknown>;
+export const LsHeaderBar: StencilReactComponent<LsHeaderBarElement, LsHeaderBarEvents> = /*@__PURE__*/ createComponent<LsHeaderBarElement, LsHeaderBarEvents>({
+    tagName: 'ls-header-bar',
+    elementClass: LsHeaderBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsHeaderBarEvents,
+    defineCustomElement: defineLsHeaderBar
+});
 export type LsHelperBarEvents = NonNullable<unknown>;
 export const LsHelperBar: StencilReactComponent<LsHelperBarElement, LsHelperBarEvents> = /*@__PURE__*/ createComponent<LsHelperBarElement, LsHelperBarEvents>({
@@ -491,6 +634,28 @@ export const LsIcon: StencilReactComponent<LsIconElement, LsIconEvents> = /*@__P
     defineCustomElement: defineLsIcon
 });
+export type LsIconButtonEvents = NonNullable<unknown>;
+export const LsIconButton: StencilReactComponent<LsIconButtonElement, LsIconButtonEvents> = /*@__PURE__*/ createComponent<LsIconButtonElement, LsIconButtonEvents>({
+    tagName: 'ls-icon-button',
+    elementClass: LsIconButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsIconButtonEvents,
+    defineCustomElement: defineLsIconButton
+});
+export type LsIconCheckButtonEvents = NonNullable<unknown>;
+export const LsIconCheckButton: StencilReactComponent<LsIconCheckButtonElement, LsIconCheckButtonEvents> = /*@__PURE__*/ createComponent<LsIconCheckButtonElement, LsIconCheckButtonEvents>({
+    tagName: 'ls-icon-check-button',
+    elementClass: LsIconCheckButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsIconCheckButtonEvents,
+    defineCustomElement: defineLsIconCheckButton
+});
 export type LsInputWrapperEvents = NonNullable<unknown>;
 export const LsInputWrapper: StencilReactComponent<LsInputWrapperElement, LsInputWrapperEvents> = /*@__PURE__*/ createComponent<LsInputWrapperElement, LsInputWrapperEvents>({
@@ -513,6 +678,17 @@ export const LsKeyboardShortcuts: StencilReactComponent<LsKeyboardShortcutsEleme
     defineCustomElement: defineLsKeyboardShortcuts
 });
+export type LsLabelEvents = NonNullable<unknown>;
+export const LsLabel: StencilReactComponent<LsLabelElement, LsLabelEvents> = /*@__PURE__*/ createComponent<LsLabelElement, LsLabelEvents>({
+    tagName: 'ls-label',
+    elementClass: LsLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsLabelEvents,
+    defineCustomElement: defineLsLabel
+});
 export type LsLeftBarEvents = {
     onManagerChange: EventName<CustomEvent<string>>,
     onClearSelected: EventName<CustomEvent<void>>
@@ -530,32 +706,88 @@ export const LsLeftBar: StencilReactComponent<LsLeftBarElement, LsLeftBarEvents>
     defineCustomElement: defineLsLeftBar
 });
-export type LsNumberInputEvents = NonNullable<unknown>;
+export type LsListCardButtonEvents = NonNullable<unknown>;
-export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents> = /*@__PURE__*/ createComponent<LsNumberInputElement, LsNumberInputEvents>({
-    tagName: 'ls-number-input',
-    elementClass: LsNumberInputElement,
+export const LsListCardButton: StencilReactComponent<LsListCardButtonElement, LsListCardButtonEvents> = /*@__PURE__*/ createComponent<LsListCardButtonElement, LsListCardButtonEvents>({
+    tagName: 'ls-list-card-button',
+    elementClass: LsListCardButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsNumberInputEvents,
-    defineCustomElement: defineLsNumberInput
+    events: {} as LsListCardButtonEvents,
+    defineCustomElement: defineLsListCardButton
 });
-export type LsPageLoaderEvents = NonNullable<unknown>;
+export type LsLoadingEvents = NonNullable<unknown>;
-export const LsPageLoader: StencilReactComponent<LsPageLoaderElement, LsPageLoaderEvents> = /*@__PURE__*/ createComponent<LsPageLoaderElement, LsPageLoaderEvents>({
-    tagName: 'ls-page-loader',
-    elementClass: LsPageLoaderElement,
+export const LsLoading: StencilReactComponent<LsLoadingElement, LsLoadingEvents> = /*@__PURE__*/ createComponent<LsLoadingElement, LsLoadingEvents>({
+    tagName: 'ls-loading',
+    elementClass: LsLoadingElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsPageLoaderEvents,
-    defineCustomElement: defineLsPageLoader
+    events: {} as LsLoadingEvents,
+    defineCustomElement: defineLsLoading
+});
+export type LsLoadingIconEvents = NonNullable<unknown>;
+export const LsLoadingIcon: StencilReactComponent<LsLoadingIconElement, LsLoadingIconEvents> = /*@__PURE__*/ createComponent<LsLoadingIconElement, LsLoadingIconEvents>({
+    tagName: 'ls-loading-icon',
+    elementClass: LsLoadingIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsLoadingIconEvents,
+    defineCustomElement: defineLsLoadingIcon
+});
+export type LsLoadingLogoEvents = NonNullable<unknown>;
+export const LsLoadingLogo: StencilReactComponent<LsLoadingLogoElement, LsLoadingLogoEvents> = /*@__PURE__*/ createComponent<LsLoadingLogoElement, LsLoadingLogoEvents>({
+    tagName: 'ls-loading-logo',
+    elementClass: LsLoadingLogoElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsLoadingLogoEvents,
+    defineCustomElement: defineLsLoadingLogo
+});
+export type LsNavbarEvents = NonNullable<unknown>;
+export const LsNavbar: StencilReactComponent<LsNavbarElement, LsNavbarEvents> = /*@__PURE__*/ createComponent<LsNavbarElement, LsNavbarEvents>({
+    tagName: 'ls-navbar',
+    elementClass: LsNavbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsNavbarEvents,
+    defineCustomElement: defineLsNavbar
+});
+export type LsNotificationEvents = NonNullable<unknown>;
+export const LsNotification: StencilReactComponent<LsNotificationElement, LsNotificationEvents> = /*@__PURE__*/ createComponent<LsNotificationElement, LsNotificationEvents>({
+    tagName: 'ls-notification',
+    elementClass: LsNotificationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsNotificationEvents,
+    defineCustomElement: defineLsNotification
+});
+export type LsNumberInputEvents = { onNumberChange: EventName<CustomEvent<{ value: number }>> };
+export const LsNumberInput: StencilReactComponent<LsNumberInputElement, LsNumberInputEvents> = /*@__PURE__*/ createComponent<LsNumberInputElement, LsNumberInputEvents>({
+    tagName: 'ls-number-input',
+    elementClass: LsNumberInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onNumberChange: 'numberChange' } as LsNumberInputEvents,
+    defineCustomElement: defineLsNumberInput
 });
 export type LsParticipantCardEvents = {
     onMutate: EventName<LsParticipantCardCustomEvent<LSMutateEvent[]>>,
     onOpened: EventName<LsParticipantCardCustomEvent<LSApiRole>>,
-    onAddParticipant: EventName<LsParticipantCardCustomEvent<{ type: LSApiRoleType; parent?: string | null }>>
+    onRoleChange: EventName<CustomEvent<number>>,
+    onAddParticipant: EventName<LsParticipantCardCustomEvent<{ type: LSApiRoleType; parent?: string | null; signerIndex?: number }>>
 };
 export const LsParticipantCard: StencilReactComponent<LsParticipantCardElement, LsParticipantCardEvents> = /*@__PURE__*/ createComponent<LsParticipantCardElement, LsParticipantCardEvents>({
@@ -566,6 +798,7 @@ export const LsParticipantCard: StencilReactComponent<LsParticipantCardElement,
     events: {
         onMutate: 'mutate',
         onOpened: 'opened',
+        onRoleChange: 'roleChange',
         onAddParticipant: 'addParticipant'
     } as LsParticipantCardEvents,
     defineCustomElement: defineLsParticipantCard
@@ -618,6 +851,17 @@ export const LsPropsSection: StencilReactComponent<LsPropsSectionElement, LsProp
     defineCustomElement: defineLsPropsSection
 });
+export type LsRadioGroupEvents = { onHandlechange: EventName<CustomEvent<string>> };
+export const LsRadioGroup: StencilReactComponent<LsRadioGroupElement, LsRadioGroupEvents> = /*@__PURE__*/ createComponent<LsRadioGroupElement, LsRadioGroupEvents>({
+    tagName: 'ls-radio-group',
+    elementClass: LsRadioGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onHandlechange: 'handlechange' } as LsRadioGroupEvents,
+    defineCustomElement: defineLsRadioGroup
+});
 export type LsRadioInputEvents = NonNullable<unknown>;
 export const LsRadioInput: StencilReactComponent<LsRadioInputElement, LsRadioInputEvents> = /*@__PURE__*/ createComponent<LsRadioInputElement, LsRadioInputEvents>({
@@ -657,14 +901,14 @@ export const LsRecipientManager: StencilReactComponent<LsRecipientManagerElement
     defineCustomElement: defineLsRecipientManager
 });
-export type LsSelectInputEvents = NonNullable<unknown>;
+export type LsSelectInputEvents = { onSelectChange: EventName<CustomEvent<{ value: string }>> };
 export const LsSelectInput: StencilReactComponent<LsSelectInputElement, LsSelectInputEvents> = /*@__PURE__*/ createComponent<LsSelectInputElement, LsSelectInputEvents>({
     tagName: 'ls-select-input',
     elementClass: LsSelectInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsSelectInputEvents,
+    events: { onSelectChange: 'selectChange' } as LsSelectInputEvents,
     defineCustomElement: defineLsSelectInput
 });
@@ -679,28 +923,83 @@ export const LsStatusbar: StencilReactComponent<LsStatusbarElement, LsStatusbarE
     defineCustomElement: defineLsStatusbar
 });
-export type LsTextInputEvents = { onValueChange: EventName<CustomEvent<string>> };
+export type LsTabsEvents = NonNullable<unknown>;
+export const LsTabs: StencilReactComponent<LsTabsElement, LsTabsEvents> = /*@__PURE__*/ createComponent<LsTabsElement, LsTabsEvents>({
+    tagName: 'ls-tabs',
+    elementClass: LsTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsTabsEvents,
+    defineCustomElement: defineLsTabs
+});
+export type LsTagEvents = NonNullable<unknown>;
+export const LsTag: StencilReactComponent<LsTagElement, LsTagEvents> = /*@__PURE__*/ createComponent<LsTagElement, LsTagEvents>({
+    tagName: 'ls-tag',
+    elementClass: LsTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsTagEvents,
+    defineCustomElement: defineLsTag
+});
+export type LsTextEvents = NonNullable<unknown>;
+export const LsText: StencilReactComponent<LsTextElement, LsTextEvents> = /*@__PURE__*/ createComponent<LsTextElement, LsTextEvents>({
+    tagName: 'ls-text',
+    elementClass: LsTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsTextEvents,
+    defineCustomElement: defineLsText
+});
+export type LsTextInputEvents = { onTextChange: EventName<CustomEvent<{ value: string }>> };
 export const LsTextInput: StencilReactComponent<LsTextInputElement, LsTextInputEvents> = /*@__PURE__*/ createComponent<LsTextInputElement, LsTextInputEvents>({
     tagName: 'ls-text-input',
     elementClass: LsTextInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onValueChange: 'valueChange' } as LsTextInputEvents,
+    events: { onTextChange: 'textChange' } as LsTextInputEvents,
     defineCustomElement: defineLsTextInput
 });
-export type LsTextareaInputEvents = NonNullable<unknown>;
+export type LsTextareaInputEvents = { onTextareaChange: EventName<CustomEvent<{ value: string }>> };
 export const LsTextareaInput: StencilReactComponent<LsTextareaInputElement, LsTextareaInputEvents> = /*@__PURE__*/ createComponent<LsTextareaInputElement, LsTextareaInputEvents>({
     tagName: 'ls-textarea-input',
     elementClass: LsTextareaInputElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {} as LsTextareaInputEvents,
+    events: { onTextareaChange: 'textareaChange' } as LsTextareaInputEvents,
     defineCustomElement: defineLsTextareaInput
 });
+export type LsTimelineEvents = NonNullable<unknown>;
+export const LsTimeline: StencilReactComponent<LsTimelineElement, LsTimelineEvents> = /*@__PURE__*/ createComponent<LsTimelineElement, LsTimelineEvents>({
+    tagName: 'ls-timeline',
+    elementClass: LsTimelineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsTimelineEvents,
+    defineCustomElement: defineLsTimeline
+});
+export type LsTimelineStepEvents = NonNullable<unknown>;
+export const LsTimelineStep: StencilReactComponent<LsTimelineStepElement, LsTimelineStepEvents> = /*@__PURE__*/ createComponent<LsTimelineStepElement, LsTimelineStepEvents>({
+    tagName: 'ls-timeline-step',
+    elementClass: LsTimelineStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as LsTimelineStepEvents,
+    defineCustomElement: defineLsTimelineStep
+});
 export type LsTitleInputEvents = { onMutate: EventName<LsTitleInputCustomEvent<LSMutateEvent[]>> };
 export const LsTitleInput: StencilReactComponent<LsTitleInputElement, LsTitleInputEvents> = /*@__PURE__*/ createComponent<LsTitleInputElement, LsTitleInputEvents>({
@@ -783,13 +1082,30 @@ export const LsValidationManager: StencilReactComponent<LsValidationManagerEleme
     defineCustomElement: defineLsValidationManager
 });
-export type LsValidationTagEvents = { onChangeSigner: EventName<CustomEvent<number>> };
+export type LsValidationTagEvents = {
+    onChangeSigner: EventName<CustomEvent<number>>,
+    onSelectFieldForPlacement: EventName<CustomEvent<{ signerIndex: number; fieldType: string }>>
+};
 export const LsValidationTag: StencilReactComponent<LsValidationTagElement, LsValidationTagEvents> = /*@__PURE__*/ createComponent<LsValidationTagElement, LsValidationTagEvents>({
     tagName: 'ls-validation-tag',
     elementClass: LsValidationTagElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onChangeSigner: 'changeSigner' } as LsValidationTagEvents,
+    events: {
+        onChangeSigner: 'changeSigner',
+        onSelectFieldForPlacement: 'selectFieldForPlacement'
+    } as LsValidationTagEvents,
     defineCustomElement: defineLsValidationTag
 });
+export type TestItemEvents = NonNullable<unknown>;
+export const TestItem: StencilReactComponent<TestItemElement, TestItemEvents> = /*@__PURE__*/ createComponent<TestItemElement, TestItemEvents>({
+    tagName: 'test-item',
+    elementClass: TestItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as TestItemEvents,
+    defineCustomElement: defineTestItem
+});

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer-react",
-  "version": "0.9.14",
+  "version": "0.9.16",
   "description": "Legalesign React Editor / Viewers",
   "keywords": [
     "stencilJS",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@stencil/react-output-target": "^1.2.0",
-    "legalesign-document-viewer": "^0.9.14"
+    "legalesign-document-viewer": "^0.9.16"
   },
   "repository": {
     "type": "git",