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-CmMYC0p8.js.map → p-CzuXVZQ1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CmMYC0p8.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;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;;;AAGA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;AAMA,CAAC;;MC7OY,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AACtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AACI,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,KAAK,KAAI;AAC1B,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;AACnD,SAAC;AACJ;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,GAAG,GAAG,IAAI;AAC/G,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;AAC1J,QAAA,MAAM,aAAa,GAAG,CAAC,MAAK;YACxB,IAAI,CAAC,IAAI,CAAC,OAAO;AACb,gBAAA,OAAO,EAAE;AACb,YAAA,IAAI;gBACA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;YAEnC,OAAO,EAAE,EAAE;AACP,gBAAA,OAAO,EAAE;;SAEhB,GAAG;QACJ,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,GAAG,mBAAmB,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,aAAa,EAAE,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,yBAAyB,EAAE,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,GAAG,uBAAuB,GAAG,cAAc,EAAE,IAAI,EAAE,mBAAmB,EAAE,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-select-input/ls-select-input.css?tag=ls-select-input&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.44/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-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 width: 100%;\n height: 2.25rem;\n padding: 0rem 0.75rem;\n align-items: center;\n vertical-align: text-top;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n / text-sm/leading-5/font-regular */\n font-size: 0.875rem;\n font-style: normal;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n#select-arrow {\n color: var(--gray-70);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n color: var(--gray-40);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-110);\n}\n\n\n.disabled {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--gray-10, #F7F8FA);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 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: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 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: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n\n\n\n\n","import { h } from \"@stencil/core\";\nimport clsx from \"clsx\";\nexport class LsSelectInput {\n constructor() {\n this.handleChange = (event) => {\n const target = event.target;\n this.selectChange.emit({ value: target.value });\n };\n }\n render() {\n const { name, aria, disabled, displayOnly, required, valid, dirty, 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 const parsedOptions = (() => {\n if (!this.options)\n return [];\n try {\n return JSON.parse(this.options);\n }\n catch (_a) {\n return [];\n }\n })();\n return (h(\"host\", { class: 'host' }, fieldIcon && (h(\"ls-icon\", { id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h(\"select\", { class: inputClass, id: name, name: name, \"aria-label\": aria, required: required, disabled: disabled, onChange: (event) => this.handleChange(event) }, parsedOptions.map((opt) => (h(\"option\", { value: opt.value, disabled: opt.disabled }, opt.label)))), h(\"div\", { class: 'right-items' }, dirty && !disabled && (h(\"ls-icon\", { id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle-icon' : 'exclamation-circle-icon' })), buttonIcon ? (h(\"button\", { class: 'button', onClick: buttonClick }, h(\"ls-icon\", { id: 'buttonIcon', name: buttonIcon }))) : (h(\"ls-icon\", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down-icon' })))));\n }\n static get is() { return \"ls-select-input\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-select-input.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-select-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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"value\"\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 \"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 \"options\": {\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\": \"options\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"selectChange\",\n \"name\": \"selectChange\",\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-CzuXVZQ1.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;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;;;AAGA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;AAMA,CAAC;;MC7OY,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AACtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AACI,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,KAAK,KAAI;AAC1B,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AAC3B,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;AACnD,SAAC;AACJ;IACD,MAAM,GAAA;QACF,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,GAAG,GAAG,IAAI;AAC/G,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;AAC1J,QAAA,MAAM,aAAa,GAAG,CAAC,MAAK;YACxB,IAAI,CAAC,IAAI,CAAC,OAAO;AACb,gBAAA,OAAO,EAAE;AACb,YAAA,IAAI;gBACA,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;YAEnC,OAAO,EAAE,EAAE;AACP,gBAAA,OAAO,EAAE;;SAEhB,GAAG;QACJ,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,SAAS,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,GAAG,mBAAmB,GAAG,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,GAAG,WAAW,GAAG,aAAa,EAAE,IAAI,EAAE,KAAK,GAAG,mBAAmB,GAAG,yBAAyB,EAAE,CAAC,CAAC,EAAE,UAAU,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,GAAG,uBAAuB,GAAG,cAAc,EAAE,IAAI,EAAE,mBAAmB,EAAE,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-select-input/ls-select-input.css?tag=ls-select-input&encapsulation=shadow","node_modules/.pnpm/legalesign-ui@0.0.45/node_modules/legalesign-ui/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-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 width: 100%;\n height: 2.25rem;\n padding: 0rem 0.75rem;\n align-items: center;\n vertical-align: text-top;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: 0.5rem;\n /* Shadow/sm /\n box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n / text-sm/leading-5/font-regular */\n font-size: 0.875rem;\n font-style: normal;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\nselect {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n#select-arrow {\n color: var(--gray-70);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n color: var(--gray-40);\n margin-right: 0.25rem;\n margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-100);\n}\n\n.default:hover {\n border: 1px solid var(--gray-50, #D8D9DC);\n background: var(--White, #FFF);\n color: var(--gray-110);\n}\n\n\n.disabled {\n border: 1px solid var(--gray-40, #D8D9DC);\n background: var(--gray-10, #F7F8FA);\n color: var(--gray-60);\n cursor: not-allowed;\n}\n\n.invalid {\n border: 1px solid var(--red-40, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n border: 1px solid var(--red-50, #FFA19E);\n background: var(--White, #FFF);\n color: var(--Red-100, #7A1714);\n}\n\n.valid {\n border: 1px solid var(--green-40, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n border: 1px solid var(--green-50, #72F0C2);\n background: var(--White, #FFF);\n color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n position: absolute;\n padding: 0.25rem;\n height: 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: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n.button:focus {\n display: flex;\n height: 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: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n #buttonIcon {\n color: var(--gray-100);\n }\n}\n\n\n\n\n\n","import { h } from \"@stencil/core\";\nimport clsx from \"clsx\";\nexport class LsSelectInput {\n constructor() {\n this.handleChange = (event) => {\n const target = event.target;\n this.selectChange.emit({ value: target.value });\n };\n }\n render() {\n const { name, aria, disabled, displayOnly, required, valid, dirty, 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 const parsedOptions = (() => {\n if (!this.options)\n return [];\n try {\n return JSON.parse(this.options);\n }\n catch (_a) {\n return [];\n }\n })();\n return (h(\"host\", { class: 'host' }, fieldIcon && (h(\"ls-icon\", { id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), h(\"select\", { class: inputClass, id: name, name: name, \"aria-label\": aria, required: required, disabled: disabled, onChange: (event) => this.handleChange(event) }, parsedOptions.map((opt) => (h(\"option\", { value: opt.value, disabled: opt.disabled }, opt.label)))), h(\"div\", { class: 'right-items' }, dirty && !disabled && (h(\"ls-icon\", { id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle-icon' : 'exclamation-circle-icon' })), buttonIcon ? (h(\"button\", { class: 'button', onClick: buttonClick }, h(\"ls-icon\", { id: 'buttonIcon', name: buttonIcon }))) : (h(\"ls-icon\", { id: disabled ? 'select-arrow-disabled' : 'select-arrow', name: 'chevron-down-icon' })))));\n }\n static get is() { return \"ls-select-input\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ls-select-input.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ls-select-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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"reflect\": false,\n \"attribute\": \"value\"\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 \"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 \"options\": {\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\": \"options\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"selectChange\",\n \"name\": \"selectChange\",\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-DFvqOenH.js → p-D5pMAqGE.js} RENAMED Viewed

@@ -1,8 +1,8 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-DffaAVW4.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
 import { g as getFieldIcon } from './p-CxK9aHT8.js';
-import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
+import { d as dvI18n } from './p-BtjCijn4.js';
+import { d as defineCustomElement$1 } from './p-BT5rCW3w.js';
 const lsFieldTypeDisplayCss = () => `:host{position:relative;border-radius:0.875rem;padding:0.25rem}*{margin:0}.ls-dv-field-type-inner{border-radius:0.625rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;}`;
@@ -36,14 +36,14 @@ const LsFieldTypeDisplay = /*@__PURE__*/ proxyCustomElement(class LsFieldTypeDis
     fieldType = 'signature';
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        return (h(Host, { key: '9c26d365f505bd159c45063d17fdfa08a313b966', class: 'ls-dv-field-type-wrapper', style: {
+        return (h(Host, { key: '6a2cfab9cd4eb4d95801d71bcae604f2744bebc4', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: '80590eb5638054d03a8f503b3b3a69218075edb7', class: 'ls-dv-field-type-inner' }, h("div", { key: '3bb998c987c97bd9b75d32aa6af93afb4f4377c4', class: 'ls-dv-field-type-icon', style: {
+            } }, h("div", { key: '533a2bf184ae588df504b234301419f535e0677b', class: 'ls-dv-field-type-inner' }, h("div", { key: 'ff3fb83bf8d6af13c87057b51b41a6cd35b49074', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '680ec654f2318138439fd2596f36cb3bb4233f8b', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: 'f0c3142d5f54c6620b18ddb58fa237816a50197a', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
+            } }, h("ls-icon", { key: 'ba985706d34c598b9f28f5a9509d47088400001b', name: getFieldIcon(this.fieldType), size: 20 })), h("p", { key: '9e0272aa299553551f329513f9b31dbef6fd992f', class: 'ls-dv-field-type-name' }, dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text')))));
     }
     static get style() { return lsFieldTypeDisplayCss(); }
 }, [769, "ls-field-type-display", {
@@ -71,6 +71,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldTypeDisplay as L, defineCustomElement as d };
-//# sourceMappingURL=p-DFvqOenH.js.map
+//# sourceMappingURL=p-D5pMAqGE.js.map
-//# sourceMappingURL=p-DFvqOenH.js.map
+//# sourceMappingURL=p-D5pMAqGE.js.map

package/dist/components/{p-DFvqOenH.js.map → p-D5pMAqGE.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DFvqOenH~~.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,oiBAAoiB,CAAC;;ACK1kB,MAAM,eAAe,GAA8B;AACjD,IAAA,WAAW,EAAE,mBAAmB;AAChC,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,QAAQ,EAAE,gBAAgB;AAC1B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,oBAAoB,EAAE,eAAe;AACrC,IAAA,OAAO,EAAE,eAAe;CACzB;MAOY,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB,IAAA,QAAQ;IACR,SAAS,GAAW,WAAW;IAEvC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;AACrD,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,CAAA,WAAA,EAAc,KAAK,CAAC,GAAG,CAAE,CAAA;gBACjC,UAAU,EAAE,KAAK,CAAC,GAAG;AACtB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,GAAG,CAAE,CAAA;gBAChC,KAAK,EAAE,KAAK,CAAC,GAAG;gBAChB,UAAU,EAAE,KAAK,CAAC,GAAG;aACtB,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5D,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,CAAK,CAChG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-type-display/ls-field-type-display.scss?tag=ls-field-type-display&encapsulation=shadow","src/components/ls-field-type-display/ls-field-type-display.tsx"],"sourcesContent":[":host {\n position: relative;\n border-radius: 0.875rem;\n padding: 0.25rem;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-type-inner {\n border-radius: 0.625rem;\n background: $white;\n display: flex;\n padding: 0.25rem 0.5rem 0.25rem 0.25rem;\n align-items: center;\n gap: 0.875rem;\n align-self: stretch;\n}\n\n.ls-dv-field-type-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-field-type-name {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem; /* 150% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'image': 'toolbox.image',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'drawn': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n 'regex': 'toolbox.regex',\n};\n\n@Component({\n tag: 'ls-field-type-display',\n styleUrl: 'ls-field-type-display.scss',\n shadow: true,\n})\nexport class LsFieldTypeDisplay {\n @Prop() assignee: number;\n @Prop() fieldType: string = 'signature';\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n return (\n <Host\n class={'ls-dv-field-type-wrapper'}\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class={'ls-dv-field-type-inner'}>\n <div\n class={'ls-dv-field-type-icon'}\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.fieldType) as any} size={20} />\n </div>\n <p class={'ls-dv-field-type-name'}>{dvI18n.t(fieldTypeKeyMap[this.fieldType] \|\| 'toolbox.text')}</p>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-D5pMAqGE.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,oiBAAoiB,CAAC;;ACK1kB,MAAM,eAAe,GAA8B;AACjD,IAAA,WAAW,EAAE,mBAAmB;AAChC,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,QAAQ,EAAE,gBAAgB;AAC1B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,MAAM,EAAE,cAAc;AACtB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,oBAAoB,EAAE,eAAe;AACrC,IAAA,OAAO,EAAE,eAAe;CACzB;MAOY,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACrB,IAAA,QAAQ;IACR,SAAS,GAAW,WAAW;IAEvC,MAAM,GAAA;QACJ,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;AACrD,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,CAAA,WAAA,EAAc,KAAK,CAAC,GAAG,CAAE,CAAA;gBACjC,UAAU,EAAE,KAAK,CAAC,GAAG;AACtB,aAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,wBAAwB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,GAAG,CAAE,CAAA;gBAChC,KAAK,EAAE,KAAK,CAAC,GAAG;gBAChB,UAAU,EAAE,KAAK,CAAC,GAAG;aACtB,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5D,EACN,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EAAG,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,CAAK,CAChG,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-type-display/ls-field-type-display.scss?tag=ls-field-type-display&encapsulation=shadow","src/components/ls-field-type-display/ls-field-type-display.tsx"],"sourcesContent":[":host {\n position: relative;\n border-radius: 0.875rem;\n padding: 0.25rem;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-type-inner {\n border-radius: 0.625rem;\n background: $white;\n display: flex;\n padding: 0.25rem 0.5rem 0.25rem 0.25rem;\n align-items: center;\n gap: 0.875rem;\n align-self: stretch;\n}\n\n.ls-dv-field-type-icon {\n display: flex;\n padding: 0.5rem;\n align-items: center;\n border-radius: 0.625rem;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-field-type-name {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5rem; /* 150% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { getFieldIcon } from '../ls-document-viewer/defaultFieldIcons';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'image': 'toolbox.image',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'drawn': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n 'regex': 'toolbox.regex',\n};\n\n@Component({\n tag: 'ls-field-type-display',\n styleUrl: 'ls-field-type-display.scss',\n shadow: true,\n})\nexport class LsFieldTypeDisplay {\n @Prop() assignee: number;\n @Prop() fieldType: string = 'signature';\n\n render() {\n const color = defaultRolePalette[this.assignee % 100];\n return (\n <Host\n class={'ls-dv-field-type-wrapper'}\n style={{\n border: `1px dashed ${color.s30}`,\n background: color.s10,\n }}\n >\n <div class={'ls-dv-field-type-inner'}>\n <div\n class={'ls-dv-field-type-icon'}\n style={{\n border: `1px solid ${color.s60}`,\n color: color.s60,\n background: color.s10,\n }}\n >\n <ls-icon name={getFieldIcon(this.fieldType) as any} size={20} />\n </div>\n <p class={'ls-dv-field-type-name'}>{dvI18n.t(fieldTypeKeyMap[this.fieldType] \|\| 'toolbox.text')}</p>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

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

@@ -0,0 +1,163 @@
+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 lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.75rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh;overflow-y:auto}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row{all:unset;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}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}.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,select:hover,textarea:hover{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)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}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)}.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)}`;
+const LsParticipantSelect = /*@__PURE__*/ proxyCustomElement(class LsParticipantSelect extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.roleChange = createEvent(this, "roleChange", 7);
+        this.addParticipant = createEvent(this, "addParticipant", 7);
+    }
+    get el() { return this; }
+    /**
+   * The id of the currently selected role.
+   * {string}
+   */
+    selected;
+    /**
+     * The currently active signer index (controlled externally).
+     * {number}
+     */
+    signer;
+    /**
+     * The currently selected role.
+     * {number}
+     */
+    selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: true };
+    handleSignerChange(newSigner) {
+        // Only update if the current selection doesn't match the new signer prop
+        if (this.selectedRole.signerIndex !== newSigner) {
+            if (newSigner === 0) {
+                this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };
+            }
+            else {
+                const role = this.roles?.find(r => r.signerIndex === newSigner);
+                if (role)
+                    this.selectedRole = { ...role, default: false };
+            }
+        }
+    }
+    handleRoleLoad() {
+        if (this.selectedRole.default) {
+            if (this.roles.length > 0) {
+                const initialRole = this.roles.find(r => r.signerIndex === 1);
+                if (initialRole) {
+                    this.selectedRole = { ...initialRole, default: false };
+                }
+            }
+        }
+        else {
+            const updatedRole = this.roles.find(r => r.signerIndex === this.selectedRole.signerIndex);
+            if (updatedRole) {
+                this.selectedRole = { ...updatedRole, default: false };
+            }
+        }
+    }
+    /**
+     * The current template roles.
+     * {LSApiRole}
+     */
+    roles = [];
+    isOpen = false;
+    handleWindowClick(event) {
+        if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0])) {
+            this.isOpen = false;
+        }
+    }
+    toggleDropdown = () => {
+        this.isOpen = !this.isOpen;
+    };
+    roleChange;
+    addParticipant;
+    selectRole(role) {
+        this.selectedRole = { ...role, default: false };
+        this.isOpen = false;
+        this.roleChange.emit(role.signerIndex);
+    }
+    createHandler() {
+        this.addParticipant.emit({ type: 'SIGNER' });
+    }
+    render() {
+        return (h(Host, { key: '5b5a43bb1d6b669782b3ddbb731741d82b973bdb' }, h("div", { key: '668ace4e82f74d89c99c29d0a7d865dfb0802415', class: "ls-dv-dropdown" }, h("div", { key: '94d9fb8494e07113a28ac0e1046b45884d7f35e9', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, h("svg", { key: 'be2ea22455255a2a8e17cfdbc83e9bcfde6ad069', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b8bf9bbbc30db6e3021614fd8e83b2a40938e558', d: "M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z", fill: "#78A3FA", stroke: "#F7F8FA" }), h("path", { key: '5f17418d0ea6c31d38512b0527bf495d33841394', d: "M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z", fill: "#46DBAA", stroke: "#F7F8FA" }), h("path", { key: '470ff8c9d2adc62946b887f26502bb2da945c973', d: "M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z", fill: "#FAD232", stroke: "#F7F8FA" }), h("path", { key: '0995ba4505d45aaab7fc046e4eaac9814204da04', d: "M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75", stroke: "#939599", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { key: 'b31ec3e7a809a3a86ba18c3b544884a9d13d2876', class: 'ls-dv-placing-fields-text' }, dvI18n.t('toolbar.placingfieldsfor')), h("div", { key: 'c6df36e15c5e5a94079337c931f7de55ef85ada1', class: 'ls-dv-selected-role-label', style: {
+                background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
+                color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
+            } }, h("ls-icon", { key: '3262e57c2fd429130f9d7b0ac44e226c9bd6d069', size: 18, name: this.selectedRole?.roleType === 'SENDER'
+                ? 'user-icon'
+                : this.selectedRole?.roleType === 'APPROVER'
+                    ? 'check-circle-icon'
+                    : this.selectedRole?.roleType === 'WITNESS'
+                        ? 'eye-icon'
+                        : 'signature-icon' }), this.selectedRole.name ||
+            (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))), h("button", { key: 'a687c0048677568d2ae4fff30d428f367a289ed5', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, h("ls-icon", { key: '8a6f3bb0679225e9347f02147f5945f63c807e76', name: "chevron-down-icon" }))), this.isOpen && (h("div", { key: '2efa933a11b17f5de4d5819b38b49bedb12cce7e', class: "ls-dv-dropdown-list" }, h("div", { key: '1e4abac34528e1215268a1846c4997e3368ac93e', class: this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+                '--background-selected': defaultRolePalette[0].s10,
+                '--check-icon-selected': defaultRolePalette[0].s50,
+            }, onClick: () => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { key: '31402ae0789783221c26daee781082ad42b20fce', class: 'ls-dv-role-icon', style: {
+                background: defaultRolePalette[0].s50,
+                color: defaultRolePalette[0].s80,
+            } }, h("ls-icon", { key: '47caeb0ae7bede06d82d7a2e1c3a748accc0d736', name: "user-icon" })), h("div", { key: '665c0cabd7455f7f215a60c21264cc3795786b3b', class: 'ls-dv-role-text' }, h("p", { key: '2b0e205a8350737f1ac7a7c591be185128fcc294', class: 'ls-dv-role-name', style: {
+                '--role-name-selected': defaultRolePalette[0].s80,
+            } }, dvI18n.t('toolbar.sender')), h("p", { key: 'e935b1f225f5f49ef103676bf4377f299b7afcaa', class: 'ls-dv-role-type', style: {
+                '--role-type-selected': defaultRolePalette[0].s80,
+            } }, dvI18n.t('toolbar.you'))), h("ls-icon", { key: '05a2f87d0e844875500ca48d75bdfab81694ed1b', class: 'ls-dv-check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item', style: {
+                '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,
+                '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,
+            }, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon'), onMouseLeave: e => e.currentTarget
+                .querySelector('.ls-dv-check-icon')
+                ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon') }, h("div", { class: 'ls-dv-role-icon', style: {
+                background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,
+                color: defaultRolePalette[r?.signerIndex % 100].s90,
+            } }, h("ls-icon", { name: r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon' })), h("div", { class: 'ls-dv-role-text' }, h("p", { class: 'ls-dv-role-name', style: {
+                '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
+            } }, r.name || (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))), h("p", { class: 'ls-dv-role-type', style: {
+                '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
+            } }, r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer'))), h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon', solid: r.signerIndex === this.selectedRole?.signerIndex })))), h("button", { key: '5b60a903653b6a30fe5325c9ce66ebd167c93fd8', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
+                '--background-selected': defaultRolePalette[1].s10,
+                '--check-icon-selected': defaultRolePalette[1].s50,
+            } }, h("div", { key: '34e9c77b96d92e42fea2ea5b92af1b262879b7dc', class: 'ls-dv-add-participant-icon' }, h("ls-icon", { key: '1adda5f6736b8cada4345bc81c44139ef7d85de8', name: "user-add-icon" })), h("div", { key: 'dc6907682df5e4ebb3985dbb1b51833e89e0e279', class: 'ls-dv-role-text' }, h("p", { key: '1887ac8bc1de904dce5130a59b179ed9ad36eaad', class: 'ls-dv-role-name' }, dvI18n.t('participants.addparticipant')), h("p", { key: '00c09b732561101f7fc4d2c76c16e059955c4334', class: 'ls-dv-role-type' }, dvI18n.t('toolbar.addnewsigner'))), h("ls-icon", { key: '914d779c3b9e4bb09bfa1e99a137fbb448fcd8c1', class: 'ls-dv-plus-icon', name: "plus-icon" }))))), h("slot", { key: '163b5c4459b9f362ffa7460c6c8b505730efdc64' })));
+    }
+    static get watchers() { return {
+        "signer": ["handleSignerChange"],
+        "roles": ["handleRoleLoad"]
+    }; }
+    static get style() { return lsParticipantSelectCss(); }
+}, [769, "ls-participant-select", {
+        "selected": [1025],
+        "signer": [2],
+        "roles": [16],
+        "selectedRole": [32],
+        "isOpen": [32]
+    }, [[8, "click", "handleWindowClick"]], {
+        "signer": ["handleSignerChange"],
+        "roles": ["handleRoleLoad"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-participant-select", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-participant-select":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsParticipantSelect);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { LsParticipantSelect as L, defineCustomElement as d };
+//# sourceMappingURL=p-D60hGCYW.js.map
+//# sourceMappingURL=p-D60hGCYW.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-D60hGCYW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-select/ls-participant-select.scss?tag=ls-participant-select&encapsulation=shadow","src/components/ls-participant-select/ls-participant-select.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-dropdown {\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.ls-dv-dropdown-header {\n border-radius: 0.75rem;\n border: 1px solid $gray-20;\n background: $gray-10;\n display: flex;\n padding: 0.125rem 0.125rem 0.125rem 0.5rem;\n align-items: center;\n gap: 0.5rem;\n}\n\n.ls-dv-placing-fields-text {\n color: $gray-90;\n text-align: center;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n margin: 0;\n}\n\n.ls-dv-selected-role-label {\n display: flex;\n padding: 0.125rem 0.375rem;\n justify-content: center;\n align-items: center;\n gap: 0.25rem;\n border-radius: 0.25rem;\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-dropdown-list {\n position: absolute;\n top: 3rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 18.5625rem;\n padding: 0.25rem;\n flex-direction: column;\n gap: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: white;\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 max-height: 40vh;\n overflow-y: auto;\n}\n\n.ls-dv-dropdown-item {\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected,\n.ls-dv-dropdown-item.ls-dv-selected:hover {\n background: var(--background-selected, #e0e2e5);\n}\n\n.ls-dv-dropdown-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-add-participant-row {\n all: unset;\n display: flex;\n padding: 0.5rem 0.875rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n align-self: stretch;\n border-radius: 0.75rem;\n border: 1px dashed $gray-30;\n cursor: pointer;\n}\n\n.ls-dv-add-participant-row:hover {\n background: $gray-10;\n}\n\n.ls-dv-plus-icon {\n color: $gray-40;\n}\n\n.ls-dv-role-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n}\n\n.ls-dv-add-participant-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n color: white;\n background: $primary-60;\n}\n\n.ls-dv-role-text {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.ls-dv-dropdown-item .ls-dv-check-icon {\n color: $gray-40;\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n\n.ls-dv-role-name {\n color: $gray-100;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-role-type {\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-dropdown-item.ls-dv-selected .ls-dv-role-name {\n color: var(--role-name-selected);\n}\n\n.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type {\n color: var(--role-type-selected);\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\n.ls-dv-expand-button {\n border: 0;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n border-radius: 0.625rem;\n justify-content: center;\n text-transform: capitalize;\n min-height: 2rem;\n min-width: 2rem;\n max-height: 2rem;\n max-width: 2rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-participant-select',\n styleUrl: 'ls-participant-select.scss',\n shadow: true,\n})\nexport class LsParticipantSelect {\n @Element() el: HTMLElement;\n\n /**\n * The id of the currently selected role.\n * {string}\n */\n @Prop({ mutable: true}) selected: string;\n\n /**\n * The currently active signer index (controlled externally).\n * {number}\n */\n @Prop() signer: number;\n \n /**\n * The currently selected role.\n * {number}\n */\n @State() selectedRole: { signerIndex: number; name: string; roleType?: string; default: boolean } = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: true };\n\n @Watch('signer')\n handleSignerChange(newSigner: number) {\n // Only update if the current selection doesn't match the new signer prop\n if (this.selectedRole.signerIndex !== newSigner) {\n if (newSigner === 0) {\n this.selectedRole = { signerIndex: 0, name: 'Sender', roleType: 'SENDER', default: false };\n } else {\n const role = this.roles?.find(r => r.signerIndex === newSigner);\n if (role) this.selectedRole = { ...role, default: false };\n }\n }\n }\n\n @Watch('roles')\n handleRoleLoad() {\n if(this.selectedRole.default) {\n if(this.roles.length > 0) {\n const initialRole = this.roles.find(r => r.signerIndex === 1);\n if(initialRole) {\n this.selectedRole = { ...initialRole, default: false };\n }\n }\n } else {\n const updatedRole = this.roles.find(r => r.signerIndex === this.selectedRole.signerIndex);\n if(updatedRole) {\n this.selectedRole = { ...updatedRole, default: false };\n }\n }\n }\n /**\n * The current template roles.\n * {LSApiRole}\n */\n @Prop() roles?: LSApiRole[] = [];\n\n @State() isOpen: boolean = false;\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n toggleDropdown = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Event() roleChange: EventEmitter<number>;\n\n @Event({\n bubbles: true,\n composed: true,\n }) addParticipant: EventEmitter<{type: LSApiRoleType, parent?: string | null}>;\n\n\n selectRole(role: { signerIndex: number; name: string; roleType?: string }) {\n this.selectedRole = { ...role, default: false };\n this.isOpen = false;\n this.roleChange.emit(role.signerIndex);\n }\n\n createHandler() {\n this.addParticipant.emit({type: 'SIGNER'});\n }\n\n render() {\n return (\n <Host>\n <div class=\"ls-dv-dropdown\">\n <div class=\"ls-dv-dropdown-header\" onClick={this.toggleDropdown}>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z\" fill=\"#78A3FA\" stroke=\"#F7F8FA\" />\n <path\n d=\"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z\"\n fill=\"#46DBAA\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z\"\n fill=\"#FAD232\"\n stroke=\"#F7F8FA\"\n />\n <path\n d=\"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75\"\n stroke=\"#939599\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <p class={'ls-dv-placing-fields-text'}>{dvI18n.t('toolbar.placingfieldsfor')}</p>\n <div\n class={'ls-dv-selected-role-label'}\n style={{\n background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,\n color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,\n }}\n >\n <ls-icon\n size={18}\n name={\n this.selectedRole?.roleType === 'SENDER'\n ? 'user-icon'\n : this.selectedRole?.roleType === 'APPROVER'\n ? 'check-circle-icon'\n : this.selectedRole?.roleType === 'WITNESS'\n ? 'eye-icon'\n : 'signature-icon'\n }\n />\n {this.selectedRole.name ||\n (this.selectedRole.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : dvI18n.t('participants.participant', { index: this.selectedRole.signerIndex }))}\n </div>\n <button class={'ls-dv-tertiary-grey ls-dv-expand-button'} aria-haspopup=\"listbox\" aria-expanded={this.isOpen}>\n <ls-icon name=\"chevron-down-icon\"></ls-icon>\n </button>\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-dropdown-list\">\n \n <div\n class={this.selectedRole?.signerIndex === 0 ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => this.selectRole({ signerIndex: 0, name: dvI18n.t('toolbar.sender'), roleType: 'SENDER' })}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.sender')}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[0].s80,\n }}\n >\n {dvI18n.t('toolbar.you')}\n </p>\n </div>\n\n <ls-icon class={'ls-dv-check-icon'} name={this.selectedRole?.signerIndex === 0 ? 'check-circle-icon' : 'base-circle-icon'} solid={this.selectedRole?.signerIndex === 0} />\n </div>\n {this.roles.map(r => (\n <div\n class={r.signerIndex === this.selectedRole?.signerIndex ? 'ls-dv-dropdown-item ls-dv-selected' : 'ls-dv-dropdown-item'}\n style={{\n '--background-selected': defaultRolePalette[r?.signerIndex % 100].s10,\n '--check-icon-selected': defaultRolePalette[r?.signerIndex % 100].s50,\n }}\n onClick={() => this.selectRole(r)}\n onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle-icon')}\n onMouseLeave={e =>\n (e.currentTarget as HTMLElement)\n .querySelector('.ls-dv-check-icon')\n ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle-icon' : 'check-circle-icon')\n }\n >\n <div\n class={'ls-dv-role-icon'}\n style={{\n background: r.signerIndex > 100 ? defaultRolePalette[r?.signerIndex % 100].s30 : defaultRolePalette[r?.signerIndex % 100].s40,\n color: defaultRolePalette[r?.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={r.roleType === 'WITNESS' ? 'eye-icon' : r.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'} />\n </div>\n <div class={'ls-dv-role-text'}>\n <p\n class={'ls-dv-role-name'}\n style={{\n '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,\n }}\n >\n {r.name || (r.signerIndex > 100 ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 }) : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p\n class={'ls-dv-role-type'}\n style={{\n '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,\n }}\n >\n {r.roleType === 'WITNESS' ? dvI18n.t('participants.witness') : r.roleType === 'APPROVER' ? dvI18n.t('participants.approver') : dvI18n.t('participants.signer')}\n </p>\n </div>\n <ls-icon\n class={'ls-dv-check-icon'}\n name={r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.selectedRole?.signerIndex}\n />\n </div>\n ))}\n <button\n onClick={() => this.createHandler()}\n class={'ls-dv-add-participant-row'}\n style={{\n '--background-selected': defaultRolePalette[1].s10,\n '--check-icon-selected': defaultRolePalette[1].s50,\n }}\n >\n <div\n class={'ls-dv-add-participant-icon'}\n >\n <ls-icon name=\"user-add-icon\" />\n </div>\n <div class={'ls-dv-role-text'}>\n <p class={'ls-dv-role-name'}>{dvI18n.t('participants.addparticipant')}</p>\n <p class={'ls-dv-role-type'}>{dvI18n.t('toolbar.addnewsigner')}</p>\n </div>\n <ls-icon class={'ls-dv-plus-icon'} name=\"plus-icon\" />\n </button>\n </div>\n )}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}