npm - legalesign-document-viewer - Versions diffs - 0.9.21 → 0.9.22 - Mend

legalesign-document-viewer 0.9.21 → 0.9.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (479) hide show

package/dist/components/{p-BYjOvCbn.js.map → p-DrEcfY_J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BYjOvCbn.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAClC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC;;MCxNY,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AACxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AACjB;IACD,MAAM,GAAA;AACF,QAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,GAAG,GAAG,IAAI;AACnJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE;AAClC,cAAE;cACA,KAAK,IAAI;AACP,kBAAE;AACF,kBAAE,KAAK,IAAI,CAAC;AACR,sBAAE;AACF,sBAAE;AACE,0BAAE;0BACA,SAAS,EAAE,SAAS,IAAI,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,UAAU,IAAI,cAAc,EAAE,UAAU,IAAI,KAAK,IAAI,mBAAmB,CAAC;QAC1J,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,QAAQ,GAAG,mBAAmB,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,aAAa,EAAE,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,yBAAyB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.css?tag=ls-textarea-input&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n.host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n display: block;\n}\n\n#fieldIcon {\n color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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: 36px;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n}\n\n.right-items ls-icon {\n display: flex;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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","import { h } from \"@stencil/core\";\nimport clsx from \"clsx\";\nexport class LsTextareaInput {\n constructor() {\n this.rows = 15;\n }\n render() {\n const { name, value, placeholder, aria, disabled, displayOnly, required, valid, dirty, countMax, rows, buttonClick, buttonIcon, fieldIcon, } = this;\n const inputClass = clsx('input-base', disabled\n ? 'disabled'\n : dirty && valid\n ? 'valid'\n : dirty && !valid\n ? 'invalid'\n : displayOnly\n ? 'displayOnly'\n : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');\n return (h(\"host\", { key: 'b905b3af5fa8b9f05a56948d631d40f302a33566', class: 'host' }, fieldIcon && (h(\"ls-icon\", { key: '6e001b53dbf4c33b0655d277c58ad23b988b5999', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h(\"textarea\", { key: '05422687845db48083c7290ce0cf88039fb89678', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, \"aria-label\": aria, required: required, disabled: disabled, rows: rows, onInput: (e) => this.textareaChange.emit({ value: e.target.value }) }), h(\"div\", { key: '9b4dca0e623c5683f27647a498fa9d6284c93bdc', class: 'right-items' }, dirty && !disabled && (h(\"ls-icon\", { key: '33dde75f5a4bb7786ba34593838939c1869a70a3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle-icon' : 'exclamation-circle-icon' })), buttonIcon && (h(\"button\", { key: 'a0c2cca1f7797761200ea8328ddb7cf28754a8ca', class: 'button', onClick: buttonClick }, h(\"ls-icon\", { key: '8f37b8cf717086edc31010a1486e3969af7f455a', id: 'buttonIcon', name: buttonIcon }))))));\n }\n static get is() { return \"ls-textarea-input\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-textarea-input.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-textarea-input.css\"]\n };\n }\n static get properties() {\n return {\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"name\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"value\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"placeholder\"\n },\n \"aria\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"aria\"\n },\n \"inputRef\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"input-ref\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"disabled\"\n },\n \"displayOnly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"display-only\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"required\"\n },\n \"valid\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"valid\"\n },\n \"dirty\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"dirty\"\n },\n \"countMax\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"count-max\"\n },\n \"rows\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"rows\",\n \"defaultValue\": \"15\"\n },\n \"buttonClick\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"button-click\"\n },\n \"buttonIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" \| \\\"accessibility-icon\\\" \| \\\"add-column-left-icon\\\" \| \\\"add-column-right-icon\\\" \| \\\"add-more-list-icon\\\" \| \\\"adjustments-icon\\\" \| \\\"annotation-icon\\\" \| \\\"apply-all-rows-icon\\\" \| \\\"archive-icon\\\" \| \\\"arrow-circle-down-icon\\\" \| \\\"arrow-circle-left-icon\\\" \| \\\"arrow-circle-right-icon\\\" \| \\\"arrow-circle-up-icon\\\" \| \\\"arrow-down-icon\\\" \| \\\"arrow-left-icon\\\" \| \\\"arrow-narrow-down-icon\\\" \| \\\"arrow-narrow-left-icon\\\" \| \\\"arrow-narrow-right-icon\\\" \| \\\"arrow-narrow-up-icon\\\" \| \\\"arrow-right-icon\\\" \| \\\"arrow-sm-down-icon\\\" \| \\\"arrow-sm-left-icon\\\" \| \\\"arrow-sm-right-icon\\\" \| \\\"arrow-sm-up-icon\\\" \| \\\"arrow-up-icon\\\" \| \\\"arrow-up-link-out-icon\\\" \| \\\"arrows-expand-icon\\\" \| \\\"arrows-minimise-icon\\\" \| \\\"at-symbol-icon\\\" \| \\\"auto-date-icon\\\" \| \\\"auto-sign-icon\\\" \| \\\"backspace-icon\\\" \| \\\"badge-check-icon\\\" \| \\\"ban-icon\\\" \| \\\"base-circle-icon\\\" \| \\\"batch-send-arrow-icon\\\" \| \\\"beaker-icon\\\" \| \\\"bell-icon\\\" \| \\\"book-open-icon\\\" \| \\\"bookmark-alt-icon\\\" \| \\\"bookmark-icon\\\" \| \\\"box-crossed-icon\\\" \| \\\"box-empty-icon\\\" \| \\\"box-ticked-icon\\\" \| \\\"branch-icon\\\" \| \\\"briefcase-icon\\\" \| \\\"bulk-send-arrow-icon\\\" \| \\\"bulk-send-icon\\\" \| \\\"cake-icon\\\" \| \\\"calculator-icon\\\" \| \\\"calender-icon\\\" \| \\\"camera-icon\\\" \| \\\"cash-icon\\\" \| \\\"chart-bar-icon\\\" \| \\\"chart-pie-icon\\\" \| \\\"chart-square-bar-icon\\\" \| \\\"chat-alt-2-icon\\\" \| \\\"chat-alt-icon\\\" \| \\\"chat-icon\\\" \| \\\"check-circle-icon\\\" \| \\\"check-icon\\\" \| \\\"chevron-double-down-icon\\\" \| \\\"chevron-double-left-icon\\\" \| \\\"chevron-double-right-icon\\\" \| \\\"chevron-double-up-icon\\\" \| \\\"chevron-down-icon\\\" \| \\\"chevron-left-icon\\\" \| \\\"chevron-right-icon\\\" \| \\\"chevron-up-icon\\\" \| \\\"chip-icon\\\" \| \\\"circle-filled-half-icon\\\" \| \\\"circle-filled-quarter-icon\\\" \| \\\"circle-filled-three-quarter-icon\\\" \| \\\"circle-half-icon\\\" \| \\\"circle-quarter-icon\\\" \| \\\"circle-three-quarter-icon\\\" \| \\\"clipboard-check-icon\\\" \| \\\"clipboard-copy-icon\\\" \| \\\"clipboard-icon\\\" \| \\\"clipboard-list-icon\\\" \| \\\"clock-icon\\\" \| \\\"cloud-download-icon\\\" \| \\\"cloud-icon\\\" \| \\\"cloud-upload-icon\\\" \| \\\"code-icon\\\" \| \\\"cog-icon\\\" \| \\\"collapse-icon\\\" \| \\\"collection-icon\\\" \| \\\"color-swatch-icon\\\" \| \\\"contacts-icon\\\" \| \\\"credit-card-icon\\\" \| \\\"cube-icon\\\" \| \\\"cube-transparent-icon\\\" \| \\\"currency-bangladeshi-icon\\\" \| \\\"currency-dollar-icon\\\" \| \\\"currency-euro-icon\\\" \| \\\"currency-pound-icon\\\" \| \\\"currency-rupee-icon\\\" \| \\\"currency-yen-icon\\\" \| \\\"cursor-click-icon\\\" \| \\\"database-icon\\\" \| \\\"date-sent-sort-ascending-icon\\\" \| \\\"date-sent-sort-descending-icon\\\" \| \\\"date-sort-ascending-icon\\\" \| \\\"date-sort-descending-icon\\\" \| \\\"designation-icon\\\" \| \\\"desktop-computer-icon\\\" \| \\\"device-lock-icon\\\" \| \\\"device-mobile-icon\\\" \| \\\"device-tablet-icon\\\" \| \\\"document-add-icon\\\" \| \\\"document-combine-icon\\\" \| \\\"document-download-icon\\\" \| \\\"document-duplicate-icon\\\" \| \\\"document-icon\\\" \| \\\"document-import-fields-icon\\\" \| \\\"document-info-icon\\\" \| \\\"document-merge-alt2-icon\\\" \| \\\"document-remove-icon\\\" \| \\\"document-replace-icon\\\" \| \\\"document-report-icon\\\" \| \\\"document-search-icon\\\" \| \\\"document-text-icon\\\" \| \\\"document-viewed-icon\\\" \| \\\"dots-circle-horizontal-icon\\\" \| \\\"dots-horizontal-icon\\\" \| \\\"dots-vertical-icon\\\" \| \\\"download-icon\\\" \| \\\"drag-horizontal-icon\\\" \| \\\"drag-vertical-icon\\\" \| \\\"dropdown-icon\\\" \| \\\"duplicate-icon\\\" \| \\\"emoji-happy-icon\\\" \| \\\"emoji-sad-icon\\\" \| \\\"exclamation-circle-icon\\\" \| \\\"exclamation-icon\\\" \| \\\"expand-icon\\\" \| \\\"external-link-icon\\\" \| \\\"eye-icon\\\" \| \\\"eye-off-icon\\\" \| \\\"fast-forward-icon\\\" \| \\\"field-alignment-bottom-icon\\\" \| \\\"field-alignment-centre-icon\\\" \| \\\"field-alignment-left-icon\\\" \| \\\"field-alignment-middle-icon\\\" \| \\\"field-alignment-right-icon\\\" \| \\\"field-alignment-top-icon\\\" \| \\\"field-distribute-horizontally-icon\\\" \| \\\"field-distribute-vertically-icon\\\" \| \\\"field-duplicate-icon\\\" \| \\\"field-match-height-icon\\\" \| \\\"field-match-width-icon\\\" \| \\\"field-order-icon\\\" \| \\\"field-placement-icon\\\" \| \\\"field-scale-icon\\\" \| \\\"field-scaling-off-icon\\\" \| \\\"field-selected-icon\\\" \| \\\"field-special-icon\\\" \| \\\"film-icon\\\" \| \\\"filter-icon\\\" \| \\\"finger-print-icon\\\" \| \\\"fire-icon\\\" \| \\\"fit-height-icon\\\" \| \\\"fit-width-icon\\\" \| \\\"flag-icon\\\" \| \\\"folder-add-icon\\\" \| \\\"folder-download-icon\\\" \| \\\"folder-icon\\\" \| \\\"folder-open-icon\\\" \| \\\"folder-remove-icon\\\" \| \\\"gift-icon\\\" \| \\\"globe-alt-icon\\\" \| \\\"globe-icon\\\" \| \\\"grid-icon\\\" \| \\\"guides-icon\\\" \| \\\"hand-icon\\\" \| \\\"hashtag-icon\\\" \| \\\"heart-icon\\\" \| \\\"home-icon\\\" \| \\\"identification-icon\\\" \| \\\"inbox-icon\\\" \| \\\"inbox-in-icon\\\" \| \\\"information-circle-icon\\\" \| \\\"initials-icon\\\" \| \\\"key-icon\\\" \| \\\"keyboard-icon\\\" \| \\\"library-icon\\\" \| \\\"light-bulb-icon\\\" \| \\\"lightning-bolt-icon\\\" \| \\\"link-broken-icon\\\" \| \\\"link-icon\\\" \| \\\"link-value-icon\\\" \| \\\"linked-document-icon\\\" \| \\\"linked-icon\\\" \| \\\"list-order-icon\\\" \| \\\"location-marker-icon\\\" \| \\\"lock-closed-icon\\\" \| \\\"lock-open-icon\\\" \| \\\"login-icon\\\" \| \\\"logo-icon\\\" \| \\\"logout-icon\\\" \| \\\"mail-icon\\\" \| \\\"mail-open-icon\\\" \| \\\"map-icon\\\" \| \\\"menu-alt-1-icon\\\" \| \\\"menu-alt-2-icon\\\" \| \\\"menu-alt-3-icon\\\" \| \\\"menu-alt-4-icon\\\" \| \\\"menu-alt-5-icon\\\" \| \\\"menu-icon\\\" \| \\\"microphone-icon\\\" \| \\\"minus-circle-icon\\\" \| \\\"minus-icon\\\" \| \\\"minus-sm-icon\\\" \| \\\"moon-icon\\\" \| \\\"move-horizontal-icon\\\" \| \\\"move-vertical-icon\\\" \| \\\"music-note-icon\\\" \| \\\"newspaper-icon\\\" \| \\\"office-building-icon\\\" \| \\\"page-insert-horizontal-icon\\\" \| \\\"page-insert-vertical-icon\\\" \| \\\"page-layout-icon\\\" \| \\\"pagescroll-preview-icon\\\" \| \\\"paper-airplane-icon\\\" \| \\\"paper-clip-icon\\\" \| \\\"pause-icon\\\" \| \\\"pencil-alt-icon\\\" \| \\\"pencil-icon\\\" \| \\\"phone-icon\\\" \| \\\"phone-incoming-icon\\\" \| \\\"phone-missed-call-icon\\\" \| \\\"phone-outgoing-icon\\\" \| \\\"photograph-icon\\\" \| \\\"pin-icon\\\" \| \\\"play-icon\\\" \| \\\"plus-circle-icon\\\" \| \\\"plus-icon\\\" \| \\\"plus-sm-icon\\\" \| \\\"pre-filled-content-icon\\\" \| \\\"presentation-chart-bar-icon\\\" \| \\\"presentation-chart-line-icon\\\" \| \\\"printer-icon\\\" \| \\\"puzzle-icon\\\" \| \\\"qrcode-icon\\\" \| \\\"question-mark-circle-icon\\\" \| \\\"quick-send-arrow-icon\\\" \| \\\"receipt-refund-icon\\\" \| \\\"receipt-tax-icon\\\" \| \\\"recipient-details-card-icon\\\" \| \\\"recipient-details-icon\\\" \| \\\"recipient-link-broken-icon\\\" \| \\\"recipient-link-icon\\\" \| \\\"recipient-links-icon\\\" \| \\\"redo-icon\\\" \| \\\"refresh-icon\\\" \| \\\"reply-icon\\\" \| \\\"required-icon\\\" \| \\\"revert-icon\\\" \| \\\"rewind-icon\\\" \| \\\"rocket-icon\\\" \| \\\"rotate-left-icon\\\" \| \\\"rotate-right-icon\\\" \| \\\"rss-icon\\\" \| \\\"save-as-icon\\\" \| \\\"save-icon\\\" \| \\\"scale-icon\\\" \| \\\"scheduled-icon\\\" \| \\\"scissors-icon\\\" \| \\\"search-circle-icon\\\" \| \\\"search-icon\\\" \| \\\"selector-icon\\\" \| \\\"send-arrow-icon\\\" \| \\\"sent-progress-icon\\\" \| \\\"server-icon\\\" \| \\\"share-icon\\\" \| \\\"shield-check-icon\\\" \| \\\"shield-exclamation-icon\\\" \| \\\"shopping-bag-icon\\\" \| \\\"shopping-cart-icon\\\" \| \\\"side-panel-close-left-icon\\\" \| \\\"side-panel-close-right-icon\\\" \| \\\"side-panel-closed-icon\\\" \| \\\"side-panel-open-icon\\\" \| \\\"side-panel-open-left-icon\\\" \| \\\"side-panel-open-right-icon\\\" \| \\\"signature-icon\\\" \| \\\"signature-select-icon\\\" \| \\\"signature-selected-icon\\\" \| \\\"sort-alphabetically-a-z-alt-icon\\\" \| \\\"sort-alphabetically-a-z-icon\\\" \| \\\"sort-alphabetically-z-a-alt-icon\\\" \| \\\"sort-alphabetically-z-a-icon\\\" \| \\\"sort-ascending-icon\\\" \| \\\"sort-descending-icon\\\" \| \\\"sparkles-icon\\\" \| \\\"speakerphone-icon\\\" \| \\\"star-icon\\\" \| \\\"status-offline-icon\\\" \| \\\"status-online-icon\\\" \| \\\"stop-icon\\\" \| \\\"sun-icon\\\" \| \\\"support-icon\\\" \| \\\"switch-horizontal-icon\\\" \| \\\"switch-vertical-icon\\\" \| \\\"table-columns-icon\\\" \| \\\"table-icon\\\" \| \\\"table-quick-edit-icon\\\" \| \\\"table-rows-icon\\\" \| \\\"table-split-icon\\\" \| \\\"tag-icon\\\" \| \\\"target-icon\\\" \| \\\"template-icon\\\" \| \\\"template-not-sent-icon\\\" \| \\\"template-sent-icon\\\" \| \\\"terminal-icon\\\" \| \\\"text-alignment-icon\\\" \| \\\"text-icon\\\" \| \\\"text-size-icon\\\" \| \\\"thumb-down-icon\\\" \| \\\"thumb-up-icon\\\" \| \\\"ticket-icon\\\" \| \\\"time-sort-ascending-icon\\\" \| \\\"time-sort-descending-icon\\\" \| \\\"translate-icon\\\" \| \\\"trash-icon\\\" \| \\\"trending-down-icon\\\" \| \\\"trending-up-icon\\\" \| \\\"truck-icon\\\" \| \\\"typeface-icon\\\" \| \\\"typing-input-icon\\\" \| \\\"undo-icon\\\" \| \\\"upload-icon\\\" \| \\\"user-add-icon\\\" \| \\\"user-assign-icon\\\" \| \\\"user-circle-icon\\\" \| \\\"user-group-icon\\\" \| \\\"user-icon\\\" \| \\\"user-remove-icon\\\" \| \\\"user-switch-icon\\\" \| \\\"users-icon\\\" \| \\\"variable-icon\\\" \| \\\"variant-icon\\\" \| \\\"video-camera-icon\\\" \| \\\"view-boards-icon\\\" \| \\\"view-grid-add-icon\\\" \| \\\"view-grid-icon\\\" \| \\\"view-list-icon\\\" \| \\\"volume-off-icon\\\" \| \\\"volume-up-icon\\\" \| \\\"wifi-icon\\\" \| \\\"witness-arrow-icon\\\" \| \\\"x-circle-icon\\\" \| \\\"x-icon\\\" \| \\\"x-letter-icon\\\" \| \\\"y-icon\\\" \| \\\"zoom-in-icon\\\" \| \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"button-icon\"\n },\n \"fieldIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" \| \\\"accessibility-icon\\\" \| \\\"add-column-left-icon\\\" \| \\\"add-column-right-icon\\\" \| \\\"add-more-list-icon\\\" \| \\\"adjustments-icon\\\" \| \\\"annotation-icon\\\" \| \\\"apply-all-rows-icon\\\" \| \\\"archive-icon\\\" \| \\\"arrow-circle-down-icon\\\" \| \\\"arrow-circle-left-icon\\\" \| \\\"arrow-circle-right-icon\\\" \| \\\"arrow-circle-up-icon\\\" \| \\\"arrow-down-icon\\\" \| \\\"arrow-left-icon\\\" \| \\\"arrow-narrow-down-icon\\\" \| \\\"arrow-narrow-left-icon\\\" \| \\\"arrow-narrow-right-icon\\\" \| \\\"arrow-narrow-up-icon\\\" \| \\\"arrow-right-icon\\\" \| \\\"arrow-sm-down-icon\\\" \| \\\"arrow-sm-left-icon\\\" \| \\\"arrow-sm-right-icon\\\" \| \\\"arrow-sm-up-icon\\\" \| \\\"arrow-up-icon\\\" \| \\\"arrow-up-link-out-icon\\\" \| \\\"arrows-expand-icon\\\" \| \\\"arrows-minimise-icon\\\" \| \\\"at-symbol-icon\\\" \| \\\"auto-date-icon\\\" \| \\\"auto-sign-icon\\\" \| \\\"backspace-icon\\\" \| \\\"badge-check-icon\\\" \| \\\"ban-icon\\\" \| \\\"base-circle-icon\\\" \| \\\"batch-send-arrow-icon\\\" \| \\\"beaker-icon\\\" \| \\\"bell-icon\\\" \| \\\"book-open-icon\\\" \| \\\"bookmark-alt-icon\\\" \| \\\"bookmark-icon\\\" \| \\\"box-crossed-icon\\\" \| \\\"box-empty-icon\\\" \| \\\"box-ticked-icon\\\" \| \\\"branch-icon\\\" \| \\\"briefcase-icon\\\" \| \\\"bulk-send-arrow-icon\\\" \| \\\"bulk-send-icon\\\" \| \\\"cake-icon\\\" \| \\\"calculator-icon\\\" \| \\\"calender-icon\\\" \| \\\"camera-icon\\\" \| \\\"cash-icon\\\" \| \\\"chart-bar-icon\\\" \| \\\"chart-pie-icon\\\" \| \\\"chart-square-bar-icon\\\" \| \\\"chat-alt-2-icon\\\" \| \\\"chat-alt-icon\\\" \| \\\"chat-icon\\\" \| \\\"check-circle-icon\\\" \| \\\"check-icon\\\" \| \\\"chevron-double-down-icon\\\" \| \\\"chevron-double-left-icon\\\" \| \\\"chevron-double-right-icon\\\" \| \\\"chevron-double-up-icon\\\" \| \\\"chevron-down-icon\\\" \| \\\"chevron-left-icon\\\" \| \\\"chevron-right-icon\\\" \| \\\"chevron-up-icon\\\" \| \\\"chip-icon\\\" \| \\\"circle-filled-half-icon\\\" \| \\\"circle-filled-quarter-icon\\\" \| \\\"circle-filled-three-quarter-icon\\\" \| \\\"circle-half-icon\\\" \| \\\"circle-quarter-icon\\\" \| \\\"circle-three-quarter-icon\\\" \| \\\"clipboard-check-icon\\\" \| \\\"clipboard-copy-icon\\\" \| \\\"clipboard-icon\\\" \| \\\"clipboard-list-icon\\\" \| \\\"clock-icon\\\" \| \\\"cloud-download-icon\\\" \| \\\"cloud-icon\\\" \| \\\"cloud-upload-icon\\\" \| \\\"code-icon\\\" \| \\\"cog-icon\\\" \| \\\"collapse-icon\\\" \| \\\"collection-icon\\\" \| \\\"color-swatch-icon\\\" \| \\\"contacts-icon\\\" \| \\\"credit-card-icon\\\" \| \\\"cube-icon\\\" \| \\\"cube-transparent-icon\\\" \| \\\"currency-bangladeshi-icon\\\" \| \\\"currency-dollar-icon\\\" \| \\\"currency-euro-icon\\\" \| \\\"currency-pound-icon\\\" \| \\\"currency-rupee-icon\\\" \| \\\"currency-yen-icon\\\" \| \\\"cursor-click-icon\\\" \| \\\"database-icon\\\" \| \\\"date-sent-sort-ascending-icon\\\" \| \\\"date-sent-sort-descending-icon\\\" \| \\\"date-sort-ascending-icon\\\" \| \\\"date-sort-descending-icon\\\" \| \\\"designation-icon\\\" \| \\\"desktop-computer-icon\\\" \| \\\"device-lock-icon\\\" \| \\\"device-mobile-icon\\\" \| \\\"device-tablet-icon\\\" \| \\\"document-add-icon\\\" \| \\\"document-combine-icon\\\" \| \\\"document-download-icon\\\" \| \\\"document-duplicate-icon\\\" \| \\\"document-icon\\\" \| \\\"document-import-fields-icon\\\" \| \\\"document-info-icon\\\" \| \\\"document-merge-alt2-icon\\\" \| \\\"document-remove-icon\\\" \| \\\"document-replace-icon\\\" \| \\\"document-report-icon\\\" \| \\\"document-search-icon\\\" \| \\\"document-text-icon\\\" \| \\\"document-viewed-icon\\\" \| \\\"dots-circle-horizontal-icon\\\" \| \\\"dots-horizontal-icon\\\" \| \\\"dots-vertical-icon\\\" \| \\\"download-icon\\\" \| \\\"drag-horizontal-icon\\\" \| \\\"drag-vertical-icon\\\" \| \\\"dropdown-icon\\\" \| \\\"duplicate-icon\\\" \| \\\"emoji-happy-icon\\\" \| \\\"emoji-sad-icon\\\" \| \\\"exclamation-circle-icon\\\" \| \\\"exclamation-icon\\\" \| \\\"expand-icon\\\" \| \\\"external-link-icon\\\" \| \\\"eye-icon\\\" \| \\\"eye-off-icon\\\" \| \\\"fast-forward-icon\\\" \| \\\"field-alignment-bottom-icon\\\" \| \\\"field-alignment-centre-icon\\\" \| \\\"field-alignment-left-icon\\\" \| \\\"field-alignment-middle-icon\\\" \| \\\"field-alignment-right-icon\\\" \| \\\"field-alignment-top-icon\\\" \| \\\"field-distribute-horizontally-icon\\\" \| \\\"field-distribute-vertically-icon\\\" \| \\\"field-duplicate-icon\\\" \| \\\"field-match-height-icon\\\" \| \\\"field-match-width-icon\\\" \| \\\"field-order-icon\\\" \| \\\"field-placement-icon\\\" \| \\\"field-scale-icon\\\" \| \\\"field-scaling-off-icon\\\" \| \\\"field-selected-icon\\\" \| \\\"field-special-icon\\\" \| \\\"film-icon\\\" \| \\\"filter-icon\\\" \| \\\"finger-print-icon\\\" \| \\\"fire-icon\\\" \| \\\"fit-height-icon\\\" \| \\\"fit-width-icon\\\" \| \\\"flag-icon\\\" \| \\\"folder-add-icon\\\" \| \\\"folder-download-icon\\\" \| \\\"folder-icon\\\" \| \\\"folder-open-icon\\\" \| \\\"folder-remove-icon\\\" \| \\\"gift-icon\\\" \| \\\"globe-alt-icon\\\" \| \\\"globe-icon\\\" \| \\\"grid-icon\\\" \| \\\"guides-icon\\\" \| \\\"hand-icon\\\" \| \\\"hashtag-icon\\\" \| \\\"heart-icon\\\" \| \\\"home-icon\\\" \| \\\"identification-icon\\\" \| \\\"inbox-icon\\\" \| \\\"inbox-in-icon\\\" \| \\\"information-circle-icon\\\" \| \\\"initials-icon\\\" \| \\\"key-icon\\\" \| \\\"keyboard-icon\\\" \| \\\"library-icon\\\" \| \\\"light-bulb-icon\\\" \| \\\"lightning-bolt-icon\\\" \| \\\"link-broken-icon\\\" \| \\\"link-icon\\\" \| \\\"link-value-icon\\\" \| \\\"linked-document-icon\\\" \| \\\"linked-icon\\\" \| \\\"list-order-icon\\\" \| \\\"location-marker-icon\\\" \| \\\"lock-closed-icon\\\" \| \\\"lock-open-icon\\\" \| \\\"login-icon\\\" \| \\\"logo-icon\\\" \| \\\"logout-icon\\\" \| \\\"mail-icon\\\" \| \\\"mail-open-icon\\\" \| \\\"map-icon\\\" \| \\\"menu-alt-1-icon\\\" \| \\\"menu-alt-2-icon\\\" \| \\\"menu-alt-3-icon\\\" \| \\\"menu-alt-4-icon\\\" \| \\\"menu-alt-5-icon\\\" \| \\\"menu-icon\\\" \| \\\"microphone-icon\\\" \| \\\"minus-circle-icon\\\" \| \\\"minus-icon\\\" \| \\\"minus-sm-icon\\\" \| \\\"moon-icon\\\" \| \\\"move-horizontal-icon\\\" \| \\\"move-vertical-icon\\\" \| \\\"music-note-icon\\\" \| \\\"newspaper-icon\\\" \| \\\"office-building-icon\\\" \| \\\"page-insert-horizontal-icon\\\" \| \\\"page-insert-vertical-icon\\\" \| \\\"page-layout-icon\\\" \| \\\"pagescroll-preview-icon\\\" \| \\\"paper-airplane-icon\\\" \| \\\"paper-clip-icon\\\" \| \\\"pause-icon\\\" \| \\\"pencil-alt-icon\\\" \| \\\"pencil-icon\\\" \| \\\"phone-icon\\\" \| \\\"phone-incoming-icon\\\" \| \\\"phone-missed-call-icon\\\" \| \\\"phone-outgoing-icon\\\" \| \\\"photograph-icon\\\" \| \\\"pin-icon\\\" \| \\\"play-icon\\\" \| \\\"plus-circle-icon\\\" \| \\\"plus-icon\\\" \| \\\"plus-sm-icon\\\" \| \\\"pre-filled-content-icon\\\" \| \\\"presentation-chart-bar-icon\\\" \| \\\"presentation-chart-line-icon\\\" \| \\\"printer-icon\\\" \| \\\"puzzle-icon\\\" \| \\\"qrcode-icon\\\" \| \\\"question-mark-circle-icon\\\" \| \\\"quick-send-arrow-icon\\\" \| \\\"receipt-refund-icon\\\" \| \\\"receipt-tax-icon\\\" \| \\\"recipient-details-card-icon\\\" \| \\\"recipient-details-icon\\\" \| \\\"recipient-link-broken-icon\\\" \| \\\"recipient-link-icon\\\" \| \\\"recipient-links-icon\\\" \| \\\"redo-icon\\\" \| \\\"refresh-icon\\\" \| \\\"reply-icon\\\" \| \\\"required-icon\\\" \| \\\"revert-icon\\\" \| \\\"rewind-icon\\\" \| \\\"rocket-icon\\\" \| \\\"rotate-left-icon\\\" \| \\\"rotate-right-icon\\\" \| \\\"rss-icon\\\" \| \\\"save-as-icon\\\" \| \\\"save-icon\\\" \| \\\"scale-icon\\\" \| \\\"scheduled-icon\\\" \| \\\"scissors-icon\\\" \| \\\"search-circle-icon\\\" \| \\\"search-icon\\\" \| \\\"selector-icon\\\" \| \\\"send-arrow-icon\\\" \| \\\"sent-progress-icon\\\" \| \\\"server-icon\\\" \| \\\"share-icon\\\" \| \\\"shield-check-icon\\\" \| \\\"shield-exclamation-icon\\\" \| \\\"shopping-bag-icon\\\" \| \\\"shopping-cart-icon\\\" \| \\\"side-panel-close-left-icon\\\" \| \\\"side-panel-close-right-icon\\\" \| \\\"side-panel-closed-icon\\\" \| \\\"side-panel-open-icon\\\" \| \\\"side-panel-open-left-icon\\\" \| \\\"side-panel-open-right-icon\\\" \| \\\"signature-icon\\\" \| \\\"signature-select-icon\\\" \| \\\"signature-selected-icon\\\" \| \\\"sort-alphabetically-a-z-alt-icon\\\" \| \\\"sort-alphabetically-a-z-icon\\\" \| \\\"sort-alphabetically-z-a-alt-icon\\\" \| \\\"sort-alphabetically-z-a-icon\\\" \| \\\"sort-ascending-icon\\\" \| \\\"sort-descending-icon\\\" \| \\\"sparkles-icon\\\" \| \\\"speakerphone-icon\\\" \| \\\"star-icon\\\" \| \\\"status-offline-icon\\\" \| \\\"status-online-icon\\\" \| \\\"stop-icon\\\" \| \\\"sun-icon\\\" \| \\\"support-icon\\\" \| \\\"switch-horizontal-icon\\\" \| \\\"switch-vertical-icon\\\" \| \\\"table-columns-icon\\\" \| \\\"table-icon\\\" \| \\\"table-quick-edit-icon\\\" \| \\\"table-rows-icon\\\" \| \\\"table-split-icon\\\" \| \\\"tag-icon\\\" \| \\\"target-icon\\\" \| \\\"template-icon\\\" \| \\\"template-not-sent-icon\\\" \| \\\"template-sent-icon\\\" \| \\\"terminal-icon\\\" \| \\\"text-alignment-icon\\\" \| \\\"text-icon\\\" \| \\\"text-size-icon\\\" \| \\\"thumb-down-icon\\\" \| \\\"thumb-up-icon\\\" \| \\\"ticket-icon\\\" \| \\\"time-sort-ascending-icon\\\" \| \\\"time-sort-descending-icon\\\" \| \\\"translate-icon\\\" \| \\\"trash-icon\\\" \| \\\"trending-down-icon\\\" \| \\\"trending-up-icon\\\" \| \\\"truck-icon\\\" \| \\\"typeface-icon\\\" \| \\\"typing-input-icon\\\" \| \\\"undo-icon\\\" \| \\\"upload-icon\\\" \| \\\"user-add-icon\\\" \| \\\"user-assign-icon\\\" \| \\\"user-circle-icon\\\" \| \\\"user-group-icon\\\" \| \\\"user-icon\\\" \| \\\"user-remove-icon\\\" \| \\\"user-switch-icon\\\" \| \\\"users-icon\\\" \| \\\"variable-icon\\\" \| \\\"variant-icon\\\" \| \\\"video-camera-icon\\\" \| \\\"view-boards-icon\\\" \| \\\"view-grid-add-icon\\\" \| \\\"view-grid-icon\\\" \| \\\"view-list-icon\\\" \| \\\"volume-off-icon\\\" \| \\\"volume-up-icon\\\" \| \\\"wifi-icon\\\" \| \\\"witness-arrow-icon\\\" \| \\\"x-circle-icon\\\" \| \\\"x-icon\\\" \| \\\"x-letter-icon\\\" \| \\\"y-icon\\\" \| \\\"zoom-in-icon\\\" \| \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"field-icon\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"textareaChange\",\n \"name\": \"textareaChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ value: string }\",\n \"resolved\": \"{ value: string; }\",\n \"references\": {}\n }\n }];\n }\n}\n"],"version":3}
1	+ {"file":"p-DrEcfY_J.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAClC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC;;MCxNY,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AACxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AACI,QAAA,IAAI,CAAC,IAAI,GAAG,EAAE;AACjB;IACD,MAAM,GAAA;AACF,QAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,GAAG,GAAG,IAAI;AACnJ,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE;AAClC,cAAE;cACA,KAAK,IAAI;AACP,kBAAE;AACF,kBAAE,KAAK,IAAI,CAAC;AACR,sBAAE;AACF,sBAAE;AACE,0BAAE;0BACA,SAAS,EAAE,SAAS,IAAI,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,UAAU,IAAI,cAAc,EAAE,UAAU,IAAI,KAAK,IAAI,mBAAmB,CAAC;QAC1J,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,QAAQ,GAAG,mBAAmB,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,aAAa,EAAE,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,yBAAyB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.css?tag=ls-textarea-input&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.js"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n}\n\n:host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n.host {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n#fieldIcon,\n#fieldIconDisabled {\n position: absolute;\n top: 0.5rem;\n left: 0.75rem;\n display: block;\n}\n\n#fieldIcon {\n color: var(--gray-80);\n}\n\n#fieldIconDisabled {\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}\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: 36px;\n right: 0;\n top: 0;\n display: flex;\n align-items: center;\n}\n\n.right-items ls-icon {\n display: flex;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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: 28px;\n width: 28px;\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","import { h } from \"@stencil/core\";\nimport clsx from \"clsx\";\nexport class LsTextareaInput {\n constructor() {\n this.rows = 15;\n }\n render() {\n const { name, value, placeholder, aria, disabled, displayOnly, required, valid, dirty, countMax, rows, buttonClick, buttonIcon, fieldIcon, } = this;\n const inputClass = clsx('input-base', disabled\n ? 'disabled'\n : dirty && valid\n ? 'valid'\n : dirty && !valid\n ? 'invalid'\n : displayOnly\n ? 'displayOnly'\n : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');\n return (h(\"host\", { key: 'b905b3af5fa8b9f05a56948d631d40f302a33566', class: 'host' }, fieldIcon && (h(\"ls-icon\", { key: '6e001b53dbf4c33b0655d277c58ad23b988b5999', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h(\"textarea\", { key: '05422687845db48083c7290ce0cf88039fb89678', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, \"aria-label\": aria, required: required, disabled: disabled, rows: rows, onInput: (e) => this.textareaChange.emit({ value: e.target.value }) }), h(\"div\", { key: '9b4dca0e623c5683f27647a498fa9d6284c93bdc', class: 'right-items' }, dirty && !disabled && (h(\"ls-icon\", { key: '33dde75f5a4bb7786ba34593838939c1869a70a3', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle-icon' : 'exclamation-circle-icon' })), buttonIcon && (h(\"button\", { key: 'a0c2cca1f7797761200ea8328ddb7cf28754a8ca', class: 'button', onClick: buttonClick }, h(\"ls-icon\", { key: '8f37b8cf717086edc31010a1486e3969af7f455a', id: 'buttonIcon', name: buttonIcon }))))));\n }\n static get is() { return \"ls-textarea-input\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-textarea-input.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-textarea-input.css\"]\n };\n }\n static get properties() {\n return {\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"name\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"value\"\n },\n \"placeholder\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"placeholder\"\n },\n \"aria\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"aria\"\n },\n \"inputRef\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"input-ref\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"disabled\"\n },\n \"displayOnly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"display-only\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"required\"\n },\n \"valid\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"valid\"\n },\n \"dirty\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"dirty\"\n },\n \"countMax\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"count-max\"\n },\n \"rows\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"rows\",\n \"defaultValue\": \"15\"\n },\n \"buttonClick\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"button-click\"\n },\n \"buttonIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" \| \\\"accessibility-icon\\\" \| \\\"add-column-left-icon\\\" \| \\\"add-column-right-icon\\\" \| \\\"add-more-list-icon\\\" \| \\\"adjustments-icon\\\" \| \\\"annotation-icon\\\" \| \\\"apply-all-rows-icon\\\" \| \\\"archive-icon\\\" \| \\\"arrow-circle-down-icon\\\" \| \\\"arrow-circle-left-icon\\\" \| \\\"arrow-circle-right-icon\\\" \| \\\"arrow-circle-up-icon\\\" \| \\\"arrow-down-icon\\\" \| \\\"arrow-left-icon\\\" \| \\\"arrow-narrow-down-icon\\\" \| \\\"arrow-narrow-left-icon\\\" \| \\\"arrow-narrow-right-icon\\\" \| \\\"arrow-narrow-up-icon\\\" \| \\\"arrow-right-icon\\\" \| \\\"arrow-sm-down-icon\\\" \| \\\"arrow-sm-left-icon\\\" \| \\\"arrow-sm-right-icon\\\" \| \\\"arrow-sm-up-icon\\\" \| \\\"arrow-up-icon\\\" \| \\\"arrow-up-link-out-icon\\\" \| \\\"arrows-expand-icon\\\" \| \\\"arrows-minimise-icon\\\" \| \\\"at-symbol-icon\\\" \| \\\"auto-date-icon\\\" \| \\\"auto-sign-icon\\\" \| \\\"backspace-icon\\\" \| \\\"badge-check-icon\\\" \| \\\"ban-icon\\\" \| \\\"base-circle-icon\\\" \| \\\"batch-send-arrow-icon\\\" \| \\\"beaker-icon\\\" \| \\\"bell-icon\\\" \| \\\"book-open-icon\\\" \| \\\"bookmark-alt-icon\\\" \| \\\"bookmark-icon\\\" \| \\\"box-crossed-icon\\\" \| \\\"box-empty-icon\\\" \| \\\"box-ticked-icon\\\" \| \\\"branch-icon\\\" \| \\\"briefcase-icon\\\" \| \\\"bulk-send-arrow-icon\\\" \| \\\"bulk-send-icon\\\" \| \\\"cake-icon\\\" \| \\\"calculator-icon\\\" \| \\\"calender-icon\\\" \| \\\"camera-icon\\\" \| \\\"cash-icon\\\" \| \\\"chart-bar-icon\\\" \| \\\"chart-pie-icon\\\" \| \\\"chart-square-bar-icon\\\" \| \\\"chat-alt-2-icon\\\" \| \\\"chat-alt-icon\\\" \| \\\"chat-icon\\\" \| \\\"check-circle-icon\\\" \| \\\"check-icon\\\" \| \\\"chevron-double-down-icon\\\" \| \\\"chevron-double-left-icon\\\" \| \\\"chevron-double-right-icon\\\" \| \\\"chevron-double-up-icon\\\" \| \\\"chevron-down-icon\\\" \| \\\"chevron-left-icon\\\" \| \\\"chevron-right-icon\\\" \| \\\"chevron-up-icon\\\" \| \\\"chip-icon\\\" \| \\\"circle-filled-half-icon\\\" \| \\\"circle-filled-quarter-icon\\\" \| \\\"circle-filled-three-quarter-icon\\\" \| \\\"circle-half-icon\\\" \| \\\"circle-quarter-icon\\\" \| \\\"circle-three-quarter-icon\\\" \| \\\"clipboard-check-icon\\\" \| \\\"clipboard-copy-icon\\\" \| \\\"clipboard-icon\\\" \| \\\"clipboard-list-icon\\\" \| \\\"clock-icon\\\" \| \\\"cloud-download-icon\\\" \| \\\"cloud-icon\\\" \| \\\"cloud-upload-icon\\\" \| \\\"code-icon\\\" \| \\\"cog-icon\\\" \| \\\"collapse-icon\\\" \| \\\"collection-icon\\\" \| \\\"color-swatch-icon\\\" \| \\\"contacts-icon\\\" \| \\\"credit-card-icon\\\" \| \\\"cube-icon\\\" \| \\\"cube-transparent-icon\\\" \| \\\"currency-bangladeshi-icon\\\" \| \\\"currency-dollar-icon\\\" \| \\\"currency-euro-icon\\\" \| \\\"currency-pound-icon\\\" \| \\\"currency-rupee-icon\\\" \| \\\"currency-yen-icon\\\" \| \\\"cursor-click-icon\\\" \| \\\"database-icon\\\" \| \\\"date-sent-sort-ascending-icon\\\" \| \\\"date-sent-sort-descending-icon\\\" \| \\\"date-sort-ascending-icon\\\" \| \\\"date-sort-descending-icon\\\" \| \\\"designation-icon\\\" \| \\\"desktop-computer-icon\\\" \| \\\"device-lock-icon\\\" \| \\\"device-mobile-icon\\\" \| \\\"device-tablet-icon\\\" \| \\\"document-add-icon\\\" \| \\\"document-combine-icon\\\" \| \\\"document-download-icon\\\" \| \\\"document-duplicate-icon\\\" \| \\\"document-icon\\\" \| \\\"document-import-fields-icon\\\" \| \\\"document-info-icon\\\" \| \\\"document-merge-alt2-icon\\\" \| \\\"document-remove-icon\\\" \| \\\"document-replace-icon\\\" \| \\\"document-report-icon\\\" \| \\\"document-search-icon\\\" \| \\\"document-text-icon\\\" \| \\\"document-viewed-icon\\\" \| \\\"dots-circle-horizontal-icon\\\" \| \\\"dots-horizontal-icon\\\" \| \\\"dots-vertical-icon\\\" \| \\\"download-icon\\\" \| \\\"drag-horizontal-icon\\\" \| \\\"drag-vertical-icon\\\" \| \\\"dropdown-icon\\\" \| \\\"duplicate-icon\\\" \| \\\"emoji-happy-icon\\\" \| \\\"emoji-sad-icon\\\" \| \\\"exclamation-circle-icon\\\" \| \\\"exclamation-icon\\\" \| \\\"expand-icon\\\" \| \\\"external-link-icon\\\" \| \\\"eye-icon\\\" \| \\\"eye-off-icon\\\" \| \\\"fast-forward-icon\\\" \| \\\"field-alignment-bottom-icon\\\" \| \\\"field-alignment-centre-icon\\\" \| \\\"field-alignment-left-icon\\\" \| \\\"field-alignment-middle-icon\\\" \| \\\"field-alignment-right-icon\\\" \| \\\"field-alignment-top-icon\\\" \| \\\"field-distribute-horizontally-icon\\\" \| \\\"field-distribute-vertically-icon\\\" \| \\\"field-duplicate-icon\\\" \| \\\"field-match-height-icon\\\" \| \\\"field-match-width-icon\\\" \| \\\"field-order-icon\\\" \| \\\"field-placement-icon\\\" \| \\\"field-scale-icon\\\" \| \\\"field-scaling-off-icon\\\" \| \\\"field-selected-icon\\\" \| \\\"field-special-icon\\\" \| \\\"film-icon\\\" \| \\\"filter-icon\\\" \| \\\"finger-print-icon\\\" \| \\\"fire-icon\\\" \| \\\"fit-height-icon\\\" \| \\\"fit-width-icon\\\" \| \\\"flag-icon\\\" \| \\\"folder-add-icon\\\" \| \\\"folder-download-icon\\\" \| \\\"folder-icon\\\" \| \\\"folder-open-icon\\\" \| \\\"folder-remove-icon\\\" \| \\\"gift-icon\\\" \| \\\"globe-alt-icon\\\" \| \\\"globe-icon\\\" \| \\\"grid-icon\\\" \| \\\"guides-icon\\\" \| \\\"hand-icon\\\" \| \\\"hashtag-icon\\\" \| \\\"heart-icon\\\" \| \\\"home-icon\\\" \| \\\"identification-icon\\\" \| \\\"inbox-icon\\\" \| \\\"inbox-in-icon\\\" \| \\\"information-circle-icon\\\" \| \\\"initials-icon\\\" \| \\\"key-icon\\\" \| \\\"keyboard-icon\\\" \| \\\"library-icon\\\" \| \\\"light-bulb-icon\\\" \| \\\"lightning-bolt-icon\\\" \| \\\"link-broken-icon\\\" \| \\\"link-icon\\\" \| \\\"link-value-icon\\\" \| \\\"linked-document-icon\\\" \| \\\"linked-icon\\\" \| \\\"list-order-icon\\\" \| \\\"location-marker-icon\\\" \| \\\"lock-closed-icon\\\" \| \\\"lock-open-icon\\\" \| \\\"login-icon\\\" \| \\\"logo-icon\\\" \| \\\"logout-icon\\\" \| \\\"mail-icon\\\" \| \\\"mail-open-icon\\\" \| \\\"map-icon\\\" \| \\\"menu-alt-1-icon\\\" \| \\\"menu-alt-2-icon\\\" \| \\\"menu-alt-3-icon\\\" \| \\\"menu-alt-4-icon\\\" \| \\\"menu-alt-5-icon\\\" \| \\\"menu-icon\\\" \| \\\"microphone-icon\\\" \| \\\"minus-circle-icon\\\" \| \\\"minus-icon\\\" \| \\\"minus-sm-icon\\\" \| \\\"moon-icon\\\" \| \\\"move-horizontal-icon\\\" \| \\\"move-vertical-icon\\\" \| \\\"music-note-icon\\\" \| \\\"newspaper-icon\\\" \| \\\"office-building-icon\\\" \| \\\"page-insert-horizontal-icon\\\" \| \\\"page-insert-vertical-icon\\\" \| \\\"page-layout-icon\\\" \| \\\"pagescroll-preview-icon\\\" \| \\\"paper-airplane-icon\\\" \| \\\"paper-clip-icon\\\" \| \\\"pause-icon\\\" \| \\\"pencil-alt-icon\\\" \| \\\"pencil-icon\\\" \| \\\"phone-icon\\\" \| \\\"phone-incoming-icon\\\" \| \\\"phone-missed-call-icon\\\" \| \\\"phone-outgoing-icon\\\" \| \\\"photograph-icon\\\" \| \\\"pin-icon\\\" \| \\\"play-icon\\\" \| \\\"plus-circle-icon\\\" \| \\\"plus-icon\\\" \| \\\"plus-sm-icon\\\" \| \\\"pre-filled-content-icon\\\" \| \\\"presentation-chart-bar-icon\\\" \| \\\"presentation-chart-line-icon\\\" \| \\\"printer-icon\\\" \| \\\"puzzle-icon\\\" \| \\\"qrcode-icon\\\" \| \\\"question-mark-circle-icon\\\" \| \\\"quick-send-arrow-icon\\\" \| \\\"receipt-refund-icon\\\" \| \\\"receipt-tax-icon\\\" \| \\\"recipient-details-card-icon\\\" \| \\\"recipient-details-icon\\\" \| \\\"recipient-link-broken-icon\\\" \| \\\"recipient-link-icon\\\" \| \\\"recipient-links-icon\\\" \| \\\"redo-icon\\\" \| \\\"refresh-icon\\\" \| \\\"reply-icon\\\" \| \\\"required-icon\\\" \| \\\"revert-icon\\\" \| \\\"rewind-icon\\\" \| \\\"rocket-icon\\\" \| \\\"rotate-left-icon\\\" \| \\\"rotate-right-icon\\\" \| \\\"rss-icon\\\" \| \\\"save-as-icon\\\" \| \\\"save-icon\\\" \| \\\"scale-icon\\\" \| \\\"scheduled-icon\\\" \| \\\"scissors-icon\\\" \| \\\"search-circle-icon\\\" \| \\\"search-icon\\\" \| \\\"selector-icon\\\" \| \\\"send-arrow-icon\\\" \| \\\"sent-progress-icon\\\" \| \\\"server-icon\\\" \| \\\"share-icon\\\" \| \\\"shield-check-icon\\\" \| \\\"shield-exclamation-icon\\\" \| \\\"shopping-bag-icon\\\" \| \\\"shopping-cart-icon\\\" \| \\\"side-panel-close-left-icon\\\" \| \\\"side-panel-close-right-icon\\\" \| \\\"side-panel-closed-icon\\\" \| \\\"side-panel-open-icon\\\" \| \\\"side-panel-open-left-icon\\\" \| \\\"side-panel-open-right-icon\\\" \| \\\"signature-icon\\\" \| \\\"signature-select-icon\\\" \| \\\"signature-selected-icon\\\" \| \\\"sort-alphabetically-a-z-alt-icon\\\" \| \\\"sort-alphabetically-a-z-icon\\\" \| \\\"sort-alphabetically-z-a-alt-icon\\\" \| \\\"sort-alphabetically-z-a-icon\\\" \| \\\"sort-ascending-icon\\\" \| \\\"sort-descending-icon\\\" \| \\\"sparkles-icon\\\" \| \\\"speakerphone-icon\\\" \| \\\"star-icon\\\" \| \\\"status-offline-icon\\\" \| \\\"status-online-icon\\\" \| \\\"stop-icon\\\" \| \\\"sun-icon\\\" \| \\\"support-icon\\\" \| \\\"switch-horizontal-icon\\\" \| \\\"switch-vertical-icon\\\" \| \\\"table-columns-icon\\\" \| \\\"table-icon\\\" \| \\\"table-quick-edit-icon\\\" \| \\\"table-rows-icon\\\" \| \\\"table-split-icon\\\" \| \\\"tag-icon\\\" \| \\\"target-icon\\\" \| \\\"template-icon\\\" \| \\\"template-not-sent-icon\\\" \| \\\"template-sent-icon\\\" \| \\\"terminal-icon\\\" \| \\\"text-alignment-icon\\\" \| \\\"text-icon\\\" \| \\\"text-size-icon\\\" \| \\\"thumb-down-icon\\\" \| \\\"thumb-up-icon\\\" \| \\\"ticket-icon\\\" \| \\\"time-sort-ascending-icon\\\" \| \\\"time-sort-descending-icon\\\" \| \\\"translate-icon\\\" \| \\\"trash-icon\\\" \| \\\"trending-down-icon\\\" \| \\\"trending-up-icon\\\" \| \\\"truck-icon\\\" \| \\\"typeface-icon\\\" \| \\\"typing-input-icon\\\" \| \\\"undo-icon\\\" \| \\\"upload-icon\\\" \| \\\"user-add-icon\\\" \| \\\"user-assign-icon\\\" \| \\\"user-circle-icon\\\" \| \\\"user-group-icon\\\" \| \\\"user-icon\\\" \| \\\"user-remove-icon\\\" \| \\\"user-switch-icon\\\" \| \\\"users-icon\\\" \| \\\"variable-icon\\\" \| \\\"variant-icon\\\" \| \\\"video-camera-icon\\\" \| \\\"view-boards-icon\\\" \| \\\"view-grid-add-icon\\\" \| \\\"view-grid-icon\\\" \| \\\"view-list-icon\\\" \| \\\"volume-off-icon\\\" \| \\\"volume-up-icon\\\" \| \\\"wifi-icon\\\" \| \\\"witness-arrow-icon\\\" \| \\\"x-circle-icon\\\" \| \\\"x-icon\\\" \| \\\"x-letter-icon\\\" \| \\\"y-icon\\\" \| \\\"zoom-in-icon\\\" \| \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"button-icon\"\n },\n \"fieldIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" \| \\\"accessibility-icon\\\" \| \\\"add-column-left-icon\\\" \| \\\"add-column-right-icon\\\" \| \\\"add-more-list-icon\\\" \| \\\"adjustments-icon\\\" \| \\\"annotation-icon\\\" \| \\\"apply-all-rows-icon\\\" \| \\\"archive-icon\\\" \| \\\"arrow-circle-down-icon\\\" \| \\\"arrow-circle-left-icon\\\" \| \\\"arrow-circle-right-icon\\\" \| \\\"arrow-circle-up-icon\\\" \| \\\"arrow-down-icon\\\" \| \\\"arrow-left-icon\\\" \| \\\"arrow-narrow-down-icon\\\" \| \\\"arrow-narrow-left-icon\\\" \| \\\"arrow-narrow-right-icon\\\" \| \\\"arrow-narrow-up-icon\\\" \| \\\"arrow-right-icon\\\" \| \\\"arrow-sm-down-icon\\\" \| \\\"arrow-sm-left-icon\\\" \| \\\"arrow-sm-right-icon\\\" \| \\\"arrow-sm-up-icon\\\" \| \\\"arrow-up-icon\\\" \| \\\"arrow-up-link-out-icon\\\" \| \\\"arrows-expand-icon\\\" \| \\\"arrows-minimise-icon\\\" \| \\\"at-symbol-icon\\\" \| \\\"auto-date-icon\\\" \| \\\"auto-sign-icon\\\" \| \\\"backspace-icon\\\" \| \\\"badge-check-icon\\\" \| \\\"ban-icon\\\" \| \\\"base-circle-icon\\\" \| \\\"batch-send-arrow-icon\\\" \| \\\"beaker-icon\\\" \| \\\"bell-icon\\\" \| \\\"book-open-icon\\\" \| \\\"bookmark-alt-icon\\\" \| \\\"bookmark-icon\\\" \| \\\"box-crossed-icon\\\" \| \\\"box-empty-icon\\\" \| \\\"box-ticked-icon\\\" \| \\\"branch-icon\\\" \| \\\"briefcase-icon\\\" \| \\\"bulk-send-arrow-icon\\\" \| \\\"bulk-send-icon\\\" \| \\\"cake-icon\\\" \| \\\"calculator-icon\\\" \| \\\"calender-icon\\\" \| \\\"camera-icon\\\" \| \\\"cash-icon\\\" \| \\\"chart-bar-icon\\\" \| \\\"chart-pie-icon\\\" \| \\\"chart-square-bar-icon\\\" \| \\\"chat-alt-2-icon\\\" \| \\\"chat-alt-icon\\\" \| \\\"chat-icon\\\" \| \\\"check-circle-icon\\\" \| \\\"check-icon\\\" \| \\\"chevron-double-down-icon\\\" \| \\\"chevron-double-left-icon\\\" \| \\\"chevron-double-right-icon\\\" \| \\\"chevron-double-up-icon\\\" \| \\\"chevron-down-icon\\\" \| \\\"chevron-left-icon\\\" \| \\\"chevron-right-icon\\\" \| \\\"chevron-up-icon\\\" \| \\\"chip-icon\\\" \| \\\"circle-filled-half-icon\\\" \| \\\"circle-filled-quarter-icon\\\" \| \\\"circle-filled-three-quarter-icon\\\" \| \\\"circle-half-icon\\\" \| \\\"circle-quarter-icon\\\" \| \\\"circle-three-quarter-icon\\\" \| \\\"clipboard-check-icon\\\" \| \\\"clipboard-copy-icon\\\" \| \\\"clipboard-icon\\\" \| \\\"clipboard-list-icon\\\" \| \\\"clock-icon\\\" \| \\\"cloud-download-icon\\\" \| \\\"cloud-icon\\\" \| \\\"cloud-upload-icon\\\" \| \\\"code-icon\\\" \| \\\"cog-icon\\\" \| \\\"collapse-icon\\\" \| \\\"collection-icon\\\" \| \\\"color-swatch-icon\\\" \| \\\"contacts-icon\\\" \| \\\"credit-card-icon\\\" \| \\\"cube-icon\\\" \| \\\"cube-transparent-icon\\\" \| \\\"currency-bangladeshi-icon\\\" \| \\\"currency-dollar-icon\\\" \| \\\"currency-euro-icon\\\" \| \\\"currency-pound-icon\\\" \| \\\"currency-rupee-icon\\\" \| \\\"currency-yen-icon\\\" \| \\\"cursor-click-icon\\\" \| \\\"database-icon\\\" \| \\\"date-sent-sort-ascending-icon\\\" \| \\\"date-sent-sort-descending-icon\\\" \| \\\"date-sort-ascending-icon\\\" \| \\\"date-sort-descending-icon\\\" \| \\\"designation-icon\\\" \| \\\"desktop-computer-icon\\\" \| \\\"device-lock-icon\\\" \| \\\"device-mobile-icon\\\" \| \\\"device-tablet-icon\\\" \| \\\"document-add-icon\\\" \| \\\"document-combine-icon\\\" \| \\\"document-download-icon\\\" \| \\\"document-duplicate-icon\\\" \| \\\"document-icon\\\" \| \\\"document-import-fields-icon\\\" \| \\\"document-info-icon\\\" \| \\\"document-merge-alt2-icon\\\" \| \\\"document-remove-icon\\\" \| \\\"document-replace-icon\\\" \| \\\"document-report-icon\\\" \| \\\"document-search-icon\\\" \| \\\"document-text-icon\\\" \| \\\"document-viewed-icon\\\" \| \\\"dots-circle-horizontal-icon\\\" \| \\\"dots-horizontal-icon\\\" \| \\\"dots-vertical-icon\\\" \| \\\"download-icon\\\" \| \\\"drag-horizontal-icon\\\" \| \\\"drag-vertical-icon\\\" \| \\\"dropdown-icon\\\" \| \\\"duplicate-icon\\\" \| \\\"emoji-happy-icon\\\" \| \\\"emoji-sad-icon\\\" \| \\\"exclamation-circle-icon\\\" \| \\\"exclamation-icon\\\" \| \\\"expand-icon\\\" \| \\\"external-link-icon\\\" \| \\\"eye-icon\\\" \| \\\"eye-off-icon\\\" \| \\\"fast-forward-icon\\\" \| \\\"field-alignment-bottom-icon\\\" \| \\\"field-alignment-centre-icon\\\" \| \\\"field-alignment-left-icon\\\" \| \\\"field-alignment-middle-icon\\\" \| \\\"field-alignment-right-icon\\\" \| \\\"field-alignment-top-icon\\\" \| \\\"field-distribute-horizontally-icon\\\" \| \\\"field-distribute-vertically-icon\\\" \| \\\"field-duplicate-icon\\\" \| \\\"field-match-height-icon\\\" \| \\\"field-match-width-icon\\\" \| \\\"field-order-icon\\\" \| \\\"field-placement-icon\\\" \| \\\"field-scale-icon\\\" \| \\\"field-scaling-off-icon\\\" \| \\\"field-selected-icon\\\" \| \\\"field-special-icon\\\" \| \\\"film-icon\\\" \| \\\"filter-icon\\\" \| \\\"finger-print-icon\\\" \| \\\"fire-icon\\\" \| \\\"fit-height-icon\\\" \| \\\"fit-width-icon\\\" \| \\\"flag-icon\\\" \| \\\"folder-add-icon\\\" \| \\\"folder-download-icon\\\" \| \\\"folder-icon\\\" \| \\\"folder-open-icon\\\" \| \\\"folder-remove-icon\\\" \| \\\"gift-icon\\\" \| \\\"globe-alt-icon\\\" \| \\\"globe-icon\\\" \| \\\"grid-icon\\\" \| \\\"guides-icon\\\" \| \\\"hand-icon\\\" \| \\\"hashtag-icon\\\" \| \\\"heart-icon\\\" \| \\\"home-icon\\\" \| \\\"identification-icon\\\" \| \\\"inbox-icon\\\" \| \\\"inbox-in-icon\\\" \| \\\"information-circle-icon\\\" \| \\\"initials-icon\\\" \| \\\"key-icon\\\" \| \\\"keyboard-icon\\\" \| \\\"library-icon\\\" \| \\\"light-bulb-icon\\\" \| \\\"lightning-bolt-icon\\\" \| \\\"link-broken-icon\\\" \| \\\"link-icon\\\" \| \\\"link-value-icon\\\" \| \\\"linked-document-icon\\\" \| \\\"linked-icon\\\" \| \\\"list-order-icon\\\" \| \\\"location-marker-icon\\\" \| \\\"lock-closed-icon\\\" \| \\\"lock-open-icon\\\" \| \\\"login-icon\\\" \| \\\"logo-icon\\\" \| \\\"logout-icon\\\" \| \\\"mail-icon\\\" \| \\\"mail-open-icon\\\" \| \\\"map-icon\\\" \| \\\"menu-alt-1-icon\\\" \| \\\"menu-alt-2-icon\\\" \| \\\"menu-alt-3-icon\\\" \| \\\"menu-alt-4-icon\\\" \| \\\"menu-alt-5-icon\\\" \| \\\"menu-icon\\\" \| \\\"microphone-icon\\\" \| \\\"minus-circle-icon\\\" \| \\\"minus-icon\\\" \| \\\"minus-sm-icon\\\" \| \\\"moon-icon\\\" \| \\\"move-horizontal-icon\\\" \| \\\"move-vertical-icon\\\" \| \\\"music-note-icon\\\" \| \\\"newspaper-icon\\\" \| \\\"office-building-icon\\\" \| \\\"page-insert-horizontal-icon\\\" \| \\\"page-insert-vertical-icon\\\" \| \\\"page-layout-icon\\\" \| \\\"pagescroll-preview-icon\\\" \| \\\"paper-airplane-icon\\\" \| \\\"paper-clip-icon\\\" \| \\\"pause-icon\\\" \| \\\"pencil-alt-icon\\\" \| \\\"pencil-icon\\\" \| \\\"phone-icon\\\" \| \\\"phone-incoming-icon\\\" \| \\\"phone-missed-call-icon\\\" \| \\\"phone-outgoing-icon\\\" \| \\\"photograph-icon\\\" \| \\\"pin-icon\\\" \| \\\"play-icon\\\" \| \\\"plus-circle-icon\\\" \| \\\"plus-icon\\\" \| \\\"plus-sm-icon\\\" \| \\\"pre-filled-content-icon\\\" \| \\\"presentation-chart-bar-icon\\\" \| \\\"presentation-chart-line-icon\\\" \| \\\"printer-icon\\\" \| \\\"puzzle-icon\\\" \| \\\"qrcode-icon\\\" \| \\\"question-mark-circle-icon\\\" \| \\\"quick-send-arrow-icon\\\" \| \\\"receipt-refund-icon\\\" \| \\\"receipt-tax-icon\\\" \| \\\"recipient-details-card-icon\\\" \| \\\"recipient-details-icon\\\" \| \\\"recipient-link-broken-icon\\\" \| \\\"recipient-link-icon\\\" \| \\\"recipient-links-icon\\\" \| \\\"redo-icon\\\" \| \\\"refresh-icon\\\" \| \\\"reply-icon\\\" \| \\\"required-icon\\\" \| \\\"revert-icon\\\" \| \\\"rewind-icon\\\" \| \\\"rocket-icon\\\" \| \\\"rotate-left-icon\\\" \| \\\"rotate-right-icon\\\" \| \\\"rss-icon\\\" \| \\\"save-as-icon\\\" \| \\\"save-icon\\\" \| \\\"scale-icon\\\" \| \\\"scheduled-icon\\\" \| \\\"scissors-icon\\\" \| \\\"search-circle-icon\\\" \| \\\"search-icon\\\" \| \\\"selector-icon\\\" \| \\\"send-arrow-icon\\\" \| \\\"sent-progress-icon\\\" \| \\\"server-icon\\\" \| \\\"share-icon\\\" \| \\\"shield-check-icon\\\" \| \\\"shield-exclamation-icon\\\" \| \\\"shopping-bag-icon\\\" \| \\\"shopping-cart-icon\\\" \| \\\"side-panel-close-left-icon\\\" \| \\\"side-panel-close-right-icon\\\" \| \\\"side-panel-closed-icon\\\" \| \\\"side-panel-open-icon\\\" \| \\\"side-panel-open-left-icon\\\" \| \\\"side-panel-open-right-icon\\\" \| \\\"signature-icon\\\" \| \\\"signature-select-icon\\\" \| \\\"signature-selected-icon\\\" \| \\\"sort-alphabetically-a-z-alt-icon\\\" \| \\\"sort-alphabetically-a-z-icon\\\" \| \\\"sort-alphabetically-z-a-alt-icon\\\" \| \\\"sort-alphabetically-z-a-icon\\\" \| \\\"sort-ascending-icon\\\" \| \\\"sort-descending-icon\\\" \| \\\"sparkles-icon\\\" \| \\\"speakerphone-icon\\\" \| \\\"star-icon\\\" \| \\\"status-offline-icon\\\" \| \\\"status-online-icon\\\" \| \\\"stop-icon\\\" \| \\\"sun-icon\\\" \| \\\"support-icon\\\" \| \\\"switch-horizontal-icon\\\" \| \\\"switch-vertical-icon\\\" \| \\\"table-columns-icon\\\" \| \\\"table-icon\\\" \| \\\"table-quick-edit-icon\\\" \| \\\"table-rows-icon\\\" \| \\\"table-split-icon\\\" \| \\\"tag-icon\\\" \| \\\"target-icon\\\" \| \\\"template-icon\\\" \| \\\"template-not-sent-icon\\\" \| \\\"template-sent-icon\\\" \| \\\"terminal-icon\\\" \| \\\"text-alignment-icon\\\" \| \\\"text-icon\\\" \| \\\"text-size-icon\\\" \| \\\"thumb-down-icon\\\" \| \\\"thumb-up-icon\\\" \| \\\"ticket-icon\\\" \| \\\"time-sort-ascending-icon\\\" \| \\\"time-sort-descending-icon\\\" \| \\\"translate-icon\\\" \| \\\"trash-icon\\\" \| \\\"trending-down-icon\\\" \| \\\"trending-up-icon\\\" \| \\\"truck-icon\\\" \| \\\"typeface-icon\\\" \| \\\"typing-input-icon\\\" \| \\\"undo-icon\\\" \| \\\"upload-icon\\\" \| \\\"user-add-icon\\\" \| \\\"user-assign-icon\\\" \| \\\"user-circle-icon\\\" \| \\\"user-group-icon\\\" \| \\\"user-icon\\\" \| \\\"user-remove-icon\\\" \| \\\"user-switch-icon\\\" \| \\\"users-icon\\\" \| \\\"variable-icon\\\" \| \\\"variant-icon\\\" \| \\\"video-camera-icon\\\" \| \\\"view-boards-icon\\\" \| \\\"view-grid-add-icon\\\" \| \\\"view-grid-icon\\\" \| \\\"view-list-icon\\\" \| \\\"volume-off-icon\\\" \| \\\"volume-up-icon\\\" \| \\\"wifi-icon\\\" \| \\\"witness-arrow-icon\\\" \| \\\"x-circle-icon\\\" \| \\\"x-icon\\\" \| \\\"x-letter-icon\\\" \| \\\"y-icon\\\" \| \\\"zoom-in-icon\\\" \| \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"field-icon\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"textareaChange\",\n \"name\": \"textareaChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"{ value: string }\",\n \"resolved\": \"{ value: string; }\",\n \"references\": {}\n }\n }];\n }\n}\n"],"version":3}

package/dist/components/{p-Dz16EnCS.js → p-Dw_QK-he.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-DffaAVW4.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$3 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$2 } from './p-C8NcdVVP.js';
-import { d as defineCustomElement$1 } from './p-wwN19gwm.js';
+import { d as defineCustomElement$3 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$2 } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$1 } from './p-DKo99Z43.js';
 const lsAddNewButtonCss = () => `
 .button {
@@ -71,12 +71,14 @@ const lsAddNewButtonCss = () => `
 .button:not(:disabled):not(.destructive) {
   .icon {
-    color: var(--gray-100);
+    color: var(--gray-80);
   }
 }
-.button.destructive.icon:not(:disabled) {
-  color: var(--red-60);
+.button.destructive:not(:disabled) {
+  .icon {
+    color: var(--red-60);
+  }
 }`;
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -150,6 +152,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsAddNewButton as L, defineCustomElement as d };
-//# sourceMappingURL=p-Dz16EnCS.js.map
+//# sourceMappingURL=p-Dw_QK-he.js.map
-//# sourceMappingURL=p-Dz16EnCS.js.map
+//# sourceMappingURL=p-Dw_QK-he.js.map

package/dist/components/p-Dw_QK-he.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-Dw_QK-he.js","mappings":"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","names":["this","__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-add-new-button/ls-add-new-button.css?tag=ls-add-new-button&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-add-new-button/ls-add-new-button.js"],"sourcesContent":["\n.button {\n position: relative;\n display: flex;\n justify-content: center;\n width: 100%;\n align-items: center;\n gap: 0.5rem;\n text-transform: capitalize;\n transition: all 0.3s;\n padding: 0.5rem 0.375rem;\n border-radius: 0.5rem;\n text-decoration-line: none;\n background-color: var(--white);\n}\n\n.button.destructive {\n border: 2px dashed var(--red-20);\n color: var(--red-60);\n}\n\n.button:not(.destructive) {\n border: 2px dashed var(--gray-20);\n color: var(--gray-80);\n}\n\n.button:hover {\n\n cursor: pointer;\n}\n\n.button.destructive:hover:not(:disabled) {\n background-color: var(--red-10);\n color: var(--red-80);\n\n .icon {\n color: var(--red-80)\n }\n}\n\n\n.button:hover:not(:disabled):not(.destructive) {\n color: var(--primary-50);\n background-color: var(--primary-10);\n border-color: var(--primary-20);\n\n .icon {\n color: var(--primary-50);\n }\n}\n\n\n.button:focus {\n box-shadow: var(--focus-box-shadow);\n outline-offset: var(--focus-outline-offset);\n outline: none;\n}\n\n.button:disabled {\n background-color: var(--gray-10);\n color: var(--gray-50);\n border-color: var(--gray-20);\n cursor: not-allowed;\n}\n\n.button:not(:disabled):not(.destructive) {\n .icon {\n color: var(--gray-80);\n }\n}\n\n.button.destructive:not(:disabled) {\n .icon {\n color: var(--red-60);\n }\n}","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { h } from \"@stencil/core\";\nimport { clsx } from \"clsx\";\nexport class LsAddNewButton {\n constructor() {\n this.text = '';\n this.loading = false;\n this.disabled = false;\n this.destructive = false;\n }\n render() {\n const _a = this, { text, icon, loading, disabled, destructive, customStyle } = _a, rest = __rest(_a, [\"text\", \"icon\", \"loading\", \"disabled\", \"destructive\", \"customStyle\"]);\n const buttonClass = clsx('button', disabled && 'disabled', destructive && 'destructive');\n return (h(\"host\", { key: '2a7c7aac19eaf12a3a6f086c98742f9b8060d38e' }, h(\"button\", Object.assign({ key: 'bc2b817560e0b0c299a72bf22ef6b07e10da94e2', type: 'button', disabled: disabled || loading, class: buttonClass, style: customStyle }, rest), icon && !loading && (h(\"ls-icon\", { key: 'b680fed0f0622a91d894aaea7871bff8911655a1', name: icon, solid: false, size: 20, class: 'icon' })), loading && (h(\"div\", { key: '05fecd907228278d9f1fbc2f5dc3c56c204e0afc' }, h(\"ls-loading\", { key: 'aa871b1ed5becd6fb1e4eedd335647951f4dcbab', iconSize: 20 }))), text && !loading && h(\"span\", { key: 'ff60357b611378d8481c7f76de4013b999658b7a', class: 'text' }, text), loading && h(\"span\", { key: '554b44264128c84f94649efe888a3769d3f977dd', class: 'text' }, \"loading...\"))));\n }\n static get is() { return \"ls-add-new-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-add-new-button.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-add-new-button.css\"]\n };\n }\n static get properties() {\n return {\n \"text\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"text\",\n \"defaultValue\": \"''\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Icon\",\n \"resolved\": \"\\\"academic-cap-icon\\\" | \\\"accessibility-icon\\\" | \\\"add-column-left-icon\\\" | \\\"add-column-right-icon\\\" | \\\"add-more-list-icon\\\" | \\\"adjustments-icon\\\" | \\\"annotation-icon\\\" | \\\"apply-all-rows-icon\\\" | \\\"archive-icon\\\" | \\\"arrow-circle-down-icon\\\" | \\\"arrow-circle-left-icon\\\" | \\\"arrow-circle-right-icon\\\" | \\\"arrow-circle-up-icon\\\" | \\\"arrow-down-icon\\\" | \\\"arrow-left-icon\\\" | \\\"arrow-narrow-down-icon\\\" | \\\"arrow-narrow-left-icon\\\" | \\\"arrow-narrow-right-icon\\\" | \\\"arrow-narrow-up-icon\\\" | \\\"arrow-right-icon\\\" | \\\"arrow-sm-down-icon\\\" | \\\"arrow-sm-left-icon\\\" | \\\"arrow-sm-right-icon\\\" | \\\"arrow-sm-up-icon\\\" | \\\"arrow-up-icon\\\" | \\\"arrow-up-link-out-icon\\\" | \\\"arrows-expand-icon\\\" | \\\"arrows-minimise-icon\\\" | \\\"at-symbol-icon\\\" | \\\"auto-date-icon\\\" | \\\"auto-sign-icon\\\" | \\\"backspace-icon\\\" | \\\"badge-check-icon\\\" | \\\"ban-icon\\\" | \\\"base-circle-icon\\\" | \\\"batch-send-arrow-icon\\\" | \\\"beaker-icon\\\" | \\\"bell-icon\\\" | \\\"book-open-icon\\\" | \\\"bookmark-alt-icon\\\" | \\\"bookmark-icon\\\" | \\\"box-crossed-icon\\\" | \\\"box-empty-icon\\\" | \\\"box-ticked-icon\\\" | \\\"branch-icon\\\" | \\\"briefcase-icon\\\" | \\\"bulk-send-arrow-icon\\\" | \\\"bulk-send-icon\\\" | \\\"cake-icon\\\" | \\\"calculator-icon\\\" | \\\"calender-icon\\\" | \\\"camera-icon\\\" | \\\"cash-icon\\\" | \\\"chart-bar-icon\\\" | \\\"chart-pie-icon\\\" | \\\"chart-square-bar-icon\\\" | \\\"chat-alt-2-icon\\\" | \\\"chat-alt-icon\\\" | \\\"chat-icon\\\" | \\\"check-circle-icon\\\" | \\\"check-icon\\\" | \\\"chevron-double-down-icon\\\" | \\\"chevron-double-left-icon\\\" | \\\"chevron-double-right-icon\\\" | \\\"chevron-double-up-icon\\\" | \\\"chevron-down-icon\\\" | \\\"chevron-left-icon\\\" | \\\"chevron-right-icon\\\" | \\\"chevron-up-icon\\\" | \\\"chip-icon\\\" | \\\"circle-filled-half-icon\\\" | \\\"circle-filled-quarter-icon\\\" | \\\"circle-filled-three-quarter-icon\\\" | \\\"circle-half-icon\\\" | \\\"circle-quarter-icon\\\" | \\\"circle-three-quarter-icon\\\" | \\\"clipboard-check-icon\\\" | \\\"clipboard-copy-icon\\\" | \\\"clipboard-icon\\\" | \\\"clipboard-list-icon\\\" | \\\"clock-icon\\\" | \\\"cloud-download-icon\\\" | \\\"cloud-icon\\\" | \\\"cloud-upload-icon\\\" | \\\"code-icon\\\" | \\\"cog-icon\\\" | \\\"collapse-icon\\\" | \\\"collection-icon\\\" | \\\"color-swatch-icon\\\" | \\\"contacts-icon\\\" | \\\"credit-card-icon\\\" | \\\"cube-icon\\\" | \\\"cube-transparent-icon\\\" | \\\"currency-bangladeshi-icon\\\" | \\\"currency-dollar-icon\\\" | \\\"currency-euro-icon\\\" | \\\"currency-pound-icon\\\" | \\\"currency-rupee-icon\\\" | \\\"currency-yen-icon\\\" | \\\"cursor-click-icon\\\" | \\\"database-icon\\\" | \\\"date-sent-sort-ascending-icon\\\" | \\\"date-sent-sort-descending-icon\\\" | \\\"date-sort-ascending-icon\\\" | \\\"date-sort-descending-icon\\\" | \\\"designation-icon\\\" | \\\"desktop-computer-icon\\\" | \\\"device-lock-icon\\\" | \\\"device-mobile-icon\\\" | \\\"device-tablet-icon\\\" | \\\"document-add-icon\\\" | \\\"document-combine-icon\\\" | \\\"document-download-icon\\\" | \\\"document-duplicate-icon\\\" | \\\"document-icon\\\" | \\\"document-import-fields-icon\\\" | \\\"document-info-icon\\\" | \\\"document-merge-alt2-icon\\\" | \\\"document-remove-icon\\\" | \\\"document-replace-icon\\\" | \\\"document-report-icon\\\" | \\\"document-search-icon\\\" | \\\"document-text-icon\\\" | \\\"document-viewed-icon\\\" | \\\"dots-circle-horizontal-icon\\\" | \\\"dots-horizontal-icon\\\" | \\\"dots-vertical-icon\\\" | \\\"download-icon\\\" | \\\"drag-horizontal-icon\\\" | \\\"drag-vertical-icon\\\" | \\\"dropdown-icon\\\" | \\\"duplicate-icon\\\" | \\\"emoji-happy-icon\\\" | \\\"emoji-sad-icon\\\" | \\\"exclamation-circle-icon\\\" | \\\"exclamation-icon\\\" | \\\"expand-icon\\\" | \\\"external-link-icon\\\" | \\\"eye-icon\\\" | \\\"eye-off-icon\\\" | \\\"fast-forward-icon\\\" | \\\"field-alignment-bottom-icon\\\" | \\\"field-alignment-centre-icon\\\" | \\\"field-alignment-left-icon\\\" | \\\"field-alignment-middle-icon\\\" | \\\"field-alignment-right-icon\\\" | \\\"field-alignment-top-icon\\\" | \\\"field-distribute-horizontally-icon\\\" | \\\"field-distribute-vertically-icon\\\" | \\\"field-duplicate-icon\\\" | \\\"field-match-height-icon\\\" | \\\"field-match-width-icon\\\" | \\\"field-order-icon\\\" | \\\"field-placement-icon\\\" | \\\"field-scale-icon\\\" | \\\"field-scaling-off-icon\\\" | \\\"field-selected-icon\\\" | \\\"field-special-icon\\\" | \\\"film-icon\\\" | \\\"filter-icon\\\" | \\\"finger-print-icon\\\" | \\\"fire-icon\\\" | \\\"fit-height-icon\\\" | \\\"fit-width-icon\\\" | \\\"flag-icon\\\" | \\\"folder-add-icon\\\" | \\\"folder-download-icon\\\" | \\\"folder-icon\\\" | \\\"folder-open-icon\\\" | \\\"folder-remove-icon\\\" | \\\"gift-icon\\\" | \\\"globe-alt-icon\\\" | \\\"globe-icon\\\" | \\\"grid-icon\\\" | \\\"guides-icon\\\" | \\\"hand-icon\\\" | \\\"hashtag-icon\\\" | \\\"heart-icon\\\" | \\\"home-icon\\\" | \\\"identification-icon\\\" | \\\"inbox-icon\\\" | \\\"inbox-in-icon\\\" | \\\"information-circle-icon\\\" | \\\"initials-icon\\\" | \\\"key-icon\\\" | \\\"keyboard-icon\\\" | \\\"library-icon\\\" | \\\"light-bulb-icon\\\" | \\\"lightning-bolt-icon\\\" | \\\"link-broken-icon\\\" | \\\"link-icon\\\" | \\\"link-value-icon\\\" | \\\"linked-document-icon\\\" | \\\"linked-icon\\\" | \\\"list-order-icon\\\" | \\\"location-marker-icon\\\" | \\\"lock-closed-icon\\\" | \\\"lock-open-icon\\\" | \\\"login-icon\\\" | \\\"logo-icon\\\" | \\\"logout-icon\\\" | \\\"mail-icon\\\" | \\\"mail-open-icon\\\" | \\\"map-icon\\\" | \\\"menu-alt-1-icon\\\" | \\\"menu-alt-2-icon\\\" | \\\"menu-alt-3-icon\\\" | \\\"menu-alt-4-icon\\\" | \\\"menu-alt-5-icon\\\" | \\\"menu-icon\\\" | \\\"microphone-icon\\\" | \\\"minus-circle-icon\\\" | \\\"minus-icon\\\" | \\\"minus-sm-icon\\\" | \\\"moon-icon\\\" | \\\"move-horizontal-icon\\\" | \\\"move-vertical-icon\\\" | \\\"music-note-icon\\\" | \\\"newspaper-icon\\\" | \\\"office-building-icon\\\" | \\\"page-insert-horizontal-icon\\\" | \\\"page-insert-vertical-icon\\\" | \\\"page-layout-icon\\\" | \\\"pagescroll-preview-icon\\\" | \\\"paper-airplane-icon\\\" | \\\"paper-clip-icon\\\" | \\\"pause-icon\\\" | \\\"pencil-alt-icon\\\" | \\\"pencil-icon\\\" | \\\"phone-icon\\\" | \\\"phone-incoming-icon\\\" | \\\"phone-missed-call-icon\\\" | \\\"phone-outgoing-icon\\\" | \\\"photograph-icon\\\" | \\\"pin-icon\\\" | \\\"play-icon\\\" | \\\"plus-circle-icon\\\" | \\\"plus-icon\\\" | \\\"plus-sm-icon\\\" | \\\"pre-filled-content-icon\\\" | \\\"presentation-chart-bar-icon\\\" | \\\"presentation-chart-line-icon\\\" | \\\"printer-icon\\\" | \\\"puzzle-icon\\\" | \\\"qrcode-icon\\\" | \\\"question-mark-circle-icon\\\" | \\\"quick-send-arrow-icon\\\" | \\\"receipt-refund-icon\\\" | \\\"receipt-tax-icon\\\" | \\\"recipient-details-card-icon\\\" | \\\"recipient-details-icon\\\" | \\\"recipient-link-broken-icon\\\" | \\\"recipient-link-icon\\\" | \\\"recipient-links-icon\\\" | \\\"redo-icon\\\" | \\\"refresh-icon\\\" | \\\"reply-icon\\\" | \\\"required-icon\\\" | \\\"revert-icon\\\" | \\\"rewind-icon\\\" | \\\"rocket-icon\\\" | \\\"rotate-left-icon\\\" | \\\"rotate-right-icon\\\" | \\\"rss-icon\\\" | \\\"save-as-icon\\\" | \\\"save-icon\\\" | \\\"scale-icon\\\" | \\\"scheduled-icon\\\" | \\\"scissors-icon\\\" | \\\"search-circle-icon\\\" | \\\"search-icon\\\" | \\\"selector-icon\\\" | \\\"send-arrow-icon\\\" | \\\"sent-progress-icon\\\" | \\\"server-icon\\\" | \\\"share-icon\\\" | \\\"shield-check-icon\\\" | \\\"shield-exclamation-icon\\\" | \\\"shopping-bag-icon\\\" | \\\"shopping-cart-icon\\\" | \\\"side-panel-close-left-icon\\\" | \\\"side-panel-close-right-icon\\\" | \\\"side-panel-closed-icon\\\" | \\\"side-panel-open-icon\\\" | \\\"side-panel-open-left-icon\\\" | \\\"side-panel-open-right-icon\\\" | \\\"signature-icon\\\" | \\\"signature-select-icon\\\" | \\\"signature-selected-icon\\\" | \\\"sort-alphabetically-a-z-alt-icon\\\" | \\\"sort-alphabetically-a-z-icon\\\" | \\\"sort-alphabetically-z-a-alt-icon\\\" | \\\"sort-alphabetically-z-a-icon\\\" | \\\"sort-ascending-icon\\\" | \\\"sort-descending-icon\\\" | \\\"sparkles-icon\\\" | \\\"speakerphone-icon\\\" | \\\"star-icon\\\" | \\\"status-offline-icon\\\" | \\\"status-online-icon\\\" | \\\"stop-icon\\\" | \\\"sun-icon\\\" | \\\"support-icon\\\" | \\\"switch-horizontal-icon\\\" | \\\"switch-vertical-icon\\\" | \\\"table-columns-icon\\\" | \\\"table-icon\\\" | \\\"table-quick-edit-icon\\\" | \\\"table-rows-icon\\\" | \\\"table-split-icon\\\" | \\\"tag-icon\\\" | \\\"target-icon\\\" | \\\"template-icon\\\" | \\\"template-not-sent-icon\\\" | \\\"template-sent-icon\\\" | \\\"terminal-icon\\\" | \\\"text-alignment-icon\\\" | \\\"text-icon\\\" | \\\"text-size-icon\\\" | \\\"thumb-down-icon\\\" | \\\"thumb-up-icon\\\" | \\\"ticket-icon\\\" | \\\"time-sort-ascending-icon\\\" | \\\"time-sort-descending-icon\\\" | \\\"translate-icon\\\" | \\\"trash-icon\\\" | \\\"trending-down-icon\\\" | \\\"trending-up-icon\\\" | \\\"truck-icon\\\" | \\\"typeface-icon\\\" | \\\"typing-input-icon\\\" | \\\"undo-icon\\\" | \\\"upload-icon\\\" | \\\"user-add-icon\\\" | \\\"user-assign-icon\\\" | \\\"user-circle-icon\\\" | \\\"user-group-icon\\\" | \\\"user-icon\\\" | \\\"user-remove-icon\\\" | \\\"user-switch-icon\\\" | \\\"users-icon\\\" | \\\"variable-icon\\\" | \\\"variant-icon\\\" | \\\"video-camera-icon\\\" | \\\"view-boards-icon\\\" | \\\"view-grid-add-icon\\\" | \\\"view-grid-icon\\\" | \\\"view-list-icon\\\" | \\\"volume-off-icon\\\" | \\\"volume-up-icon\\\" | \\\"wifi-icon\\\" | \\\"witness-arrow-icon\\\" | \\\"x-circle-icon\\\" | \\\"x-icon\\\" | \\\"x-letter-icon\\\" | \\\"y-icon\\\" | \\\"zoom-in-icon\\\" | \\\"zoom-out-icon\\\"\",\n \"references\": {\n \"Icon\": {\n \"location\": \"import\",\n \"path\": \"../../types/Icon\",\n \"id\": \"src/types/Icon.ts::Icon\",\n \"referenceLocation\": \"Icon\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"icon\"\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"loading\",\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"disabled\",\n \"defaultValue\": \"false\"\n },\n \"destructive\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"destructive\",\n \"defaultValue\": \"false\"\n },\n \"customStyle\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"{ [key: string]: string }\",\n \"resolved\": \"{ [key: string]: string; }\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n },\n \"rest\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"JSXBase.ButtonHTMLAttributes<HTMLButtonElement>\",\n \"resolved\": \"ButtonHTMLAttributes<HTMLButtonElement>\",\n \"references\": {\n \"JSXBase\": {\n \"location\": \"import\",\n \"path\": \"@stencil/core/internal\",\n \"id\": \"../../node_modules/@stencil/core/internal/index.d.ts::JSXBase\",\n \"referenceLocation\": \"JSXBase\"\n },\n \"HTMLButtonElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLButtonElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/components/p-JclQnuaU.js ADDED Viewed

@@ -0,0 +1,108 @@
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as defaultRolePalette } from './p-BKrsDBDB.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$1 } from './p-BT5rCW3w.js';
+const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid-label-wrapper{display:flex;padding:0.25rem;border-radius:0.5rem;border:1px solid var(--gray-20, #edeff2);justify-content:center;align-items:center;border-radius:0.825rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;gap:0.25rem}.ls-dv-valid-label-wrapper:hover{background:var(--gray-10, #f7f8fa);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-valid-label-icon-only{display:flex;padding:0.25rem;justify-content:center;align-items:center;border-radius:0.625rem}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-valid.ls-dv-compose{border:1px solid var(--green-50, #57e5b1)}.ls-dv-valid.ls-dv-compose:hover{box-shadow:none}.ls-dv-invalid.ls-dv-default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-invalid.ls-dv-compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-field-counter-floating{position:absolute;top:-0.125rem;right:-0.125rem}.ls-dv-field-counter.ls-dv-compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-field-dropdown.ls-dv-field-dropdown-success{background:linear-gradient(var(--green-10, #effff9) 0%, rgb(255, 255, 255) 100%);width:fit-content;padding:2rem;align-items:center;justify-content:center}.ls-dv-field-dropdown.ls-dv-field-dropdown-success *{text-align:center;white-space:nowrap}.ls-dv-dropdown-success-icon-outer{display:flex;justify-content:center;align-items:center;border-radius:9999px;background:var(--green-20, #c5fde8);padding:0.5rem}.ls-dv-dropdown-success-icon-inner{display:flex;justify-content:center;align-items:center;border-radius:9999px;background:var(--green-40, #72f0c2);padding:0.75rem;color:var(--green-100, #125241)}.ls-dv-field-dropdown.ls-dv-compose{width:14rem;padding:0.75rem;gap:0.5rem}.ls-dv-field-dropdown.ls-dv-compose>*{width:100%}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out;cursor:pointer}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f7f8fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:"IBM Plex Sans Light", "IBM Plex Sans", sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
+const LsValidationTag = /*@__PURE__*/ proxyCustomElement(class LsValidationTag extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.changeSigner = createEvent(this, "changeSigner", 7);
+        this.selectFieldForPlacement = createEvent(this, "selectFieldForPlacement", 7);
+    }
+    status = 'Invalid';
+    validationErrors = [];
+    isExpanded = false;
+    type = 'default';
+    showDropDown = true;
+    changeSigner;
+    selectFieldForPlacement;
+    handleClickOutside = (event) => {
+        const path = event.composedPath();
+        if (path.includes(this.el))
+            return;
+        if (this.isExpanded) {
+            this.isExpanded = false;
+        }
+    };
+    el;
+    componentDidLoad() {
+        this.el = this.host || this.el || this.component;
+        document.addEventListener('mousedown', this.handleClickOutside);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('mousedown', this.handleClickOutside);
+    }
+    render() {
+        return (h(Host, { key: '25b27ab370bf4403ad50baa25ad74c07995c94b6', ref: el => (this.el = el) }, this.type === 'compose' ? (h("div", { class: `ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-dv-compose" }, this.validationErrors.length), this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required'), this.validationErrors.length > 0 && h("ls-icon", { name: "cursor-click-icon", solid: true, size: 16, customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && h("ls-icon", { name: "check-icon", solid: true, size: 16, customStyle: { marginRight: '-0.125rem' } }))) : (h("div", { class: `ls-dv-valid-label-wrapper`, onClick: () => (this.isExpanded = !this.isExpanded) }, h("div", { class: `ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}` }, h("ls-icon", { name: this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon', size: 20 })), this.validationErrors.length > 0 && h("div", { class: "ls-dv-field-counter ls-field-counter-floating ls-dv-default" }, this.validationErrors.length), this.validationErrors.length > 0 && this.showDropDown && (h("ls-icon", { name: this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon', customStyle: { color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' } })))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (h("div", { key: 'a29e0c5ed0df6a75ef531599f96af8ac12499a33', class: 'ls-dv-field-dropdown', style: { top: '3.5rem' } }, h("div", { key: 'aed00bfc8a5aeea6b86ecab23b4a4d5bacda3de2', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'ab6d2026ead1ba64a6d7b11865484d25e9d0d639' }, dvI18n.t('common.fieldsrequired')), h("p", { key: '5aa70f6d5d20f4a343130516d3dce39b28b4f835' }, this.validationErrors.length, ' ', this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures'))), this.validationErrors.map((field, idx) => {
+            const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
+            const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
+            return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
+                    '--field-background': pallette.s10,
+                    '--field-border-color': pallette.s10,
+                    '--field-background-hover': pallette.s20,
+                    '--field-text-color': pallette.s70,
+                    '--field-text-color-hover': pallette.s80,
+                    '--field-border-color-hover': pallette.s60,
+                }, onMouseDown: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (field?.role) {
+                        // For missing signature validation errors, default to signature field type
+                        const fieldType = field?.element?.formElementType || 'signature';
+                        this.selectFieldForPlacement.emit({
+                            signerIndex: field.role.signerIndex,
+                            fieldType: fieldType,
+                        });
+                        this.isExpanded = false;
+                    }
+                    else {
+                        console.log('Missing role data');
+                    }
+                } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
+        }))), this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (h("div", { key: '1ef77504a61f04e3ab6ba347327bcf032f6209f5', class: 'ls-dv-field-dropdown ls-dv-field-dropdown-success', style: { top: '3.5rem' } }, h("div", { key: 'c1ba0c7fbae76022f1d333664244e41b214cb8e9', class: "ls-dv-dropdown-success-icon-outer" }, h("div", { key: '373fbeff2747f277f634833a8e8c4bb96a542d5a', class: "ls-dv-dropdown-success-icon-inner" }, h("ls-icon", { key: '152d56557737970af5cb3295b942da3a7ba1171f', name: "check-icon", solid: true, size: 28 }))), h("div", { key: '50488ea808367ff690ccc6c644657d7331c0bcc1', class: 'ls-dv-dropdown-header' }, h("h2", { key: 'c21928e9bfef87b855e555585b922851803fd1c5' }, dvI18n.t('common.templatereadytosend')), h("p", { key: 'a85ddca4706f366f7ecddc3f8c0272916eb6683e' }, dvI18n.t('common.allfieldsplaced'))))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (h("div", { key: 'd9be4708c115dcf3a504c9743842076fd230b801', class: 'ls-dv-field-dropdown ls-dv-compose' }, h("div", { key: '843eaf5300d177ee24dc810cf1e9ada7f8f2d967', class: "ls-dv-validation-tag-header" }, h("p", { key: '0e9ceff764acefda2c5c4af8c248c00d1efbf671', class: "ls-dv-validation-tag-title" }, dvI18n.t('common.recipientsmissingsignature'))), this.validationErrors.map((field, idx) => {
+            const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
+            const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
+            return (h("div", { class: "ls-dv-validation-tag-row", key: idx, onClick: () => {
+                    this.changeSigner.emit(field?.role?.signerIndex);
+                    this.isExpanded = false;
+                } }, h("div", { class: "ls-dv-validation-tag-bar", style: { background: pallette.s60 } }), h("div", { class: "ls-dv-validation-tag-details" }, h("p", { class: "ls-dv-validation-tag-name" }, field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`), h("p", { class: "ls-dv-validation-tag-email" }, field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email))));
+        })))));
+    }
+    static get style() { return lsValidationTagCss(); }
+}, [769, "ls-validation-tag", {
+        "status": [1025],
+        "validationErrors": [1040],
+        "isExpanded": [1028, "is-expanded"],
+        "type": [1],
+        "showDropDown": [4, "show-drop-down"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-validation-tag", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-validation-tag":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsValidationTag);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { LsValidationTag as L, defineCustomElement as d };
+//# sourceMappingURL=p-JclQnuaU.js.map
+//# sourceMappingURL=p-JclQnuaU.js.map

package/dist/components/p-JclQnuaU.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-JclQnuaU.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,2pKAA2pK,CAAC;;MCUjrK,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;;;IACD,MAAM,GAAW,SAAS;IAC1B,gBAAgB,GAAsB,EAAE;IACxC,UAAU,GAAY,KAAK;IAC5C,IAAI,GAA0B,SAAS;IACvC,YAAY,GAAY,IAAI;AAE3B,IAAA,YAAY;AACZ,IAAA,uBAAuB;AAExB,IAAA,kBAAkB,GAAG,CAAC,KAAiB,KAAI;AACjD,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE;AACjC,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAAE;AAC5B,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;AAE3B,KAAC;AAEO,IAAA,EAAE;IAEV,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,EAAE,GAAI,IAAY,CAAC,IAAI,IAAK,IAAY,CAAC,EAAE,IAAK,IAAY,CAAC,SAAS;QAC3E,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC;;IAGjE,oBAAoB,GAAA;QAClB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC;;IAIpE,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,EAAE,GAAG,EAAiB,CAAC,EAAA,EAC3C,IAAI,CAAC,IAAI,KAAK,SAAS,IACtB,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,CAAmC,gCAAA,EAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,GAAG,aAAa,GAAG,eAAe,CAAE,CAAA,EAChH,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,OAAO,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAA,EAEpF,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mCAAmC,EAAE,EAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAO,EACvH,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC3F,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAA,EAAA,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAI,CAAA,EAC3I,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,YAAY,EAAC,KAAK,EAAA,IAAA,EAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,GAAI,CAC3H,KAEN,WAAK,KAAK,EAAE,CAAA,yBAAA,CAA2B,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,EAAA,EAC1F,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,0CAAA,EAA6C,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,GAAG,aAAa,GAAG,eAAe,CAAE,CAAA,EAAA,EAC7H,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,GAAG,qBAAqB,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE,EAAA,CAAI,CAChG,EACL,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,6DAA6D,EAAE,EAAA,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAO,EACjJ,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,KACpD,CAAS,CAAA,SAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,UAAU,GAAG,iBAAiB,GAAG,mBAAmB,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA,CACxJ,CACG,CACP,EACA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,KACpG,4DAAK,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EACjC,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAM,EAC5C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EACjC,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,qCAAqC,CAAC,CACnI,CACA,EACL,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;YACxC,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,GAAG,GAAG,IAAI;AACpF,YAAA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC;AAE/E,YAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE;oBACL,oBAAoB,EAAE,QAAQ,CAAC,GAAG;oBAClC,sBAAsB,EAAE,QAAQ,CAAC,GAAG;oBACpC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;oBACxC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;oBAClC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;oBACxC,4BAA4B,EAAE,QAAQ,CAAC,GAAG;AAC3C,iBAAA,EACD,WAAW,EAAE,CAAC,IAAG;oBACf,CAAC,CAAC,cAAc,EAAE;oBAClB,CAAC,CAAC,eAAe,EAAE;AACnB,oBAAA,IAAI,KAAK,EAAE,IAAI,EAAE;;wBAEf,MAAM,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,IAAI,WAAW;AAChE,wBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;AAChC,4BAAA,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW;AACnC,4BAAA,SAAS,EAAE,SAAS;AACrB,yBAAA,CAAC;AACF,wBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;yBAClB;AACL,wBAAA,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;;iBAEnC,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iCAAiC,EAAA,EAC3C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAI,CAAA,EAC/D,KAAK,EAAE,IAAI,KACV,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iCAAiC,EAAA,EAC3C,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CAAA,OAAA,EAAU,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,CAAE,CAAA,CAAK,EACrG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EACrF,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,CAAgB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAE,CAAA,CAAC,GAAG,CAAU,OAAA,EAAA,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,CAAC,CAAE,CAAA,CAC3H,CACF,CACP,EACA,KAAK,EAAE,OAAO,KACb,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAA,CAAA,EAAI,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,CAAE,CAAA,CAAK,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EACrF,KAAK,CAAC,WAAW,CACd,CACL,CACJ,CACG,CACF;SAET,CAAC,CACE,CACP,EACA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,KACpG,4DAAK,KAAK,EAAE,mDAAmD,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAA,EACvF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC5C,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,IAAA,EAAA,IAAI,EAAE,EAAE,EAAI,CAAA,CACzC,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EACjC,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAM,EACjD,CAAI,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAK,CACvC,CACF,CACP,EACA,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,KACpG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,oCAAoC,EAAA,EAC9C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACtC,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAK,CACrF,EACL,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;YACxC,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,GAAG,GAAG,IAAI;AACpF,YAAA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC;AAC/E,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,0BAA0B,EAChC,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAK;oBACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC;AAChD,oBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;iBACxB,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAQ,CAAA,EACjF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,2BAA2B,EACjC,EAAA,KAAK,EAAE,IAAI,EAAE,wBAAwB,GAAG,CAAa,UAAA,EAAA,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,CAAA,CAAE,GAAG,CAAA,EAAG,KAAK,EAAE,IAAI,EAAE,SAAS,CAAI,CAAA,EAAA,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAA,CAAE,CACzI,EACJ,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,4BAA4B,EAAA,EAAE,KAAK,EAAE,IAAI,EAAE,wBAAwB,GAAG,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,GAAG,KAAK,EAAE,IAAI,EAAE,KAAK,CAAK,CAC1I,CACF;AAEV,SAAC,CAAC,CACE,CACP,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n position: relative;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n}\n\n.ls-dv-valid-label {\n display: flex;\n padding: 0.125rem 0.5rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 1rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n}\n\n.ls-dv-valid-label-wrapper {\n display: flex;\n padding: 0.25rem;\n border-radius: 0.5rem;\n border: 1px solid $gray-20;\n justify-content: center;\n align-items: center;\n border-radius: 0.825rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n width: fit-content;\n gap: 0.25rem;\n\n &:hover {\n background: $gray-10;\n border: 1px solid $gray-30;\n }\n}\n\n.ls-dv-valid-label-icon-only {\n display: flex;\n padding: 0.25rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.625rem;\n}\n\n.ls-dv-valid {\n background-color: $green-30;\n color: $green-100;\n}\n\n.ls-dv-valid.ls-dv-compose {\n border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n background: $yellow-20;\n color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n border: 1px solid $red-40;\n background: $red-10;\n color: $red-80;\n}\n\n.ls-dv-field-counter {\n display: flex;\n padding: 0.125rem;\n justify-content: center;\n align-items: center;\n border-radius: 1rem;\n font-size: 0.625rem;\n line-height: 0.75rem;\n font-style: normal;\n font-weight: 500;\n color: $yellow-20;\n background: #e17100;\n min-width: 1rem;\n}\n\n.ls-field-counter-floating {\n position: absolute;\n top: -0.125rem;\n right: -0.125rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n color: $red-10;\n background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n position: absolute;\n top: 2rem;\n right: 0;\n background: white;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n width: 20rem;\n padding: 1rem;\n border-radius: 1rem;\n border: 1px solid #e5e7eb;\n background: #fff;\n box-shadow:\n 0 20px 25px -5px rgba(0, 0, 0, 0.1),\n 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n max-height: 20rem;\n overflow-y: auto;\n flex-direction: column;\n align-items: flex-start;\n z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-field-dropdown-success {\n background: linear-gradient($green-10 0%, rgba(255, 255, 255, 1) 100%);\n width: fit-content;\n padding: 2rem;\n align-items: center;\n justify-content: center;\n\n * {\n text-align: center;\n white-space: nowrap;\n }\n}\n\n.ls-dv-dropdown-success-icon-outer {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-20;\n padding: 0.5rem;\n}\n\n.ls-dv-dropdown-success-icon-inner {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 9999px;\n background: $green-40;\n padding: 0.75rem;\n color: $green-100;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n width: 14rem;\n padding: 0.75rem;\n gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n width: 100%;\n}\n.ls-dv-required-field {\n position: relative;\n display: flex;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.625rem;\n padding: 0.5rem 0.5rem 0.5rem 1rem;\n background: var(--field-background);\n color: var(--field-text-color);\n border: 1px solid var(--field-border-color);\n transition: all 0.1s ease-in-out;\n cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n background: var(--field-background-hover);\n color: var(--field-text-color-hover);\n border: 1px solid var(--field-border-color-hover);\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 0.875rem; /* 142.857% */\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-dot {\n height: 0.5rem;\n width: 0.5rem;\n border-radius: 50%;\n}\n\n.ls-dv-role-label {\n display: flex;\n padding: 0.125rem 0.1875rem;\n justify-content: center;\n align-items: center;\n border-radius: 0.25rem;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n color: $gray-100;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n padding-bottom: 0.5rem;\n border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n border-radius: 0.625rem;\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n width: 0.25rem;\n height: 2rem;\n border-radius: 9999px;\n flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n font-size: 0.875rem;\n color: #45484d;\n line-height: 1.5rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n font-size: 0.75rem;\n color: #5e6066;\n line-height: 1rem;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-validation-tag',\n styleUrl: 'ls-validation-tag.scss',\n shadow: true,\n})\nexport class LsValidationTag {\n @Prop({ mutable: true }) status: string = 'Invalid';\n @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n @Prop({ mutable: true }) isExpanded: boolean = false;\n @Prop() type: 'compose' | 'default' = 'default';\n @Prop() showDropDown: boolean = true;\n\n @Event() changeSigner: EventEmitter<number>;\n @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n if (path.includes(this.el)) return;\n if (this.isExpanded) {\n this.isExpanded = false;\n }\n };\n\n private el: HTMLElement;\n\n componentDidLoad() {\n this.el = (this as any).host || (this as any).el || (this as any).component;\n document.addEventListener('mousedown', this.handleClickOutside);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n\n render() {\n return (\n <Host ref={el => (this.el = el as HTMLElement)}>\n {this.type === 'compose' ? (\n <div\n class={`ls-dv-valid-label ls-dv-compose ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}\n onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n >\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-dv-compose\">{this.validationErrors.length}</div>}\n {this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')}\n {this.validationErrors.length > 0 && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n {this.validationErrors.length === 0 && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n </div>\n ) : (\n <div class={`ls-dv-valid-label-wrapper`} onClick={() => (this.isExpanded = !this.isExpanded)}>\n <div class={`ls-dv-valid-label-icon-only ls-dv-default ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'}`}>\n <ls-icon name={this.validationErrors.length > 0 ? 'clipboard-list-icon' : 'check-icon'} size={20} />\n </div>\n {this.validationErrors.length > 0 && <div class=\"ls-dv-field-counter ls-field-counter-floating ls-dv-default\">{this.validationErrors.length}</div>}\n {this.validationErrors.length > 0 && this.showDropDown && (\n <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} customStyle={{ color: 'var(--gray-70, #4B5563)', marginRight: '0.25rem' }} />\n )}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n <div class={'ls-dv-field-dropdown'} style={{ top: '3.5rem' }}>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n <p>\n {this.validationErrors.length}{' '}\n {this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n </p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n return (\n <div\n key={idx}\n class={'ls-dv-required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n onMouseDown={e => {\n e.preventDefault();\n e.stopPropagation();\n if (field?.role) {\n // For missing signature validation errors, default to signature field type\n const fieldType = field?.element?.formElementType || 'signature';\n this.selectFieldForPlacement.emit({\n signerIndex: field.role.signerIndex,\n fieldType: fieldType,\n });\n this.isExpanded = false;\n } else {\n console.log('Missing role data');\n }\n }}\n >\n <div class={'ls-dv-required-field-items-left'}>\n <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'ls-dv-required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n )}\n {this.isExpanded && this.validationErrors.length === 0 && this.type !== 'compose' && this.showDropDown && (\n <div class={'ls-dv-field-dropdown ls-dv-field-dropdown-success'} style={{ top: '3.5rem' }}>\n <div class=\"ls-dv-dropdown-success-icon-outer\">\n <div class=\"ls-dv-dropdown-success-icon-inner\">\n <ls-icon name=\"check-icon\" solid size={28} />\n </div>\n </div>\n <div class={'ls-dv-dropdown-header'}>\n <h2>{dvI18n.t('common.templatereadytosend')}</h2>\n <p>{dvI18n.t('common.allfieldsplaced')}</p>\n </div>\n </div>\n )}\n {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n <div class=\"ls-dv-validation-tag-header\">\n <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.recipientsmissingsignature')}</p>\n </div>\n {this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n return (\n <div\n class=\"ls-dv-validation-tag-row\"\n key={idx}\n onClick={() => {\n this.changeSigner.emit(field?.role?.signerIndex);\n this.isExpanded = false;\n }}\n >\n <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n <div class=\"ls-dv-validation-tag-details\">\n <p class=\"ls-dv-validation-tag-name\">\n {field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}\n </p>\n <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n </div>\n </div>\n );\n })}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BgjZLcgZ.js → p-LtApPKUM.js} RENAMED Viewed

@@ -1,12 +1,12 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$6 } from './p-D9Kd-4_M.js';
-import { d as defineCustomElement$5 } from './p-CSPLGKKp.js';
-import { d as defineCustomElement$4 } from './p-cJzdZ_Zw.js';
-import { d as defineCustomElement$3 } from './p-C8NcdVVP.js';
-import { d as defineCustomElement$2 } from './p-wwN19gwm.js';
-import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$6 } from './p-wijn7N4I.js';
+import { d as defineCustomElement$5 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$4 } from './p-CKZG8VvW.js';
+import { d as defineCustomElement$3 } from './p-CZF2_NGo.js';
+import { d as defineCustomElement$2 } from './p-DKo99Z43.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;cursor:pointer}.ls-dv-participant-card-active,.ls-dv-participant-card:hover{outline:2px solid var(--active-outline-colour);outline-offset:-2px}.ls-dv-top-card{border-radius:1rem 1rem 0 0}.ls-dv-full-card{border-radius:1rem}.ls-dv-bottom-card{border-radius:0 0 1rem 1rem}.ls-dv-participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-hidden{visibility:hidden;display:none}.ls-dv-form-button-set{display:flex;gap:0.5rem}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-role-label.ls-dv-fields{border-radius:1rem;margin-top:0.5rem}.ls-dv-inner-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.ls-dv-inner-button:hover{color:var(--hover-button-colour)}.ls-dv-inner-button-disabled{pointer-events:none;opacity:0.4}.ls-dv-participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-button-set{display:flex;gap:0.125rem}.ls-dv-participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.ls-dv-title-button{width:100%;text-align:left;background-color:transparent;border:none}.ls-dv-full-width{width:100%}p{color:var(--gray-80, #6f7176);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)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-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, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-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.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}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, #ffffff)}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].ls-dv-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].ls-dv-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].ls-dv-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}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.ls-dv-tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0e20c1)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background:transparent;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0);background-color:var(--red-10, #fff0f0)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-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, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
@@ -137,7 +137,7 @@ const LsParticipantCard = /*@__PURE__*/ proxyCustomElement(class LsParticipantCa
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness" }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('participants.deleteparticipant'), "data-tooltip-place": "top-end" }, h("ls-icon", { name: "trash-icon", size: 18 })))), this.editable ? (h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' }, h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, dvI18n.t('participants.approver')), h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, dvI18n.t('participants.signer'))))) : (h("ls-input-wrapper", { leadingIcon: "eye-icon" }, h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness", style: { wdith: '100%' } }))), h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: dvI18n.t('participants.placeholder'), defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editable = false;
             } }), this.signer?.roleType === 'SIGNER' && !child ? (h("ls-button", { variant: "tertiary", outline: true, size: "sm", fullWidth: true, text: dvI18n.t('participants.addwitness'), leadingIcon: "plus-icon", loading: this.busy || this.addingWitness, disabled: this.busy || this.addingWitness, onClick: () => {
@@ -232,6 +232,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsParticipantCard as L, defineCustomElement as d };
-//# sourceMappingURL=p-BgjZLcgZ.js.map
+//# sourceMappingURL=p-LtApPKUM.js.map
-//# sourceMappingURL=p-BgjZLcgZ.js.map
+//# sourceMappingURL=p-LtApPKUM.js.map