legalesign-document-viewer 0.6.1 → 0.6.3

package/dist/esm/ls-document-viewer.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ls-field-properties-dropdown",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-compose-manager",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_46",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-title-input",{"template":[1040],"editTitle":[32]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
+  return bootstrapLazy([["ls-field-properties-dropdown",[[769,"ls-field-properties-dropdown",{"dataItem":[16]}]]],["ls-formfield",[[772,"ls-formfield",{"name":[1],"fieldId":[1,"field-id"],"label":[1],"as":[1],"value":[1032],"placeholder":[1],"descriptionText":[1,"description-text"],"errorText":[1,"error-text"],"aria":[1],"inputRef":[1,"input-ref"],"infoTooltipText":[1,"info-tooltip-text"],"hoverTooltipText":[1,"hover-tooltip-text"],"disabled":[4],"extraLabel":[1,"extra-label"],"required":[4],"valid":[4],"dirty":[4],"count":[4],"countMax":[2,"count-max"],"buttonClick":[16],"buttonIcon":[1,"button-icon"],"labelIcon":[1,"label-icon"],"fieldIcon":[1,"field-icon"],"_value":[32]},null,{"value":["valueWatcher"]}]]],["ls-title-input",[[769,"ls-title-input",{"template":[1040],"editTitle":[32]}]]],["ls-compose-manager",[[769,"ls-compose-manager",{"template":[16]}]]],["ls-document-options_45",[[769,"ls-document-viewer",{"template":[1],"token":[1],"userpool":[1],"endpoint":[1],"templateid":[1],"recipients":[1],"_recipients":[16],"zoom":[1026],"pageNum":[1026,"page-num"],"pageCount":[1026,"page-count"],"signer":[1026],"groupInfo":[1032,"group-info"],"mode":[1],"manager":[1025],"displayTable":[1028,"display-table"],"filtertoolbox":[1],"showstatusbar":[4],"showpagepreview":[4],"readonly":[4],"showtableview":[4],"toolboxFilter":[1,"toolbox-filter"],"_template":[32],"validationErrors":[32],"status":[32],"fontSize":[32],"fontFamily":[32],"selected":[32],"isLoading":[32],"fieldTypeSelected":[32],"pageNext":[64],"pagePrev":[64],"unselect":[64],"setZoom":[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{"mode":["modeHandler"],"zoom":["zoomChanged"]}],[769,"ls-field-properties",{"dataItem":[16]}],[769,"ls-statusbar",{"zoom":[1026],"page":[1026],"pageCount":[1026,"page-count"],"editor":[16]}],[769,"ls-participant-manager",{"editor":[16],"template":[16]}],[769,"ls-toolbar",{"dataItem":[1040],"groupInfo":[16],"template":[16],"editor":[1040],"mode":[1]}],[769,"ls-document-options",{"template":[1040],"editTitle":[32]},null,{"template":["selectedHandler"]}],[769,"ls-recipient-card",{"recipient":[16],"activeRecipient":[2,"active-recipient"],"fieldTypeSelected":[16],"template":[16],"validationErrors":[16],"filtertoolbox":[1],"isHovered":[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{"activeRecipient":["handleExpandCollapse"]}],[769,"ls-validation-manager",{"validationErrors":[16]}],[769,"ls-feature-column",{"manager":[1025],"mode":[1]}],[769,"ls-validation-tag",{"status":[1025],"validationErrors":[1040],"isExpanded":[1028,"is-expanded"],"type":[1],"showDropDown":[4,"show-drop-down"]}],[769,"ls-editor-table",{"editor":[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{"dataItem":[16]}],[769,"ls-field-properties-email",{"dataItem":[16]}],[769,"ls-field-properties-file",{"dataItem":[16]}],[769,"ls-field-properties-general",{"dataItem":[16]}],[769,"ls-field-properties-image",{"dataItem":[16]}],[769,"ls-field-properties-number",{"dataItem":[16]}],[769,"ls-field-properties-signature",{"dataItem":[16]}],[769,"ls-field-properties-text",{"dataItem":[16]}],[769,"ls-field-properties-multiple",{"dataItem":[1040]}],[769,"ls-field-properties-autosign",{"dataItem":[16]}],[769,"ls-helper-bar",{"expanded":[1028],"showShortcuts":[1028,"show-shortcuts"]}],[769,"ls-participant-card",{"signer":[16],"index":[2],"editable":[1028],"template":[16],"swapUpBtn":[32],"swapDownBtn":[32],"editBtn":[32],"deleteParticipantBtn":[32]},null,{"editable":["modeHandler"]}],[769,"ls-field-format",{"dataItem":[1040]},null,{"dataItem":["selectFieldsHandler"]}],[769,"ls-participant-select",{"selected":[1025],"roles":[16],"selectedRole":[32],"isOpen":[32]},null,{"roles":["handleRoleLoad"]}],[769,"ls-field-distribute",{"dataItem":[1040]}],[769,"ls-field-alignment",{"dataItem":[1040]}],[769,"ls-field-size",{"dataItem":[1040]}],[769,"ls-toolbox-field",{"formElementType":[1,"form-element-type"],"elementType":[1,"element-type"],"validation":[2],"fixedAspect":[2,"fixed-aspect"],"redDot":[4,"red-dot"],"label":[1],"icon":[1],"tooltip":[1],"defaultHeight":[2,"default-height"],"defaultWidth":[2,"default-width"],"signer":[2],"isSelected":[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{"dataItem":[1040],"showValidationTypes":[4,"show-validation-types"]}],[769,"ls-field-placement",{"dataItem":[1040]}],[769,"ls-field-properties-advanced",{"dataItem":[1040],"expanded":[1028]}],[769,"ls-field-type-display",{"assignee":[2],"fieldType":[1,"field-type"]}],[769,"ls-field-properties-container",{"dataItem":[16],"tabs":[16],"selectedTab":[1537,"selected-tab"]}],[769,"ls-field-dimensions",{"dataItem":[1040]}],[769,"ls-field-footer",{"dataItem":[1040]}],[769,"ls-input-wrapper",{"leadingIcon":[1,"leading-icon"],"select":[4]}],[769,"ls-props-section",{"sectionTitle":[1,"section-title"],"sectionDescription":[1,"section-description"],"row":[4]}],[772,"ls-toggle",{"checked":[1028],"indeterminate":[4]}],[769,"ls-editor-field",{"assignee":[1],"dataItem":[1040],"selected":[4],"readonly":[4],"type":[1],"page":[16],"fixedAspect":[2,"fixed-aspect"],"zoom":[1],"floatingActive":[1540,"floating-active"],"isEditing":[32],"heldEdge":[32],"isEdgeDragging":[32],"innerValue":[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{"selected":["watchSelectedHandler"]}],[769,"ls-tooltip",{"referenceElement":[1040],"placement":[1025],"tooltipText":[1025,"tooltip-text"],"tooltipTitle":[1025,"tooltip-title"],"tooltipLocked":[4,"tooltip-locked"],"hide":[64]},null,{"referenceElement":["updateReferenceHandler"]}],[769,"ls-icon",{"name":[1],"solid":[4],"color":[1],"size":[1],"customStyle":[16]}]]],["ls-number-input_5",[[769,"ls-number-input",{"type":[1],"name":[1],"value":[1026],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[768,"ls-radio-input",{"radioId":[1,"radio-id"],"label":[1],"icon":[1],"name":[1],"checked":[4],"disabled":[4],"customStyle":[16]}],[772,"ls-select-input",{"name":[1],"value":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}],[769,"ls-text-input",{"type":[1],"name":[1],"value":[1025],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"],"showPassword":[32]}],[769,"ls-textarea-input",{"name":[1],"value":[1],"placeholder":[1],"aria":[1],"inputRef":[1,"input-ref"],"disabled":[4],"displayOnly":[4,"display-only"],"required":[4],"valid":[4],"dirty":[4],"countMax":[2,"count-max"],"buttonClick":[8,"button-click"],"buttonIcon":[1,"button-icon"],"fieldIcon":[1,"field-icon"]}]]]], options);
 });
 //# sourceMappingURL=ls-document-viewer.js.map
 

package/dist/esm/ls-field-properties-dropdown.entry.js

@@ -8,7 +8,7 @@ const LsFieldPropertiesDropdown = class {
     }
     dataItem;
     render() {
-        return (h(Host, { key: '6ab36b10433f2a9c0cd5e39f3b78f3471f795c15' }, h("ls-field-properties-container", { key: '4cfe8d66c414f0684282d5379b7950cef1ea5773', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '673962971e8e8e219c02d13e9e61d2cdcad83887', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'ae5e0250d816457bfacf2a6d9d2b711feeb05dd8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '07f776cee20cc1f8929db189cd84f68b5b349501', dataItem: this.dataItem })), h("div", { key: 'a8e1665f9d3f88fa1caa881ebb71d97bc17ba4fc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'a8f7df3d69a5f6d8fd4ebe7293b948bf2855b73e', dataItem: this.dataItem })), h("div", { key: 'e8a36fe97a69841dc48c6e99d6517fad087ef05d', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0872ceab1ea0af0b8e8c6e7b7a01e453c264b4da', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4609c33b929269673d302b5d7e53c0a1820d60e', dataItem: this.dataItem })));
+        return (h(Host, { key: '34393aa0aed559d479414795871cbee9b3a117eb' }, h("ls-field-properties-container", { key: '91c8b0a38cb9474200ec0c6bd58231393c21e10e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'cb9c4d51d5d3e013262ceb60ba28df9f08f8e6b0', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '18c97178737c90a47c130caaab23eac7d47da9e8', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '330d32e42271685620bff6c800844b1ed0cb7889', dataItem: this.dataItem })), h("div", { key: '9c5f12719c47710a0c35fd1f94b7944ad44d0cbe', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '53867c7cabea5e2b4b6a082fe46560145bff8606', dataItem: this.dataItem })), h("div", { key: 'cdb2ac01bf8156dbe0762f9e157e15fa04c94ad4', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'f5ab6c9af8bfb76c975749c2d437c4a3992bd026', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ede3a91942bc314741269fdf0acc536be3ef022c', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss();

package/dist/esm/ls-formfield.entry.js

@@ -143,10 +143,10 @@ const LsFormfield = class {
     render() {
         const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
         const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (h("host", { key: '7d9ce8f93eef332dc934dbb8b18c686a24b7bb7b', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: '83f6dc53d7ed4a97574788f5226f58c7dcdf7f76', class: "formfield-top-elements" }, h("div", { key: '61761e85e2d573f7361d990474dfc8fa168db633', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: 'f2c2d195abf5ecd11db30844f7a9a45f37a585b1', name: labelIcon }), h("label", { key: 'eb97be872ffcb60d4d161283af72882303471e76', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '09065bb12b3df7e2daf4fd761b328f7b86fdb44e', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
+        return (h("host", { key: '287883cc6c4e64c69978b4cddb7dd128a8752e39', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'c55d579264fe88a6f2981230deba9299b3e6a840', class: "formfield-top-elements" }, h("div", { key: '9421f23783396994fa8179ee9e48eaebd9088576', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '9d4ae64ee8a468fa6284bfada671508afedfe3d6', name: labelIcon }), h("label", { key: '146f1845abd5037da007b60d1c6938c3d779fda7', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '1571c4bdf442295ad101262c4b31fae7c78c2fad', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
             count ||
             countMax ||
-            (descriptionText && (h("div", { key: '0729bf9725dd53684bf0475718955fbe6847ebcf', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'df740e5bc22bd24bbc496a00c02023a95fdf6b9a', class: "formfield-count-container" }, h("p", { key: '0bcd5b23f4ab2483cda330829feea022f2bb33fd', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: '36280cff83fc6522a36778577f04bd9644e1f800', class: countClass }, h("p", { key: 'a1516c03a84710c101b92710cc9ea77ca8a5d45b' }, "/"), h("p", { key: '55b029ed794ce322b7e75a49776d74d21e6f57cf' }, countMax))))))))));
+            (descriptionText && (h("div", { key: '4beee1b3de46e93e6f2140c843ea76f6fd83f1e1', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'afdead328fac758d58f6680d1f4abe9fe640d0b4', class: "formfield-count-container" }, h("p", { key: '874e22cdbf52ff5ee5b04a6a353cc8fdf88f789d', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'cc53500d95ed74d959f62d4a0093a90bd5bac9cc', class: countClass }, h("p", { key: 'd3db9761a6c627f2e75d36973c9f897c20cafff8' }, "/"), h("p", { key: 'b4098fc9c862d2b4923dc778e8db2d709f50e37c' }, countMax))))))))));
     }
     static get watchers() { return {
         "value": ["valueWatcher"]

package/dist/esm/ls-number-input_5.entry.js

@@ -314,7 +314,7 @@ const LsNumberInput = class {
                     ? 'invalid'
                     : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
         const plusMinusClass = clsx(disabled ? 'button-disabled' : 'button');
-        return (h("host", { key: '16b2658c62a3ea3de4f55ef91fd669677506e1fe', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'c1ac4489e1eae6a84a56bff53d22dc7a33d7d4a4', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '8db14a1fd8fad4907c73dd2a41a1e584ddd02914', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: 'f612a83f625cb10b7e11249b281be587c92e783c', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'e737ac19586a0a5bca2f1caaf18b1f68b25c9c03', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '2f8681769df8a8affc62f0744e198896eb893ffb', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '3f175e8ed586f731c62d81b286cc3fa198ae8e4b', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '451f88055782062684466fe084477eb675eaec62', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '0699154beaa0964a71b0e378c76853f8bd1832fc', class: 'button', onClick: buttonClick }, h("ls-icon", { key: 'edad9c88e963bba30a8f6e3ccd7dc5c9646828bb', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: '2b263884f201f422652393f95e486e51a6e369fb', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: '57dcfe868a3865e0b9b5a9930596a8c758513723', id: 'buttonIcon', name: 'plus-sm' })))));
+        return (h("host", { key: '854a934295c4f06d0a0218bb26df4c2b8347ad8c', class: type === 'ls' && 'host' }, type === 'ls' && (h("button", { key: 'b9b060518ad7934720558bace95664f0d270afd7', class: plusMinusClass, onClick: () => handleMinus(), disabled: disabled }, h("ls-icon", { key: '0c0262976564f452599eca98b4174e5885e86d51', id: 'buttonIcon', name: 'minus-sm' }))), h("div", { key: '118d6e36fe7aa2bd1c63b1ede4d88f90c3e14eae', class: 'input-container' }, fieldIcon && (h("ls-icon", { key: 'a2c613b5ce3fc312c27cf80e9f8c7c709a6ce9eb', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("input", { key: '03c2a74000eeaca0d8abe0f2f95519a863bd1939', type: 'number', class: inputClass, id: name, name: name, value: value, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onInput: (event) => handleChange(event) }), h("div", { key: '7e213c19c8d7ae104325445d4f029c39fb922315', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '66ed47a6912f656722e70f7b0dc6a74c6de01db7', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && type !== 'ls' && (h("button", { key: '584e1ba750a17469773ff1534c01272a7c488730', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '49d03d49316bb601acb06e0517b63d3834300375', id: 'buttonIcon', name: buttonIcon }))))), type === 'ls' && (h("button", { key: 'ceb2b9fb8f2741c91ec5906ac1bc8f058863d8d6', class: plusMinusClass, onClick: handlePlus, disabled: disabled }, h("ls-icon", { key: 'c40ea5faac37c75f9400868c667cc382a0173218', id: 'buttonIcon', name: 'plus-sm' })))));
     }
 };
 LsNumberInput.style = lsNumberInputCss();
@@ -335,7 +335,7 @@ const LsRadioInput = class {
     render() {
         const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
         const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
-        return (h("label", { key: 'affba3f5b1b1c934f56a2cb7568dfee10639e842', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '4287b9cd8a951be8c65ce0fb83580ed32fbee77a', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: '7d80ac9ae37ad054e726fd75f52d3568c0f13a25', class: 'spanContainer' }, h("span", { key: '5d2fb9b0d694e03f38da46459b5bcbd97a4982cf' }, icon && h("ls-icon", { key: 'c618f79ac8f61cec3cde549a554190e085599091', name: icon, size: "16" })), h("span", { key: 'a4ab42377ba01f88819b12beacdace5ea6d393b7' }, label))));
+        return (h("label", { key: '31f548698a16eff81e0a2f270e89295b80446677', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'd69ea6c81a54cd9f933c8d3385ffb4e474aa91e4', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'fb893fd4d1df25350afda196ea3cbd6c9f02d435', class: 'spanContainer' }, h("span", { key: '9eaa69b5f8272d09a3c1b68af65e48bff5792493' }, icon && h("ls-icon", { key: '1253b0402ff1b21ce2ccdafbb5ae9a5f28c78c89', name: icon, size: "16" })), h("span", { key: '38e5be64234f87b69cc079440d596a7cbafbccbf' }, label))));
     }
 };
 LsRadioInput.style = lsRadioInputCss();
@@ -600,7 +600,7 @@ const LsSelectInput = class {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: '9980f5312e7bdd61255e5684404c85351dd32b63', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'ee10c135a53f825b16f134af7d5d24762ea0794a', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: '95875345316282ded2d72eabe24ebcfe9e112947', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '352aae0b0c6ad7dae862021cf81584b89fe761e5' })), h("div", { key: '5ce9ec6d3edb7645be270874087c5b066996e8a6', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '07ad8dc616954c148b044fd68e4518d583e14300', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
+        return (h("host", { key: 'eb7e4a36fee35582c74440cec4097f59ec4ad625', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c8a8d1c1755cb5cb3bccc1c2a41e04762d1a2bb7', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("select", { key: 'a75719b9aaf600d2dc3ce0bf2e14bece1a0fc804', class: inputClass, id: name, name: name, "aria-label": aria, required: required, disabled: disabled }, h("slot", { key: '623e514b4fef20cc8b7f137e55fbc2b796bb992e' })), h("div", { key: '24ca82a5e1a29f199103f34eab545fbf64c3aac0', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'bdf61ed3d35b0389e78f568ba1c8fa15e0ca7703', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon ? (h("button", { class: 'button', onClick: buttonClick }, h("ls-icon", { id: 'buttonIcon', name: buttonIcon }))) : (h("ls-icon", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down' })))));
     }
 };
 LsSelectInput.style = lsSelectInputCss();
@@ -864,13 +864,13 @@ const LsTextInput = class {
                     : dirty && !valid
                         ? 'invalid'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h(Host, { key: '065f2582758ce9cfeea52508bd051c49ac8f7a22', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'b5e77210c848cff4c8c572fc2ad2b137e67670c1', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
+        return (h(Host, { key: '73aeceeb5ad23dbde6fc235dd1a7d01ca6104365', class: 'host' }, fieldIcon && (h("ls-icon", { key: '4ebdfae891e04adcb0fc60bb2a9061eb067d1824', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
             } })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true, onChange: (e) => {
                 this.changeHandler(e);
             } })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled, onChange: (e) => {
                 this.changeHandler(e);
-            } })), h("div", { key: 'aa71635dc5ce7a3727559271dd57cead5d5f2c7b', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '07561e3d44c33a945083f69cf1c1449257153ed5', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '7fa27ddfe3e004c6c2232210bf0ab39664f7cc75', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '2a07f650fdd786d01a7d88548ba07074da25fbc9', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '1b3fd40bf47799698ea65239eedc0123e01e6cda', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
+            } })), h("div", { key: '54b6c799db1d92dd4167eca819f777587b964b58', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'cd07e6e62e09d1b236154ccda999223027dd25ed', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'bf3ad9022b470678279bb17658d643f83fa41182', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4ca8ff613fd4068b3b12b50d1348d46683e7b101', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '213c952e9ad92aec814a28d16ef15cc348171a37', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
     }
 };
 LsTextInput.style = lsTextInputCss();
@@ -1114,7 +1114,7 @@ const LsTextareaInput = class {
                     : displayOnly
                         ? 'displayOnly'
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
-        return (h("host", { key: '9ae8b4df7f03ce8007522c161f373be320f802aa', class: 'host' }, fieldIcon && (h("ls-icon", { key: '6ee5150550cf1fcbe0ddf70e1100a424c4cbf799', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '4db4ca2f5402d0081750eb05c24d384e6604915b', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: 'bd8f98837ef04e4f47ea4cb6f14e7cf75d40e026', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '4b9fcca0baa77a2fc70ecfcda72e09fc60560005', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '2bbf87b77cf0df42e620b8ee8990a15efdf29699', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '53e406ede857fa2fbe2550ac448b5ebf81427a02', id: 'buttonIcon', name: buttonIcon }))))));
+        return (h("host", { key: 'eaaa6168607629b07b75063035d67c7cd2c58402', class: 'host' }, fieldIcon && (h("ls-icon", { key: '80b6aadb69eed18136649722ac4d39c30ea5dca0', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h("textarea", { key: '7fa3acb5519dfd7f070e409a5eeb619c475c7c19', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled }), h("div", { key: '955bde0dbe46c4f9c713622e9dd9d3f64d4b8347', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: 'f944e321b4318a1123e3f0b5ecb09c0fae5d9a46', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: '90124248ce441075d6c8b417631ad9797fad2973', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '4904a282de55a2ec3a8bf3ea25891a2d9e7dedf3', id: 'buttonIcon', name: buttonIcon }))))));
     }
 };
 LsTextareaInput.style = lsTextareaInputCss();

package/dist/{components/p-JIZHOmMy.js → esm/ls-title-input.entry.js}

@@ -1,18 +1,13 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$1 } from './p-D95fiMAP.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-BwdJ-HOC.js';
 
 const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
-const LsTitleInput = /*@__PURE__*/ proxyCustomElement(class LsTitleInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsTitleInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     template;
     editTitle = false;
     mutate;
@@ -33,7 +28,7 @@ const LsTitleInput = /*@__PURE__*/ proxyCustomElement(class LsTitleInput extends
         }, delay);
     }
     render() {
-        return (h(Host, { key: 'df0dddae77292b9d87eeca2b53137055abd1b732' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (h(Host, { key: '68149392db6f0d2408e02cb6506ddd84fb292ab6' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {
@@ -45,32 +40,8 @@ const LsTitleInput = /*@__PURE__*/ proxyCustomElement(class LsTitleInput extends
                 this.editTitle = !this.editTitle;
             } }, h("p", null, this.template?.title)))));
     }
-    static get style() { return lsTitleInputCss(); }
-}, [769, "ls-title-input", {
-        "template": [1040],
-        "editTitle": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-title-input", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-title-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsTitleInput);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsTitleInput as L, defineCustomElement as d };
-//# sourceMappingURL=p-JIZHOmMy.js.map
+};
+LsTitleInput.style = lsTitleInputCss();
 
-//# sourceMappingURL=p-JIZHOmMy.js.map
+export { LsTitleInput as ls_title_input };
+//# sourceMappingURL=ls-title-input.entry.js.map

package/dist/esm/ls-title-input.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ls-title-input.entry.js","sources":["src/components/ls-title-input/ls-title-input.css?tag=ls-title-input&encapsulation=shadow","src/components/ls-title-input/ls-title-input.tsx"],"sourcesContent":["* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n:host {\n  display: block;\n}\n\n.template-title {\n  border-radius: 0.5rem;\n  padding: 0 0.25rem;\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  cursor: pointer;\n\n}\n\n.template-title:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n\n.editButton {\n  margin: 0px;\n  padding: 0px;\n  max-height: 1.25rem !important;\n  max-width: 1.25rem !important;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  color: var(--gray-70);\n}\n\n.editButton:hover {\n  color: var(--gray-80);\n}\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: var(--primary-60, #4456f6);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n.has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.5rem;\n  color: var(--gray-100, #45484d);\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: var(--gray-60, #afb0b2);\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: var(--gray-50, #c8c9cc);\n  background-color: var(--white, #fff);\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n  border-color: var(--primary-60, #4456f6);\n  background-color: var(--white, #fff);\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: var(--gray-10, #f7f8fa);\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n  background-color: var(--primary-60, #4456f6);\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n  background-color: var(--primary-70, #2134dc);\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.checkbox-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.form-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: var(--primary-60, #4456f6);\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group {\n  display: flex;\n  border-radius: 0.5rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\n  overflow: clip;\n}\n\n.button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n  border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-title-input',\n  styleUrl: 'ls-title-input.css',\n  shadow: true,\n})\nexport class LsTitleInput {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n  @State() editTitle: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.debounce(diff, 500);\n  }\n\n  private titletimer;\n\n  debounce(diff, delay) {\n    if (this.titletimer) clearTimeout(this.titletimer);\n\n    this.titletimer = setTimeout(() => {\n      this.template = { ...this.template, ...diff };\n      const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {this.editTitle ? (\n          <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>\n            <input\n              value={this.template?.title}\n              style={{ height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }}\n              onInput={e => {\n                e.preventDefault();\n                this.alter({ title: (e.target as HTMLInputElement).value });\n              }}\n              onKeyUp={e => {\n                if (e.key === 'Enter' || e.keyCode === 13) this.editTitle = false;\n              }}\n            />\n            <ls-icon\n              name=\"check\"\n              size=\"1rem\"\n              class='editButton'\n              onClick={() => {\n                this.editTitle = false;\n              }}\n            />\n          </div>\n        ) : (\n          <div\n            class=\"template-title\"\n            onClick={() => {\n              this.editTitle = !this.editTitle;\n            }}\n          >\n            <p>{this.template?.title}</p>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,0yJAA0yJ,CAAC;;MCS7zJ,YAAY,GAAA,MAAA;;;;;;AAEiB,IAAA,QAAQ;IAEvC,SAAS,GAAY,KAAK;AAOnC,IAAA,MAAM;;;;AAKN,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC;;AAGlB,IAAA,UAAU;IAElB,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAA;QAClB,IAAI,IAAI,CAAC,UAAU;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;AAElD,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;AAC7C,YAAA,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC1E,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACxB,EAAE,KAAK,CAAC;;IAIX,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EACF,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,IACb,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAClE,CAAA,CAAA,OAAA,EAAA,EACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,EACxE,OAAO,EAAE,CAAC,IAAG;gBACX,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC;AAC7D,aAAC,EACD,OAAO,EAAE,CAAC,IAAG;gBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE;AAAE,oBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;aAClE,EACD,CAAA,EACF,CAAA,CAAA,SAAA,EAAA,EACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;aACvB,EACD,CAAA,CACE,KAEN,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS;AAClC,aAAC,EAAA,EAED,CAAI,CAAA,GAAA,EAAA,IAAA,EAAA,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAK,CACzB,CACP,CACI;;;;;;;"}

package/dist/ls-document-viewer/ls-document-viewer.esm.js

@@ -1,2 +1,2 @@
-import{p as e,g as t,b as l}from"./p-BwdJ-HOC.js";export{s as setNonce}from"./p-BwdJ-HOC.js";var a=()=>{const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};a().then((async e=>{await t();return l([["p-caa89c6c",[[769,"ls-field-properties-dropdown",{dataItem:[16]}]]],["p-d223d66a",[[772,"ls-formfield",{name:[1],fieldId:[1,"field-id"],label:[1],as:[1],value:[1032],placeholder:[1],descriptionText:[1,"description-text"],errorText:[1,"error-text"],aria:[1],inputRef:[1,"input-ref"],infoTooltipText:[1,"info-tooltip-text"],hoverTooltipText:[1,"hover-tooltip-text"],disabled:[4],extraLabel:[1,"extra-label"],required:[4],valid:[4],dirty:[4],count:[4],countMax:[2,"count-max"],buttonClick:[16],buttonIcon:[1,"button-icon"],labelIcon:[1,"label-icon"],fieldIcon:[1,"field-icon"],_value:[32]},null,{value:["valueWatcher"]}]]],["p-31f8c44a",[[769,"ls-compose-manager",{template:[16]}]]],["p-512efea2",[[769,"ls-document-viewer",{template:[1],token:[1],userpool:[1],endpoint:[1],templateid:[1],recipients:[1],_recipients:[16],zoom:[1026],pageNum:[1026,"page-num"],pageCount:[1026,"page-count"],signer:[1026],groupInfo:[1032,"group-info"],mode:[1],manager:[1025],displayTable:[1028,"display-table"],filtertoolbox:[1],showstatusbar:[4],showpagepreview:[4],readonly:[4],showtableview:[4],toolboxFilter:[1,"toolbox-filter"],_template:[32],validationErrors:[32],status:[32],fontSize:[32],fontFamily:[32],selected:[32],isLoading:[32],fieldTypeSelected:[32],pageNext:[64],pagePrev:[64],unselect:[64],setZoom:[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{mode:["modeHandler"],zoom:["zoomChanged"]}],[769,"ls-field-properties",{dataItem:[16]}],[769,"ls-statusbar",{zoom:[1026],page:[1026],pageCount:[1026,"page-count"],editor:[16]}],[769,"ls-participant-manager",{editor:[16],template:[16]}],[769,"ls-toolbar",{dataItem:[1040],groupInfo:[16],template:[16],editor:[1040],mode:[1]}],[769,"ls-document-options",{template:[1040],editTitle:[32]},null,{template:["selectedHandler"]}],[769,"ls-recipient-card",{recipient:[16],activeRecipient:[2,"active-recipient"],fieldTypeSelected:[16],template:[16],validationErrors:[16],filtertoolbox:[1],isHovered:[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{activeRecipient:["handleExpandCollapse"]}],[769,"ls-validation-manager",{validationErrors:[16]}],[769,"ls-feature-column",{manager:[1025],mode:[1]}],[769,"ls-title-input",{template:[1040],editTitle:[32]}],[769,"ls-validation-tag",{status:[1025],validationErrors:[1040],isExpanded:[1028,"is-expanded"],type:[1],showDropDown:[4,"show-drop-down"]}],[769,"ls-editor-table",{editor:[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{dataItem:[16]}],[769,"ls-field-properties-email",{dataItem:[16]}],[769,"ls-field-properties-file",{dataItem:[16]}],[769,"ls-field-properties-general",{dataItem:[16]}],[769,"ls-field-properties-image",{dataItem:[16]}],[769,"ls-field-properties-number",{dataItem:[16]}],[769,"ls-field-properties-signature",{dataItem:[16]}],[769,"ls-field-properties-text",{dataItem:[16]}],[769,"ls-field-properties-multiple",{dataItem:[1040]}],[769,"ls-field-properties-autosign",{dataItem:[16]}],[769,"ls-helper-bar",{expanded:[1028],showShortcuts:[1028,"show-shortcuts"]}],[769,"ls-participant-card",{signer:[16],index:[2],editable:[1028],template:[16],swapUpBtn:[32],swapDownBtn:[32],editBtn:[32],deleteParticipantBtn:[32]},null,{editable:["modeHandler"]}],[769,"ls-field-format",{dataItem:[1040]},null,{dataItem:["selectFieldsHandler"]}],[769,"ls-participant-select",{selected:[1025],roles:[16],selectedRole:[32],isOpen:[32]},null,{roles:["handleRoleLoad"]}],[769,"ls-field-distribute",{dataItem:[1040]}],[769,"ls-field-alignment",{dataItem:[1040]}],[769,"ls-field-size",{dataItem:[1040]}],[769,"ls-toolbox-field",{formElementType:[1,"form-element-type"],elementType:[1,"element-type"],validation:[2],fixedAspect:[2,"fixed-aspect"],redDot:[4,"red-dot"],label:[1],icon:[1],tooltip:[1],defaultHeight:[2,"default-height"],defaultWidth:[2,"default-width"],signer:[2],isSelected:[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{dataItem:[1040],showValidationTypes:[4,"show-validation-types"]}],[769,"ls-field-placement",{dataItem:[1040]}],[769,"ls-field-properties-advanced",{dataItem:[1040],expanded:[1028]}],[769,"ls-field-type-display",{assignee:[2],fieldType:[1,"field-type"]}],[769,"ls-field-properties-container",{dataItem:[16],tabs:[16],selectedTab:[1537,"selected-tab"]}],[769,"ls-field-dimensions",{dataItem:[1040]}],[769,"ls-field-footer",{dataItem:[1040]}],[769,"ls-input-wrapper",{leadingIcon:[1,"leading-icon"],select:[4]}],[769,"ls-props-section",{sectionTitle:[1,"section-title"],sectionDescription:[1,"section-description"],row:[4]}],[772,"ls-toggle",{checked:[1028],indeterminate:[4]}],[769,"ls-editor-field",{assignee:[1],dataItem:[1040],selected:[4],readonly:[4],type:[1],page:[16],fixedAspect:[2,"fixed-aspect"],zoom:[1],floatingActive:[1540,"floating-active"],isEditing:[32],heldEdge:[32],isEdgeDragging:[32],innerValue:[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{selected:["watchSelectedHandler"]}],[769,"ls-tooltip",{referenceElement:[1040],placement:[1025],tooltipText:[1025,"tooltip-text"],tooltipTitle:[1025,"tooltip-title"],tooltipLocked:[4,"tooltip-locked"],hide:[64]},null,{referenceElement:["updateReferenceHandler"]}],[769,"ls-icon",{name:[1],solid:[4],color:[1],size:[1],customStyle:[16]}]]],["p-1442f973",[[769,"ls-number-input",{type:[1],name:[1],value:[1026],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[768,"ls-radio-input",{radioId:[1,"radio-id"],label:[1],icon:[1],name:[1],checked:[4],disabled:[4],customStyle:[16]}],[772,"ls-select-input",{name:[1],value:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[769,"ls-text-input",{type:[1],name:[1],value:[1025],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"],showPassword:[32]}],[769,"ls-textarea-input",{name:[1],value:[1],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}]]]],e)}));
+import{p as e,g as t,b as l}from"./p-BwdJ-HOC.js";export{s as setNonce}from"./p-BwdJ-HOC.js";var i=()=>{const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};i().then((async e=>{await t();return l([["p-ccbc4663",[[769,"ls-field-properties-dropdown",{dataItem:[16]}]]],["p-00ab25ff",[[772,"ls-formfield",{name:[1],fieldId:[1,"field-id"],label:[1],as:[1],value:[1032],placeholder:[1],descriptionText:[1,"description-text"],errorText:[1,"error-text"],aria:[1],inputRef:[1,"input-ref"],infoTooltipText:[1,"info-tooltip-text"],hoverTooltipText:[1,"hover-tooltip-text"],disabled:[4],extraLabel:[1,"extra-label"],required:[4],valid:[4],dirty:[4],count:[4],countMax:[2,"count-max"],buttonClick:[16],buttonIcon:[1,"button-icon"],labelIcon:[1,"label-icon"],fieldIcon:[1,"field-icon"],_value:[32]},null,{value:["valueWatcher"]}]]],["p-9d295f9a",[[769,"ls-title-input",{template:[1040],editTitle:[32]}]]],["p-96fe16df",[[769,"ls-compose-manager",{template:[16]}]]],["p-309979de",[[769,"ls-document-viewer",{template:[1],token:[1],userpool:[1],endpoint:[1],templateid:[1],recipients:[1],_recipients:[16],zoom:[1026],pageNum:[1026,"page-num"],pageCount:[1026,"page-count"],signer:[1026],groupInfo:[1032,"group-info"],mode:[1],manager:[1025],displayTable:[1028,"display-table"],filtertoolbox:[1],showstatusbar:[4],showpagepreview:[4],readonly:[4],showtableview:[4],toolboxFilter:[1,"toolbox-filter"],_template:[32],validationErrors:[32],status:[32],fontSize:[32],fontFamily:[32],selected:[32],isLoading:[32],fieldTypeSelected:[32],pageNext:[64],pagePrev:[64],unselect:[64],setZoom:[64]},[[0,"mutate","mutateHandler"],[0,"fieldTypeSelected","handleFieldTypeSelected"],[0,"addParticipant","addParticpantHandler"],[0,"changeSigner","updateSigner"],[0,"selectFields","selectFieldsHandler"],[0,"roleChange","roleHandler"]],{mode:["modeHandler"],zoom:["zoomChanged"]}],[769,"ls-field-properties",{dataItem:[16]}],[769,"ls-statusbar",{zoom:[1026],page:[1026],pageCount:[1026,"page-count"],editor:[16]}],[769,"ls-participant-manager",{editor:[16],template:[16]}],[769,"ls-toolbar",{dataItem:[1040],groupInfo:[16],template:[16],editor:[1040],mode:[1]}],[769,"ls-document-options",{template:[1040],editTitle:[32]},null,{template:["selectedHandler"]}],[769,"ls-recipient-card",{recipient:[16],activeRecipient:[2,"active-recipient"],fieldTypeSelected:[16],template:[16],validationErrors:[16],filtertoolbox:[1],isHovered:[32]},[[0,"fieldTypeSelected","handleFieldTypeSelected"]],{activeRecipient:["handleExpandCollapse"]}],[769,"ls-validation-manager",{validationErrors:[16]}],[769,"ls-feature-column",{manager:[1025],mode:[1]}],[769,"ls-validation-tag",{status:[1025],validationErrors:[1040],isExpanded:[1028,"is-expanded"],type:[1],showDropDown:[4,"show-drop-down"]}],[769,"ls-editor-table",{editor:[16]}],[257,"ls-page-loader"],[257,"ls-recipient-manager"],[769,"ls-field-properties-date",{dataItem:[16]}],[769,"ls-field-properties-email",{dataItem:[16]}],[769,"ls-field-properties-file",{dataItem:[16]}],[769,"ls-field-properties-general",{dataItem:[16]}],[769,"ls-field-properties-image",{dataItem:[16]}],[769,"ls-field-properties-number",{dataItem:[16]}],[769,"ls-field-properties-signature",{dataItem:[16]}],[769,"ls-field-properties-text",{dataItem:[16]}],[769,"ls-field-properties-multiple",{dataItem:[1040]}],[769,"ls-field-properties-autosign",{dataItem:[16]}],[769,"ls-helper-bar",{expanded:[1028],showShortcuts:[1028,"show-shortcuts"]}],[769,"ls-participant-card",{signer:[16],index:[2],editable:[1028],template:[16],swapUpBtn:[32],swapDownBtn:[32],editBtn:[32],deleteParticipantBtn:[32]},null,{editable:["modeHandler"]}],[769,"ls-field-format",{dataItem:[1040]},null,{dataItem:["selectFieldsHandler"]}],[769,"ls-participant-select",{selected:[1025],roles:[16],selectedRole:[32],isOpen:[32]},null,{roles:["handleRoleLoad"]}],[769,"ls-field-distribute",{dataItem:[1040]}],[769,"ls-field-alignment",{dataItem:[1040]}],[769,"ls-field-size",{dataItem:[1040]}],[769,"ls-toolbox-field",{formElementType:[1,"form-element-type"],elementType:[1,"element-type"],validation:[2],fixedAspect:[2,"fixed-aspect"],redDot:[4,"red-dot"],label:[1],icon:[1],tooltip:[1],defaultHeight:[2,"default-height"],defaultWidth:[2,"default-width"],signer:[2],isSelected:[1028,"is-selected"]},[[1,"dragstart","handleDragStart"],[0,"keydown","handleKeyDown"]]],[257,"ls-keyboard-shortcuts"],[769,"ls-field-content",{dataItem:[1040],showValidationTypes:[4,"show-validation-types"]}],[769,"ls-field-placement",{dataItem:[1040]}],[769,"ls-field-properties-advanced",{dataItem:[1040],expanded:[1028]}],[769,"ls-field-type-display",{assignee:[2],fieldType:[1,"field-type"]}],[769,"ls-field-properties-container",{dataItem:[16],tabs:[16],selectedTab:[1537,"selected-tab"]}],[769,"ls-field-dimensions",{dataItem:[1040]}],[769,"ls-field-footer",{dataItem:[1040]}],[769,"ls-input-wrapper",{leadingIcon:[1,"leading-icon"],select:[4]}],[769,"ls-props-section",{sectionTitle:[1,"section-title"],sectionDescription:[1,"section-description"],row:[4]}],[772,"ls-toggle",{checked:[1028],indeterminate:[4]}],[769,"ls-editor-field",{assignee:[1],dataItem:[1040],selected:[4],readonly:[4],type:[1],page:[16],fixedAspect:[2,"fixed-aspect"],zoom:[1],floatingActive:[1540,"floating-active"],isEditing:[32],heldEdge:[32],isEdgeDragging:[32],innerValue:[32]},[[0,"keydown","handleInput"],[3,"mousemove","handleMouseMove"],[2,"dblclick","handleDoubleClick"],[0,"dragstart","handleDragStart"]],{selected:["watchSelectedHandler"]}],[769,"ls-tooltip",{referenceElement:[1040],placement:[1025],tooltipText:[1025,"tooltip-text"],tooltipTitle:[1025,"tooltip-title"],tooltipLocked:[4,"tooltip-locked"],hide:[64]},null,{referenceElement:["updateReferenceHandler"]}],[769,"ls-icon",{name:[1],solid:[4],color:[1],size:[1],customStyle:[16]}]]],["p-131fe514",[[769,"ls-number-input",{type:[1],name:[1],value:[1026],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[768,"ls-radio-input",{radioId:[1,"radio-id"],label:[1],icon:[1],name:[1],checked:[4],disabled:[4],customStyle:[16]}],[772,"ls-select-input",{name:[1],value:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}],[769,"ls-text-input",{type:[1],name:[1],value:[1025],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"],showPassword:[32]}],[769,"ls-textarea-input",{name:[1],value:[1],placeholder:[1],aria:[1],inputRef:[1,"input-ref"],disabled:[4],displayOnly:[4,"display-only"],required:[4],valid:[4],dirty:[4],countMax:[2,"count-max"],buttonClick:[8,"button-click"],buttonIcon:[1,"button-icon"],fieldIcon:[1,"field-icon"]}]]]],e)}));
 //# sourceMappingURL=ls-document-viewer.esm.js.map

package/dist/ls-document-viewer/{p-d223d66a.entry.js → p-00ab25ff.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as n,h as t}from"./p-BwdJ-HOC.js";const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n`;const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange",7)}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:f,disabled:s,extraLabel:b,valid:u,dirty:m,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"7d9ce8f93eef332dc934dbb8b18c686a24b7bb7b",class:"formfield-host"},l?.length>1||b!=="none"&&t("div",{key:"83f6dc53d7ed4a97574788f5226f58c7dcdf7f76",class:"formfield-top-elements"},t("div",{key:"61761e85e2d573f7361d990474dfc8fa168db633",class:"formfield-left-side"},v&&t("ls-icon",{key:"f2c2d195abf5ecd11db30844f7a9a45f37a585b1",name:v}),t("label",{key:"eb97be872ffcb60d4d161283af72882303471e76",htmlFor:e,class:"formfield-label"},l),f&&t("ls-icon",{key:"09065bb12b3df7e2daf4fd761b328f7b86fdb44e",name:"information-circle"})),b==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):b==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:s}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:s,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"0729bf9725dd53684bf0475718955fbe6847ebcf",class:"formfield-bottom-elements"},d&&!u?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"df740e5bc22bd24bbc496a00c02023a95fdf6b9a",class:"formfield-count-container"},t("p",{key:"0bcd5b23f4ab2483cda330829feea022f2bb33fd",class:I},a?.toString()?.length),h>0&&t("div",{key:"36280cff83fc6522a36778577f04bd9644e1f800",class:I},t("p",{key:"a1516c03a84710c101b92710cc9ea77ca8a5d45b"},"/"),t("p",{key:"55b029ed794ce322b7e75a49776d74d21e6f57cf"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l();export{i as ls_formfield};
-//# sourceMappingURL=p-d223d66a.entry.js.map
+import{r as e,c as n,h as t}from"./p-BwdJ-HOC.js";const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n`;const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange",7)}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:f,disabled:s,extraLabel:u,valid:m,dirty:b,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"287883cc6c4e64c69978b4cddb7dd128a8752e39",class:"formfield-host"},l?.length>1||u!=="none"&&t("div",{key:"c55d579264fe88a6f2981230deba9299b3e6a840",class:"formfield-top-elements"},t("div",{key:"9421f23783396994fa8179ee9e48eaebd9088576",class:"formfield-left-side"},v&&t("ls-icon",{key:"9d4ae64ee8a468fa6284bfada671508afedfe3d6",name:v}),t("label",{key:"146f1845abd5037da007b60d1c6938c3d779fda7",htmlFor:e,class:"formfield-label"},l),f&&t("ls-icon",{key:"1571c4bdf442295ad101262c4b31fae7c78c2fad",name:"information-circle"})),u==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):u==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:s}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:u==="required",disabled:s,valid:m,dirty:b,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"4beee1b3de46e93e6f2140c843ea76f6fd83f1e1",class:"formfield-bottom-elements"},d&&!m?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"afdead328fac758d58f6680d1f4abe9fe640d0b4",class:"formfield-count-container"},t("p",{key:"874e22cdbf52ff5ee5b04a6a353cc8fdf88f789d",class:I},a?.toString()?.length),h>0&&t("div",{key:"cc53500d95ed74d959f62d4a0093a90bd5bac9cc",class:I},t("p",{key:"d3db9761a6c627f2e75d36973c9f897c20cafff8"},"/"),t("p",{key:"b4098fc9c862d2b4923dc778e8db2d709f50e37c"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l();export{i as ls_formfield};
+//# sourceMappingURL=p-00ab25ff.entry.js.map

package/dist/ls-document-viewer/{p-1442f973.entry.js → p-131fe514.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,c as r,H as a}from"./p-BwdJ-HOC.js";function o(n){var e,r,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(r=o(n[e]))&&(a&&(a+=" "),a+=r)}else for(r in n)n[r]&&(a&&(a+=" "),a+=r);return a}function i(){for(var n,e,r=0,a="",i=arguments.length;r<i;r++)(n=arguments[r])&&(e=o(n))&&(a&&(a+=" "),a+=e);return a}const d=()=>`* {\n  box-sizing: border-box;\n  font-family:\n    'IBM Plex Sans',\n    sans-serif;\n  margin: 0;\n}\n\n.host {\n  display: flex;\n  width: 100%;\n  padding: 0.25rem;\n  align-items: flex-start;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  border: 1px solid var(--Grey-20, #edeff2);\n  background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-basic {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-ls {\n  display: flex;\n  width: 100%;\n  height: 1.75rem;\n  padding: 0 0.5rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.375rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-ls {\n  -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\ninput:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button-disabled {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-=10, #F7F8FA);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  cursor: not-allowed;\n\n  #buttonIcon {\n    color: var(--gray-70);\n  }\n}\n\n.button:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const t=class{constructor(e){n(this,e)}type="ls";name;value=0;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;handleChange=n=>{this.value=n.target.value};handlePlus=()=>{this.value=this.value+1};handleMinus=()=>{this.value=this.value-1};render(){const{type:n,name:r,value:a,placeholder:o,aria:d,disabled:t,required:l,valid:s,dirty:c,buttonClick:p,buttonIcon:b,fieldIcon:f,handleChange:g,handleMinus:u,handlePlus:x}=this;const m=i(n==="ls"?"input-ls":"input-basic",t?"disabled":c&&s?"valid":c&&!s?"invalid":"default",f&&"icon-input",c&&"button-input",b&&"button-input",b&&c&&"right-items-input");const h=i(t?"button-disabled":"button");return e("host",{key:"16b2658c62a3ea3de4f55ef91fd669677506e1fe",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"c1ac4489e1eae6a84a56bff53d22dc7a33d7d4a4",class:h,onClick:()=>u(),disabled:t},e("ls-icon",{key:"8db14a1fd8fad4907c73dd2a41a1e584ddd02914",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"f612a83f625cb10b7e11249b281be587c92e783c",class:"input-container"},f&&e("ls-icon",{key:"e737ac19586a0a5bca2f1caaf18b1f68b25c9c03",id:t?"fieldIconDisabled":"fieldIcon",name:f}),e("input",{key:"2f8681769df8a8affc62f0744e198896eb893ffb",type:"number",class:m,id:r,name:r,value:a,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>g(n)}),e("div",{key:"3f175e8ed586f731c62d81b286cc3fa198ae8e4b",class:"right-items"},c&&!t&&e("ls-icon",{key:"451f88055782062684466fe084477eb675eaec62",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"0699154beaa0964a71b0e378c76853f8bd1832fc",class:"button",onClick:p},e("ls-icon",{key:"edad9c88e963bba30a8f6e3ccd7dc5c9646828bb",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"2b263884f201f422652393f95e486e51a6e369fb",class:h,onClick:x,disabled:t},e("ls-icon",{key:"57dcfe868a3865e0b9b5a9930596a8c758513723",id:"buttonIcon",name:"plus-sm"})))}};t.style=d();const l=()=>`.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;const s=class{constructor(e){n(this,e)}radioId;label;icon;name="name";checked=false;disabled=false;customStyle;render(){const{label:n,radioId:r,icon:a,name:o,disabled:d,checked:t,customStyle:l}=this;const s=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"affba3f5b1b1c934f56a2cb7568dfee10639e842",htmlFor:r,tabIndex:0,class:s,style:l},e("input",{key:"4287b9cd8a951be8c65ce0fb83580ed32fbee77a",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"7d80ac9ae37ad054e726fd75f52d3568c0f13a25",class:"spanContainer"},e("span",{key:"5d2fb9b0d694e03f38da46459b5bcbd97a4982cf"},a&&e("ls-icon",{key:"c618f79ac8f61cec3cde549a554190e085599091",name:a,size:"16"})),e("span",{key:"a4ab42377ba01f88819b12beacdace5ea6d393b7"},n)))}};s.style=l();const c=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0rem 0.75rem;\n  align-items: center;\n  vertical-align: text-top;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n#select-arrow {\n  color: var(--gray-70);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n  color: var(--gray-40);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const p=class{constructor(e){n(this,e)}name;value;aria;inputRef;disabled;displayOnly;required;valid;dirty;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,aria:r,disabled:a,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:s,buttonIcon:c,fieldIcon:p}=this;const b=i("input-base",a?"disabled":l&&t?"valid":l&&!t?"invalid":o?"displayOnly":"default",p&&"icon-input",l&&"button-input",c&&"button-input",c&&l&&"right-items-input");return e("host",{key:"9980f5312e7bdd61255e5684404c85351dd32b63",class:"host"},p&&e("ls-icon",{key:"ee10c135a53f825b16f134af7d5d24762ea0794a",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"95875345316282ded2d72eabe24ebcfe9e112947",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"352aae0b0c6ad7dae862021cf81584b89fe761e5"})),e("div",{key:"5ce9ec6d3edb7645be270874087c5b066996e8a6",class:"right-items"},l&&!a&&e("ls-icon",{key:"07ad8dc616954c148b044fd68e4518d583e14300",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),c?e("button",{class:"button",onClick:s},e("ls-icon",{id:"buttonIcon",name:c})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=c();const b=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const f=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange",7)}type="default";name;value;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;valueChange;showPassword=false;handlePassword=()=>{this.showPassword=!this.showPassword};changeHandler(n){console.log(n);this.valueChange.emit(n.target.value)}render(){const{type:n,name:r,value:o,placeholder:d,aria:t,disabled:l,required:s,valid:c,dirty:p,countMax:b,buttonClick:f,buttonIcon:g,fieldIcon:u,showPassword:x,handlePassword:m}=this;const h=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&c?"valid":p&&!c?"invalid":"default",u&&"icon-input",p&&"button-input",g&&"button-input",g&&p&&"right-items-input");return e(a,{key:"065f2582758ce9cfeea52508bd051c49ac8f7a22",class:"host"},u&&e("ls-icon",{key:"b5e77210c848cff4c8c572fc2ad2b137e67670c1",id:l?"fieldIconDisabled":"fieldIcon",name:u}),n==="password"?e("input",{type:x&&"password",class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:l,onChange:n=>{this.changeHandler(n)}}):n==="displayonly"?e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"aa71635dc5ce7a3727559271dd57cead5d5f2c7b",class:"right-items"},p&&!l&&e("ls-icon",{key:"07561e3d44c33a945083f69cf1c1449257153ed5",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),g&&e("button",{key:"7fa27ddfe3e004c6c2232210bf0ab39664f7cc75",class:"button",onClick:f},e("ls-icon",{key:"2a07f650fdd786d01a7d88548ba07074da25fbc9",id:"buttonIcon",name:g})),n==="password"&&!g&&e("ls-icon-button",{key:"1b3fd40bf47799698ea65239eedc0123e01e6cda",id:"password-icon",icon:x?"eye":"eye-off",onClick:m})))}};f.style=b();const g=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  resize: vertical;\n  width: 100%;\n  min-height: 4rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const u=class{constructor(e){n(this,e)}name;value;placeholder;aria;inputRef;disabled;displayOnly;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,value:r,placeholder:a,aria:o,disabled:d,displayOnly:t,required:l,valid:s,dirty:c,countMax:p,buttonClick:b,buttonIcon:f,fieldIcon:g}=this;const u=i("input-base",d?"disabled":c&&s?"valid":c&&!s?"invalid":t?"displayOnly":"default",g&&"icon-input",c&&"button-input",f&&"button-input",f&&c&&"right-items-input");return e("host",{key:"9ae8b4df7f03ce8007522c161f373be320f802aa",class:"host"},g&&e("ls-icon",{key:"6ee5150550cf1fcbe0ddf70e1100a424c4cbf799",id:d?"fieldIconDisabled":"fieldIcon",name:g}),e("textarea",{key:"4db4ca2f5402d0081750eb05c24d384e6604915b",class:u,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"bd8f98837ef04e4f47ea4cb6f14e7cf75d40e026",class:"right-items"},c&&!d&&e("ls-icon",{key:"4b9fcca0baa77a2fc70ecfcda72e09fc60560005",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),f&&e("button",{key:"2bbf87b77cf0df42e620b8ee8990a15efdf29699",class:"button",onClick:b},e("ls-icon",{key:"53e406ede857fa2fbe2550ac448b5ebf81427a02",id:"buttonIcon",name:f}))))}};u.style=g();export{t as ls_number_input,s as ls_radio_input,p as ls_select_input,f as ls_text_input,u as ls_textarea_input};
-//# sourceMappingURL=p-1442f973.entry.js.map
+import{r as n,h as e,c as r,H as a}from"./p-BwdJ-HOC.js";function o(n){var e,r,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(r=o(n[e]))&&(a&&(a+=" "),a+=r)}else for(r in n)n[r]&&(a&&(a+=" "),a+=r);return a}function i(){for(var n,e,r=0,a="",i=arguments.length;r<i;r++)(n=arguments[r])&&(e=o(n))&&(a&&(a+=" "),a+=e);return a}const d=()=>`* {\n  box-sizing: border-box;\n  font-family:\n    'IBM Plex Sans',\n    sans-serif;\n  margin: 0;\n}\n\n.host {\n  display: flex;\n  width: 100%;\n  padding: 0.25rem;\n  align-items: flex-start;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  border: 1px solid var(--Grey-20, #edeff2);\n  background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-basic {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-ls {\n  display: flex;\n  width: 100%;\n  height: 1.75rem;\n  padding: 0 0.5rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.375rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-ls {\n  -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\ninput:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button-disabled {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-=10, #F7F8FA);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  cursor: not-allowed;\n\n  #buttonIcon {\n    color: var(--gray-70);\n  }\n}\n\n.button:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const t=class{constructor(e){n(this,e)}type="ls";name;value=0;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;handleChange=n=>{this.value=n.target.value};handlePlus=()=>{this.value=this.value+1};handleMinus=()=>{this.value=this.value-1};render(){const{type:n,name:r,value:a,placeholder:o,aria:d,disabled:t,required:l,valid:c,dirty:s,buttonClick:p,buttonIcon:b,fieldIcon:g,handleChange:u,handleMinus:x,handlePlus:f}=this;const m=i(n==="ls"?"input-ls":"input-basic",t?"disabled":s&&c?"valid":s&&!c?"invalid":"default",g&&"icon-input",s&&"button-input",b&&"button-input",b&&s&&"right-items-input");const h=i(t?"button-disabled":"button");return e("host",{key:"854a934295c4f06d0a0218bb26df4c2b8347ad8c",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"b9b060518ad7934720558bace95664f0d270afd7",class:h,onClick:()=>x(),disabled:t},e("ls-icon",{key:"0c0262976564f452599eca98b4174e5885e86d51",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"118d6e36fe7aa2bd1c63b1ede4d88f90c3e14eae",class:"input-container"},g&&e("ls-icon",{key:"a2c613b5ce3fc312c27cf80e9f8c7c709a6ce9eb",id:t?"fieldIconDisabled":"fieldIcon",name:g}),e("input",{key:"03c2a74000eeaca0d8abe0f2f95519a863bd1939",type:"number",class:m,id:r,name:r,value:a,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>u(n)}),e("div",{key:"7e213c19c8d7ae104325445d4f029c39fb922315",class:"right-items"},s&&!t&&e("ls-icon",{key:"66ed47a6912f656722e70f7b0dc6a74c6de01db7",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"584e1ba750a17469773ff1534c01272a7c488730",class:"button",onClick:p},e("ls-icon",{key:"49d03d49316bb601acb06e0517b63d3834300375",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"ceb2b9fb8f2741c91ec5906ac1bc8f058863d8d6",class:h,onClick:f,disabled:t},e("ls-icon",{key:"c40ea5faac37c75f9400868c667cc382a0173218",id:"buttonIcon",name:"plus-sm"})))}};t.style=d();const l=()=>`.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;const c=class{constructor(e){n(this,e)}radioId;label;icon;name="name";checked=false;disabled=false;customStyle;render(){const{label:n,radioId:r,icon:a,name:o,disabled:d,checked:t,customStyle:l}=this;const c=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"31f548698a16eff81e0a2f270e89295b80446677",htmlFor:r,tabIndex:0,class:c,style:l},e("input",{key:"d69ea6c81a54cd9f933c8d3385ffb4e474aa91e4",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"fb893fd4d1df25350afda196ea3cbd6c9f02d435",class:"spanContainer"},e("span",{key:"9eaa69b5f8272d09a3c1b68af65e48bff5792493"},a&&e("ls-icon",{key:"1253b0402ff1b21ce2ccdafbb5ae9a5f28c78c89",name:a,size:"16"})),e("span",{key:"38e5be64234f87b69cc079440d596a7cbafbccbf"},n)))}};c.style=l();const s=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0rem 0.75rem;\n  align-items: center;\n  vertical-align: text-top;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n#select-arrow {\n  color: var(--gray-70);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n  color: var(--gray-40);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const p=class{constructor(e){n(this,e)}name;value;aria;inputRef;disabled;displayOnly;required;valid;dirty;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,aria:r,disabled:a,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:c,buttonIcon:s,fieldIcon:p}=this;const b=i("input-base",a?"disabled":l&&t?"valid":l&&!t?"invalid":o?"displayOnly":"default",p&&"icon-input",l&&"button-input",s&&"button-input",s&&l&&"right-items-input");return e("host",{key:"eb7e4a36fee35582c74440cec4097f59ec4ad625",class:"host"},p&&e("ls-icon",{key:"c8a8d1c1755cb5cb3bccc1c2a41e04762d1a2bb7",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"a75719b9aaf600d2dc3ce0bf2e14bece1a0fc804",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"623e514b4fef20cc8b7f137e55fbc2b796bb992e"})),e("div",{key:"24ca82a5e1a29f199103f34eab545fbf64c3aac0",class:"right-items"},l&&!a&&e("ls-icon",{key:"bdf61ed3d35b0389e78f568ba1c8fa15e0ca7703",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),s?e("button",{class:"button",onClick:c},e("ls-icon",{id:"buttonIcon",name:s})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=s();const b=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const g=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange",7)}type="default";name;value;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;valueChange;showPassword=false;handlePassword=()=>{this.showPassword=!this.showPassword};changeHandler(n){console.log(n);this.valueChange.emit(n.target.value)}render(){const{type:n,name:r,value:o,placeholder:d,aria:t,disabled:l,required:c,valid:s,dirty:p,countMax:b,buttonClick:g,buttonIcon:u,fieldIcon:x,showPassword:f,handlePassword:m}=this;const h=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&s?"valid":p&&!s?"invalid":"default",x&&"icon-input",p&&"button-input",u&&"button-input",u&&p&&"right-items-input");return e(a,{key:"73aeceeb5ad23dbde6fc235dd1a7d01ca6104365",class:"host"},x&&e("ls-icon",{key:"4ebdfae891e04adcb0fc60bb2a9061eb067d1824",id:l?"fieldIconDisabled":"fieldIcon",name:x}),n==="password"?e("input",{type:f&&"password",class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}):n==="displayonly"?e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:c,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"54b6c799db1d92dd4167eca819f777587b964b58",class:"right-items"},p&&!l&&e("ls-icon",{key:"cd07e6e62e09d1b236154ccda999223027dd25ed",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),u&&e("button",{key:"bf3ad9022b470678279bb17658d643f83fa41182",class:"button",onClick:g},e("ls-icon",{key:"4ca8ff613fd4068b3b12b50d1348d46683e7b101",id:"buttonIcon",name:u})),n==="password"&&!u&&e("ls-icon-button",{key:"213c952e9ad92aec814a28d16ef15cc348171a37",id:"password-icon",icon:f?"eye":"eye-off",onClick:m})))}};g.style=b();const u=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  resize: vertical;\n  width: 100%;\n  min-height: 4rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const x=class{constructor(e){n(this,e)}name;value;placeholder;aria;inputRef;disabled;displayOnly;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,value:r,placeholder:a,aria:o,disabled:d,displayOnly:t,required:l,valid:c,dirty:s,countMax:p,buttonClick:b,buttonIcon:g,fieldIcon:u}=this;const x=i("input-base",d?"disabled":s&&c?"valid":s&&!c?"invalid":t?"displayOnly":"default",u&&"icon-input",s&&"button-input",g&&"button-input",g&&s&&"right-items-input");return e("host",{key:"eaaa6168607629b07b75063035d67c7cd2c58402",class:"host"},u&&e("ls-icon",{key:"80b6aadb69eed18136649722ac4d39c30ea5dca0",id:d?"fieldIconDisabled":"fieldIcon",name:u}),e("textarea",{key:"7fa3acb5519dfd7f070e409a5eeb619c475c7c19",class:x,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"955bde0dbe46c4f9c713622e9dd9d3f64d4b8347",class:"right-items"},s&&!d&&e("ls-icon",{key:"f944e321b4318a1123e3f0b5ecb09c0fae5d9a46",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),g&&e("button",{key:"90124248ce441075d6c8b417631ad9797fad2973",class:"button",onClick:b},e("ls-icon",{key:"4904a282de55a2ec3a8bf3ea25891a2d9e7dedf3",id:"buttonIcon",name:g}))))}};x.style=u();export{t as ls_number_input,c as ls_radio_input,p as ls_select_input,g as ls_text_input,x as ls_textarea_input};
+//# sourceMappingURL=p-131fe514.entry.js.map