npm - legalesign-document-viewer - Versions diffs - 0.9.8 → 0.9.11 - Mend

legalesign-document-viewer 0.9.8 → 0.9.11

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

package/dist/cjs/{ls-compose-loader_46.cjs.entry.js → ls-compose-loader_47.cjs.entry.js} RENAMED Viewed

@@ -3,14 +3,14 @@
 var index = require('./index-Czv4Oowx.js');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-const lsComposeLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.compose-loader{display:flex;flex-direction:column;background:var(--gray-10);width:100vw;height:100vh}.compose-loader__header{border-bottom:1px solid var(--gray-20);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.5rem;animation:pulse 1.5s infinite}.compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.compose-loader__header-title{font-weight:bold;font-size:1.1rem}.compose-loader__header-docname{margin-left:1rem;color:var(--gray-100)}.compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100vh - 2.375rem);position:relative}.compose-loader__sidebar{position:absolute;height:100%;width:19rem}.compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #fff);border-radius:1.5rem;border:1px solid var(--gray-30);width:100%;height:100%;max-height:calc(100vh - 5rem);overflow:hidden}.compose-loader__skeleton,.compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.5rem;animation:pulse 1.5s infinite}.skeleton-title{width:12.5rem;min-height:1.25rem}.skeleton-line--blue,.skeleton-line--green,.skeleton-line--gray,.skeleton-line{width:12.5rem;height:0.75rem}.skeleton-short--blue,.skeleton-short--green,.skeleton-short--gray,.skeleton-short{width:5rem;height:0.75rem}.skeleton-medium{width:4rem;height:0.75rem}.skeleton-icon{width:1rem;height:1rem}.skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.skeleton-line--blue,.skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50) 25%, transparent 100%)}.compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%)}.skeleton-line--green,.skeleton-short--green{background:linear-gradient(90deg, var(--green-50) 25%, transparent 100%)}.compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%)}.skeleton-line--gray,.skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50) 25%, transparent 100%)}.compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%)}.compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.compose-loader__section--blue{border-color:var(--blue-30);background:var(--blue-10)}.compose-loader__section--green{border-color:var(--green-30);background:var(--green-10)}.compose-loader__skeleton-box--green,.compose-loader__skeleton-box--blue,.compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #fff);border:1px solid var(--gray-20);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.75rem;align-items:center}.compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10);border:1px solid var(--blue-30);border-radius:0.5rem}.compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);border-radius:0.5rem}.compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10);border:1px solid var(--green-30);border-radius:0.5rem}.compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%);border-radius:0.5rem}.compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}.compose-loader__preview-box{background:var(--white, #fff);border:1px solid var(--gray-30);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #fff)}.compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;
+const lsComposeLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.ls-dv-compose-loader{display:flex;flex-direction:column;background:var(--gray-10);width:100vw;height:100vh}.ls-dv-compose-loader__header{border-bottom:1px solid var(--gray-20);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.ls-dv-compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.ls-dv-compose-loader__header-title{font-weight:bold;font-size:1.1rem}.ls-dv-compose-loader__header-docname{margin-left:1rem;color:var(--gray-100)}.ls-dv-compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100vh - 2.375rem);position:relative}.ls-dv-compose-loader__sidebar{position:absolute;height:100%;width:19rem}.ls-dv-compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #fff);border-radius:1.5rem;border:1px solid var(--gray-30);width:100%;height:100%;max-height:calc(100vh - 5rem);overflow:hidden}.ls-dv-compose-loader__skeleton,.ls-dv-compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-skeleton-title{width:12.5rem;min-height:1.25rem}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-line--green,.ls-dv-skeleton-line--gray,.ls-dv-skeleton-line{width:12.5rem;height:0.75rem}.ls-dv-skeleton-short--blue,.ls-dv-skeleton-short--green,.ls-dv-skeleton-short--gray,.ls-dv-skeleton-short{width:5rem;height:0.75rem}.ls-dv-skeleton-medium{width:4rem;height:0.75rem}.ls-dv-skeleton-icon{width:1rem;height:1rem}.ls-dv-skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.ls-dv-compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.ls-dv-compose-loader__section--blue{border-color:var(--blue-30);background:var(--blue-10)}.ls-dv-compose-loader__section--green{border-color:var(--green-30);background:var(--green-10)}.ls-dv-compose-loader__skeleton-box--green,.ls-dv-compose-loader__skeleton-box--blue,.ls-dv-compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.ls-dv-compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #fff);border:1px solid var(--gray-20);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.625rem;align-items:center}.ls-dv-compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10);border:1px solid var(--blue-30);border-radius:0.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10);border:1px solid var(--green-30);border-radius:0.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.ls-dv-compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}.ls-dv-compose-loader__preview-box{background:var(--white, #fff);border:1px solid var(--gray-30);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.ls-dv-compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #fff)}.ls-dv-compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;
 const LsComposeLoader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '521afcff03c604f5705f6a4b27f7087c48aaf0cd' }, index.h("div", { key: '977611efd7fe174762c6654c95751ac3a8b9d987', class: "compose-loader" }, index.h("div", { key: 'c605370c46b1ebbf2f44fe9f311f59a166545614', class: "compose-loader__header" }, index.h("div", { key: '0ffd91a347b294ed3632cc5953e0df3c848ee7eb', class: "compose-loader__header-skeleton" })), index.h("div", { key: '326c07eac0d24eebdd8609624581192b34d562cc', class: "compose-loader__main" }, index.h("div", { key: 'd54f6ad5c5c7efcc21647f052a4d2c3012a88922', class: "compose-loader__sidebar" }, index.h("div", { key: '6316cf0f7e490a318f7800d310dff8d9587f92f9', class: "compose-loader__card" }, index.h("div", { key: '9c97b7d34d8419c843d10203b4e351648d023fee', class: "compose-loader__skeleton skeleton-title" }), index.h("div", { key: 'af2957a999f5e3d8658842267368ba6da3e30e34', class: "compose-loader__skeleton-group" }, index.h("div", { key: '6acf3900b4c023d5e37dd9a71d1e018f615d74f7', class: "compose-loader__skeleton skeleton-line" }), index.h("div", { key: 'bb140427be02ba8bff9926d3442ee6df0195beba', class: "compose-loader__skeleton skeleton-short" })), index.h("div", { key: 'f46b465e2b16a088d4e6c5c3000f75fbfdb9b470', class: "compose-loader__section compose-loader__section--gray" }, index.h("div", { key: '761c47c1421539ed3e3f37e7214cbcc1d79a4bdb', class: "compose-loader__skeleton-box--gray" }), index.h("div", { key: 'e5620c11511584fffa4855216d930ddada358d17', class: "compose-loader__skeleton skeleton-line--gray" }), index.h("div", { key: '81c2d719f995ac85c2116c8685ac0015b85a6095', class: "compose-loader__skeleton skeleton-short--gray" })), index.h("div", { key: 'a1738fbdbe05df9ac32fc6386f41593089f89d54', class: "compose-loader__section compose-loader__section--blue" }, index.h("div", { key: '0d45ed8f94c328c0809eade762fb6dd9924e41f0', class: "compose-loader__skeleton-box--blue" }), index.h("div", { key: 'e084391fab97c86ec7487c54bb16977d965203fa', class: "compose-loader__skeleton skeleton-line--blue" }), index.h("div", { key: '08ad8ad9683958d8fdb98895ea876fbd90d8ffbe', class: "compose-loader__skeleton skeleton-short--blue" }), index.h("div", { key: 'c0f4cea3bab23b79042fe78d4f2f9f50171e26ef', class: "compose-loader__row" }, index.h("div", { key: '8cf9f9c186bcb59e4f3fb7e8bc846fbee9a74538', class: "compose-loader__icon-skeleton--blue" }, index.h("div", { key: '1a271177d712660e850ad10d74d89daabc00726f', class: "compose-loader__icon--blue" })), index.h("div", { key: 'cb7bfdbda0d6b9cda485dfec0cd9a3bce3cac4ea', class: "compose-loader__row-content" }, index.h("div", { key: '0cc42a1f8368748c136a6814f03c1f7ef0b774fd', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: '00695b7aef1e64f0772f46d99b0925c6bbcc37d7', class: "compose-loader__skeleton skeleton-icon" }))), index.h("div", { key: 'd93f934b18c988666b5a2260dc9fb22ad5706214', class: "compose-loader__row" }, index.h("div", { key: '60c7cf17e691ff408d3d292d364ca56f98e84915', class: "compose-loader__icon-skeleton--blue" }, index.h("div", { key: '0303348559cdef262566d4e97b154202ae2b04b6', class: "compose-loader__icon--blue" })), index.h("div", { key: '5cca786cc766bddc292343a80a9d8df2d72b9b4a', class: "compose-loader__row-content" }, index.h("div", { key: '6980a180df5f07423204bb54bb847eff2082e821', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: '82f347350f7f4297dcb1c96f2aab0348657b297a', class: "compose-loader__skeleton skeleton-icon" }))), index.h("div", { key: '32478d3aa42ca01b63611be036146eefa0f35f90', class: "compose-loader__row" }, index.h("div", { key: '331271ba1edf8fc30cdd79888a278f768483264f', class: "compose-loader__icon-skeleton--blue" }, index.h("div", { key: 'cc3eab180929df917f06d97c022a26e3a183603c', class: "compose-loader__icon--blue" })), index.h("div", { key: 'ebcf98a08ba432e6004dbd1917f3fb3746f97008', class: "compose-loader__row-content" }, index.h("div", { key: '2e7334a54889f0be8473826ba739ef5d8ce5537c', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: '5485547a36a6a960dd560db36b6082dd244ecbca', class: "compose-loader__skeleton skeleton-icon" })))), index.h("div", { key: '223722280d4addbb51d6af705066541e0a088e61', class: "compose-loader__section compose-loader__section--green" }, index.h("div", { key: '60dd95c95be6398d70a99ecf417b2a03306fa404', class: "compose-loader__skeleton-box--green" }), index.h("div", { key: 'bdfdfbbf4264f1f0a2fce23cf3a4040647b0b9ff', class: "compose-loader__skeleton skeleton-line--green" }), index.h("div", { key: '86e8e4da6f7f81893534d49a8576f686ca782a37', class: "compose-loader__skeleton skeleton-short--green" }), index.h("div", { key: 'c81327b9fceee1fa8f7e9583c7328ad4f97fa755', class: "compose-loader__row" }, index.h("div", { key: '179d1f19883862e74214ddbce0b2be31fd5fbe10', class: "compose-loader__icon-skeleton--green" }, index.h("div", { key: '01c487c6c1d8d79a77e6751524f09fb87a13cb33', class: "compose-loader__icon--green" })), index.h("div", { key: '52794189130c84191aad23622917dec6b099681a', class: "compose-loader__row-content" }, index.h("div", { key: '020cdfbf4d27b9081147a21d58afe2d4b1ff81a1', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: '7e0b69bce13ceb5dcefb67456003fdd00ea42d1f', class: "compose-loader__skeleton skeleton-icon" }))), index.h("div", { key: 'a98bfbaa96f29d35685c4d688254508d9bbcf92d', class: "compose-loader__row" }, index.h("div", { key: '6967bdf9e46d5449f67e028047d5179b5a20b624', class: "compose-loader__icon-skeleton--green" }, index.h("div", { key: 'd819f31e0875813f9163fd8f3ac5bd0bfc41ce35', class: "compose-loader__icon--green" })), index.h("div", { key: '6f53bc98eb6920be5d1d00a1b42f2fb4d59f267b', class: "compose-loader__row-content" }, index.h("div", { key: '5702225c81b762606de34014140554ac3c3497aa', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: '51533dcf2c6d1e8ecd6e4560a53f85edeafe83c9', class: "compose-loader__skeleton skeleton-icon" }))), index.h("div", { key: '43294a913c0bb86bacc43f7211c3b82e2503a51a', class: "compose-loader__row" }, index.h("div", { key: 'e7aa3b7e156ee2f58ca2da41e823fb9ea7c5b97f', class: "compose-loader__icon-skeleton--green" }, index.h("div", { key: 'd312991b72d73c9d186f37b4c5fb8f29f77877d1', class: "compose-loader__icon--green" })), index.h("div", { key: '4d796611467ed1d7aec90275ffbb65ab1da3b8b8', class: "compose-loader__row-content" }, index.h("div", { key: '05b8f024ab54b5ed1e227a36f6113edc8ce5a962', class: "compose-loader__skeleton skeleton-medium" }), index.h("div", { key: 'c5367647c76f3aeaa91b383ff8ddcede1fa3c05a', class: "compose-loader__skeleton skeleton-icon" })))))), index.h("div", { key: 'a65a698bf2ea725ac28b3111b1bd6b4ea0ab75a0', class: "compose-loader__preview" }, index.h("div", { key: '53ad82840586e800fa707581157c4c09ace2a000', class: "compose-loader__preview-box" })), index.h("div", { key: '784850ccdfeb0670dcce884283c7556feb5328b6', class: "compose-loader__button" }, index.h("button", { key: '98d1fd5f33ba9178024cf3a5066018e4ca50079b', class: "compose-loader__action-btn" }, index.h("div", { key: '73476a7a9f399bdd5f8b1570bc43b5d23182d56c', class: "compose-loader__skeleton skeleton-btn" }), index.h("div", { key: '6225b7b6906ab2ab9dcf183cfe828f8e410181ec', class: "compose-loader__skeleton skeleton-btn-icon" })))))));
+        return (index.h(index.Host, { key: '994a8341d270d3dd4a14b1c9cf17b64180879018' }, index.h("div", { key: 'c39e6439ade8afba16740f1d21e17735363aa6d8', class: "ls-dv-compose-loader" }, index.h("div", { key: 'eac29339aacd42e9b25d42cedaf98cf340ab988d', class: "ls-dv-compose-loader__header" }, index.h("div", { key: 'e2efdfac9e59e0d279c80f8a5db8bdbfb32af821', class: "ls-dv-compose-loader__header-skeleton" })), index.h("div", { key: '36aac9aba4ba2cc748abe6886590e8f898f74433', class: "ls-dv-compose-loader__main" }, index.h("div", { key: 'a0e0d520f4d15070c772fbe53d499841fcb97c78', class: "ls-dv-compose-loader__sidebar" }, index.h("div", { key: '3c6e4ac279329e25a34041bdf6d16ef047a20a01', class: "ls-dv-compose-loader__card" }, index.h("div", { key: '564cfe08246ecc0c2abb93a1d59c33aa593d64b9', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), index.h("div", { key: '7c7de90f68b6c6e4d423539fc5b6cc99b6fb2642', class: "ls-dv-compose-loader__skeleton-group" }, index.h("div", { key: '479cac856b45709ac5cd00ad533b9ee3f057aeba', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), index.h("div", { key: '19d1d40b6072f129421830ab338ce61e9a21240f', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), index.h("div", { key: '68aa162def1e456544955ffe7c853d9753fde1a6', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, index.h("div", { key: '9d467d0d55e7619bc7a7dbbe5b86391d6d030380', class: "ls-dv-compose-loader__skeleton-box--gray" }), index.h("div", { key: '9419624886dd61fad1af24fc9ccf747e5956a764', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), index.h("div", { key: '039393723ede2aa15cf2335ca8af997a739d1318', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), index.h("div", { key: '552ce909e8e0b62fa513fe310226e309b58dc0aa', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, index.h("div", { key: 'bb6ae3ec8e6bc5e4dd322d0d1be3cc45e9ba192b', class: "ls-dv-compose-loader__skeleton-box--blue" }), index.h("div", { key: 'fae4ed0dcc8def1e6e43b1e90c7052155d41a22c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), index.h("div", { key: '092b0e5aa0cc60c22a62d25ab3d0d5e7a0e7b41a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), index.h("div", { key: '9d7c1c2117c6209fa7276df3a07d7f95985c0c85', class: "ls-dv-compose-loader__row" }, index.h("div", { key: '1d0bf8aa631e1fb2c58cb44fb2b843551ee164d0', class: "ls-dv-compose-loader__icon-skeleton--blue" }, index.h("div", { key: 'fe335c8885146a9dcf6546a052d6d9d76c3d15ae', class: "ls-dv-compose-loader__icon--blue" })), index.h("div", { key: 'f2166953db52ca622807724f3c598efc2e2167b6', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: '020c373c509b555f87bbb08cf1781d9c242d91d4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: '3fcc420487a39cb955dfa4e3d9e0e1d4a55dc27a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), index.h("div", { key: 'cd51686fe9066d59d71d009630ad532ffccc195c', class: "ls-dv-compose-loader__row" }, index.h("div", { key: '3945fa2ffcf1d3f2f2b80930222507523ea1e380', class: "ls-dv-compose-loader__icon-skeleton--blue" }, index.h("div", { key: '1ffff7724fec0af5f2af8054a31539ff2671659e', class: "ls-dv-compose-loader__icon--blue" })), index.h("div", { key: '8f2a49dc139ca146da132af6cc78e2a3e9390193', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: '4a83ee41c82ca0d739a3d5f65a2d878f11f111e2', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: '61d6ccb44d6b271d7a182f435e2a72787c0c56c8', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), index.h("div", { key: 'e6bce192459444c00815ee5dc2bc3199288a561b', class: "ls-dv-compose-loader__row" }, index.h("div", { key: 'a094ce426137e6dceedf934c4a253ad11a5426e5', class: "ls-dv-compose-loader__icon-skeleton--blue" }, index.h("div", { key: 'ebc55f1468ad3b315fc13fe4c41eb52b4b082866', class: "ls-dv-compose-loader__icon--blue" })), index.h("div", { key: '756b9c0a9aca5a5afa30c748dbf3d3dc94237c32', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: '924bf01487e1e6946eaa4f06437d72ef60c6e1de', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: '827f8f928e9b7a86d09b33725ac47ae34f861365', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), index.h("div", { key: '7aea384bbc917c780f3a771dfc5b343311c52bf3', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, index.h("div", { key: '17167dba1620fdebeef70c107f3b41b9db22e073', class: "ls-dv-compose-loader__skeleton-box--green" }), index.h("div", { key: '25b352b4e7e4701c06182f270652f35f88c50fec', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), index.h("div", { key: '7e911d2a0879fc51d81011e12bf6cf31e350fe0d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), index.h("div", { key: 'f02c77e5d728b0898c35a948b8abbaeeca959dda', class: "ls-dv-compose-loader__row" }, index.h("div", { key: 'fac68e602687b141e5dd43bde7d18397b05c79d5', class: "ls-dv-compose-loader__icon-skeleton--green" }, index.h("div", { key: '96dd519e2f91d298f3a85c771239078e8a53aad0', class: "ls-dv-compose-loader__icon--green" })), index.h("div", { key: '0d45bd2a388768798552c51ffc0f3484167faaa2', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: '57a540e07e7d264645267fa6c6d056ef7b9b1137', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: '9e96fa44a66a9764ed000d2cd6d6b2b7e2d33160', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), index.h("div", { key: '22c159bf12873e8abaab9b936d07fe9d2649da50', class: "ls-dv-compose-loader__row" }, index.h("div", { key: '212d06c6f3e54ddb68b1f3007029d1740d3c6c66', class: "ls-dv-compose-loader__icon-skeleton--green" }, index.h("div", { key: 'a0d06ccd10a9cc5bf96bd0103c97793044009872', class: "ls-dv-compose-loader__icon--green" })), index.h("div", { key: '2e9a217e84ee7cba457f17dde35eb0fd6a45524f', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: 'f8e2f2de46d252e99dc0a509b2360ffc82958e2c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: 'c0af6b700589be8d2351ab45d49bfe413e5aac5c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), index.h("div", { key: '69c673dc22294855e9e32f0d38b15e493d1cd8f3', class: "ls-dv-compose-loader__row" }, index.h("div", { key: '2540351c3c296613a4ca59cf74c46290fcbce76b', class: "ls-dv-compose-loader__icon-skeleton--green" }, index.h("div", { key: 'd8a5a9f0a3421d454f6aa242bea958d21d85ef99', class: "ls-dv-compose-loader__icon--green" })), index.h("div", { key: 'de2dc1fba3224324f2f9a2bf8a6e56a0ae51eb41', class: "ls-dv-compose-loader__row-content" }, index.h("div", { key: 'a3affb0ed40f391f5ebf62f1710497744a643932', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), index.h("div", { key: '3ccdf7055f07962366da7a11ec0cc11d5e5c5f27', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), index.h("div", { key: '305552d05345d28e61e3541419ea4b9203e97059', class: "ls-dv-compose-loader__preview" }, index.h("div", { key: 'df83584329ddf8f196aca3c0df0c726f975c2da6', class: "ls-dv-compose-loader__preview-box" })), index.h("div", { key: '2271d76833122c4c0c10c8eb605687973c65ebde', class: "ls-dv-compose-loader__button" }, index.h("button", { key: '6130b87727bd2f428f1741f2f9fee42d510b93b4', class: "ls-dv-compose-loader__action-btn" }, index.h("div", { key: 'b73325a864b4808eb08539cc0996eecd438ed7f4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), index.h("div", { key: 'cf9953296bc9862aeabaa98675902b64d14d7c6e', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
     }
 };
 LsComposeLoader.style = lsComposeLoaderCss();
@@ -43,7 +43,7 @@ function attachAllTooltips(root) {
     });
 }
-const lsDocumentOptionsCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.template-details{display:flex;flex-direction:column;gap:0.75rem}.template-detail-section{position:relative;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #fff)}.template-detail-section-title{color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.template-detail-section-info{color:var(--gray-70);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;width:100%}.template-title{border-radius:0.5rem;padding:0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;cursor:pointer;width:100%;margin-top:-0.125rem}.template-title:hover{background:var(--gray-10, #f7f8fa)}.column{display:flex;flex-direction:column;align-items:flex-start}.editButton{position:absolute;top:0.75rem;right:0.75rem;margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #2134dc)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsDocumentOptionsCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-template-details{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-template-detail-section{position:relative;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #fff)}.ls-dv-template-detail-section-title{color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;width:100%}.ls-dv-template-detail-section-info{color:var(--gray-70);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;width:100%}.ls-dv-template-title{border-radius:0.625rem;padding:0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;cursor:pointer;width:100%;margin-top:-0.125rem}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-column{display:flex;flex-direction:column;align-items:flex-start}.ls-dv-edit-button{position:absolute;top:0.75rem;right:0.75rem;margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #939599)}.ls-dv-edit-button:hover{color:var(--gray-80, #6f7176)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsDocumentOptions = class {
     constructor(hostRef) {
@@ -92,7 +92,7 @@ const LsDocumentOptions = class {
             const minutes = String(date.getMinutes()).padStart(2, '0');
             return `${day}/${month}/${year} at ${hours}:${minutes}`;
         }
-        return (index.h(index.Host, null, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Template Details"), index.h("p", { class: "toolbox-section-description" }, "Details and insights about the Template.")), index.h("div", { class: 'template-details' }, index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Name"), index.h("div", { class: "editButton", onClick: () => {
+        return (index.h(index.Host, null, index.h("div", { class: "ls-dv-editor-infobox" }, index.h("h2", { class: "ls-dv-toolbox-section-title" }, "Template Details"), index.h("p", { class: "ls-dv-toolbox-section-description" }, "Details and insights about the Template.")), index.h("div", { class: 'ls-dv-template-details' }, index.h("div", { class: 'ls-dv-template-detail-section ls-dv-column' }, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Name"), index.h("div", { class: "ls-dv-edit-button", onClick: () => {
                 this.editTitle = !this.editTitle;
             } }, index.h("ls-icon", { name: this.editTitle ? 'check' : 'pencil-alt', size: "1.25rem", id: "edit-name-btn", "data-tooltip": this.editTitle ? 'Save' : 'Edit Name' })), this.editTitle ? (index.h("input", { value: this.template?.title, style: { width: '100%' }, onInput: e => {
                 e.preventDefault();
@@ -100,18 +100,18 @@ const LsDocumentOptions = class {
             }, onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editTitle = false;
-            } })) : (index.h("div", { class: "template-title", onClick: () => {
+            } })) : (index.h("div", { class: "ls-dv-template-title", onClick: () => {
                 this.editTitle = !this.editTitle;
-            } }, index.h("p", null, this.template?.title)))), index.h("div", { class: 'template-detail-section' }, index.h("div", null, index.h("p", { class: "template-detail-section-title" }, "Auto Archive"), index.h("p", { class: 'template-detail-section-info' }, "After Sending the Template will be automatically archived.")), index.h("ls-toggle", { checked: this.template?.autoArchive, onValueChange: e => {
+            } }, index.h("p", null, this.template?.title)))), index.h("div", { class: 'ls-dv-template-detail-section' }, index.h("div", null, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Auto Archive"), index.h("p", { class: 'ls-dv-template-detail-section-info' }, "After Sending the Template will be automatically archived.")), index.h("ls-toggle", { checked: this.template?.autoArchive, onValueChange: e => {
                 this.alter({ autoArchive: e.detail });
-            } })), index.h("div", { class: 'template-detail-section' }, index.h("div", null, index.h("p", { class: "template-detail-section-title" }, "Lock Template"), index.h("p", { class: 'template-detail-section-info' }, "Lock Template to avoid changes being made")), index.h("ls-toggle", { checked: this.template?.locked, onValueChange: e => {
+            } })), index.h("div", { class: 'ls-dv-template-detail-section' }, index.h("div", null, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Lock Template"), index.h("p", { class: 'ls-dv-template-detail-section-info' }, "Lock Template to avoid changes being made")), index.h("ls-toggle", { checked: this.template?.locked, onValueChange: e => {
                 this.alter({ locked: e.detail });
-            } })), index.h("div", { class: 'template-detail-section' }, index.h("div", null, index.h("p", { class: "template-detail-section-title", "tooltip-data": "Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template." }, "Fixed Signature Aspect"), index.h("p", { class: 'template-detail-section-info' }, "Fixes the aspect ratio of all signatures on the document")), index.h("ls-toggle", { checked: this.template?.fixSignatureScale, onValueChange: e => {
+            } })), index.h("div", { class: 'ls-dv-template-detail-section' }, index.h("div", null, index.h("p", { class: "ls-dv-template-detail-section-title", "tooltip-data": "Fixes the aspect ratio of all signatures on the document. This allows Participants to re-use the same signature throughout the signing process. If this setting is turned on after several signature fields have been placed, fields will automatically re-size to match the aspect ratio of the first signature on the Template." }, "Fixed Signature Aspect"), index.h("p", { class: 'ls-dv-template-detail-section-info' }, "Fixes the aspect ratio of all signatures on the document")), index.h("ls-toggle", { checked: this.template?.fixSignatureScale, onValueChange: e => {
                 this.alter({ fixSignatureScale: e.detail });
-            } })), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Document Retention (Days)"), index.h("p", null, index.h("input", { value: this.template?.documentRetentionDays, style: { width: '100%' }, type: 'number', onInput: e => {
+            } })), index.h("div", { class: 'ls-dv-template-detail-section ls-dv-column' }, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Document Retention (Days)"), index.h("p", null, index.h("input", { value: this.template?.documentRetentionDays, style: { width: '100%' }, type: 'number', onInput: e => {
                 e.preventDefault();
                 this.alter({ documentRetentionDays: e.target.value });
-            } }))), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Pages"), index.h("p", null, this.template?.pageCount)), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Date Created"), " ", index.h("p", null, formatDate(this.template?.created))), index.h("div", { class: 'template-detail-section column' }, index.h("p", { class: "template-detail-section-title" }, "Created By"), " ", index.h("p", null, this.template?.createdBy))), index.h("slot", null), index.h("ls-tooltip", { id: "ls-tooltip-master" })));
+            } }))), index.h("div", { class: 'ls-dv-template-detail-section ls-dv-column' }, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Pages"), index.h("p", null, this.template?.pageCount)), index.h("div", { class: 'ls-dv-template-detail-section ls-dv-column' }, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Date Created"), " ", index.h("p", null, formatDate(this.template?.created))), index.h("div", { class: 'ls-dv-template-detail-section ls-dv-column' }, index.h("p", { class: "ls-dv-template-detail-section-title" }, "Created By"), " ", index.h("p", null, this.template?.createdBy))), index.h("slot", null), index.h("ls-tooltip", { id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "template": ["selectedHandler"]
@@ -8858,7 +8858,7 @@ async function node_utils_fetchData(url) {
 class NodeFilterFactory extends BaseFilterFactory {}
 class NodeCanvasFactory extends BaseCanvasFactory {
   _createCanvas(width, height) {
-    const require$1 = process.getBuiltinModule("module").createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ls-compose-loader.ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.cjs.js', document.baseURI).href)));
+    const require$1 = process.getBuiltinModule("module").createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ls-compose-loader.ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-left-bar.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.cjs.js', document.baseURI).href)));
     const canvas = require$1("@napi-rs/canvas");
     return canvas.createCanvas(width, height);
   }
@@ -15884,7 +15884,7 @@ class InternalRenderTask {
     }
   }
 }
-const version$1 = "5.4.449";
+const version$2 = "5.4.449";
 const build = "f44e5f0e6";
@@ -26083,7 +26083,7 @@ globalThis.pdfjsLib = {
   updateUrlHash: updateUrlHash$1,
   Util: Util$1,
   VerbosityLevel: VerbosityLevel,
-  version: version$1,
+  version: version$2,
   XfaLayer: XfaLayer$1
 };
@@ -26136,7 +26136,7 @@ const {
   TextLayer,
   updateUrlHash,
   Util,
-  version,
+  version: version$1,
   XfaLayer
 } = globalThis.pdfjsLib;
@@ -33474,8 +33474,8 @@ class PDFViewer {
   #viewerAlert = null;
   constructor(options) {
     const viewerVersion = "5.4.449";
-    if (version !== viewerVersion) {
-      throw new Error(`The API version "${version}" does not match the Viewer version "${viewerVersion}".`);
+    if (version$1 !== viewerVersion) {
+      throw new Error(`The API version "${version$1}" does not match the Viewer version "${viewerVersion}".`);
     }
     this.container = options.container;
     this.viewer = options.viewer || options.container.firstElementChild;
@@ -40321,7 +40321,7 @@ async function checkWitness(defaultExperience) {
     await Promise.all(witActions);
 }
-const lsDocumentViewerCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.left-slot-wrapper{position:fixed;top:0.375rem;left:0.675rem;z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.right-slot-wrapper{position:fixed;top:0.375rem;right:0.675rem;z-index:2000}.validation-tag-wrapper{position:fixed;top:0.375rem;right:0.375rem;z-index:2000}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.leftBox{position:relative;border-radius:1rem;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;max-height:100%;z-index:1000;left:0;top:0}.left-box-inner{position:relative;display:flex;height:100%;padding:0.75rem;gap:0.75rem}.rightBox{border:1px gray solid;width:29.375rem;min-width:24.375rem;padding:0.25rem;font-family:inherit}.toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.custom-loader-slot{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3999}.recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.prevButton{position:relative;bottom:1.875rem}.nextButton{position:relative;bottom:1.875rem}.fieldBox{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.hidden{visibility:hidden;display:none;width:0px}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.fields-box{display:flex;flex-direction:column;gap:0.75rem}.page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.field-properties-outer{position:relative;height:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsDocumentViewerCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:host{display:flex;flex-direction:row;width:100vw;height:100vh;margin:0px;padding:0px}.ls-dv-left-slot-wrapper{position:fixed;top:0.375rem;left:0.675rem;z-index:2000}slot{justify-content:center;align-items:center;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content;background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-right-slot-wrapper{position:fixed;top:0.375rem;right:0.675rem;z-index:2000}.ls-dv-validation-tag-wrapper{position:absolute;top:0.375rem;right:0.375rem;z-index:2000}.ls-dv-custom-loader-slot{position:absolute;top:0;left:0;height:100%;width:100%;z-index:3999}#pdf-canvas{top:0px;left:0px;width:6.25rem;height:6.25rem;box-shadow:0 0.5rem 2rem 0 rgba(0, 0, 0, 0.12)}#ls-mid-area{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:100vw;height:100%}.ls-dv-document-frame-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;overflow:visible;max-height:100%;width:100vw;overflow:scroll;padding:5rem 23.75rem 2rem 23.75rem}#ls-document-frame{position:relative;height:98vh;margin-right:auto;margin-left:auto}.ls-dv-prev-button{position:relative;bottom:1.875rem}.ls-dv-next-button{position:relative;bottom:1.875rem}.ls-dv-field-box{z-index:1000}#ls-box-selector{position:absolute;visibility:hidden;background-color:transparent;border:1px rgba(71, 71, 71, 0.716) dashed}#ls-editor-form{display:flex;width:100vw;height:calc(100vh - 2.25rem);position:relative;background:var(--gray-10, #f7f8fa);box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.04) inset, 0 10px 15px 0 rgba(0, 0, 0, 0.04) inset}.ls-dv-hidden{visibility:hidden;display:none;width:0px}.ls-dv-page-header{display:flex;height:2.25rem;gap:0.5rem;padding:0.25rem 0.75rem;justify-content:center;align-items:center}.ls-dv-header-text-1{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem}.ls-dv-header-text-2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:400;line-height:1.25rem}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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)}`;
 GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@5.4.449/build/pdf.worker.min.mjs`;
 const LsDocumentViewer = class {
@@ -40411,6 +40411,7 @@ const LsDocumentViewer = class {
     fontFamily = 'arial';
     selected = [];
     isLoading = true;
+    selectedDataItems = [];
     fieldTypeSelected = {
         label: 'Signature',
         formElementType: 'signature',
@@ -40546,22 +40547,6 @@ const LsDocumentViewer = class {
     updateSigner(event) {
         if (event.detail) {
             this.signer = event.detail;
-            try {
-                const leftBox = this.component.shadowRoot?.getElementById('ls-recipient-manager');
-                if (leftBox) {
-                    const recipientsBox = leftBox.querySelector('.recipients-box');
-                    const card = recipientsBox?.querySelector(`ls-recipient-card[data-signer-index="${event.detail}"]`);
-                    if (card && recipientsBox) {
-                        recipientsBox.scrollTo({
-                            top: 0,
-                            behavior: 'smooth',
-                        });
-                    }
-                }
-            }
-            catch (e) {
-                // fail silently
-            }
         }
     }
     // Send selection changes to bars and panels if in use.
@@ -40576,13 +40561,12 @@ const LsDocumentViewer = class {
         if (toolbar) {
             toolbar.dataItem = event.detail;
         }
-        var propPanel = this.component.shadowRoot.getElementById('my-field-panel');
         if (event.detail.length === 0) {
             this.selected = [];
         }
         else {
             console.log(event.detail, 'selected');
-            propPanel.dataItem = event.detail;
+            this.selectedDataItems = event.detail;
         }
         // change style of selected fields
         event.detail.forEach(fc => {
@@ -40703,14 +40687,16 @@ const LsDocumentViewer = class {
      * Render the page based on pageNumber
      * {number} pageNumber
      */
+    RENDER_SCALE = 2;
     renderPage(pageNumber) {
         this.isPageRendering = true;
         if (this.pdfDocument !== undefined && this.pdfDocument !== null) {
             this.pdfDocument.getPage(pageNumber).then((page) => {
-                const viewport = page.getViewport({ scale: this.zoom });
+                const viewport = page.getViewport({ scale: this.zoom * this.RENDER_SCALE });
                 this.canvas.height = Math.floor(viewport.height);
                 this.canvas.width = Math.floor(viewport.width);
-                // Render PDF page into canvas context
+                this.canvas.style.width = Math.floor(this.pageDimensions[this.pageNum - 1].width * this.zoom) + 'px';
+                this.canvas.style.height = Math.floor(this.pageDimensions[this.pageNum - 1].height * this.zoom) + 'px';
                 const renderContext = {
                     canvasContext: this.ctx,
                     viewport,
@@ -40833,7 +40819,7 @@ const LsDocumentViewer = class {
     showPageFields(page) {
         const fields = this.component.shadowRoot.querySelectorAll('ls-editor-field');
         Array.from(fields).forEach(fx => {
-            fx.className = fx.dataItem.page === page ? '' : 'hidden';
+            fx.className = fx.dataItem.page === page ? '' : 'ls-dv-hidden';
             // Find assignee for this field
             const data = fx.dataItem;
             const assignee = this.mode === 'compose' ? this._recipients?.find(r => r.signerIndex === data.signer) : this._template.roles.find(r => r.signerIndex === data.signer);
@@ -40891,25 +40877,16 @@ const LsDocumentViewer = class {
     }
     componentDidLoad() {
         attachAllTooltips(this.component.shadowRoot);
-        const leftBox = this.component.shadowRoot.getElementById('ls-left-box');
-        if (leftBox) {
-            leftBox.addEventListener('mousedown', e => {
-                e.stopPropagation();
-            });
-            leftBox.addEventListener('mouseup', e => {
-                e.stopPropagation();
-            });
-            leftBox.addEventListener('mousemove', e => {
-                e.stopPropagation();
-            });
-        }
+    }
+    handleManagerChange(manager) {
+        this.manager = manager;
     }
     showTool(fieldFormType) {
         return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
     }
     /// Check if the current signer has a role of the specified type
     checkType(type) {
-        if (this.mode === "compose" && this._recipients) {
+        if (this.mode === 'compose' && this._recipients) {
             return this._recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;
         }
         else if (this._template) {
@@ -40919,25 +40896,9 @@ const LsDocumentViewer = class {
             return false;
     }
     render() {
-        return (index.h(index.Host, { key: '6ae6febc377179b3044510f14e11b65e11e94e51' }, index.h(index.h.Fragment, null, this.isLoading && (index.h(index.h.Fragment, null, index.h("ls-page-loader", { key: '8cbb1fbbcd253b58e91d62a401c2de56fcd9b17e' }), index.h("div", { key: 'efd6deb080632a899782d9b554c8a9be9c13e90b', class: 'custom-loader-slot' }, index.h("slot", { key: 'cfe9b22b53426c93818873b70f75074e9acc9eba', name: 'custom-loader' })), this.mode === 'compose' && index.h("ls-compose-loader", { key: 'c75d4d34c384b91e37b1a9b61d2851df5747ef15' }))), index.h("div", { key: '1e9619ad9eedbd09e6a695a46049b1e372e2cdf6', class: "page-header" }, index.h("div", { key: 'e49fa3a73955fc2df6c7e8e2bf146013c9fdea2a', class: 'left-slot-wrapper' }, index.h("slot", { key: '921fd1139da00e9efc48623d17923c1d621919da', name: "left-button" })), index.h("div", { key: '2d7566a49420bc2d9982dc2caba65b36322b73d2', class: 'right-slot-wrapper' }, index.h("slot", { key: '650d4074491e3133615c0b7d79c4052efcfc618b', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: '4df3d2a06766c7256e9408b54c26576a44bc8924' }, index.h("span", { key: '8ca76097e8764eb477363be3411684cde72c5328', class: "header-text-1" }, "Template Creation"), index.h("span", { key: '93028d32cc544c7e0569d5743efea0fea9d576ce' }, "/"), index.h("span", { key: '13589b4f7e49d5a12aa45e6cc492d21b5dee39e5', class: "header-text-2" }, this._template?.title))), this.mode === 'compose' && (index.h("div", { key: '522d1d78906f233bf59c985c930e78cc949ad4c1', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, index.h("slot", { key: '433495bb45bdc18cbbb1c66675095d749a2213e5', name: "top-bar" })))), this.mode === 'editor' && (index.h("div", { key: '9d4f849e0c5c68fadc5b98f0c8f86f22713d759b', class: 'validation-tag-wrapper' }, index.h("ls-validation-tag", { key: '4cc1a1012574148bf64be8170ce0a6e9fac66a7e', validationErrors: this.validationErrors }))), index.h("form", { key: '2beaacb5234aa918fdc5e22ad90156f1b5b09c7f', id: "ls-editor-form" }, this.mode !== 'preview' ? (index.h("div", { id: "ls-left-box", class: "leftBox", style: this.mode === 'compose' ? { borderRadius: '1.75rem' } : {} }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'left-box-inner' : 'hidden' }, this.mode === 'editor' && (index.h("ls-feature-column", { mode: this.mode, onManage: manager => {
-                if (manager.detail === 'document') {
-                    var documentManager = this.component.shadowRoot.getElementById('ls-document-options');
-                    documentManager.template = this._template;
-                }
-                else if (manager.detail === 'participant') {
-                    var participantManager = this.component.shadowRoot.getElementById('ls-participant-manager');
-                    participantManager.template = this._template;
-                }
-                else if (manager.detail === 'validation') {
-                    var validationManager = this.component.shadowRoot.getElementById('ls-validation-manager');
-                    validationManager.validationErrors = this.validationErrors;
-                }
-                this.manager = manager.detail;
-            } })), index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'toolbox' : 'hidden' }, index.h("div", { class: "ls-editor-infobox" }, index.h("h2", { class: "toolbox-section-title" }, "Fields"), index.h("p", { class: "toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), index.h("div", { class: "fields-box" }, (this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER')) && (index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 25, defaultWidth: 97, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 25, defaultWidth: 97, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 16, defaultWidth: 150, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: "Signing Date", defaultHeight: 16, defaultWidth: 100, validation: 32, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: "Date", defaultHeight: 16, defaultWidth: 100, validation: 4, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: "Email", defaultHeight: 16, defaultWidth: 150, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (index.h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 25, defaultWidth: 70, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: "Number", defaultHeight: 16, defaultWidth: 150, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: "Dropdown", defaultHeight: 16, defaultWidth: 100, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: "Checkbox", defaultHeight: 16, defaultWidth: 16, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: "Regex", defaultHeight: 16, defaultWidth: 150, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: "Image", defaultHeight: 16, defaultWidth: 100, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: "File", defaultHeight: 16, defaultWidth: 100, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'toolbox' : 'hidden', editor: this }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'toolbox' : 'hidden' }), index.h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'toolbox' : 'hidden' }), index.h("ls-recipient-manager", { id: "ls-recipient-manager", class: this.manager === 'recipient' ? 'compose-toolbox' : 'hidden' }, index.h("div", { class: 'scroll-gradient-top' }), index.h("div", { class: 'scroll-gradient-bottom' }), index.h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), index.h("div", { class: 'recipients-box' }, this._recipients &&
-            this._recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))), index.h("slot", { name: "recipient-panel" }))), !this.displayTable && (index.h("div", { class: this.selected.length > 0 ? 'field-properties-outer' : 'hidden' }, index.h("div", { class: 'properties-header' }, index.h("div", { class: 'properties-header-icon' }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: 'properties-header-title' }, "Field Properties"), index.h("button", { class: 'tertiaryGrey', onClick: e => {
+        return (index.h(index.Host, { key: '02da3c452cfeb24a4ad8479d071ad3d5a20be6e0' }, index.h(index.h.Fragment, null, this.isLoading && (index.h(index.h.Fragment, null, index.h("ls-page-loader", { key: 'fee68d81c0ed812b4be117137978874e831391a6' }), index.h("div", { key: 'be3cf89474cde9f3483476a42ec099f6dccb7da0', class: 'ls-dv-custom-loader-slot' }, index.h("slot", { key: 'afa88745a03c7b4f0d09edbf752366091f06fbb0', name: "custom-loader" })), this.mode === 'compose' && index.h("ls-compose-loader", { key: 'ed3bf0da3873932607875904c602ce6acc8c13e8' }))), index.h("div", { key: 'd369df97ed79e78b29a890b24756cc72e2c576e5', class: "ls-dv-page-header" }, index.h("div", { key: '1836c3d96971e3555e5c7db2668a564ee603a488', class: 'ls-dv-left-slot-wrapper' }, index.h("slot", { key: 'f6f4c4047518b9e325b4a8b8965176c362fae3e4', name: "left-button" })), index.h("div", { key: '2484fb083b507e830c7642adae27840ca70eb641', class: 'ls-dv-right-slot-wrapper' }, index.h("slot", { key: 'f6c17eea7106d75517dbef34ced68e424335287b', name: "right-button" })), this.mode === 'editor' && (index.h("div", { key: 'ed30a792545b418ab323d3c6ef05acb652ad4c53' }, index.h("span", { key: 'd6f128f8c0ed1d17075bb5d451cfbac4c2dae3dd', class: "ls-dv-header-text-1" }, "Template Creation"), index.h("span", { key: '24b58673f06946a13a19184879608a961c40bf3c' }, "/"), index.h("span", { key: '0ee1f52dab005d35622d518030d98f551ee16b3a', class: "ls-dv-header-text-2" }, this._template?.title), index.h("div", { key: 'd34d25338ae0c0dc10f85a8742dd9180029c0676', class: 'ls-dv-validation-tag-wrapper' }, index.h("ls-validation-tag", { key: '554d7a84279c909e23bab720e7e07612de8a123f', validationErrors: this.validationErrors })))), this.mode === 'compose' && (index.h("div", { key: 'd88148ab87e64f987f37070972f176fcbf7cb723', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, index.h("slot", { key: 'e660b065f829e81f76f4679de972ae5901b7421f', name: "top-bar" })))), index.h("form", { key: 'fcd21d3f8584cc1d89452a2b5152b35e2cbe4cf5', id: "ls-editor-form" }, index.h("ls-left-bar", { key: '7dc6296656e27c6dda8a8a36df5c719a2e8a34f6', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
                 this.selected = [];
-                e.preventDefault();
-            }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel" }))))) : (index.h(index.h.Fragment, null)), index.h("ls-toolbar", { key: 'd090d6e7e460c463b4b3e097ebbd21dec78b866a', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), index.h("div", { key: '885f4358c2c18fbcef12e35ab708c58597185aab', id: "ls-mid-area" }, index.h("div", { key: '351beda3b33a687b042204f3f6c3dfb9de4a1b3a', class: 'document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'de9da8fe829e576186a1d72fe7511fc93c6dc0db', id: "ls-document-frame" }, index.h("canvas", { key: '69b7d9a5b000626a3ee38e9b8d85dcc2ce0244af', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'hidden' : '' }), index.h("ls-editor-table", { key: '86d8080c6868b3ef36e37f8c7e4ea33f50f97b9c', editor: this, class: this.displayTable ? '' : 'hidden' }), index.h("div", { key: '7c1d69b409c91c347849923f0928500c679a2ae2', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: '344ff9e9f823b779365cc81703bd79e7d008a064', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '3eec36b27885c5ecd4c54d6fa3716b1cadcc1774', id: "ls-tooltip-master" })));
+            } }, index.h("slot", { key: '7930f988674b6f725dc2e817b216cd39da898d51', name: "recipient-panel", slot: "recipient-panel" })), index.h("ls-toolbar", { key: 'a0afc22d546f1c10241805c8c91d1bf2637488ba', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode }), index.h("div", { key: '7f345e4965e464ff7b1d57c542a6c7b8ef21c453', id: "ls-mid-area" }, index.h("div", { key: '2e29144820b0ea4d56403d25d872da076f365dcf', class: 'ls-dv-document-frame-wrapper', id: "document-frame-wrapper" }, index.h("div", { key: 'b641631ee3ab558a501be1746d6026429b42a36e', id: "ls-document-frame" }, index.h("canvas", { key: 'c8a792c723f9a63849886d1aff2e81495c992b95', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), index.h("ls-editor-table", { key: 'f6ce169f1d48721bbfa2e20946b9f5f56b8b06eb', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), index.h("div", { key: 'a83fd68cba81fd9c65bab731955004c5229efd45', id: "ls-box-selector" }))), index.h("ls-statusbar", { key: '37aec8475d024dd8127b37aee6f6f31681e9a4d2', editor: this, page: this.pageNum, pageCount: this.pageCount })))), index.h("ls-tooltip", { key: '7c8ed1007f10c52aec943c005e7c1671397ac9a7', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "mode": ["modeHandler"],
@@ -41162,7 +41123,7 @@ const defaultRolePalette = [
 ];
 // export const defaultRolePalette: string[] = ['gray', 'blue', 'green', 'yellow', 'purple', 'teal', 'pink', 'lime', 'red', 'lightblue', 'aubergine', 'burnt', 'trueGreen', 'indigo', 'cyan'];
-const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.required-icon{color:var(--red-60, #f64a44)}.x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #3a3a3a);border-radius:50%;top:0;right:0}.x-button:hover{background:var(--gray-90, #1c1c1c)}`;
+const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-dv-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.ls-dv-hidden-field{display:none}input{all:unset}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #3a3a3a);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #1c1c1c)}`;
 const LsEditorField = class {
     constructor(hostRef) {
@@ -41240,7 +41201,7 @@ const LsEditorField = class {
         const editbox = this.component.shadowRoot.getElementById('editing-input');
         console.log(this.dataItem);
         if (editbox) {
-            editbox.className = 'ls-editor-field-editable';
+            editbox.className = 'ls-dv-editor-field-editable';
             editbox.focus();
         }
         e.preventDefault();
@@ -41316,28 +41277,29 @@ const LsEditorField = class {
             ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
             : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };
         const zoomValue = parseFloat(this.zoom) || 1;
-        return (index.h(index.Host, { key: 'fd381ad027bec3dbf4fbad2e2a7b5a87c087e53d', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '688ec019eb9f182db8e1c698a9ec20ae64c100fc', class: {
+        const topOffest = (this.dataItem.height ?? 1) + 4;
+        return (index.h(index.Host, { key: '951e7dadb7cec0cbb4e307bba35c19704c1041f4', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '4c7e130e07c410f561ad462423e6afc9d5adfcf0', class: {
                 'ls-editor-field': true,
                 'is-selected': this.selected,
-            } }, !this.dataItem?.optional && (index.h("ls-icon", { key: '190e08f3caa6e29bc5dba780d4492e677e845473', name: "required", size: `${0.75 * zoomValue}rem`, class: "required-icon", customStyle: {
+            } }, !this.dataItem?.optional && (index.h("ls-icon", { key: '7e6530d6499682d176be6694f3143157e5c674aa', name: "required", size: `${0.75 * zoomValue}rem`, class: "ls-dv-required-icon", customStyle: {
                 position: 'absolute',
                 verticalAlign: 'top',
                 top: `${0.125 * zoomValue}rem`,
                 right: `${0.125 * zoomValue}rem`,
                 lineHeight: `${0.75 * zoomValue}rem`,
                 fontSize: `${0.75 * zoomValue}rem`,
-            } })), index.h("input", { key: 'af8b7367f0c29fcdcffc613c0674b94ec86732fc', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), index.h("div", { key: '37335181e2e1f5169fb5ddcc2a8ae88ad973ce53', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (index.h("div", { key: 'df27c26d5a22d96e94614093dca55ec4c08154fe', style: {
+            } })), index.h("input", { key: '5916cff9b2bfe7f3c9e811ec9680e7c4fbbd055b', id: "editing-input", class: this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), index.h("div", { key: 'e2e3eb647bc467235c5ccad04f9a7ce9041f3e90', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (index.h("div", { key: 'bab57529ec9f3c3b06370d31a3b5551f1e0f7ba4', style: {
                 position: 'absolute',
                 background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
                 color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
                 borderRadius: `${0.25 * zoomValue}rem`,
                 padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,
-                top: `-${1.375 * zoomValue}rem`,
+                top: `-${topOffest * zoomValue}px`,
                 fontWeight: '500',
                 left: `-${2 * zoomValue}px`,
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (index.h("p", { key: '960693a806d12be196f574f80e34065448c13db3', style: {
+            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (index.h("p", { key: 'e193c4a70cf71d6c5219580a4829c6f233dd6086', style: {
                 position: 'absolute',
                 color: 'var(--gray-80, #3a3a3a)',
                 bottom: `-${1.75 * zoomValue}rem`,
@@ -41346,7 +41308,7 @@ const LsEditorField = class {
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
                 fontFamily: 'sans-serif',
-            } }, "Assigned to: ", this.assignee)), this.floatingActive && (index.h("button", { key: '1b208580b2455dc24cafdf662fd28b5a7be404d4', class: 'x-button', style: {
+            } }, "Assigned to: ", this.assignee)), this.floatingActive && (index.h("button", { key: 'cefe58433a76e63fbc6c3df4781278f4f412a7e8', class: 'ls-dv-x-button', style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -41354,7 +41316,7 @@ const LsEditorField = class {
                 height: `${0.875 * zoomValue}rem`,
                 lineHeight: `${0.75 * zoomValue}rem`,
                 fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, index.h("ls-icon", { key: '7873473ab4367d99738a96407dcf36eace85b921', name: "x", size: `${0.75 * zoomValue}rem` }))))));
+            }, onClick: () => this.deleteField() }, index.h("ls-icon", { key: 'b26a627bf47006d6d5bd3cd090e6bd6328ab9713', name: "x", size: `${0.75 * zoomValue}rem` }))))));
     }
     static get watchers() { return {
         "selected": ["watchSelectedHandler"]
@@ -41391,12 +41353,12 @@ const LsEditorTable = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '62eba1704cec8c4362c638ba81ee3df58ecc0052' }, index.h("table", { key: '053e3f3cc0a416e176d211f0bdf46494f229d28e', id: "ls-editor-table" }), index.h("slot", { key: '62394f5fb50731745f30eea25963fdf86546f2dc' })));
+        return (index.h(index.Host, { key: '0327f80fdc1e60ecf70f350982cbcd14d2a96d2e' }, index.h("table", { key: 'fda39b921dc4df4f8d8354a780be57cb51a07948', id: "ls-editor-table" }), index.h("slot", { key: '8a5d01de9f64d0dd1afbd3a47fce13d315779e3a' })));
     }
 };
 LsEditorTable.style = lsEditorTableCss();
-const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.5rem}.activeIcon,.defaultIcon{padding:0.75rem;border-radius:0.75rem;color:var(--gray-80, #787A80)}.defaultIcon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.activeIcon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.hidden{display:none}`;
+const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.75rem;padding:0.25rem}.ls-dv-active-icon,.ls-dv-default-icon{padding:0.75rem;border-radius:1rem;color:var(--gray-80, #787A80)}.ls-dv-default-icon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.ls-dv-active-icon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.ls-dv-hidden{display:none}`;
 const LsFeatureColoumn = class {
     constructor(hostRef) {
@@ -41420,27 +41382,27 @@ const LsFeatureColoumn = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '33077f49a48b41e99a051489b7e38bba0c1055fb' }, index.h("div", { key: '24d0d75107f8f5af63f1780cbc714d520ded48c0', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+        return (index.h(index.Host, { key: 'dbdc43beaadbc40c67cd015772a0eb5e48c1a5d0' }, index.h("div", { key: '05276cdd8b216de6a250dc564e4f3c6902f4696c', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('document');
                 this.manager = 'document';
-            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '742239492ae8ee1456e1a497533f46186038a16a', name: "document", size: "1.5rem" })), index.h("div", { key: '032e00ce45de619401ee6fb4b572c450495fb52e', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: 'ef4f5c751751bd30f64630439aa12825e04a8888', name: "document", size: "1.5rem" })), index.h("div", { key: 'b70362f897fff72d951d5186a021ccaba4c3ca30', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('toolbox');
                 this.manager = 'toolbox';
-            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: 'f2de1508d1d3287c19b9b9c1d1bbc63eff986b2f', name: "typing-input", size: "1.5rem" })), index.h("div", { key: 'bc4134d30db2f53752cf43267405454af4463ec2', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '267bc9fcfc46b228dbdd6c19c4c4ac996a95fe5a', name: "typing-input", size: "1.5rem" })), index.h("div", { key: '3c3e78ab0bb22256fc3c591d7f530713e2568b34', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('participant');
                 this.manager = 'participant';
-            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '60f66117659c06b6fdd22ea32745c760658e1bb3', name: "user-group", size: "1.5rem" })), index.h("div", { key: '07f204eddf552e76a833bdd7b177e20a26131d52', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '0cbf3ba3151c0fd1f819c6b9cac15d0a34424758', name: "user-group", size: "1.5rem" })), index.h("div", { key: 'a39ba561bf22f8b379bc1c1d36872842b1d28bbc', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('recipient');
                 this.manager = 'recipient';
-            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '4e48b1db1489a97e3aebb33f7eb6ab33fae6fc00', name: "user-group", size: "1.5rem" })), index.h("div", { key: 'a356442d761cd5cb0ce8ef86c422fa6511859555', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '6b22267ed70679e77b7030e4830e2ea24848b082', name: "user-group", size: "1.5rem" })), index.h("div", { key: 'f5cc74a514443943083953c5f74676a638b574ac', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('validation');
                 this.manager = 'validation';
-            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '39521b7437d9200d969e2f4b4853d4031883cf01', name: "adjustments", size: "1.5rem" })), index.h("slot", { key: '2c2189997b71ea9563f9eeabaf47c53cef61226f' }), index.h("ls-tooltip", { key: '5605403b0d099df3f47d1911d3c6fafd761dbdaf', id: "ls-tooltip-master" })));
+            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, index.h("ls-icon", { key: 'e5ab245d718d941a7726135b16ca21fc46933ea4', name: "adjustments", size: "1.5rem" })), index.h("slot", { key: '30b75122dfe144c9ecf2fc99f096279d8413daea' }), index.h("ls-tooltip", { key: '095277d40bbda21469e4a02e518506d6b9eb9e43', id: "ls-tooltip-master" })));
     }
 };
 LsFeatureColoumn.style = lsFeatureColumnCss();
-const lsFieldAlignmentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldAlignmentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldAlignment = class {
     constructor(hostRef) {
@@ -41562,9 +41524,9 @@ const LsFieldAlignment = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '9d73aa3ec638f1d9ca202302766a0ce96cfa1961' }, index.h("div", { key: 'd6e2533ed5283265584be5102aef89065392398a', class: 'ls-field-properties-section' }, index.h("div", { key: 'b500273a0ddef61c1be43bce9b20bda41d124095', class: 'ls-field-properties-section-text' }, index.h("p", { key: '21370d64d1ee4c7b2869a465ef912914b843be61', class: 'ls-field-properties-section-title' }, "Alignment"), index.h("p", { key: 'ceaff71614ec52960d0c1d9372ae2370260ce2c2', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), index.h("div", { key: '77b343f728fe0984cddbd08d552d4b3bd573bab2', class: 'multi-button-group-row' }, index.h("div", { key: 'a19e2bd1beefe572388ce4cf589a66b08754e50a', class: 'button-group' }, index.h("button", { key: 'f3bf46b745f9f55ed20de8ab7f02e9c451b3398e', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, index.h("ls-icon", { key: '121e6f2dd394767a3ece5b7606c45d2a0297e795', name: "field-alignment-left" })), index.h("button", { key: '8b53ab0fcddf51a4d5445957b77c66a17200eca7', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, index.h("ls-icon", { key: 'c33b55a7c6d208a8f1dc084fbc24f3bb434dc931', name: "field-alignment-centre" })), index.h("button", { key: '38bea53ca681153450e23d57a6c98e386c6e95e2', onClick: () => {
+        return (index.h(index.Host, { key: '6e63b166e7a39ef44bbd9f87a3ca0becb555f1d5' }, index.h("div", { key: '22f543a54b11dbe3aa20951131efb461339cc322', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '2efa07f5b1225dbf9adee0680722103e8ff54629', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '4c4db9031789be1208becaf038ab8432cad7af9d', class: 'ls-dv-field-properties-section-title' }, "Alignment"), index.h("p", { key: 'efcc3d20f12b0057fe2aa82f48f6a4aae1c339c5', class: 'ls-dv-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), index.h("div", { key: '295d8cff7936bcbc9f45c2d6a4655821c8195f9f', class: 'ls-dv-multi-button-group-row' }, index.h("div", { key: '229c76cb7f8933bfe7848b4d17781d738c0f4df5', class: 'ls-dv-button-group' }, index.h("button", { key: 'd403349a22f95a5b111dfea076ac705f7c7eb025', onClick: () => this.left(), "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip": "Align Left" }, index.h("ls-icon", { key: '1f09c751d4e634125dc6368c48ebd04f64a09e51', name: "field-alignment-left" })), index.h("button", { key: 'a3b24e38ae69cc075a3454ee761fb852a8bcf464', onClick: () => this.center(), "aria-label": "Align selected fields vertically about their centre.", "data-tooltip": "Align Center" }, index.h("ls-icon", { key: 'bb6d92807e7ce563549c2a3561fd87cb805b559b', name: "field-alignment-centre" })), index.h("button", { key: '5213402a713adf143c485f066aafb0aa222b58dc', onClick: () => {
                 this.right();
-            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, index.h("ls-icon", { key: '59d497131df6364f3da285abecb293538d37565b', name: "field-alignment-right" }))), index.h("div", { key: '186b3937af3c182049286a38d839c08bcbb95215', class: 'button-group' }, index.h("button", { key: 'bc97744e919279207fd7c9e7cb62191b4bd6ef8e', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, index.h("ls-icon", { key: 'dd6c3a49a4d72eb4ce97961bbbf24ced290a3a15', name: "field-alignment-top" })), index.h("button", { key: 'f494b63ded6b22ede0b2ae5756e5ceb84f16c578', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, index.h("ls-icon", { key: '54a5d253c9c24a89e457903ddd2d0c6ad0d6d525', name: "field-alignment-middle" })), index.h("button", { key: 'be282b048171a0c9715a125aca3161b46be6a64b', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, index.h("ls-icon", { key: '2d8e549c70f45bc7a7f120005c34aa03166f73fa', name: "field-alignment-bottom" }))))), index.h("slot", { key: '518cec7b51500250e9191c1ee613ac7b7e15133f' }), index.h("ls-tooltip", { key: '7be3f63df354be55c6c951f15cd2ea3bb5e2c058', id: "ls-tooltip-master" })));
+            }, "aria-label": "Align selected fields vertically about their right edge.", "data-tooltip": "Align Right" }, index.h("ls-icon", { key: 'c937215855aca6e2ed1645857b8f23d4409b35bb', name: "field-alignment-right" }))), index.h("div", { key: 'd50c74493e3db4e24bf594abb33e7a7d450f2fa0', class: 'ls-dv-button-group' }, index.h("button", { key: 'e816b7f5bcda5b59d0e3ceb0a35cc03146bd6275', onClick: () => this.top(), "aria-label": "Align selected fields by their top.", "data-tooltip": "Align Top" }, index.h("ls-icon", { key: '83d8adc584dae1bab443bc472b165006fdcdd34e', name: "field-alignment-top" })), index.h("button", { key: '686d82b23e8e58d052acb3058b2597522fef80bb', onClick: () => this.middle(), "aria-label": "Align selected fields by their middles.", "data-tooltip": "Align Middle" }, index.h("ls-icon", { key: 'c2c6b55f5a4acc3faba95eabe2107e6d15cd1445', name: "field-alignment-middle" })), index.h("button", { key: '277b9bc2af1f21e1ec7c0d2fb53b0064736689be', onClick: () => this.bottom(), "aria-label": "Align selected fields by their bottoms.", "data-tooltip": "Align Bottom" }, index.h("ls-icon", { key: '2399f33f3f3e2e94a4cbd64eb4cd138ac1c643c0', name: "field-alignment-bottom" }))))), index.h("slot", { key: 'a60468e8847956da10211ab73fe4053fb272bd4d' }), index.h("ls-tooltip", { key: '884a45c2600363bed6c45a1f2552101c9685d58b', id: "ls-tooltip-master" })));
     }
 };
 LsFieldAlignment.style = lsFieldAlignmentCss();
@@ -41627,7 +41589,7 @@ function getFieldPlaceholder(key) {
     return defaultFieldPlaceholders[key] || 'eg. Full Name, Address, Company Name';
 }
-const lsFieldContentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.2rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldContentCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.2rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldContent = class {
     constructor(hostRef) {
@@ -41661,14 +41623,14 @@ const LsFieldContent = class {
         return !typesWithValue.includes(this.dataItem?.formElementType);
     }
     render() {
-        return (index.h(index.Host, { key: '84b4cd2424c2bf21d6c124e58c2112244691b3bb' }, index.h("ls-props-section", { key: '0c3f39e3d550f3ab0fed7108d5f469aed25b53fc', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, index.h("ls-field-type-display", { key: '7008df918dd9462630fa477fdadee7e2427bf8f3', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), index.h("ls-props-section", { key: 'a209224b0763e85ebdb0a6baa1524b4df1451bf0', sectionTitle: "Required Field", row: true }, index.h("ls-toggle", { key: 'ce006f67d36faa8b46c34d8b94b164e191d65f30', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), index.h("ls-props-section", { key: 'fd12b61eb2268a76e9e281484f748127d1fdcc75', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, index.h("input", { key: 'd886aefa8e62fb2bb5f6a30202dc8b30ead530c8', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (index.h("ls-props-section", { key: '6b979b36db6096023bfbd30aed0a8f908571a0e4', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, index.h("input", { key: 'd197fc1494cfcb8130bf7719b1d37230cc3efdfb', value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (index.h("ls-props-section", { key: '394efdf454351a57f9eacf246d4df4fb7f4af937', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, index.h("textarea", { key: '7d17b9d1a43f9e053a232f0e27ea4119d817fcf9', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (index.h("ls-props-section", { key: 'ee8c343876e6013e6d981e03de965ded34bd85dc', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, index.h("ls-input-wrapper", { key: 'f35cd1cfc7fa8cdd3291f524711969f7f6b5fe4a', select: true }, index.h("select", { key: 'e39309e4874ea1b22f4cc0f5cec1590acc13870e', onChange: ev => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
+        return (index.h(index.Host, { key: '356a02b20f0ad376126cf93473befd844655545b' }, index.h("ls-props-section", { key: 'e3bfc131161d28fb67529134d43a31b638172ced', sectionTitle: "Field Type", sectionDescription: "The Field you currently have selected" }, index.h("ls-field-type-display", { key: 'bed8321fa3cd039b3037e249cd227283a82ed856', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), index.h("ls-props-section", { key: '9761f0106e5f5ac411f1772da553effa67fa226b', sectionTitle: "Required Field", row: true }, index.h("ls-toggle", { key: '6dc68e682f5d83e4e1fd8cb13572edc3e13e54fc', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), index.h("ls-props-section", { key: 'f7226866a02f2b359dc93a0f700ad0be18374841', sectionTitle: "Field Label", sectionDescription: "Add a label to clarify the information required from the Recipient." }, index.h("input", { key: '93f719f5fd45f85c6d464c4f145f97f8a7751a33', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (index.h("ls-props-section", { key: 'ffd36a4bc3ffb2076d9468ad795411279b24f972', sectionTitle: "Value", sectionDescription: "A prefilled value that can be altered by the signer." }, index.h("input", { key: '899d4a9a4e12505d07aca03ea28761b53632dc91', value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) }))), this.dataItem.validation === 20 && (index.h("ls-props-section", { key: 'caebc3d32826926885179763def810795fef280c', sectionTitle: "Options", sectionDescription: "Define the options available in the dropdown. One option per line." }, index.h("textarea", { key: 'c33f1a40cb9a7e62c075900834261089f84cb65a', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (index.h("ls-props-section", { key: '873f9f3d987d63504fc967040a6e00f608073f92', sectionTitle: "Content Format", sectionDescription: "Select the specific format you want the Recipient to enter." }, index.h("ls-input-wrapper", { key: 'f61df7e8c86d28f837f754c02580ff3caacba735', select: true }, index.h("select", { key: 'f15b5fd70624073c59c247da85d8f33d2d62d87d', onChange: ev => this.alter({ validation: parseInt(ev.target.value) }) }, validationTypes
             .filter(type => type.formType === this.dataItem?.formElementType)
-            .map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), index.h("slot", { key: '306b027b8ab57dca544b9160f713047f6f1cd627' })));
+            .map(type => (index.h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), index.h("slot", { key: '1a3962958637663655e3d6071ddcebe0f70a20b8' })));
     }
 };
 LsFieldContent.style = lsFieldContentCss();
-const lsFieldDimensionsCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldDimensionsCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldDimensions = class {
     constructor(hostRef) {
@@ -41713,24 +41675,24 @@ const LsFieldDimensions = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '9de482439a8d83229ad1f4d2474da66848bd4135' }, this.isMultiple(this.dataItem) && (index.h("div", { key: '3f96a3c945eb4e9e0bac7cf8bc8a9284695b1e20', class: 'ls-field-properties-section' }, index.h("div", { key: 'e60cdac824ea31a980ca79819e10cedbe5e479c2', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'e75fde33cb5cf0c92e5e20272ed73413a52fd078', class: 'ls-field-properties-section-title' }, "Height and Width"), index.h("p", { key: '55b46c147b593b18dabbab0743b2b3dbe5b90b05', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), index.h("div", { key: 'f6ab9787013674fa5d83e513e905deaafc7cd12d', class: 'input-row' }, index.h("div", { key: 'd358ad54b4b6ba488045c352da74ec5d6d1f00fa', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, index.h("ls-icon", { key: '3ebc2d56b15f7e918be1e38d510976702d66d94f', id: "selectLeadingIcon", name: "field-match-width" }), index.h("input", { key: '8f6a46c7a1f9bcf9281335195362e7b394c3cf85', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), index.h("div", { key: 'cc6dcba3583b1687511729734187ec160ec3f449', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, index.h("ls-icon", { key: '7bd5cc4c16314b814a313a4a3e001d56214c780c', id: "selectLeadingIcon", name: "field-match-height" }), index.h("input", { key: '23b90d547a94a48713df7b417c0bab05cb4321b9', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (index.h("div", { key: 'a93828b8595611de72eab7e6d2a1767126f8e046', class: 'field-set' }, index.h("div", { key: '403bd0b1c1ad016a417deeb800c3e3983497198f', class: 'ls-field-properties-section' }, index.h("div", { key: '604c6db999666b40acc65ad2deb5b30df6a5595e', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'c70a0fdbee0b11f2dba95664c4cf06ac535dbd42', class: 'ls-field-properties-section-title' }, "Height and Width"), index.h("p", { key: '2515255db59d356b883a6247f82713eb1f2536d5', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), index.h("div", { key: '97e95e19d1bff0570c97d7490ae5f812c3ff5c3c', class: 'input-row' }, index.h("div", { key: 'adb3fd58245db2721226fa3c29b679b0b7ee3360', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, index.h("ls-icon", { key: '00155a5825ab4ec64fde28a9581713fca06c79c0', id: "selectLeadingIcon", name: "field-match-width" }), index.h("input", { key: '6e75897facaa0e321186f7db4d9229a6e2ccadbb', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
+        return (index.h(index.Host, { key: '7eb3e3b5e602c917c95a0ff811030c23da570832' }, this.isMultiple(this.dataItem) && (index.h("div", { key: '79430f031844075f2b71a87de923599b1592324e', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '98fa77ee8f4a20ccd36db1c751efc21f900414ca', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '4e159df9a31d11e83df0014f5da145b3a70a9dcb', class: 'ls-dv-field-properties-section-title' }, "Height and Width"), index.h("p", { key: '15fd5846c975841acbdfa1f03606e4a4ff205a00', class: 'ls-dv-field-properties-section-description' }, "Define the height and width of one or multiple fields")), index.h("div", { key: '89a4ac3c95566d200a2717391706fc2b4ec74421', class: 'ls-dv-input-row' }, index.h("div", { key: '528fdd07a8319bae6c31736744f83119556ec11d', class: 'ls-dv-input-wrapper', "data-tooltip": "Set field width in pixels" }, index.h("ls-icon", { key: '2a0d8147314fc88d62b3478638e149eea0f8aab8', id: "selectLeadingIcon", name: "field-match-width" }), index.h("input", { key: 'b707f31df0d37b9b869c2ea9245a3473c63ead61', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), index.h("div", { key: '1420e30c96325e29d8f0ec5d04ab3a113dbf6efc', class: 'ls-dv-input-wrapper', "data-tooltip": "Set field height in pixels" }, index.h("ls-icon", { key: 'f3ad1e50ffe204adce9eabc27917ba857ced6974', id: "selectLeadingIcon", name: "field-match-height" }), index.h("input", { key: '8ee4de82b6ffb60dfaf83aba87c1e6dd630621fc', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (index.h("div", { key: '9cfe351d611ffb877bae1e1e861e363ee0ec01f4', class: 'ls-dv-field-set' }, index.h("div", { key: '0b797b76514d0be898fd1489f122ca4be09281ff', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '363f50882c72edf6fdef0b58f5b5189618d20b71', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '1e83adbc22781f8d339fc0aa8e035fe33af09e2a', class: 'ls-dv-field-properties-section-title' }, "Height and Width"), index.h("p", { key: '2b0d030f846e768d119fe0ce20855a4d02f01dda', class: 'ls-dv-field-properties-section-description' }, "Define the height and width of one or multiple fields")), index.h("div", { key: '91ba998f923019a9aa97597789f0e576f7dd1d9f', class: 'ls-dv-input-row' }, index.h("div", { key: 'b880dd4ec6e5ab3703807e640cf452d1892f1233', class: 'ls-dv-input-wrapper', "data-tooltip": "Set field width in pixels" }, index.h("ls-icon", { key: 'd46c3f93e753e71181bb7ef9654ec1a5b5bbf632', id: "selectLeadingIcon", name: "field-match-width" }), index.h("input", { key: '02d0017ca880410348a99ee51ee00aa6f534e427', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
                 const di = this.getDataItem();
                 if (parseInt(e.target.value) > di.pageDimensions.width - di.left) {
                     return;
                 }
                 this.alter({ width: e.target.value });
-            } })), index.h("div", { key: '14321a5dde4bde2623e2de5dd2be6918c5a3848e', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, index.h("ls-icon", { key: '427b1a32a388a55466c539b2d04f5fed8586bc1c', id: "selectLeadingIcon", name: "field-match-height" }), index.h("input", { key: 'fc62cc971ae24e5a974911764bee86ffa09fecbe', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
+            } })), index.h("div", { key: 'c8013f3e8d33832fbe3114ff117885691836f350', class: 'ls-dv-input-wrapper', "data-tooltip": "Set field height in pixels" }, index.h("ls-icon", { key: 'ccbdcce2048f70e956609ac785ac503f7a26b2b8', id: "selectLeadingIcon", name: "field-match-height" }), index.h("input", { key: '3c0bca982836919e7544a67c7063f8a5e56a41d4', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
                 const di = this.getDataItem();
                 if (parseInt(e.target.value) > di.pageDimensions.height - di.top) {
                     return;
                 }
                 this.alter({ height: e.target.value });
-            } })))), index.h("div", { key: 'a161d54abbb5306bb7ac70a23c05b3a2a8907b03', class: 'ls-field-properties-section' }, index.h("div", { key: 'b92189f3e9290f3a37aa7ab3224af608ef3327a8', class: 'ls-field-properties-section-text' }, index.h("p", { key: '3832b3632493654397e601512c6cb43923718f63', class: 'ls-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: '7a5653f792423f2c292ad44e19fbef14ff9a3e87', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: 'e7fcc26ac7677778b17135fb92580f0f32a261fb', class: 'button-group' }, index.h("button", { key: 'e3281e6d4e4263e155cdf0487a17252ed87ad72f', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, index.h("ls-icon", { key: '77e3c1a3c806ddd26b23741365c0fe54f62b8377', name: "field-scale" })), index.h("button", { key: '8831a5cef5f473f92c2ff3dc8a1b132f543400f7', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, index.h("ls-icon", { key: '027b5b25d4511f7d6ef7de6ab56f0152aab57f29', name: "field-match-width" })), index.h("button", { key: 'b48bb3ea06f2b19b1e4dd44aa874541f8972d33e', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, index.h("ls-icon", { key: '2d0f82a8ba08b28f1f41a194d63d13c6e88b4a93', name: "field-match-height" })))))), index.h("ls-tooltip", { key: '83ba09ae7e16df3191d9617a856e7118c74065db', id: "ls-tooltip-master" })));
+            } })))), index.h("div", { key: 'd4b3bff6d502b8dbd62cc8a014967888ca940924', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '32f5123f47386425bc528d71c3bfc1dc13852210', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '9e38c8d26d9054d4c206c08e4f283f17c14ed0aa', class: 'ls-dv-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: 'e07671c7670a76badd450f022240541cc8beee46', class: 'ls-dv-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: '85524f55541320f597f7721fef5159f2b3e260f3', class: 'ls-dv-button-group' }, index.h("button", { key: '72cc8ad05980c021eba0396661b2657e902d2ccb', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, index.h("ls-icon", { key: '8e9d2dbf62886b18c71b6c1a801928b9c612200b', name: "field-scale" })), index.h("button", { key: '917d28f92cab8f9cf345893ea33f1e0fa41034dd', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, index.h("ls-icon", { key: '167c55d9f7dc73250e9f022b910c1df10546a66c', name: "field-match-width" })), index.h("button", { key: '26c462a364f6e3aa8b47703367878643bfa197b6', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, index.h("ls-icon", { key: '6466d1f1f3fe8342fc3e1a80b611d13baee03027', name: "field-match-height" })))))), index.h("ls-tooltip", { key: 'fdf8b876ba4cd94a3668f7f8e475749919394a1b', id: "ls-tooltip-master" })));
     }
 };
 LsFieldDimensions.style = lsFieldDimensionsCss();
-const lsFieldDistributeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldDistributeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldDistribute = class {
     constructor(hostRef) {
@@ -41869,20 +41831,20 @@ const LsFieldDistribute = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: 'c6c117f4057e474082eec420fe2f238632916edc' }, index.h("div", { key: '08a34e888f05824a86455f9739a6e0c6bf9f831f', class: 'ls-field-properties-section' }, index.h("div", { key: '0fc930d5fb85b1e2b1252ca8ec4509ae545205b5', class: 'ls-field-properties-section-text' }, index.h("p", { key: '1d249e8902ec694f7322df25a5c07cdb09352d9e', class: 'ls-field-properties-section-title' }, "Distribution"), index.h("p", { key: 'e0421c4594b449861d04e7c85d6f8f26feca8030', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), index.h("div", { key: 'd9452a3336e371165e98533a332a3524a3999efd', class: 'button-group' }, index.h("button", { key: '1f11b519d02cfd32e96da8ee8e25c66fc823ebe7', onClick: () => {
+        return (index.h(index.Host, { key: '11bd81750b71c6e28d249a3df51fdb2dbcb24308' }, index.h("div", { key: 'da02183e00e85efc9121d83e7d8af5a4b767e453', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '39e111e289e34c27262755b35cd090664f4dbfee', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '552d86d5e2a21853c7064df875d7e72aeabf6b97', class: 'ls-dv-field-properties-section-title' }, "Distribution"), index.h("p", { key: '463247f11951054a756949c06dbc301d63254bba', class: 'ls-dv-field-properties-section-description' }, "Multi-select fields and evenly space them out")), index.h("div", { key: '7a20cefed50c8e99e51d0983a3aa2b61a45eb053', class: 'ls-dv-button-group' }, index.h("button", { key: '2c8f480d4aea683ef611f1587a33cbdc0d17afd0', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, index.h("ls-icon", { key: 'b8408185be09bb007b767cdf1e245b02f9ac5054', name: "field-distribute-vertically" })), index.h("button", { key: '54e2dc84afdb3bf4a5177e946351ba152c993544', onClick: () => {
+            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, index.h("ls-icon", { key: 'b7d0d23ff479f5cede000cba0c939644c5f7431f', name: "field-distribute-vertically" })), index.h("button", { key: 'd732eb937f207887995e0c5d62dddb5f4261f711', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, index.h("ls-icon", { key: 'c8f5f270697a7329eefeeff99f6d0c140726c978', name: "field-distribute-horizontally" })))), index.h("div", { key: '1b54e486c24283e49497724df091f3337054f747', class: 'ls-field-properties-section' }, index.h("div", { key: '162603eccab06c0e420fa0fecc367245ddafe00e', class: 'ls-field-properties-section-text' }, index.h("p", { key: '82a51786f2c4a8b52533b05b88419129458367bd', class: 'ls-field-properties-section-title' }, "Gap"), index.h("p", { key: 'b6743e7b80fc172684507f2be4de8317949726ec', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), index.h("div", { key: '6fe92bbb137e3ce158b374895d93c3574be43d72', class: 'input-row' }, index.h("div", { key: '468b7dd3d26a44c6c29ddece42640f21b3ae2d81', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, index.h("ls-icon", { key: '08094f44d2e01a67f5fa97f26bfcbf0bd30746b9', id: "selectLeadingIcon", name: "field-distribute-vertically" }), index.h("input", { key: '80c2fb81c7e35635ad9e99021764dc67f2365a7f', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
+            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, index.h("ls-icon", { key: 'addb4f755c1065ee3760c11cedd585da82679787', name: "field-distribute-horizontally" })))), index.h("div", { key: '2ab8ce1b0b59488d5ef381f60caf971a57134b49', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '746efc6fa4fd7807d0c3eccb8aef5a555afd24b0', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '51c4b0000ea6ecce0fdb4dd88816ec2ff04e0406', class: 'ls-dv-field-properties-section-title' }, "Gap"), index.h("p", { key: 'efa23be76e19ac9ba8e193c6b0d300ce553499e3', class: 'ls-dv-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), index.h("div", { key: '0bcb8bf50efa803c3e1ad577bd757f56f2c5173b', class: 'ls-dv-input-row' }, index.h("div", { key: '4955ee4f0b547697b8821444c2eccf2d561fcdf8', class: 'ls-dv-input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, index.h("ls-icon", { key: 'f22391c690fc73d31f581017cce31a7df3ce1c05', id: "selectLeadingIcon", name: "field-distribute-vertically" }), index.h("input", { key: 'a1d16ea8c324559d132190349957a4a93114b33c', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
                 this.gapVertical(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })), index.h("div", { key: 'bdcfaedf367e8858b79735746ff259a2d0e97f1a', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, index.h("ls-icon", { key: 'dbd8b91f93c046fd2081f5f5b5cac3286c706aa4', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), index.h("input", { key: '8b2af52b4d90e246efdc8a2dc7cdd402aae5f37c', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, min: 0, max: 9999, value: '', size: 4 })), index.h("div", { key: '0b4486bbf58df535867f935225b3ff3f94035478', class: 'ls-dv-input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, index.h("ls-icon", { key: '992109754fd022a10a5dcb3f5db701cbc5f6feb3', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), index.h("input", { key: '52b8f08e5000a6d792437494acc47bd26425341f', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
                 this.gapHorizontal(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })))), index.h("ls-tooltip", { key: '0c4fa69afe69ede7d64845d2f8bcab4b494e6000', id: "ls-tooltip-master" }), index.h("slot", { key: 'c6387611873492145b55b25915313757f24660a4' })));
+            }, min: 0, max: 9999, value: '', size: 4 })))), index.h("ls-tooltip", { key: 'c3858d14b51552447fd55a2d15102257c5b220ee', id: "ls-tooltip-master" }), index.h("slot", { key: 'e3e50fce60a7c8a46c1d0b3f0acb1b0b1781b0f7' })));
     }
 };
 LsFieldDistribute.style = lsFieldDistributeCss();
-const lsFieldFooterCss = () => `:host{display:block}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60, #f04438)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}.full-rounded{border-radius:calc(infinity * 1px)}`;
+const lsFieldFooterCss = () => `:host{display:block}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60, #f04438)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}.ls-dv-full-rounded{border-radius:calc(infinity * 1px)}`;
 const LsFieldFooter = class {
     constructor(hostRef) {
@@ -41925,12 +41887,12 @@ const LsFieldFooter = class {
         });
     };
     render() {
-        return (index.h(index.Host, { key: 'dfe11f7c062e533375d1f9bae77e306bfd628605' }, index.h("div", { key: 'bb8cc391b8e5161f125f476f9fd81f6f3edcd3ec', class: 'button-footer' }, index.h("button", { key: 'b5d1b690233ba1848a0587dc4add8dae6dc19ea7', class: 'secondary full-rounded', onClick: () => this.duplicateField() }, index.h("ls-icon", { key: 'c0fc268457fc6b73f3762023ba9aa504ac21294a', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), index.h("button", { key: 'b71c9f9a11dd7f7dd117f2d35e6d3cb03a92f819', class: 'destructive full-rounded', onClick: () => this.deleteField() }, index.h("ls-icon", { key: 'c6e4c54705434c8b26a1edb5ba2eebbd5ee84bde', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), index.h("slot", { key: 'a9a59a3b123531e522f87f89535dc7a200f91853' })));
+        return (index.h(index.Host, { key: 'd66bafa9e0c152f017511b4e87d533240ba7aef4' }, index.h("div", { key: '46c0d35c6ace824128e12ee69bc397a638ba2cfe', class: 'ls-dv-button-footer' }, index.h("button", { key: '532e1aaba7e11d85869c53532f03ea2d589632ed', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField() }, index.h("ls-icon", { key: '2c617a3bc2ebdee20bd1f3e21cdb7cf629c65578', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), index.h("button", { key: 'c4d10ed871a70397249df38140211020a37a6752', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField() }, index.h("ls-icon", { key: 'b09b1c918d5c895f8c4288fb8cda511a2e2ee162', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), index.h("slot", { key: '18add7a77c8d12e1b5472da261fe0e9886e599b0' })));
     }
 };
 LsFieldFooter.style = lsFieldFooterCss();
-const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='number']{width:max-content;max-width:3rem}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='number']{width:max-content;max-width:3rem}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsFieldFormat = class {
     constructor(hostRef) {
@@ -41981,31 +41943,31 @@ const LsFieldFormat = class {
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (index.h(index.Host, { key: '43db8185b7cf4bb0b07959d6238fb451ccde7d79', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (index.h("div", { key: '8b254b308274f2892f011015cf787afef5873eea', class: 'ls-field-format-bar' }, index.h("div", { key: 'f6699fb8662c7defb381205bbf12a6641db3aab2', class: "input-wrapper", "data-tooltip": "Font Family" }, index.h("ls-icon", { key: '0e15322a6cd3b97802956ed96ae76ee11496b29d', id: "selectLeadingIcon", name: "typeface" }), index.h("select", { key: '3853756d5fe5f37c1c8bf7b9145c76f9ee199fc5', id: "ls-toolbar-font-select", onChange: input => {
+        return (index.h(index.Host, { key: '6846e36027f330577e2d3cc7936ef2fbfb5f7041', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (index.h("div", { key: 'c4c85da0e27841a4b6b7e920f3580300b89da8ff', class: 'ls-dv-field-format-bar' }, index.h("div", { key: 'ddde0b6091335a4521f7cbea46578e4c4ba9b7a4', class: "ls-dv-input-wrapper", "data-tooltip": "Font Family" }, index.h("ls-icon", { key: 'e6fed9ce93c8df7f89153fadf4040a95b54711ee', id: "selectLeadingIcon", name: "typeface" }), index.h("select", { key: 'abfa3b34c6d1482035108356826502ea1fef8b15', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, index.h("option", { key: 'c4347e8a8e9d4713e8611cd2703225a20bd01aa1', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), index.h("option", { key: '430192bf290b3d38d8a26096d2ee59fd5e628084', value: "arial" }, "Arial"), index.h("option", { key: '2b38234f3ed19e1fb5e60c008ad772b219bbceb8', value: "liberation sans" }, "Liberation Sans"), index.h("option", { key: 'c51f91c65f086ab641c9f95f1a50983709f24ea7', value: "courier" }, "Courier"), index.h("option", { key: '3b93f37e314fa89c0a142f1d2abf0d8047da011a', value: "helvetica" }, "Helvetica"), index.h("option", { key: 'd7ef9e32593fbde7e54b8a83b2d76308c2c60afe', value: "verdana" }, "Verdana")), index.h("ls-icon", { key: '280462d7d5095cebda89d07a7620d2f3b558fc35', id: "selectorIcon", name: "selector" })), index.h("div", { key: '3b0f11ddc0f0aa9eb28a308074c60ef507dc7c53', class: "input-wrapper", "data-tooltip": "Font Size" }, index.h("ls-icon", { key: '35dfb206e806930f372ae645ddd7b35c3fedd981', id: "selectLeadingIcon", name: "typesize" }), index.h("input", { key: '843c7d398858739206e2592c836fab68a4eaf7b9', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, index.h("option", { key: '9049eb12aaf5185c3517c134752701a843897c04', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), index.h("option", { key: 'efabcab0315ce40cb20d98c3b8644f339d89e72e', value: "arial" }, "Arial"), index.h("option", { key: '32d907783861c25552d065b96049efab21b4d721', value: "liberation sans" }, "Liberation Sans"), index.h("option", { key: '82e1623ead91596b65a1143871b25c7171a63f2d', value: "courier" }, "Courier"), index.h("option", { key: '3210f7f4ff3fc7059a6f890af844870aaf72a108', value: "helvetica" }, "Helvetica"), index.h("option", { key: '9daf78e150ee3c9f84b4693210a53147515dc97d', value: "verdana" }, "Verdana")), index.h("ls-icon", { key: '7954ebd1fdaad987e857da6e9461969b107f2d64', id: "selectorIcon", name: "selector" })), index.h("div", { key: 'c0cdf7434b1d00bd7cf5422fcd0faf75e08f2028', class: "ls-dv-input-wrapper", "data-tooltip": "Font Size" }, index.h("ls-icon", { key: 'baec7a49e70772abcabb2d4f427f30507c9d8cd4', id: "selectLeadingIcon", name: "typesize" }), index.h("input", { key: 'e9cabfdac0d31c87d8c956eb853303b40b597798', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), index.h("div", { key: 'ed1a11bc47a954e6e6eef4af246f2eef16ff4958', class: 'button-group' }, index.h("button", { key: 'dbcc42eddfb0eefc48767310519493ceceb359ab', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), index.h("div", { key: '1cab5c4d6835e2a8746aba1272a3b9eeff103668', class: 'ls-dv-button-group' }, index.h("button", { key: '80ff5705ae08f8773d0a571aba8bd1410b5abb4d', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, index.h("ls-icon", { key: 'c5052e42abe2080b47fede7b4d5e2e06845c170b', name: "menu-alt-2" })), index.h("button", { key: '2adeb1bcba8cd9eea896591692c0478ec5d59110', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, index.h("ls-icon", { key: 'b94f33c69942612384ce30452cd76ff9ab268983', name: "menu-alt-2" })), index.h("button", { key: '70583922c88c30832381c81692244ddedd627e5f', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, index.h("ls-icon", { key: '48afde75ee1cfe6d340ad4f44f00048e25bef94b', name: "menu-alt-5" })), index.h("button", { key: '3bcb75bf4eb5c6b2d60fec877b8bb4db1a445d12', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, index.h("ls-icon", { key: '7b00f6294ab111fd4a73989530625c21adbba7b0', name: "menu-alt-5" })), index.h("button", { key: '73732a4736d236a7c05706761fab969ee29492d1', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, index.h("ls-icon", { key: 'ef48fa66d1b82c2cc8334ba258f088186cd58028', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (index.h("div", { key: 'ee9b43907b7bf1d3cc373a894e95d1f30931748b', class: 'ls-field-format-bar' }, index.h("div", { key: '224ce9d4df5edf184e02f0f6180fa99df378d135', class: "input-wrapper", "data-tooltip": "Font Family" }, index.h("ls-icon", { key: '1bed95749d05e1d72ef20f8852827d21ea44685e', id: "selectorIcon", name: "selector" }), index.h("ls-icon", { key: '6495968f1b914137327e8bc9b3047f73f296425c', id: "selectLeadingIcon", name: "typeface" }), index.h("select", { key: 'aadafda6a954c960e3ab9d8a55bd314fbdfd04d9', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip": "Align Text Right" }, index.h("ls-icon", { key: '2cc012718c1b4516626c2d04d95905f7240c4561', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (index.h("div", { key: 'c18e1dd097e17999a5a99e0910d40e3b9ab21223', class: 'ls-dv-field-format-bar' }, index.h("div", { key: 'b504568a9f01780370f388c6d7418100c36696a3', class: "ls-dv-input-wrapper", "data-tooltip": "Font Family" }, index.h("ls-icon", { key: '529dca240e61811729e13f1a5a91aa07a7849582', id: "selectorIcon", name: "selector" }), index.h("ls-icon", { key: 'd2448bab4ba96ddad8b8bdf171d978d37ab2b326', id: "selectLeadingIcon", name: "typeface" }), index.h("select", { key: '76109d49b4b244137c09ec01ea9cdf14030a6f2c', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, index.h("option", { key: '601951f0741db2c61e36865b2e761f2b7e3d4d4f', value: "arial" }, "Arial"), index.h("option", { key: '12a35b8f99c517f63b72433cc833727ad8000f0f', value: "liberation sans" }, "Liberation Sans"), index.h("option", { key: 'e410c6e7e612050601ddbacdc94087d99915b334', value: "courier" }, "Courier"), index.h("option", { key: '09f751ab6698773b2dbfcfd6d2e586a4f3c63d46', value: "helvetica" }, "Helvetica"), index.h("option", { key: '4de36075f95da8f77f8d72bca4489f23e7a14f86', value: "verdana" }, "Verdana"))), index.h("div", { key: 'c3706920de961f0e73b0e7787abe4e93a1a5f6d9', class: "input-wrapper", "data-tooltip": "Font Size" }, index.h("ls-icon", { key: 'fe9e931fa96148ea6254505eb4d123f3377fc03f', id: "selectLeadingIcon", name: "typesize" }), index.h("input", { key: 'a3c11bb1251ba279ec3e7a24925ba7ca5a89a532', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, index.h("option", { key: 'f870a5a34485c26910bb4a8101d7472f42d19c3d', value: "arial" }, "Arial"), index.h("option", { key: 'c4a41c3e1b9b0f17533bf6771dd4fbeda292d7bf', value: "liberation sans" }, "Liberation Sans"), index.h("option", { key: '6e91e01ef05a8935f1241579a5eaf455a1eacd41', value: "courier" }, "Courier"), index.h("option", { key: '78120572835e552045ff1b3687f0f8cecbdb1e62', value: "helvetica" }, "Helvetica"), index.h("option", { key: 'be60fa1ff9362c0a485ddfb87516fbebd7f3daf2', value: "verdana" }, "Verdana"))), index.h("div", { key: '075969d62c9a9edf13d3c3c1c9bde015e906743c', class: "ls-dv-input-wrapper", "data-tooltip": "Font Size" }, index.h("ls-icon", { key: '8b02a85bcea86f3ae1f8e123555bd4b7f96a5fb5', id: "selectLeadingIcon", name: "typesize" }), index.h("input", { key: '300ce5085a66f4c711a8e7132e9bee3e4d381a93', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), index.h("div", { key: '732550527729def6bbd5fc9deaab24a9169bafcf', class: 'button-group' }, index.h("button", { key: 'b02c0b638c67010c44e6d475dd9d0c2af907f120', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), index.h("div", { key: '383d206a97328bd929886aa8a211e4692cdb614a', class: 'ls-dv-button-group' }, index.h("button", { key: '9419d1c81baada69f4ea0683775c04bfeef84c7d', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, index.h("ls-icon", { key: '7f4920d2f8cfe59f2ae4fb4e6909719a168bd466', name: "menu-alt-2" })), index.h("button", { key: 'ebdd49f194a6e7ca6049f5d8ae2957cc4486f73a', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, index.h("ls-icon", { key: '2b0bd1bde00e22731663c1d4989c3caf80d3067c', name: "menu-alt-2" })), index.h("button", { key: '121ef3b934a16228752ad855c6fe7f25624445ba', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, index.h("ls-icon", { key: 'c94a0fb007f626e7db0d4f8715878eb2f37174da', name: "menu-alt-5" })), index.h("button", { key: 'e9e3fd05ae41826376c30603e071a153ff09e0a1', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, index.h("ls-icon", { key: 'a10df8ea68c59286e6e7822b64f1830f207e186e', name: "menu-alt-5" })), index.h("button", { key: 'ea271a21d4da3e885d46b3473d479d33c59e97b5', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, index.h("ls-icon", { key: '8ac1c80c23e719d92d64177bf888759a79afb797', name: "menu-alt-3" }))))), index.h("ls-tooltip", { key: '58c309f7960734072f819d2e65368c71fc3225c1', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Align Text Right" }, index.h("ls-icon", { key: '00b4caf173d9d10069b2ddeaf5818bd8a992da71', name: "menu-alt-3" }))))), index.h("ls-tooltip", { key: '2cd28b6961aa0e2e9b578d0ee52b0c3b6146a132', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "dataItem": ["selectFieldsHandler"]
@@ -42013,7 +41975,7 @@ const LsFieldFormat = class {
 };
 LsFieldFormat.style = lsFieldFormatCss();
-const lsFieldPlacementCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPlacementCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldPlacement = class {
     constructor(hostRef) {
@@ -42055,27 +42017,31 @@ const LsFieldPlacement = class {
         }
     }
     center() {
-        return this.dataItem[0].pageDimensions[this.dataItem[0].page].width / 2 - this.dataItem[0].width / 2;
+        const item = this.dataItem;
+        return item.pageDimensions.width / 2 - item.width / 2;
     }
     right() {
-        return this.dataItem[0].pageDimensions[this.dataItem[0].page].width - this.dataItem[0].width;
+        const item = this.dataItem;
+        return item.pageDimensions.width - item.width;
     }
     middle() {
-        return this.dataItem[0].pageDimensions[this.dataItem[0].page].height / 2 - this.dataItem[0].height / 2;
+        const item = this.dataItem;
+        return item.pageDimensions.height / 2 - item.height / 2;
     }
     bottom() {
-        return this.dataItem[0].pageDimensions[this.dataItem[0].page].height - this.dataItem[0].height;
+        const item = this.dataItem;
+        return item.pageDimensions.height - item.height;
     }
     componentDidLoad() {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '187fb8dbf54abeefd41e1158f85cf454d1209863' }, this.isMultiple(this.dataItem) && (index.h("div", { key: '3bae38a65af795d906f8231242f80a6563a7e611', class: 'ls-field-properties-section' }, index.h("div", { key: 'bec872d9459002d96595feb90aa22d41092adc5d', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'd83f3ba8c243070f3d6562844e231d2a36026861', class: 'ls-field-properties-section-title' }, "Location"), index.h("p", { key: 'f8a9a9b9da9cccfdb6450a9d490cf7796f50092e', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), index.h("div", { key: 'c66cdf5ff2345ff268385dbb99d6b2ac1fd9168e', class: 'input-row' }, index.h("div", { key: '6afd78243c2264ee1f9f271ab99d110f7e17bb5e', class: 'input-wrapper' }, index.h("ls-icon", { key: '443a9261bec120141b6a2f37ea816604d5ec0dbf', id: "selectLeadingIcon", name: "x-letter" }), index.h("input", { key: '3acc7a9922b6c3a13b561b27b5bbdcfee8522b42', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), index.h("div", { key: '194a5b7b469ee4184e55c7e82257b2758aa718cb', class: 'input-wrapper' }, index.h("ls-icon", { key: '15830c0f847ad8768664a39a558b115533b4782f', id: "selectLeadingIcon", name: "y" }), index.h("input", { key: 'ad49e24d812500dcbd4e66a944322c4bdb5d5b3e', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (index.h("div", { key: '4d7a5fb7cfb495140fc982d493e8c660a6c92391', class: 'field-set' }, index.h("div", { key: 'd7ebcbbf975d5164214375fec8a68df03b4e67db', class: 'ls-field-properties-section' }, index.h("div", { key: '5d5a0d415985bb0f451291d3c7849491d7cb041b', class: 'ls-field-properties-section-text' }, index.h("p", { key: '302c24a237de868ee2678d094d5537914c712143', class: 'ls-field-properties-section-title' }, "Alignment"), index.h("p", { key: '87f0ac6cae663687e120ad92ef34804bf8705a16', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), index.h("div", { key: 'c874c66a359ac6a441e9f7750d196e7adc082fd4', class: 'multi-button-group-row' }, index.h("div", { key: 'b9b1c385dd0968b32b2d12aa989dc2dcb5bd510c', class: 'button-group' }, index.h("button", { key: 'a49e440d0ed8d47ef52c5f29588d8f9ceea38043', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, index.h("ls-icon", { key: '80f28277db0808bfe2ff249272c4ea8580761201', name: "field-alignment-left" })), index.h("button", { key: '8cfc3be1f9501f906dd0de85248bb736bcb1f304', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, index.h("ls-icon", { key: '3572b5628c879b40195d0663a39c26aa02d69d0e', name: "field-alignment-centre" })), index.h("button", { key: '042763ad62f97f0c7237329793b5f618eaf873db', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, index.h("ls-icon", { key: '817e0c690679c41d1cf5b49edb592426f5b73336', name: "field-alignment-right" }))), index.h("div", { key: '71a9336a8f8f518420aee8195987e503e44e33ca', class: 'button-group' }, index.h("button", { key: 'dc483cda7b05a9b3b52ae427831d5dcba897f462', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, index.h("ls-icon", { key: 'be55a0498e2b0f0932860ccad29dafb95a694e29', name: "field-alignment-top" })), index.h("button", { key: '7abdc0d1e39e93b10150716751da5a6fb9b9c5fb', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, index.h("ls-icon", { key: '11de4036da7d2f204e842d9b1ec0249b6b216d7b', name: "field-alignment-middle" })), index.h("button", { key: '33dd319cde8e0204d9114d2abfa54a04b4e53561', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, index.h("ls-icon", { key: '52cf5e7d4021718ffea22f677de1685df7bfc046', name: "field-alignment-bottom" }))))), index.h("div", { key: '3731d0fa7c283f03946ac5708ee459e37b8a098b', class: 'ls-field-properties-section' }, index.h("div", { key: '8eb6a50cb4988e499f67b5cee828ced0a784b7d8', class: 'ls-field-properties-section-text' }, index.h("p", { key: '7e30a7eb5bd5d6bcb1ec47c961220a24cac02266', class: 'ls-field-properties-section-title' }, "Location"), index.h("p", { key: '463e16038c1b9b420a1518a3050cba0c75c91146', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), index.h("div", { key: 'ad7596274c6f6f791fe987a51d096f05c750528b', class: 'input-row' }, index.h("div", { key: '165fb09c309b6a4ad83519b00b8e2a6e106b6800', class: 'input-wrapper' }, index.h("ls-icon", { key: '1e9a401e7f9ac1981a346b095d06a1999e7d3265', id: "selectLeadingIcon", name: "x-letter" }), index.h("input", { key: 'f0c5d4d402d7d76054f3e0c3eb8329e85d4cf345', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), index.h("div", { key: 'f6a0a1316f877f2640294bde38e52f4f6742f586', class: 'input-wrapper' }, index.h("ls-icon", { key: '8f2a36b69343a6b54e72b66e5141d6b30ac9f66c', id: "selectLeadingIcon", name: "y" }), index.h("input", { key: '94aaedf37a644986819d027ae5c3762c6c1fc722', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), index.h("div", { key: '83d4ce7b0a10a3c022e187fe0f82f00dea802c2d', class: 'ls-field-properties-section' }, index.h("div", { key: '8ddba9aa8d1ea910f14ef97bb0b0d2763cfc5345', class: 'ls-field-properties-section-text' }, index.h("p", { key: '53d7495d76d0b932a6396ecdd144b0874802b5ad', class: 'ls-field-properties-section-title' }, "Distribution"), index.h("p", { key: 'd29f7b0c294e96a7962395ec12941ff134446eff', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), index.h("div", { key: 'd8b5aa26d24f83a9e5d064244827eb48ca5ad3e3', class: 'button-group' }, index.h("button", { key: 'e8b05db526846c6f794725dad013a5aa9d7bb772', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, index.h("ls-icon", { key: '89280b2d4bf163a8bcbfc57b6d1c6c675811469e', name: "field-distribute-vertically" })), index.h("button", { key: '72e2bdebd4ddf49c8883a83b948394fa7a50eb1d', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, index.h("ls-icon", { key: '0b6458d23214a7a576534c8b7f85f63bdf195f79', name: "field-distribute-horizontally" })))), index.h("div", { key: '2a04a1a47a81e325ea702da697d679016292eccd', class: 'ls-field-properties-section' }, index.h("div", { key: '9e745db3548fe8e33341833fea56e2b661fbad59', class: 'ls-field-properties-section-text' }, index.h("p", { key: '02ece927f41c48ed53583c3527dd7539ba0c66f4', class: 'ls-field-properties-section-title' }, "Gap"), index.h("p", { key: 'fd9430f23c84844d514397bbf670e159f21e507e', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), index.h("div", { key: '684d57db06adec75ae1116d530389a7f49e38e36', class: 'input-row' }, index.h("div", { key: '6b552a979760c9617b2d01aff6ddaca42c6d72b9', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, index.h("ls-icon", { key: '47e4d8444feb9259d31519cf31dc12c71bc09061', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), index.h("input", { key: '7f4331bb8368d61675b2dd4a9ccab8ad57811ae1', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), index.h("div", { key: '56dbf505d93be03d523365e9a91b000066890430', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, index.h("ls-icon", { key: 'eb095881b1f7861e9943feca940dd4a1bb22a640', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), index.h("input", { key: '9446f2efb3f90024ec3f07a32c3f80631d74004d', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), index.h("ls-tooltip", { key: 'c33a4aed6942402c9212f6e9087ec2bfb69ec2ed', id: "ls-tooltip-master" })));
+        return (index.h(index.Host, { key: '6206e6cc820a64fd6775e92f5d7406479c28027c' }, this.isMultiple(this.dataItem) && (index.h("div", { key: 'c9a2367e5e0d56f23ce348fa6809d67326cfc7e6', class: 'ls-dv-field-properties-section' }, index.h("div", { key: 'cf0d1e56641afddf5e5b7980226502c29fa3cbb9', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'fad99a56e064c1570cb49bae6d09b4224a9a36d3', class: 'ls-dv-field-properties-section-title' }, "Location"), index.h("p", { key: 'c584e42d122cc545524d5dfc765be5c3f39105ac', class: 'ls-dv-field-properties-section-description' }, "Use coordinates to move your fields on the page")), index.h("div", { key: '8ab514ed8f275ddaa10917f6578a8f14f2e4b382', class: 'ls-dv-input-row' }, index.h("div", { key: '4a6ae80c33cb27e9934cc9b4a0784e98252f9532', class: 'ls-dv-input-wrapper' }, index.h("ls-icon", { key: 'fb8262a855b4e4233e1c79bfbcb8fba55369cd62', id: "selectLeadingIcon", name: "x-letter" }), index.h("input", { key: 'e26ac4760a850554c3e3cb35f5badf6d083a5c31', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), index.h("div", { key: 'e986182ef8bce0496ae280b07a6dbf3a8a131113', class: 'ls-dv-input-wrapper' }, index.h("ls-icon", { key: '5e17f537257b2736a80ded4809819fb117c77530', id: "selectLeadingIcon", name: "y" }), index.h("input", { key: '688f5c0b7b9a538c9ffd86f391bc50ed9d5dad26', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (index.h("div", { key: 'a4f1a464c55a9618ad070c69f7cabd37473db831', class: 'ls-dv-field-set' }, index.h("div", { key: '7d0e8992bafbfbad7c80ced4c9ef4354840ea11e', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '94ea20cb85faaacf541d437dbfab7867c4aae9ad', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '09d82e4627ea6cb0a7f46ec85ee25460e60157e7', class: 'ls-dv-field-properties-section-title' }, "Alignment"), index.h("p", { key: '5257f3db960dacebd93fb4dd40fbd97544856ac6', class: 'ls-dv-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), index.h("div", { key: '51654824acb988fbb123479e513c0471ba2b85b6', class: 'ls-dv-multi-button-group-row' }, index.h("div", { key: '6d6b8b9806f76d1f2aab6aaeae217bc841cc32e6', class: 'ls-dv-button-group' }, index.h("button", { key: 'd3e1a7846d91bf2f8a1435dc240fe428f304cd60', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, index.h("ls-icon", { key: '70f16fb96bb8e038352e7e9de8a6d5c456548c3c', name: "field-alignment-left" })), index.h("button", { key: '6b4f3b60f57d1bcc71a6115212c8fa5ce19839c4', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, index.h("ls-icon", { key: '06b1a48fc0aedd55fc5c2a9652a64de3477c729a', name: "field-alignment-centre" })), index.h("button", { key: '27305e28f38d04262ed7e0dec53b4d5dcd1113b7', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, index.h("ls-icon", { key: 'd09d80cbfb1515216fe7118beb56569b0ca7b696', name: "field-alignment-right" }))), index.h("div", { key: '4e7dbe46c470ec00d76ca80406a554e9034589e1', class: 'ls-dv-button-group' }, index.h("button", { key: '7658987b4a0d99e3135cc6aeb5aa91e6b49ced29', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, index.h("ls-icon", { key: 'b57b38573f85cbd22205c79859e71159104fd36f', name: "field-alignment-top" })), index.h("button", { key: 'c0b844141a0f35221aab16b9e0db7ceef30ecb62', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, index.h("ls-icon", { key: 'd64686e7f1b20d6ab93eed9111b3c554fdfbb97f', name: "field-alignment-middle" })), index.h("button", { key: '14ca6496f23f3cbf8ae13ecee50d1aae37f7796d', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, index.h("ls-icon", { key: 'd35925d358a8a3adb0fcc1643025cd01c5ba0806', name: "field-alignment-bottom" }))))), index.h("div", { key: '26818a00aef616d17a133cd97b256f078ac56496', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '45ddb0baf025a53b5ce7e567b4946bc08d13a52d', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '310d25cf487314160c53cdc2242e7a65dddcfa84', class: 'ls-dv-field-properties-section-title' }, "Location"), index.h("p", { key: '35cc72bd6c129e18024ea6bb2abcc766b858e8c3', class: 'ls-dv-field-properties-section-description' }, "Use coordinates to move your fields on the page")), index.h("div", { key: '35b1a008fc8d2a573b352fc452bcab7145414c00', class: 'ls-dv-input-row' }, index.h("div", { key: '21f9baa1be4137bddb2ecf5486115e93e1ed7d62', class: 'ls-dv-input-wrapper' }, index.h("ls-icon", { key: '244ba2f7e5f65fef8e45d042c900db5af0b5fa4f', id: "selectLeadingIcon", name: "x-letter" }), index.h("input", { key: '6d5719fb1e5b527080ad546a8a3217be3c7ce9d2', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), index.h("div", { key: 'f4bacd983b0454832654acbcc9fdde092e643076', class: 'ls-dv-input-wrapper' }, index.h("ls-icon", { key: '789a46d17c4ae31c0f4ebb3165ae195a0057ed53', id: "selectLeadingIcon", name: "y" }), index.h("input", { key: '0fe40bd3033985c2d31d0d377db45b6a392a8403', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), index.h("div", { key: '572d78d142d819fbdf63e0a4842fe8a7094a44ec', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '9e975c188b0249f8df85e5ff3bcf13af329e75ea', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '15d7b837246e35fd4704b1f2b6dc957d32155ec6', class: 'ls-dv-field-properties-section-title' }, "Distribution"), index.h("p", { key: '82e2a91373cf2fa529b86fc945d93a543ef1b816', class: 'ls-dv-field-properties-section-description' }, "Multi-select fields and evenly space them out")), index.h("div", { key: '810e51c96c5ccddc554d1e2caeab016eabc3c582', class: 'ls-dv-button-group' }, index.h("button", { key: 'fe9b313ce2eb76f5369f888c1911279b06d5b49f', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, index.h("ls-icon", { key: 'df7725eab95c48b8c702d94072f0d24b87af7ebd', name: "field-distribute-vertically" })), index.h("button", { key: 'de6542aee4cef0aef94ce8d77ffd7dc6c176b594', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, index.h("ls-icon", { key: '906a5c4e8de56dea3dee810adadea2b6b4caee0e', name: "field-distribute-horizontally" })))), index.h("div", { key: 'bace9087bd683d3bc8d679d63685a1b434077321', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '31ce4b336a2f9292828dc945af70101c6d6235ea', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '835d3d2aef067f7622840c5521d8f8c3c23e46bf', class: 'ls-dv-field-properties-section-title' }, "Gap"), index.h("p", { key: 'ab427f244c0031f435ce79cd867ce211a58d6b18', class: 'ls-dv-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), index.h("div", { key: '0a023337e1e834c811866a3f96c73a0095592681', class: 'ls-dv-input-row' }, index.h("div", { key: 'e9b37ec368c31c7edef7c27ab0c2a5e4da2ba069', class: 'ls-dv-input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, index.h("ls-icon", { key: '7005c2482085320528dc7a585bd27637973629f3', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), index.h("input", { key: 'a1605881062ce9fbd8d1ce7c3db7a1fec94ae714', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), index.h("div", { key: '000c670a77447a9bdf22c65cae7c7bd0c856bbd7', class: 'ls-dv-input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, index.h("ls-icon", { key: 'e446b86e6b4e3f5bc941b4ad229cf9e8e707afa2', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), index.h("input", { key: 'bb4f8f942a5b1d83747f04bb28dab1081a5d3694', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), index.h("ls-tooltip", { key: '52d1f4a8467f18e45c8596838f53305385961bce', id: "ls-tooltip-master" })));
     }
 };
 LsFieldPlacement.style = lsFieldPlacementCss();
-const lsFieldPropertiesCss = () => `:host{display:block;width:100%;padding:1rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesCss = () => `:host{display:block;width:100%;padding:1rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsFieldProperties = class {
     constructor(hostRef) {
@@ -42119,12 +42085,12 @@ const LsFieldProperties = class {
         event.stopPropagation();
     };
     render() {
-        return (index.h(index.Host, { key: '63580a95b4e3793b604147693b45dbf25b2a7a1a', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), index.h("slot", { key: 'c11345ead1f2fc38123689e9b97374301c50b507' })));
+        return (index.h(index.Host, { key: 'bf35dc1a34a1b54a416f2d30ea2eb78f7946a476', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), index.h("slot", { key: '9b892b6e88820feaeadefdef48d38519022fbd62' })));
     }
 };
 LsFieldProperties.style = lsFieldPropertiesCss();
-const lsFieldPropertiesAdvancedCss = () => `:host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesAdvancedCss = () => `:host,.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldPropertiesAdvanced = class {
     constructor(hostRef) {
@@ -42183,15 +42149,15 @@ const LsFieldPropertiesAdvanced = class {
         return '';
     }
     render() {
-        return (index.h(index.Host, { key: '24f9f694a77955f2e8513f9f3b15a958e3fb29a0' }, index.h("div", { key: '641822a0bb654f404362709977ec5df61d1c7e7b', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, index.h("ls-icon", { key: 'a7b7289c315ac017613d50a810ae53dd0c342375', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), index.h("p", { key: '3887ce5faea5c188c30a8adb278d972b1920aca2' }, "Advanced Properties")), this.expanded && (index.h("div", { key: 'b23daf8fa5e0d64997df2abc34cfba5434a4c8db', class: 'field-set' }, index.h("ls-props-section", { key: '26ff7f5e4121bd55681f35c65b03ae1f59622d4e', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, index.h("input", { key: 'b3c164a714c2c00e2a643fdaaa579019e9b2a5be', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
+        return (index.h(index.Host, { key: '43f8f82dd575ab76da3e91e1e5da3caaf94b7180' }, index.h("div", { key: 'd5a6158446e14a87d7281504cafb66e86e6a904c', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, index.h("ls-icon", { key: 'cdd64a4b6d80e6f81d35530a0ec3441d7c8b18ab', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), index.h("p", { key: 'a03ee01ddafd4c986a902b1c52e1b45c156dc2ad' }, "Advanced Properties")), this.expanded && (index.h("div", { key: '193650d0ffb43b9939405345502c5e0b12f37d8f', class: 'ls-dv-field-set' }, index.h("ls-props-section", { key: '0a3f0a204fb51359c8c230c3df376adc0b095f2c', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, index.h("input", { key: '5ccdcdaf54847cd4ee8720afa64df0d672d2f01c', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), index.h("ls-props-section", { key: 'c51cd2ce1b657a147488dc1df9c0d658b64283d6', sectionTitle: "Ref. Name" }, index.h("input", { key: '692bde8044689a6f00a5c7447694358145dd755a', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), index.h("ls-props-section", { key: 'acd05efdb5e0a3243892fcd03b5949366c16d4bc', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, index.h("select", { key: '8573b2efa05560a83973a5b97d8be83c37d74f50', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, index.h("option", { key: 'f79514d91945c14ab0f39bb3a6f9a4c4d8215691', value: "0", selected: this.getValue('linkType') === '0' }, "None"), index.h("option", { key: 'f734d619c91e14757d9a4d5c3441eca7798b6a58', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), index.h("option", { key: '46b89964ffbcd2030ce335969a1d6fb09e641d8d', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), index.h("option", { key: '7a19527e7457528d4003f3d7ed1ea23b9649b7dd', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), index.h("ls-props-section", { key: '76c88e10b480800f184cdfc0f3ee44c36754de90', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, index.h("input", { key: '89765428bfa334b03282d98983c47a83f5999f7c', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), index.h("ls-props-section", { key: '11f3fec289da922ca1d22a8a49c8221b62c1b5fb', sectionTitle: "Ref. Name" }, index.h("input", { key: '224608615faffcc5e5ff5963aa6644c4b8ca7a72', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), index.h("ls-props-section", { key: '86b3d8cb5100f584f76f979be7a580a45bf95fe4', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, index.h("select", { key: 'b99359990d855a75e1a47ef1ca84c7100ef8f477', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, index.h("option", { key: '5f1a1f47d5d6e417693bd0204230de8e22cb43b7', value: "0", selected: this.getValue('linkType') === '0' }, "None"), index.h("option", { key: '1319b41d14fc52e4ef0e3fef99957dcf01ff1ab3', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), index.h("option", { key: 'e9dd98df8b71715c9adcce92519c65a67dc55fef', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), index.h("option", { key: 'd6369c54164d2841a8270af51b90358a8f4052c7', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), index.h("ls-props-section", { key: '717c8059bb2e85150f318ac251b95b425b2efc2d', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, index.h("input", { key: '08915cd33b17cbfc8ec63d3c70b227bcb5171598', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
     }
 };
 LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
-const lsFieldPropertiesAutosignCss = () => `:host{display:block}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesAutosignCss = () => `:host{display:block}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsFieldPropertiesAutosign = class {
     constructor(hostRef) {
@@ -42199,12 +42165,12 @@ const LsFieldPropertiesAutosign = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '7bd312d15eeb17b1d618c2760651d0c5b4dcf3f7' }, index.h("div", { key: 'ed84759569161d9d7dfed76d58b3e8899b7a8848', class: "ls-field-properties-section" }, "Self Sign Field"), index.h("div", { key: '481f8158865eee0eedc5a646442000737c5d6341' }, "Label: ", index.h("input", { key: 'da341cf4b5091ec54347ce7581e0e945c4ef977c', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: 'd031415509b1d29a541da724ac4488b4fb5e3b9a', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'b99b7a3658a8483015ae4b904c773b2d289ad03b', dataItem: this.dataItem }), index.h("ls-field-footer", { key: '12682e6881d62abb9bc9468aae04851bc8b680f7', dataItem: this.dataItem }), index.h("slot", { key: 'ec9955c425d26bf4c63c58efa3d82830afd0412b' })));
+        return (index.h(index.Host, { key: 'fe7a618a453dc2faee9c09d43670d6822665362b' }, index.h("div", { key: '66a27c4c38b422b3b0e585671d4d7603a73ebae5', class: "ls-dv-field-properties-section" }, "Self Sign Field"), index.h("div", { key: '19f2fb3deda1e4c714a7211ed94f08aff393f39f' }, "Label: ", index.h("input", { key: 'eb10052dedd99ec1d43556cc3cca96848fd2a52d', value: this.dataItem?.label, width: "30" })), index.h("ls-field-dimensions", { key: '02f3d08e26340f3f4605da8bbd375400affff3af', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '1ada77fff46150da37a0e0aa06ff300211d9fa05', dataItem: this.dataItem }), index.h("ls-field-footer", { key: 'cbbc75b1bb204f3d7223cb72aaac42477306e845', dataItem: this.dataItem }), index.h("slot", { key: '080a687f264a0ca4c341fa621ab2fc77cdeee008' })));
     }
 };
 LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss();
-const lsFieldPropertiesContainerCss = () => `*{margin:0;box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:calc(100% - 7.25rem);position:relative}.tabs-container{display:grid;width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73);text-transform:capitalize}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:100%}`;
+const lsFieldPropertiesContainerCss = () => `*{margin:0;box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:calc(100% - 7.25rem);position:relative}.ls-dv-tabs-container{display:grid;width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-dv-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73);text-transform:capitalize}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:100%}`;
 const LsFieldPropertiesContainer = class {
     constructor(hostRef) {
@@ -42219,12 +42185,12 @@ const LsFieldPropertiesContainer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9009382a58eb30ebe1ffc13060d9001481d8b8b5' }, this.tabs.length > 1 && (index.h("div", { key: 'ef0943872c89cc6bc86d752aa9743f64b4139939', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (index.h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), index.h("div", { key: 'fe920b3237cf04435c8449f6f724cd7924c92d03', class: 'scrolling-container' }, index.h("slot", { key: '788460da3efa41452f89c6c62c4c86d111f4acfe', name: this.selectedTab }))));
+        return (index.h(index.Host, { key: '693de1b33193cabf56e43caa7647cf7cf8dadda0' }, this.tabs.length > 1 && (index.h("div", { key: '5b3f9cb55436ba2384d02e0927bc5d03ec764dc7', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (index.h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, tab))))), index.h("div", { key: 'b9dc2c98fb10461fd74c866511f0fcff45af9adc', class: 'ls-dv-scrolling-container' }, index.h("slot", { key: '5c17c51a8e347e7aa402e69ce3a20c28230bd286', name: this.selectedTab }))));
     }
 };
 LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss();
-const lsFieldPropertiesDateCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesDateCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesDate = class {
     constructor(hostRef) {
@@ -42232,12 +42198,12 @@ const LsFieldPropertiesDate = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '01d9199119ec57fe4dba275c78b4b6a75b025557' }, index.h("ls-field-properties-container", { key: '806aaf40ba19d8d22fddaccec662e3c2c29af5f6', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '64dd4836059e723198356ffe6140f4f7eeb2dc12', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'c3eb7a5e025062fca8f99dbc7659564935c5e878', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'd2026777f1f7f17f8077ed3b5e26106bf50383d4', dataItem: this.dataItem })), index.h("div", { key: 'dc2b248e30e48cafa87a81d507445939756a540e', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'fae9e1da97e53bc154a0d5d81eb6139bbcc1aa9d', dataItem: this.dataItem })), index.h("div", { key: '79586813c7a146c5f7e2f597d6d7ad1d459f73d7', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'f70dfce0081f4639f30dc7ae3d12715369c8f78d', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'c4a135371970d15210a324d5c1ff64fbf3d3625b', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'd81e6a3abb3563acf9831607c9d42ebe566898d9' }, index.h("ls-field-properties-container", { key: '8c6ccf89d8487abf0f30e011bbde49da7fa13b16', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '3cd1fed0aed5bd994ca64a30a483892bfe400aea', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '1fee2470c45b44069b02a3c8c1afc2535111f5ed', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'b058005640c31be75e6d92747b07f344d1e41a03', dataItem: this.dataItem })), index.h("div", { key: '061dcc6e1f6abcea06f695e65733ce47406e436b', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '18935e0911cda1be4216a4adf23a60b093ec4f14', dataItem: this.dataItem })), index.h("div", { key: '1aed7d2192d24e9bda988735ce9f6781d988880f', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '5d61cb714d6612ec6375d06d6dee58f076570c24', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '3f241e7d13efedc6d129a8ebf0d038851f9f2b07', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesDate.style = lsFieldPropertiesDateCss();
-const lsFieldPropertiesEmailCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesEmailCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesEmail = class {
     constructor(hostRef) {
@@ -42245,12 +42211,12 @@ const LsFieldPropertiesEmail = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: 'de6ca7336c4fd77c63ec4c7341255ca501fdccec' }, index.h("ls-field-properties-container", { key: 'f74bb65f711e4ab7ede6c82e9771f8397defb894', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '1759b91c88dd577a7d6663ec71d07976f1b41a87', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '17ea4998889442a5f76d830891d65d9e18e3ab97', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '92bd8ce269647585356c38d60fab7938b12c0146', dataItem: this.dataItem })), index.h("div", { key: '38e18f146febac2d894b24d32616af213108f9b6', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '4aa7505170ed1ff7a9a5eb0f0f35999175da6439', dataItem: this.dataItem })), index.h("div", { key: '9a15d5ddf3d6c3204e2647c1ae4c42e04c3c48e9', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '983c2c3d67f06e22f6af099de84ab1c433592a7b', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '9bca84b756f7f8a3ccab89ac47749c9a0ca8dfea', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'ffe2a09560cfb98437f6290bc79600bf80148dee' }, index.h("ls-field-properties-container", { key: 'b0804345f77dc1c715ba0a269248078dbb4280e8', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '9b42510f47b8fb9c82ad8ab72614533d9a761329', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '4e1309c6f5f4000c9edb4af058914a27a86d77f6', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '0eca383d9c7b28d91b8fdf23833f723246a87bac', dataItem: this.dataItem })), index.h("div", { key: '17589ce24656f051c41da3a059f3d406e3131473', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '75569224541c97551347c78a46d9a5d8b82971c8', dataItem: this.dataItem })), index.h("div", { key: 'ca78f22afe0a582053bff6227b63e900df296809', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '3bd6b415d4a8a05de5f6c65c578a578db9f85ead', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '294ee4187297f41f697a67051970db8ccd0f6247', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss();
-const lsFieldPropertiesFileCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesFileCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesFile = class {
     constructor(hostRef) {
@@ -42258,12 +42224,12 @@ const LsFieldPropertiesFile = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '2f2196f1d86891f6a4c6ebee0ee2aba5672651aa' }, index.h("ls-field-properties-container", { key: '5c55762a9442a2a50b1fbf41de424b5059b4c92d', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'ac85320e81b58dc28320cd5c71db3d6a25273883', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'fc181d3ee40fc70b44296f4f67cf0ad356e9af00', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '3809e731a4457eb180b93f0d47d39a5aad5d6600', dataItem: this.dataItem })), index.h("div", { key: 'b82745e58a3bd355f22fbdb5b08d8afe4a77c8a1', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '85ea51914eb727e556074643d3af79b6034e18f0', dataItem: this.dataItem })), index.h("div", { key: '2a1f218a35cd76e60e1c840424db06cefa7b6843', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '1f22ab9bedb9e01841585c3d2e621a0441a6abdc', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '31f97eb73b5a41b21d8e51a0d9d97273afcaced9', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: '18a4535a7f23c9a7397cc3b3ae1f272bc6455867' }, index.h("ls-field-properties-container", { key: '78bfa9fac7eeac81d932de4f64cd95b56d6cc401', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '54139a26e5f067411ba2236bfb0a1358f87f6c5e', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '2c39657dd42d309febac6bad1b6338874e529394', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '99c8b7d02f3b9347baff05e5fae7bdab5d921076', dataItem: this.dataItem })), index.h("div", { key: 'fcaafe3f481da05aa160f33a1a12c7d53f5950d2', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '95efe10251f8ad4f6f08e19289e8a17b7579c387', dataItem: this.dataItem })), index.h("div", { key: '438e5bb9f8c2ca3f37f8e51350691d2a33e55df2', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '8d96e3f28d61b319c1d4b7d94f229d6327f7a062', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'fc4f50cb096730e74fbb997fcced8012f043930c', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesFile.style = lsFieldPropertiesFileCss();
-const lsFieldPropertiesGeneralCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesGeneralCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesGeneral = class {
     constructor(hostRef) {
@@ -42271,12 +42237,12 @@ const LsFieldPropertiesGeneral = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: 'a7d5abd0173c81f180d3e48d58c40fb92499a001' }, index.h("ls-field-properties-container", { key: '266ef0eb896e8bfc293d40c1607595203c26a7e1', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '6aef6f40f180e1d2044e83f06a6d54130e38828e', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'c6ee6468e3ab87a54fa7fcb0e51d154b9fef3c30', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '09c837e104de3fd38812a87ef23a9089c6a5ad5b', dataItem: this.dataItem })), index.h("div", { key: 'b2e481729e4e33de81c32a73db4e8aad07f8c0bc', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'daaedba55e5286663a2cb5bf3ec79adb0d9681c9', dataItem: this.dataItem })), index.h("div", { key: '6f617c8174bcf19f175a3b9aab17ebd75a6c0bd1', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '79450a3c6a0724029b0bddd3a925cfbb6d88d58a', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'ea702b1786d16d7a9f975d3809f8b6c5bfa377f3', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'a491fc66eab0b24cce5e0c1448364e3ad4b4af68' }, index.h("ls-field-properties-container", { key: 'f7e5715d3688d1a6c33a58c26d31bf28e32d2231', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'd02caaa343e75b044115f9013ec0f90b6900d395', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: 'b2d136bc049a74abcf31be920e8e338d527efaf4', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '7c47d69fdfd1d556f9fca1561c12bce4fb4acc07', dataItem: this.dataItem })), index.h("div", { key: 'f666c3a11bb8638e0e3a307538a4a47475a3f447', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '048ea3f2cd9254c68f560d020bce76e525999d82', dataItem: this.dataItem })), index.h("div", { key: '412a9a74412507295875c27f5b006add4938e675', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '927c9446fe2fdbae3257a6d1b4f171e79b268527', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '5baea440dec41dd7d75026d762c795333e3b49c8', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss();
-const lsFieldPropertiesImageCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesImageCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesImage = class {
     constructor(hostRef) {
@@ -42284,7 +42250,7 @@ const LsFieldPropertiesImage = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '19e453913867728f5187e4b6d1abecff0bc6946c' }, index.h("ls-field-properties-container", { key: '0f1b92cc4bc2866dff8c8c69ce952bf170960530', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'aef6c386771d0127d9ea3124113635f43136c036', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '8cfa4fcc5da1bfe43546c013634c734c4de2416a', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '5f2b51764ed736302e402352cb842583eaf59554', dataItem: this.dataItem })), index.h("div", { key: '3933a4a2e966683573e5bf58f1f95899807f8377', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '829b4b5882ea2ba71b4c3c91e144c2d3474f9358', dataItem: this.dataItem })), index.h("div", { key: 'e6a4c5345278b69126230edb3fda1cbbed030457', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'c0e93df6cc265c053d16dccd89d05fda907adf2e', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '4f17de4e79d781f2aae86073e3b5421304e39fdf', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'd014c472a7781da0814ba7d430efe1ab18187d90' }, index.h("ls-field-properties-container", { key: '9e0fc1a1368cf287dddfd783f7ad0b1f84eb2f5d', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '076bd3a9a998afe1193f6a6928f3300d222e5d05', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '1ada0550e6dcf6560217ea6d1b17b4b07636e6bd', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: 'd6a779ebca086dcc33078079dc58a187a071efe6', dataItem: this.dataItem })), index.h("div", { key: '58438b2be701aa1c575f04e910e73210507a5976', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '54cd070850f1ea3b4f1e61df64e3c055e9f226f9', dataItem: this.dataItem })), index.h("div", { key: 'f69857adce00c8559cb3cd8ed24818c8200e5af4', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '257ef6e8b78d05b4bc01e31c565145cf0ae3228e', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'f954e3b6b31beceecacacb3493b9b8a96a6c896f', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesImage.style = lsFieldPropertiesImageCss();
@@ -42309,7 +42275,7 @@ function getFieldIcon(key) {
     return defaultFieldIcons[key] || 'view-grid';
 }
-const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.properties-container{display:flex;flex-direction:column;height:100%}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;text-transform:capitalize}.tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative}.full-width{width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesMultipleCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-properties-container{display:flex;flex-direction:column;height:100%}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-field-type-wrapper{position:relative;border-radius:0.875rem;padding:0.25rem}.ls-dv-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);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;text-transform:capitalize}.ls-dv-tabs-container{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-dv-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73)}.ls-dv-tab.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-dv-tab:not(.ls-dv-active):hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.ls-dv-scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:calc(100% - 10.938rem)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative}.ls-dv-full-width{width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesMultiple = class {
     constructor(hostRef) {
@@ -42366,19 +42332,19 @@ const LsFieldPropertiesMultiple = class {
         return { isSame: allSame, optional: allSame ? firstElementOptional : false };
     };
     render() {
-        return (index.h(index.Host, { key: '424056fd459b18489bad1af5fdad61cf36eae85c' }, index.h("ls-field-properties-container", { key: '01167c4812b08ece2da90e6db29af7cd127dea39', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '912cef938d7422e3907cfbe31877d30470c9bd9e', class: 'field-set', slot: "content" }, index.h("div", { key: 'de1621eb3a78527c5c9df8509420b9b30463c15b', class: 'ls-field-properties-section' }, index.h("div", { key: 'ed4ae2c81e574427b4dcbcf2d8c0214a59b467ee', class: 'ls-field-properties-section-text' }, index.h("p", { key: '74108b028318b2c8ea9c56cd1acc93ef5144d1a2', class: 'ls-field-properties-section-title' }, "Field Type"), index.h("p", { key: 'dc2e7c1f5bdfee71f5d2e319c1cf82857485dc40', class: 'ls-field-properties-section-description' }, "The Fields you currently have selected")), index.h("div", { key: 'be756ffaa92b0e3873bfaf1dce48b9f3af683344', class: 'ls-field-type-wrapper', style: {
+        return (index.h(index.Host, { key: 'd11ca17c8aa72b4038ab2737292ec62b5a6de7db' }, index.h("ls-field-properties-container", { key: 'ed34753985488e6e4f8504d627ea59fc258b8c03', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'de22206bb4091e4ce8563b7697d3bed1fc947439', class: 'ls-dv-field-set', slot: "content" }, index.h("div", { key: '5c745ecfd7790b26c2714a8aa8951de75e91c51e', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '6d61caa3894ae0c0e662e82f8116fdc6f637b70c', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'b5bf9c30eabb358b7692209cf37fe7e9343dd982', class: 'ls-dv-field-properties-section-title' }, "Field Type"), index.h("p", { key: '9793cdf6ea0649d3c8d203bc236171feca76bee7', class: 'ls-dv-field-properties-section-description' }, "The Fields you currently have selected")), index.h("div", { key: '30efd740e0b1946872f9f90272b807b312b48bf0', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${defaultRolePalette[this.allSignersSame().signer % 100].s30}`,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, index.h("div", { key: 'df5170a7e12eee8e11b0e5b2f1de6b2c59479094', class: 'ls-field-type-inner' }, index.h("div", { key: '7a7d1dc832bfeee6f4d653388b59f10e95eebed7', class: 'ls-field-type-icon', style: {
+            } }, index.h("div", { key: 'ea25dd065060e92d0cb25d74acba7af8fce817f5', class: 'ls-dv-field-type-inner' }, index.h("div", { key: '06bf5417410313ed5e76d95418b200d0dbf3896d', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${defaultRolePalette[this.allSignersSame().signer % 100].s60}`,
                 color: defaultRolePalette[this.allSignersSame().signer % 100].s60,
                 background: defaultRolePalette[this.allSignersSame().signer % 100].s10,
-            } }, index.h("ls-icon", { key: '763434bdfc9b6485082a5579161649730eab9f1b', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), index.h("p", { key: '8559ca6d23c71f05388321b598be3614f4e11c95', class: 'ls-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), index.h("div", { key: '5f917e59c20ff87239814f3e9c5a6caf3b5713da', class: 'ls-field-properties-section row' }, index.h("div", { key: '87642306882490df4b1acebac7a8a89c3b908892', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'aaa452b76c732e5159683a6d468139e840c82eff', class: 'ls-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", { key: 'f5c7803030b85829a84a84d1489555449498fe7e', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), index.h("div", { key: '513b3529a78611d2d91dcc978ecaf79a6132ae6d', class: 'ls-field-properties-section' }, index.h("div", { key: '8270d41ad0fbf7977a05ebf70e42a41c70ce2aa8', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'dd4fa1fc84a47fc6ee81714c3bef7bad0f07f225', class: 'ls-field-properties-section-title' }, "Field Label"), index.h("p", { key: '046c68bb5f7eb472ee59b1cca61ad5d82c3c2174', class: 'ls-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { key: 'e9a5a334c2210930659e11c5d1bf7675a116ac28', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), index.h("div", { key: 'aadd3177e7719ae4e6432a582494881da9e43062', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '63b580f76a1a32e08bf75a5c1132b7619886d25b', dataItem: this.dataItem }), index.h("ls-field-size", { key: '9b6ef05b2b353a8bba57537025c79f2427cc942d', dataItem: this.dataItem })), index.h("div", { key: '78351b1419fbc0ae70cd367312fac7d818194315', class: 'field-set', slot: "placement" }, index.h("ls-field-alignment", { key: '33e4a3ebba2e6bae4f020c075a83eed6c54fe6e5', dataItem: this.dataItem }), index.h("ls-field-placement", { key: '7631680f8c6707417346dd8d3c0dc3b2d0efed9a', dataItem: this.dataItem }), index.h("ls-field-distribute", { key: 'e05dafdaecd054ed3557f5162f2d9a02f01a1c0d', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '363f52307ba6fa2622a807473cb716fa8c4770a8', dataItem: this.dataItem }), index.h("slot", { key: 'b9a4b57cf9e98a02c899f96c27a20d2b11c6088e' })));
+            } }, index.h("ls-icon", { key: 'e6ecf4b3442b903505d2a7a2ef5bc1342342b038', name: getFieldIcon(this.allElementsSame().elementType), size: "1.25rem" })), index.h("p", { key: 'f43e3d09f659e3f1f090547e1da8527617c0fe9a', class: 'ls-dv-field-type-name' }, this.dataItem.length, " ", this.allElementsSame().elementType, " ", 'Fields')))), index.h("div", { key: 'df7e606f1d2e322f98aa85d75eea588e2c4f56b4', class: 'ls-dv-field-properties-section ls-dv-row' }, index.h("div", { key: 'dee3df0e59611071f0455369234d5280a49c824b', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '9288239e97a5f1596242759f99cb6c64662fbc4e', class: 'ls-dv-field-properties-section-title' }, "Required Field")), index.h("ls-toggle", { key: '016b6f5302575f38ac264c9baba1fdeb95b23f0f', onValueChange: (ev) => this.alter({ optional: !ev.detail }), checked: !this.allFieldsOptional().optional, indeterminate: this.allFieldsOptional().isSame === false })), index.h("div", { key: 'a167e978d32328c91d4f4f0a3804e779d077e592', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '4e6d6c71f9398250559c06b3bbc0c99f6944edad', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'e09eeb1851bf3bcefe583346a6cef2e20946510f', class: 'ls-dv-field-properties-section-title' }, "Field Label"), index.h("p", { key: 'a655095460f21909ed10ac363519ff6329de5831', class: 'ls-dv-field-properties-section-description' }, "Add a label to clarify the information required from the Recipient.")), index.h("input", { key: 'b4f519805f568c342d40dcdd3e354d4616ee264d', value: this.allLabelsSame().label, onInput: (e) => this.alter({ label: e.target.value }), width: "30", placeholder: "eg. Sign Here" }))), index.h("div", { key: '7da3049b482b24a7d72df4c369b71b905b4cde86', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'd8fdc28701f99438413b4bc17f7f2664cefd898a', dataItem: this.dataItem }), index.h("ls-field-size", { key: 'a376b19e55f0b961d01ef3b8ce83d72ca0e8f32c', dataItem: this.dataItem })), index.h("div", { key: '2c7a1cd4346d7546b5cd5fdf744a48b4a09803a4', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-alignment", { key: '78072cfa277ac7f259b6537af1bc0153d6f687a1', dataItem: this.dataItem }), index.h("ls-field-placement", { key: 'f01d00c3552e479c435bf5ae63c78d05ee29923a', dataItem: this.dataItem }), index.h("ls-field-distribute", { key: '3a4c3fbacf6b5be7d99f99052d813b9670b57f4e', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: 'e4866e984a1249d06d2ec6e52002336b2685d0f9', dataItem: this.dataItem }), index.h("slot", { key: '7d00b2451a539af9d132badfaec8809c35ba885e' })));
     }
 };
 LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss();
-const lsFieldPropertiesNumberCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesNumberCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesNumber = class {
     constructor(hostRef) {
@@ -42386,12 +42352,12 @@ const LsFieldPropertiesNumber = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '3976a02ce87d61da677e591ba1fa86eb664aec9c' }, index.h("ls-field-properties-container", { key: '657385d3cd135db369efdae65aef6d05ee65b917', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '0b83dd0783209e010c4fad92825cb9593d113382', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'c9c6c0858622b2605ec1ff3451a560551495861e', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '1c63c6a6afa7fed24d7387f469fedddc1e8c54ec', dataItem: this.dataItem })), index.h("div", { key: '1de2077b1a2073032e9756e851b3e54de337d6ed', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'c90b81045eec985b90b17527b12a974241e2d7fe', dataItem: this.dataItem })), index.h("div", { key: 'db1c5548e690c1f61911ae8db1e4a8f8ee26213e', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '6506865e3a641204c28fc1e820237efa2e227b4a', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '5750f1d038fa4bb84a3d16a6f3d93c9745d0c31c', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: 'cf907f8501ba33f1a515dfd0d03b49738473d9ca' }, index.h("ls-field-properties-container", { key: 'd0f37fd72aba657afded32d243dc516cea6f1091', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '1aa0aa9da030d56f27898ec4f6139ff5cdb0fcc5', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '9e0afb9dec4fd37e79cb14f755bafc131cfbffc9', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '766f81428f8a944c232d8b94061d7422c1b8efd7', dataItem: this.dataItem })), index.h("div", { key: '3f22d65ef556fe9b85036c4f6a925b76a40a5e35', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'ebf6725ffa1f587c64245d31d747bf9875b4dd77', dataItem: this.dataItem })), index.h("div", { key: '59ca020770c053aa18f9a6a8827ac305945934a6', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '1c2af93292de3568ab3f5bb87dfc95f2f45c4c66', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '57e7ff42c913691af2f58ef758862e4366994399', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss();
-const lsFieldPropertiesSignatureCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesSignatureCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesSignature = class {
     constructor(hostRef) {
@@ -42399,12 +42365,12 @@ const LsFieldPropertiesSignature = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '83fd0be26c52dba22103b0dc81207f6a9c4f80c0' }, index.h("ls-field-properties-container", { key: '8288d4d63c69fc8bb8472ef80c38bf166e37348f', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'f9fcb2d102cfb0b1693d47b1c3505266893b6921', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: '8559f708b3fcc47f519d93be0cb8825176bf8420', dataItem: this.dataItem, showValidationTypes: false }), index.h("ls-field-properties-advanced", { key: '0e348a2b1554d333b893cda3ceb97bbf38b3f0b9', dataItem: this.dataItem })), index.h("div", { key: 'ac5784f7adf4083807197a423d5576fcfa0eeaac', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'a57622641cd3f48af0dfa6d570720dc10930c096', dataItem: this.dataItem })), index.h("div", { key: '2a8a51f9f7c3622881f45e996da0e1b7a94ec27c', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: '7f9d9f1023893c80ba59592f9b6a40dcffc72404', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '65720c8b4cc9a89754fabf8439fd8a69476ecbb7', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: '2a76f2868b48f4473b974d52341537171e13e29b' }, index.h("ls-field-properties-container", { key: '3f6ee3d18957ba7f546a073486d557351a6b7856', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '104f5ccf159b3f6b4e7a54b2a197a23c6bceeb0d', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '964b4f4ba183a01daaa86f80835b8d295da8a42f', dataItem: this.dataItem, showValidationTypes: false }), index.h("ls-field-properties-advanced", { key: '928c0d749de124fa35c0be8316df9bcec74a99f6', dataItem: this.dataItem })), index.h("div", { key: 'ba12ba8f7874ab83accedd2374c780d6e43867ba', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '1fd8f1eea8d02a60a4439c0ce788cf1b530fbbc2', dataItem: this.dataItem })), index.h("div", { key: 'f92f69d29e7993ca2f77c05bfbfa43349a2d4bac', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: '2a40558969f24153f4e81f0012403f9aef5e133a', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '3803d5cba9497b2279bf7d7a69dea562f3ff3a8e', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss();
-const lsFieldPropertiesTextCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldPropertiesTextCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.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, #6c6e73)}.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 LsFieldPropertiesText = class {
     constructor(hostRef) {
@@ -42412,12 +42378,12 @@ const LsFieldPropertiesText = class {
     }
     dataItem;
     render() {
-        return (index.h(index.Host, { key: '7e103921152fb4029419ccf8820d014c69ee9b3b' }, index.h("ls-field-properties-container", { key: '015244dbdedfe1b707848cc2c0f9ecc9e921ec10', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: '2a840ae1026e89557ac254f723af4ae2d993f6b6', class: 'field-set', slot: "content" }, index.h("ls-field-content", { key: 'fe4aa273febf522218b4865b76f9fb08a8d0a611', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '3fd233d665ad1c04cd716680abc6ca2dc9d6c2bd', dataItem: this.dataItem })), index.h("div", { key: '76b64b7fa7b13884e98e7c825f176319e9f8ede9', class: 'field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: '06376b6c5b3b79510e4fdfac8b29a2dd8b6d801f', dataItem: this.dataItem })), index.h("div", { key: 'fd5a0057beb82d4637a4d30ab79de8276879ae3e', class: 'field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'd6bc66922c3b95b46de9e4a41f55b6a4f288033b', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '0cde8d440a9a614d44d876c51fc1b5111ee5b22d', dataItem: this.dataItem })));
+        return (index.h(index.Host, { key: '5eedb24a913efc96c2e9804e833f53036746cd7e' }, index.h("ls-field-properties-container", { key: 'fd3e561129a5f1acb73bb338310ba37c9ded1b1a', tabs: ['content', 'placement', 'dimensions'] }, index.h("div", { key: 'fd41e501b5d84695e77a37156ad1e27ad8814c43', class: 'ls-dv-field-set', slot: "content" }, index.h("ls-field-content", { key: '0551f6485fea866c02419cc750a2da905ea1622d', dataItem: this.dataItem }), index.h("ls-field-properties-advanced", { key: '8cc6a9598a6e3e0ec3c4532697aaef1b880355e6', dataItem: this.dataItem })), index.h("div", { key: '7c6591e09fd1898ebcda3e1a8368d240adddcddb', class: 'ls-dv-field-set', slot: "dimensions" }, index.h("ls-field-dimensions", { key: 'fc0f2ded2f4065418f98b3724b2aa0f9cd5e9b93', dataItem: this.dataItem })), index.h("div", { key: '448043c1bfee013448232112825e696632b080a1', class: 'ls-dv-field-set', slot: "placement" }, index.h("ls-field-placement", { key: 'add742feabc46dcf56b50dabbffd43c930666978', dataItem: this.dataItem }))), index.h("ls-field-footer", { key: '8854c0c8ed1925399d3e18ecc4f8ec0217ada14a', dataItem: this.dataItem })));
     }
 };
 LsFieldPropertiesText.style = lsFieldPropertiesTextCss();
-const lsFieldSizeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldSizeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.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 LsFieldSize = class {
     constructor(hostRef) {
@@ -42440,12 +42406,12 @@ const LsFieldSize = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '13142c65289dee09945877643f773695cde02ce7' }, index.h("div", { key: '73b892e379cc3e7e495948f165ded32f710123c9', class: 'ls-field-properties-section' }, index.h("div", { key: 'f3426e7ec0d6fc124909646fea3221617e1d94f4', class: 'ls-field-properties-section-text' }, index.h("p", { key: 'de6a098ba6f984b01d1e4cc24d6d589e94b0181e', class: 'ls-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: '7b9f742aa72864e6706833f8da892c2e9fae39e0', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: 'afa773bc691969117d1bf89aae21b1865405b586', class: 'button-group' }, index.h("button", { key: '1dba31debce2ad61692c85bfc194d60046c237ce', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, index.h("ls-icon", { key: '53c5938d273b769fe873069c9e17c42e3859dcf3', name: "field-scale" })), index.h("button", { key: 'dd5962377d4239048cd7097930208f5c2992f66d', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, index.h("ls-icon", { key: 'f3033b4a7af24ee4e3692b5284efbe8055a84e6f', name: "field-match-width" })), index.h("button", { key: '8a974fe0be97852f8365197d41259f88dce88ab5', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, index.h("ls-icon", { key: 'ca53c7c1713290b204ee10da62a23a049b6cad11', name: "field-match-height" })))), index.h("slot", { key: 'cbe470eaa7cdd3da6297427b493c0d491e3f1742' }), index.h("ls-tooltip", { key: '6f558e5531aae2c7c548ff7688aea9d18addc2c2', id: "ls-tooltip-master" })));
+        return (index.h(index.Host, { key: '7f7ba7e0d128da2a3c174ac405dfcf00ed1c28ac' }, index.h("div", { key: '8bc4af6bc62b77af95fff5a2639c9f47c81cfe24', class: 'ls-dv-field-properties-section' }, index.h("div", { key: '52ca0edbe6434d434145e9c675bf633b5de397f6', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: '855aae070b23ab2363b504aaac481051dbe04c5d', class: 'ls-dv-field-properties-section-title' }, "Scale and Resize"), index.h("p", { key: 'fc42ff88bfa344a80a353a7e70653948f065e41a', class: 'ls-dv-field-properties-section-description' }, "Multi-select fields and match their dimensions")), index.h("div", { key: '6d51837b066edfd7dafc8e3d833ce80ebbd3ede5', class: 'ls-dv-button-group' }, index.h("button", { key: '84c0b0f4c00425bb500dd233a5aec0bad7701637', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, index.h("ls-icon", { key: '316cd93e7cffb7a4de19c499b1d9e148dcc8b12a', name: "field-scale" })), index.h("button", { key: '6a9d2b9cbf2f714c93a9b995ab9d42287ffb0fdf', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, index.h("ls-icon", { key: 'ca4480fa12cf85a38c900d6f4cdf904bc3e20f34', name: "field-match-width" })), index.h("button", { key: '6b835a3abfbc9f63fc9c18a76b4e2054c58758cf', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, index.h("ls-icon", { key: 'fac01d314f5b44fd1d2237e03f8a856afdb576f9', name: "field-match-height" })))), index.h("slot", { key: '70e538700a9eda9904becd89cbfc1713e9446757' }), index.h("ls-tooltip", { key: '592a41292a1f3550aaf4316a6395b80bf116b46f', id: "ls-tooltip-master" })));
     }
 };
 LsFieldSize.style = lsFieldSizeCss();
-const lsFieldTypeDisplayCss = () => `:host{position:relative;border-radius:0.875rem;padding:0.25rem}*{margin:0}.ls-field-type-inner{border-radius:0.625rem;background:var(--white, #fff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;}`;
+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, #fff);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;}`;
 const LsFieldTypeDisplay = class {
     constructor(hostRef) {
@@ -42455,19 +42421,19 @@ const LsFieldTypeDisplay = class {
     fieldType = 'signature';
     render() {
         const color = defaultRolePalette[this.assignee % 100];
-        return (index.h(index.Host, { key: '0b7c2492a8a6c840e1756ffef88f46909783678b', class: 'ls-field-type-wrapper', style: {
+        return (index.h(index.Host, { key: '1fc4c22409efaba90014276d1d56a6ac37644030', class: 'ls-dv-field-type-wrapper', style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, index.h("div", { key: '7f8678e623bfd7c291c24c9ecbc590369238674f', class: 'ls-field-type-inner' }, index.h("div", { key: '3834409b2297015014c5cb7f60c51fa53d0ff9a6', class: 'ls-field-type-icon', style: {
+            } }, index.h("div", { key: '05d0d7df90c6456e88474c65a9e72dbf380ab90d', class: 'ls-dv-field-type-inner' }, index.h("div", { key: '62beba684a498427682dd42ab1ba1a9e3a944ddd', class: 'ls-dv-field-type-icon', style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, index.h("ls-icon", { key: '53b6a5769dba3983ecb62884d58ebede4c2afe4c', name: getFieldIcon(this.fieldType), size: "1.25rem" })), index.h("p", { key: '1131f7966de889a3f63c387ca311b5ad4e9fb5c4', class: 'ls-field-type-name' }, getFieldLabel(this.fieldType)))));
+            } }, index.h("ls-icon", { key: 'd6074d060b212d7ea168b5873d0804a4b74d4595', name: getFieldIcon(this.fieldType), size: "1.25rem" })), index.h("p", { key: '228618b790f6aa00005502914db4f6ef4cc713f5', class: 'ls-dv-field-type-name' }, getFieldLabel(this.fieldType)))));
     }
 };
 LsFieldTypeDisplay.style = lsFieldTypeDisplayCss();
-const lsHelperBarCss = () => `.controls-bar{display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem;gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6c6e73)}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}.divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
+const lsHelperBarCss = () => `.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem;gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6c6e73)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;
 const LsHelperBar = class {
     constructor(hostRef) {
@@ -42480,7 +42446,7 @@ const LsHelperBar = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '2a0fe0b70a958b4b53b60e34af478a8637da9f78' }, index.h("div", { key: 'bbdfd35f95d6cb9ac0aab8c0fd67731cf8723789', class: 'controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, index.h("button", { key: 'e7047efa5febddf9016777ded28825e47accba27', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, index.h("ls-keyboard-shortcuts", { key: '78d83fbd0cf12e8aef1118143f452efb9927f9c1', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), index.h("ls-icon", { key: '644b5164db6c4726f941ede3dd67c5574c1c736a', name: "keyboard" })), index.h("button", { key: '2f2fdb19a21f05b708001735dc0091e8b4bda0c4', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, index.h("ls-icon", { key: '6c9ff9bb71cea7851bca76bd6796f7c096c9c5d9', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), index.h("button", { key: '63dd756ad75b507639c464e8b21db9d0829c92af', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, index.h("ls-icon", { key: '20aae77051fa7fd9c36c4c95cea7722a549bab77', name: "support", "data-tooltip": "Contact Support", "data-tooltip-placement": "left" })), index.h("div", { key: '3e94430b5ab07332a2e580bcf05edb9678ddbbd8', class: "divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), index.h("button", { key: '72e04a7dbe7380fccdec31e4e29189bbfa43f316' }, index.h("ls-icon", { key: 'fb7a4813a66473db8d5858030d808fd5738e8105', name: "question-mark-circle" }))), index.h("slot", { key: '7148eaedb9804fdc58900213941a9041e255d321' }), index.h("ls-tooltip", { key: '5bf75e7e66449338ae009525499c74ea672e59ad', id: "ls-tooltip-master" })));
+        return (index.h(index.Host, { key: 'bebf438d4546b54d86a8ed7fa81f045b7eeb48f4' }, index.h("div", { key: 'dd31c0582293e9936e6c5906b39d9e02b1f7e7f1', class: 'ls-dv-controls-bar', onMouseEnter: () => (this.expanded = true), onMouseLeave: () => (this.expanded = false) }, index.h("button", { key: '9fb33398ba50e3c85e85519615c6902b5791f6cb', style: !this.expanded ? { display: 'none' } : { display: 'block', position: 'relative' }, id: "keyboard-btn", onMouseEnter: () => (this.showShortcuts = true), onMouseLeave: () => (this.showShortcuts = false) }, index.h("ls-keyboard-shortcuts", { key: '6eb0cd292b67ee65ab19c43aafbf37a4596a543a', style: !this.showShortcuts ? { display: 'none' } : { display: 'block' } }), index.h("ls-icon", { key: 'b80660a040d7e4462e242aa6b728f89711adfc1c', name: "keyboard" })), index.h("button", { key: 'fc3e6249f524c55d83993aef12fc495691005a74', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://legalesign.com/articles/', '_blank') }, index.h("ls-icon", { key: '61415c129e0dd248dac4e9d3004ab0c5fab32c7c', name: "book-open", "data-tooltip": "View Documentation \u2197", "data-tooltip-placement": "left" })), index.h("button", { key: '07e08324475da3aa3dcc8b9593a27288934a1372', style: !this.expanded ? { display: 'none' } : { display: 'block' }, onClick: () => window.open('https://support.legalesign.io/tickets', '_blank') }, index.h("ls-icon", { key: 'f55ab5c1ba0dcbcac8e5d5080a25de5ddb5c6474', name: "support", "data-tooltip": "Contact Support", "data-tooltip-placement": "left" })), index.h("div", { key: 'f468e02be3c46220146997a13b06b44ad77b0e85', class: "ls-dv-divider", style: !this.expanded ? { display: 'none' } : { display: 'block' } }), index.h("button", { key: '830a6c8d27e456c01c96c93b26076cda33fe18ec' }, index.h("ls-icon", { key: '11bcf093526a5d36492caa3e895a29fb722d0f1f', name: "question-mark-circle" }))), index.h("slot", { key: '80157959465edebaf5f1352dbf40b262225b5604' }), index.h("ls-tooltip", { key: '3915a1a1d9e2f18d9f99a64897a0dbad764613dc', id: "ls-tooltip-master" })));
     }
 };
 LsHelperBar.style = lsHelperBarCss();
@@ -49510,9 +49476,9 @@ const LsIcon = class {
             console.warn('Icons in src/components/ls-icon/icons.ts should be identical to the enum type in src/types/Icon.ts. Please add all icons to the enum type.');
     }
     render() {
-        return (index.h("host", { key: 'bd3c1a70d82820650df8002ac0f68c69f42f331b' }, icons
+        return (index.h("host", { key: '1429bfc0982cc403ad7a9f16915398ced355b7bb' }, icons
             ?.filter((icon) => icon.name === this.name)
-            ?.map((icon) => (index.h("div", { key: icon?.name, class: 'iconContainer', style: {
+            ?.map((icon) => (index.h("div", { key: icon?.name, class: 'ls-dv-icon-container', style: {
                 height: `${this.size}`,
                 width: `${this.size}`,
                 ...this.customStyle,
@@ -49529,31 +49495,132 @@ const LsInputWrapper = class {
     leadingIcon;
     select = false;
     render() {
-        return (index.h(index.Host, { key: '82fc65138f6db5a1e7befa9144349cacf203506a' }, index.h("ls-icon", { key: '1dd2dae69e380cfba11d2fdd492a90ce9102029c', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && index.h("ls-icon", { key: '70bb8f42d51667e8a3ba6f5d5c045c1e619b8895', id: "selectorIcon", name: "selector" }), index.h("slot", { key: 'a757a77d0f3205ea689999659072a4fa9cf96685' })));
+        return (index.h(index.Host, { key: 'e678d02c207d547d09f748b47debcb525ad052da' }, index.h("ls-icon", { key: '6cc96433dbdb4895003f005db72751c47e47f230', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && index.h("ls-icon", { key: 'b47222994d7e29c0acccabc2cf5ca0a1995a1492', id: "selectorIcon", name: "selector" }), index.h("slot", { key: '71d34b243b3290227dd896da2bdeae1f9d8f7caa' })));
     }
 };
 LsInputWrapper.style = lsInputWrapperCss();
-const lsKeyboardShortcutsCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.keyboard-shortcuts-tooltip{position:absolute;bottom:0;right:0;border-radius:0.5rem;background:var(--gray-100, #45484d);color:var(--white, #fff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:1rem;width:fit-content;white-space:wrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.25rem}#arrow{position:absolute;background:var(--gray-100, #45484d);width:0.625rem;height:0.625rem;transform:rotate(45deg);border-radius:0.125rem}`;
+const lsKeyboardShortcutsCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.ls-dv-keyboard-shortcuts-tooltip{position:absolute;bottom:0;right:0;border-radius:0.625rem;background:var(--gray-100, #45484d);color:var(--white, #fff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:1rem;width:fit-content;white-space:wrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.ls-dv-tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.25rem}#arrow{position:absolute;background:var(--gray-100, #45484d);width:0.625rem;height:0.625rem;transform:rotate(45deg);border-radius:0.125rem}`;
 const LsKeyboardShortcuts = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'bda06ca253b28b1641b34b4d74e2d18d857c7dcd', class: 'keyboard-shortcuts-tooltip' }, index.h("div", { key: '241ffdd7a3057d238203ddd8e589b99b5e30a1df', id: "arrow" }), index.h("svg", { key: '64e857a4a601c08664a738a677006236cd01b094', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '400f9202b477cd6c14a514c20e681f28b9e9d0bb', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), index.h("g", { key: '6b8fe530388c7d22d3e4813743c9371e3c1acb6e', filter: "url(#filter0_d_6680_546458)" }, index.h("path", { key: '7cb7a4ba0ba4e2ec7e1620e9d295b2736d346655', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), index.h("path", { key: '03fbbb52094a7fa270a4c7eb539100e932db93d7', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), index.h("path", { key: '8dbe6269f878d42d3c6088e794c554d11016aa84', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), index.h("path", { key: 'b46aca067a4c1aa6cec28791ff92707b5b7bc756', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), index.h("g", { key: 'a1e48bee3cd415a148f5b6f7a421e48bb517640f', filter: "url(#filter1_d_6680_546458)" }, index.h("mask", { key: 'f0a86b5f7d9018a8927a99b0e86feea9612d21b7', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, index.h("rect", { key: '2cbe18bc5876e1dcb1d6cb8312cda9a811fac834', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), index.h("path", { key: '95d0ac27ecfe3cbadf64f9b1b27dc162cfc92cc4', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), index.h("path", { key: 'cdb99e8a1fd596ea8ca51136de75cea8ce0bb2c2', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), index.h("path", { key: 'd5a6f2724d288b4a3cae95407be8894820e02908', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), index.h("path", { key: '72e0a26005df981bf025cb7c4ec63541859ef299', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), index.h("path", { key: 'f01f552e52ca3b3c2fb383da5e3b6b112e7cb7e5', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), index.h("path", { key: 'ccf13d5c91e52fa99101b29a12f9127784fbd7cd', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), index.h("path", { key: 'c1c00ba21a0fca3b58a96f250615ef6f41d1d484', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), index.h("path", { key: '3ded61851acbac839d99cda07b2c4f5e0a8272d8', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), index.h("path", { key: 'bf02c34631004bfc7b7535d384e961ecb28d88a4', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), index.h("path", { key: 'e530dfd5a0116333cbb1ff83764cca97136007dd', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), index.h("path", { key: 'd8a63a9f8b0b65be6261f04908ed975372638d5b', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), index.h("path", { key: '37f6ef026462427f1242badfb678eb901bf987c7', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), index.h("path", { key: '78b1169e11cfa4d7812cf4b3cd9cd797075681ba', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), index.h("path", { key: '03a8749ee3bf87fa191e3af15e2063dc9e561748', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), index.h("path", { key: '3364caded51b75e9565a815e021ab447df9c2847', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'bb5c147cb17f2b1e85f4b144a450c36ee8cbeb51', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: '8466bf71eb1e2d38c75a484c4c893b7fa16a4ff9', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: '9e11d5e3af9892f687f96a6b749b63a806b59fd3', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'f42ed3960c9fc0cba58c14a1732a1f0d48b73044', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'c9960e8926bec802c71a264808a7f006f124f21a', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: '61cb003956afa5077462861f187a3b0b38d6a85d', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), index.h("path", { key: '02bcb79deb0b8c5e20e6130fe58761ee3a95c29d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), index.h("rect", { key: 'f1c06cee45fe08c8e81c54e7d50fe5bc7879680b', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), index.h("rect", { key: '0f321a6974051348b3e1cca27c4978c7e9f3005b', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), index.h("path", { key: 'c147d0c7a1b86bee38c9b668718a64396e945889', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), index.h("rect", { key: '9f9b422947be449e09648eb93d52a24c7cf7db8c', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), index.h("g", { key: '39f7656fe2a2ddbc3c76e4e29c1369094db517f6', filter: "url(#filter2_dd_6680_546458)" }, index.h("g", { key: 'd7075462bd559623e9aa268c193df3f20b74d1e7', filter: "url(#filter3_d_6680_546458)" }, index.h("path", { key: '63f4d94f9e3eb4f63b7c068eecc3f72c80fe5dbc', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), index.h("path", { key: 'c550838fe3d07172dd4dcce0ae0d2814c7b31ded', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), index.h("path", { key: '7d9339687f01b8babcde4232ffb3cb4dbe5e7b5c', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), index.h("g", { key: '9e9992494d951bd793eac0f8814f532cee752a31', filter: "url(#filter4_d_6680_546458)" }, index.h("path", { key: 'c6093d4d6ee7a39c7aabe78771b4bb675cfe3d16', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), index.h("path", { key: '265d8c63cde7d79af28a662d6a931bcbbcedd591', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: '68ed0317d7f908138ab8215b86f3a11fadd64bbc', filter: "url(#filter5_d_6680_546458)" }, index.h("path", { key: '32b038087e778efab4c4e77e6a8c4de0b6a97d80', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), index.h("path", { key: '946a34172242092f7351aca2624f59ac0352a195', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: '67d8a0418302fa828b96a9276b90a5cbe80a5d15', filter: "url(#filter6_d_6680_546458)" }, index.h("path", { key: '2650adbeca9516e0f7d1f2ceaf3cb9538350a301', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), index.h("path", { key: 'e3d2659953e6b0850b287488f2b03dfe3a20f4b6', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: '0ce8d6b5eff693b9b9583b41c77caa83b4ab074e', filter: "url(#filter7_d_6680_546458)" }, index.h("path", { key: '099bee165ff0decc64a14a34509199620ed34cba', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), index.h("path", { key: '5b46f07fb65c70d5f3e389956f0f679c2abd7d8c', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("defs", { key: '55324b9cdc616817c8a5180cdf2c75faaf650547' }, index.h("filter", { key: '74e708e6e5e5b5fa218dcb3625f9aa2493cdd4e3', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'e666ee7ce723559673f36930cef95fadef8b6488', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '26aeb63b4c7d41d1fa02b953285d44770e6fd0d8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: 'f14b6f04ba490ebb908820b240d60dcd1510c145', dy: "1.13219" }), index.h("feGaussianBlur", { key: '0515f598c4f5e888906e3ddf81be643208130b72', stdDeviation: "1.13219" }), index.h("feColorMatrix", { key: 'e3f9eb3b38aaceb6088f22131e0fda5178311386', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '7da2fe36a6e360aaec3fb036a0ac50629475feca', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'cc79d7f7402ae77d80f6e674fd8c0002086d7919', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'a764d1d2e75a5d0334330f683afe45dcc2911c2f', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'f3bc9288f3e3d1dc24191fed5cb990953e251f17', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '802cc4ab190e03a3143f60127ccab3003af149b2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '6b18c00a506145ee7eda4f9514e4ad2ff5cfed10', dy: "1.13221" }), index.h("feGaussianBlur", { key: '195db77d21088fe8fc186c1feaab0fb1753ca604', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '4f465cb378a2aeff24be53f21d31c39badd4fe2a', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '46bfaf2fb4d24c1b17760be403230644f5f4979c', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'd6713b070a1601a618f95eedf0089f1a2274b3f8', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '279a59b372afb36e5fc5334e567e717d37406dc7', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '5ec3bd7145ed084cccf584911e04515cc923a9bf', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '161d27616d1791d3ca1c56b68ea06eca4fe242ca', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '7dc5d0b66f7617c1fcbff20353577aac399ed8b6', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), index.h("feOffset", { key: 'c5a8097514e736cf96ccfddb704e474edddbbcac', dy: "2.26441" }), index.h("feGaussianBlur", { key: 'f1b2db6a504528333714c3647d6a94301a57a757', stdDeviation: "2.26441" }), index.h("feColorMatrix", { key: '711df83073b9354ef46bded10e41c88c07bc2360', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), index.h("feBlend", { key: 'e83e0e637d0fab51ef08df58a5ded37db15f5535', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feColorMatrix", { key: 'c1bf1997aeaa80823e5da7a7dc70ea02d088478e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'f2d9c22642d0034ae56f333a2897f4f74a96c396', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), index.h("feOffset", { key: '4e74d6f234607fb99babda4796a8ca711cecc1b6', dx: "-3.39662", dy: "3.39662" }), index.h("feGaussianBlur", { key: '8ff62227ff7f86c4f2a6c704e901f32ddcd9dbb4', stdDeviation: "3.79289" }), index.h("feColorMatrix", { key: '562da01a24c4c7fa2845832e007d3e130dcc1537', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), index.h("feBlend", { key: '1345fc3773fdc77589b8a602454b27ee3a5fe65f', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), index.h("feBlend", { key: '2990286cbe233ddb492b12d4e59d1c7eda9d76dd', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '4c5850d4eff044569414dcef5033f5f37aec7085', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '66952ebf91d00fe41a23d164e6510565b41de5e6', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '13016c5d5feb981733a27658d98b947c2cee3fce', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: 'bc032e3c9f4546e1bd8078533870aeb94ff080f9', dy: "1.13221" }), index.h("feGaussianBlur", { key: '2f148a6dc946e25d95d3a3b04ed8a8eeebdeb8b8', stdDeviation: "1.69831" }), index.h("feColorMatrix", { key: 'e5c1de5dc2ca3ab8556334124188efbee367fb53', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), index.h("feBlend", { key: '553a07b7bde17610aa3dcc96179a0866e74c0fc1', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '0f8fb88bd630c619d54f4b09f47698ac4fb3ef4b', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'f519062796b1b45d6d3a22d8f7789442eb40b99d', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'f5d9c4c1f64bedb5f953e774d54a3f086ad9677f', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '07d3cb1b86c26a4d098a8ef2d664af8b6cd68e8c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '3d00c0e3c8bbe20e2721105eb8a762318ca0e46a', dy: "1.13221" }), index.h("feGaussianBlur", { key: '87ac7ebef6e19622df24b57282372d9ca7dc87a9', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: 'd466d2667de8ef153f15f5a1751ea35636416b3c', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '13cd293592b721c76f3f31759baa917260984e89', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '80e645a1491ea35a26a7102992adce314bc50044', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'c1a1b65975f851fa52358b77284cc9da2b5f61f2', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'a1d702abe5dc1652628b52d639face2afd8e601f', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'e7b38beb7b32a0910ef7233cf47d7c50ec17b60e', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '59b410fd15978c502b1eaac4fb4411a86fd618dd', dy: "1.13221" }), index.h("feGaussianBlur", { key: 'b12f64fe9669b75d60d5ec9a8abdb85eb15c72e9', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: 'a4dce450acdc52fda46fa8aef55359c872c4248b', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '93a9246d986aacd1ab57681c7e78530a5864066e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '20e2424f13635589acc4a2cbd6f60155c6c174a4', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '9bdf93e78c3e375abc8b322e237844126cac99d2', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'ee099dc63e5f38ad0e095dd56544117daca68894', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '5349b10df55451f4858020844f66e9628319e9e7', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '0b6d0bb7d4641ec76eb4f353ca43af7a5d971d98', dy: "1.13221" }), index.h("feGaussianBlur", { key: '5068e2b8ce3177533d79136b36135cc0891843ac', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '08b9622666271987658f77326248e5b6c6f517a1', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '2b8fc1068e73d2f399e4ef391b9c058e6e9c7ead', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'c55448a1a1bb625eedceb8dd026a7052aca12a1c', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'fb1feb9a2b77827738d88097b283a8929e70469f', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'a9a5b8d71d211a29b7e2488affde05b84d4b15f5', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '2e83a821082dbc9755139d281e33bffd3449aaeb', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '7bcf4870a15e2b7623821db706ddabdd7e855a6a', dy: "1.13221" }), index.h("feGaussianBlur", { key: '492f61a0b74f1118c82b014b697fb63c8ce601f5', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: 'f4fef318072ef0a066c697c820f5961b01ff30a2', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: 'ac06d9de3437aa1c4172b40d419506b4de66c34b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '4abe5832f9e078eba4cb720b3dbda39356ba07c9', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), index.h("slot", { key: 'a6345056cb4221b672e72a9ede555d89ebe7ddb3' })));
+        return (index.h("div", { key: '6b24bc8c589c3f0ddd23989d3481f6cdcaed8376', class: 'ls-dv-keyboard-shortcuts-tooltip' }, index.h("div", { key: '2e3b35e4c8ca39ac136cf94e6bb7504d0959ed50', id: "arrow" }), index.h("svg", { key: 'e1a79e97eee0fef91752b144a4f671148f6b4236', width: "187", height: "243", viewBox: "0 0 187 243", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '64fa88a523889884677e3f09dd3475e2f24d1c4f', d: "M4.66016 4.51665H7.83939C8.42814 4.51665 8.96254 4.61628 9.4426 4.81555C9.92265 5.01482 10.3302 5.31372 10.6654 5.71226C11.0096 6.10174 11.2722 6.59538 11.4534 7.19318C11.6345 7.78193 11.7251 8.47031 11.7251 9.25833C11.7251 10.0463 11.6345 10.7392 11.4534 11.3371C11.2722 11.9258 11.0096 12.4194 10.6654 12.818C10.3302 13.2075 9.92265 13.5018 9.4426 13.7011C8.96254 13.9004 8.42814 14 7.83939 14H4.66016V4.51665ZM7.83939 12.9946C8.22887 12.9946 8.58665 12.9312 8.91272 12.8044C9.2388 12.6685 9.51959 12.4738 9.75509 12.2202C9.99058 11.9666 10.1717 11.6586 10.2985 11.2963C10.4344 10.9249 10.5023 10.5038 10.5023 10.0328V8.4839C10.5023 8.0129 10.4344 7.59625 10.2985 7.23394C10.1717 6.86258 9.99058 6.55009 9.75509 6.29648C9.51959 6.04286 9.2388 5.85265 8.91272 5.72585C8.58665 5.58998 8.22887 5.52205 7.83939 5.52205H5.80143V12.9946H7.83939ZM17.9871 12.8587H17.9328C17.8603 13.0218 17.7697 13.1848 17.661 13.3478C17.5614 13.5018 17.4346 13.6422 17.2806 13.769C17.1266 13.8868 16.9409 13.9819 16.7236 14.0543C16.5062 14.1268 16.2526 14.163 15.9627 14.163C15.2381 14.163 14.6629 13.9321 14.2372 13.4701C13.8115 12.9991 13.5987 12.3379 13.5987 11.4865V6.98939H14.6856V11.2963C14.6856 12.5553 15.22 13.1848 16.2888 13.1848C16.5062 13.1848 16.7145 13.1576 16.9138 13.1033C17.1221 13.0489 17.3032 12.9674 17.4572 12.8587C17.6203 12.75 17.7471 12.6142 17.8376 12.4511C17.9373 12.279 17.9871 12.0753 17.9871 11.8398V6.98939H19.074V14H17.9871V12.8587ZM21.3886 6.98939H22.4755V8.13065H22.5299C22.711 7.68682 22.9737 7.36075 23.3179 7.15242C23.6711 6.93504 24.0923 6.82635 24.5814 6.82635C25.0162 6.82635 25.4102 6.9124 25.7634 7.08449C26.1167 7.25659 26.4156 7.50114 26.6601 7.81816C26.9138 8.13518 27.104 8.52013 27.2308 8.97301C27.3666 9.42589 27.4346 9.93312 27.4346 10.4947C27.4346 11.0563 27.3666 11.5635 27.2308 12.0164C27.104 12.4693 26.9138 12.8542 26.6601 13.1712C26.4156 13.4882 26.1167 13.7328 25.7634 13.9049C25.4102 14.077 25.0162 14.163 24.5814 14.163C23.6304 14.163 22.9465 13.7283 22.5299 12.8587H22.4755V16.7173H21.3886V6.98939ZM24.2825 13.1848C24.8984 13.1848 25.383 12.9946 25.7363 12.6142C26.0895 12.2247 26.2661 11.7175 26.2661 11.0925V9.89689C26.2661 9.27191 26.0895 8.76921 25.7363 8.38879C25.383 7.99931 24.8984 7.80457 24.2825 7.80457C24.038 7.80457 23.8025 7.8408 23.576 7.91327C23.3586 7.97667 23.1684 8.06725 23.0054 8.18499C22.8423 8.30274 22.711 8.44767 22.6114 8.61976C22.5208 8.7828 22.4755 8.95942 22.4755 9.14963V11.7582C22.4755 11.9847 22.5208 12.1885 22.6114 12.3696C22.711 12.5417 22.8423 12.6912 23.0054 12.818C23.1684 12.9357 23.3586 13.0263 23.576 13.0897C23.8025 13.1531 24.038 13.1848 24.2825 13.1848ZM30.4247 14C30.0442 14 29.7544 13.8958 29.5551 13.6875C29.3649 13.4701 29.2698 13.1984 29.2698 12.8723V3.94602H30.3567V13.0489H31.3893V14H30.4247ZM33.515 5.34542C33.2795 5.34542 33.1075 5.29108 32.9988 5.18239C32.8991 5.06464 32.8493 4.91519 32.8493 4.73403V4.55741C32.8493 4.37626 32.8991 4.23133 32.9988 4.12264C33.1075 4.00489 33.2795 3.94602 33.515 3.94602C33.7505 3.94602 33.9181 4.00489 34.0177 4.12264C34.1264 4.23133 34.1808 4.37626 34.1808 4.55741V4.73403C34.1808 4.91519 34.1264 5.06464 34.0177 5.18239C33.9181 5.29108 33.7505 5.34542 33.515 5.34542ZM32.9716 6.98939H34.0585V14H32.9716V6.98939ZM38.9768 14.163C38.4877 14.163 38.0484 14.077 37.6589 13.9049C37.2694 13.7328 36.9388 13.4882 36.6671 13.1712C36.4044 12.8542 36.2006 12.4693 36.0557 12.0164C35.9198 11.5635 35.8519 11.0563 35.8519 10.4947C35.8519 9.93312 35.9198 9.42589 36.0557 8.97301C36.2006 8.52013 36.4044 8.13518 36.6671 7.81816C36.9388 7.50114 37.2694 7.25659 37.6589 7.08449C38.0484 6.9124 38.4877 6.82635 38.9768 6.82635C39.6742 6.82635 40.2313 6.98033 40.6479 7.28829C41.0736 7.58719 41.3907 7.9812 41.599 8.47031L40.6887 8.93225C40.5619 8.56994 40.3536 8.28916 40.0637 8.08989C39.7739 7.89062 39.4116 7.79099 38.9768 7.79099C38.6507 7.79099 38.3654 7.84533 38.1209 7.95402C37.8763 8.05366 37.6725 8.19858 37.5095 8.38879C37.3464 8.56994 37.2241 8.79186 37.1426 9.05453C37.0611 9.30814 37.0204 9.58893 37.0204 9.89689V11.0925C37.0204 11.7084 37.1834 12.2156 37.5095 12.6142C37.8446 13.0037 38.3337 13.1984 38.9768 13.1984C39.8554 13.1984 40.4894 12.7908 40.8789 11.9756L41.6669 12.5055C41.4405 13.0127 41.1008 13.4158 40.6479 13.7147C40.2041 14.0136 39.6471 14.163 38.9768 14.163ZM48.2962 14C47.8886 14 47.5942 13.8913 47.413 13.6739C47.2409 13.4565 47.1323 13.1848 47.087 12.8587H47.019C46.8651 13.2935 46.6114 13.6196 46.2582 13.837C45.9049 14.0543 45.4838 14.163 44.9946 14.163C44.2519 14.163 43.6722 13.9728 43.2556 13.5924C42.848 13.212 42.6442 12.6957 42.6442 12.0435C42.6442 11.3823 42.8842 10.8751 43.3643 10.5219C43.8534 10.1686 44.6097 9.99199 45.6332 9.99199H47.019V9.29908C47.019 8.80091 46.8832 8.42049 46.6114 8.15782C46.3397 7.89515 45.9231 7.76381 45.3615 7.76381C44.9358 7.76381 44.578 7.85892 44.2882 8.04913C44.0074 8.23934 43.7719 8.49295 43.5817 8.80997L42.9295 8.19858C43.1197 7.81816 43.4231 7.49661 43.8398 7.23394C44.2565 6.96221 44.7818 6.82635 45.4158 6.82635C46.2672 6.82635 46.9285 7.03467 47.3995 7.45133C47.8704 7.86798 48.1059 8.44767 48.1059 9.19039V13.0489H48.9075V14H48.2962ZM45.1713 13.2392C45.443 13.2392 45.6921 13.2075 45.9185 13.1441C46.145 13.0806 46.3397 12.9901 46.5027 12.8723C46.6658 12.7546 46.7926 12.6187 46.8832 12.4647C46.9737 12.3108 47.019 12.1432 47.019 11.962V10.8072H45.5789C44.9539 10.8072 44.4965 10.8978 44.2066 11.0789C43.9258 11.2601 43.7855 11.5227 43.7855 11.8669V12.1522C43.7855 12.4964 43.9077 12.7636 44.1523 12.9538C44.4059 13.1441 44.7456 13.2392 45.1713 13.2392ZM52.0077 14C51.6273 14 51.3374 13.8958 51.1382 13.6875C50.948 13.4701 50.8529 13.1893 50.8529 12.8452V7.94044H49.698V6.98939H50.3502C50.5857 6.98939 50.7442 6.9441 50.8257 6.85352C50.9163 6.75389 50.9615 6.58632 50.9615 6.35082V5.04652H51.9398V6.98939H53.475V7.94044H51.9398V13.0489H53.3663V14H52.0077ZM57.8048 14.163C57.3247 14.163 56.8899 14.077 56.5005 13.9049C56.12 13.7328 55.7894 13.4882 55.5087 13.1712C55.2369 12.8452 55.0241 12.4602 54.8701 12.0164C54.7252 11.5635 54.6527 11.0563 54.6527 10.4947C54.6527 9.94218 54.7252 9.43948 54.8701 8.9866C55.0241 8.53371 55.2369 8.14876 55.5087 7.83175C55.7894 7.50567 56.12 7.25659 56.5005 7.08449C56.8899 6.9124 57.3247 6.82635 57.8048 6.82635C58.2758 6.82635 58.6969 6.9124 59.0683 7.08449C59.4397 7.25659 59.7567 7.49661 60.0194 7.80457C60.282 8.10348 60.4813 8.46125 60.6172 8.8779C60.7621 9.29456 60.8345 9.75197 60.8345 10.2501V10.7664H55.794V11.0925C55.794 11.3914 55.8393 11.6722 55.9298 11.9349C56.0295 12.1885 56.1653 12.4104 56.3374 12.6006C56.5186 12.7908 56.736 12.9403 56.9896 13.0489C57.2523 13.1576 57.5466 13.212 57.8727 13.212C58.3165 13.212 58.7015 13.1078 59.0275 12.8995C59.3627 12.6912 59.6208 12.3923 59.802 12.0028L60.5764 12.5598C60.35 13.0399 59.9967 13.4294 59.5167 13.7283C59.0366 14.0181 58.466 14.163 57.8048 14.163ZM57.8048 7.73664C57.5059 7.73664 57.2341 7.79099 56.9896 7.89968C56.745 7.99931 56.5322 8.14424 56.351 8.33445C56.1789 8.52466 56.0431 8.7511 55.9434 9.01377C55.8438 9.26738 55.794 9.54817 55.794 9.85613V9.95123H59.6661V9.80178C59.6661 9.17681 59.494 8.67864 59.1498 8.30727C58.8147 7.92685 58.3663 7.73664 57.8048 7.73664Z", fill: "#F7F8FA" }), index.h("g", { key: '35322785dd08ce0e9280520c7864d4731b702e35', filter: "url(#filter0_d_6680_546458)" }, index.h("path", { key: '6745765204576eed4817a05717cf29c9e647d56a', d: "M3.39662 31.3513C3.39662 29.5322 4.87123 28.0576 6.69026 28.0576H38.3092C40.1282 28.0576 41.6028 29.5322 41.6028 31.3513V60.994C41.6028 62.813 40.1282 64.2876 38.3092 64.2876H6.69026C4.87123 64.2876 3.39662 62.813 3.39662 60.994V31.3513Z", fill: "#45484D" }), index.h("path", { key: 'f0b5219279ea16e54e8cd011f4e92b3afbb2dc70', d: "M18.1876 40.6749H22.3494C23.1201 40.6749 23.8197 40.8053 24.4481 41.0662C25.0766 41.327 25.6101 41.7183 26.0488 42.24C26.4994 42.7499 26.8433 43.3961 27.0804 44.1787C27.3176 44.9494 27.4361 45.8505 27.4361 46.8821C27.4361 47.9136 27.3176 48.8207 27.0804 49.6033C26.8433 50.374 26.4994 51.0202 26.0488 51.5419C25.6101 52.0518 25.0766 52.4371 24.4481 52.698C23.8197 52.9588 23.1201 53.0893 22.3494 53.0893H18.1876V40.6749ZM22.3494 51.7731C22.8593 51.7731 23.3276 51.6901 23.7545 51.5241C24.1814 51.3463 24.5489 51.0913 24.8572 50.7593C25.1655 50.4273 25.4026 50.0242 25.5686 49.5499C25.7465 49.0638 25.8354 48.5124 25.8354 47.8958V45.8683C25.8354 45.2517 25.7465 44.7063 25.5686 44.232C25.4026 43.7459 25.1655 43.3368 24.8572 43.0048C24.5489 42.6728 24.1814 42.4238 23.7545 42.2578C23.3276 42.0799 22.8593 41.991 22.3494 41.991H19.6816V51.7731H22.3494Z", fill: "#F7F8FA" }), index.h("path", { key: 'f36364b64d7d0869827872d6be98e78e331ec233', d: "M38.3087 27.4912C40.4404 27.4912 42.1691 29.2199 42.1691 31.3516V60.9941C42.169 63.1257 40.4403 64.8535 38.3087 64.8535H6.69057C4.55895 64.8535 2.8303 63.1257 2.83022 60.9941V31.3516C2.83022 29.2199 4.5589 27.4912 6.69057 27.4912H38.3087Z", stroke: "#E0E2E5", "stroke-width": "1.13219" })), index.h("path", { key: '1252baefa620947400337a43125c42dc08d0d619', d: "M7.32311 101.095C6.55321 101.095 5.89653 100.95 5.35307 100.66C4.80961 100.361 4.34767 99.9534 3.96725 99.4371L4.80961 98.7306C5.14475 99.1745 5.51611 99.5141 5.9237 99.7496C6.3313 99.9761 6.81135 100.089 7.36387 100.089C8.04319 100.089 8.55948 99.9262 8.91272 99.6002C9.27503 99.2741 9.45618 98.8393 9.45618 98.2959C9.45618 97.843 9.32032 97.4943 9.04859 97.2497C8.77686 97.0052 8.32851 96.8104 7.70353 96.6655L6.9291 96.4889C6.05957 96.2896 5.39383 95.9907 4.93189 95.5922C4.47901 95.1846 4.25257 94.6139 4.25257 93.8803C4.25257 93.4636 4.32956 93.0923 4.48354 92.7662C4.63752 92.4401 4.85037 92.1684 5.1221 91.951C5.40289 91.7336 5.73349 91.5706 6.11391 91.4619C6.50339 91.3441 6.9291 91.2853 7.39104 91.2853C8.10659 91.2853 8.71799 91.4166 9.22521 91.6793C9.7415 91.9419 10.1763 92.3269 10.5295 92.8341L9.67357 93.4591C9.4109 93.0968 9.09388 92.8115 8.72251 92.6031C8.35115 92.3948 7.88921 92.2907 7.3367 92.2907C6.72983 92.2907 6.24978 92.422 5.89653 92.6847C5.55234 92.9383 5.38025 93.3232 5.38025 93.8395C5.38025 94.2924 5.52517 94.6366 5.81501 94.8721C6.11391 95.0985 6.56227 95.2797 7.16007 95.4155L7.9345 95.5922C8.86744 95.8005 9.54223 96.1175 9.95888 96.5432C10.3755 96.9689 10.5839 97.535 10.5839 98.2415C10.5839 98.6763 10.5069 99.0703 10.3529 99.4235C10.208 99.7768 9.99511 100.076 9.71433 100.32C9.43354 100.565 9.08935 100.755 8.68176 100.891C8.28322 101.027 7.83034 101.095 7.32311 101.095ZM15.0817 101.095C14.6017 101.095 14.1669 101.009 13.7774 100.837C13.397 100.664 13.0664 100.42 12.7856 100.103C12.5139 99.7768 12.301 99.3918 12.147 98.948C12.0021 98.4951 11.9297 97.9879 11.9297 97.4263C11.9297 96.8738 12.0021 96.3711 12.147 95.9182C12.301 95.4654 12.5139 95.0804 12.7856 94.7634C13.0664 94.4373 13.397 94.1882 13.7774 94.0161C14.1669 93.844 14.6017 93.758 15.0817 93.758C15.5527 93.758 15.9739 93.844 16.3453 94.0161C16.7166 94.1882 17.0336 94.4283 17.2963 94.7362C17.559 95.0351 17.7583 95.3929 17.8941 95.8095C18.039 96.2262 18.1115 96.6836 18.1115 97.1818V97.6981H13.0709V98.0241C13.0709 98.323 13.1162 98.6038 13.2068 98.8665C13.3064 99.1201 13.4423 99.342 13.6144 99.5322C13.7955 99.7224 14.0129 99.8719 14.2665 99.9806C14.5292 100.089 14.8236 100.144 15.1497 100.144C15.5935 100.144 15.9784 100.039 16.3045 99.8311C16.6396 99.6228 16.8978 99.3239 17.0789 98.9344L17.8534 99.4915C17.6269 99.9715 17.2737 100.361 16.7936 100.66C16.3136 100.95 15.7429 101.095 15.0817 101.095ZM15.0817 94.6683C14.7828 94.6683 14.5111 94.7226 14.2665 94.8313C14.022 94.931 13.8091 95.0759 13.628 95.2661C13.4559 95.4563 13.32 95.6827 13.2204 95.9454C13.1207 96.199 13.0709 96.4798 13.0709 96.7878V96.8829H16.9431V96.7334C16.9431 96.1084 16.771 95.6103 16.4268 95.2389C16.0916 94.8585 15.6433 94.6683 15.0817 94.6683ZM21.0574 100.932C20.677 100.932 20.3872 100.827 20.1879 100.619C19.9977 100.402 19.9026 100.13 19.9026 99.804V90.8777H20.9895V99.9806H22.0221V100.932H21.0574ZM26.2401 101.095C25.7601 101.095 25.3253 101.009 24.9358 100.837C24.5554 100.664 24.2248 100.42 23.944 100.103C23.6723 99.7768 23.4594 99.3918 23.3055 98.948C23.1605 98.4951 23.0881 97.9879 23.0881 97.4263C23.0881 96.8738 23.1605 96.3711 23.3055 95.9182C23.4594 95.4654 23.6723 95.0804 23.944 94.7634C24.2248 94.4373 24.5554 94.1882 24.9358 94.0161C25.3253 93.844 25.7601 93.758 26.2401 93.758C26.7111 93.758 27.1323 93.844 27.5037 94.0161C27.875 94.1882 28.1921 94.4283 28.4547 94.7362C28.7174 95.0351 28.9167 95.3929 29.0525 95.8095C29.1975 96.2262 29.2699 96.6836 29.2699 97.1818V97.6981H24.2293V98.0241C24.2293 98.323 24.2746 98.6038 24.3652 98.8665C24.4648 99.1201 24.6007 99.342 24.7728 99.5322C24.9539 99.7224 25.1713 99.8719 25.4249 99.9806C25.6876 100.089 25.982 100.144 26.3081 100.144C26.7519 100.144 27.1368 100.039 27.4629 99.8311C27.798 99.6228 28.0562 99.3239 28.2373 98.9344L29.0118 99.4915C28.7853 99.9715 28.4321 100.361 27.952 100.66C27.472 100.95 26.9013 101.095 26.2401 101.095ZM26.2401 94.6683C25.9412 94.6683 25.6695 94.7226 25.4249 94.8313C25.1804 94.931 24.9675 95.0759 24.7864 95.2661C24.6143 95.4563 24.4784 95.6827 24.3788 95.9454C24.2792 96.199 24.2293 96.4798 24.2293 96.7878V96.8829H28.1015V96.7334C28.1015 96.1084 27.9294 95.6103 27.5852 95.2389C27.2501 94.8585 26.8017 94.6683 26.2401 94.6683ZM33.6696 101.095C33.1805 101.095 32.7412 101.009 32.3517 100.837C31.9622 100.664 31.6316 100.42 31.3599 100.103C31.0972 99.7858 30.8934 99.4009 30.7485 98.948C30.6126 98.4951 30.5447 97.9879 30.5447 97.4263C30.5447 96.8648 30.6126 96.3575 30.7485 95.9047C30.8934 95.4518 31.0972 95.0668 31.3599 94.7498C31.6316 94.4328 31.9622 94.1882 32.3517 94.0161C32.7412 93.844 33.1805 93.758 33.6696 93.758C34.367 93.758 34.9241 93.912 35.3407 94.2199C35.7664 94.5188 36.0835 94.9128 36.2918 95.402L35.3815 95.8639C35.2547 95.5016 35.0464 95.2208 34.7565 95.0215C34.4667 94.8223 34.1044 94.7226 33.6696 94.7226C33.3435 94.7226 33.0582 94.777 32.8136 94.8857C32.5691 94.9853 32.3653 95.1302 32.2023 95.3204C32.0392 95.5016 31.9169 95.7235 31.8354 95.9862C31.7539 96.2398 31.7131 96.5206 31.7131 96.8285V98.0241C31.7131 98.6401 31.8762 99.1473 32.2023 99.5458C32.5374 99.9353 33.0265 100.13 33.6696 100.13C34.5482 100.13 35.1822 99.7224 35.5717 98.9073L36.3597 99.4371C36.1333 99.9444 35.7936 100.347 35.3407 100.646C34.8969 100.945 34.3399 101.095 33.6696 101.095ZM39.4429 100.932C39.0625 100.932 38.7726 100.827 38.5733 100.619C38.3831 100.402 38.288 100.121 38.288 99.7768V94.8721H37.1332V93.921H37.7853C38.0208 93.921 38.1793 93.8757 38.2609 93.7852C38.3514 93.6855 38.3967 93.518 38.3967 93.2825V91.9782H39.3749V93.921H40.9102V94.8721H39.3749V99.9806H40.8015V100.932H39.4429ZM53.3678 92.9428H53.2999L52.4983 94.5324L50.2294 98.6627L47.9604 94.5324L47.1588 92.9428H47.0909V100.932H45.9768V91.4483H47.4985L50.2158 96.5568H50.2837L53.0146 91.4483H54.4819V100.932H53.3678V92.9428ZM61.2143 99.7904H61.16C61.0875 99.9534 60.997 100.116 60.8883 100.279C60.7886 100.433 60.6618 100.574 60.5078 100.701C60.3539 100.818 60.1682 100.914 59.9508 100.986C59.7334 101.058 59.4798 101.095 59.19 101.095C58.4653 101.095 57.8902 100.864 57.4645 100.402C57.0388 99.9308 56.8259 99.2696 56.8259 98.4181V93.921H57.9128V98.2279C57.9128 99.4869 58.4472 100.116 59.516 100.116C59.7334 100.116 59.9417 100.089 60.141 100.035C60.3493 99.9806 60.5305 99.8991 60.6845 99.7904C60.8475 99.6817 60.9743 99.5458 61.0649 99.3828C61.1645 99.2107 61.2143 99.0069 61.2143 98.7714V93.921H62.3013V100.932H61.2143V99.7904ZM65.7707 100.932C65.3903 100.932 65.1004 100.827 64.9011 100.619C64.7109 100.402 64.6158 100.13 64.6158 99.804V90.8777H65.7027V99.9806H66.7353V100.932H65.7707ZM69.8001 100.932C69.4197 100.932 69.1299 100.827 68.9306 100.619C68.7404 100.402 68.6453 100.121 68.6453 99.7768V94.8721H67.4904V93.921H68.1426C68.3781 93.921 68.5366 93.8757 68.6181 93.7852C68.7087 93.6855 68.754 93.518 68.754 93.2825V91.9782H69.7322V93.921H71.2675V94.8721H69.7322V99.9806H71.1588V100.932H69.8001ZM73.5579 92.2771C73.3225 92.2771 73.1504 92.2227 73.0417 92.114C72.942 91.9963 72.8922 91.8468 72.8922 91.6657V91.4891C72.8922 91.3079 72.942 91.163 73.0417 91.0543C73.1504 90.9365 73.3225 90.8777 73.5579 90.8777C73.7934 90.8777 73.961 90.9365 74.0606 91.0543C74.1693 91.163 74.2237 91.3079 74.2237 91.4891V91.6657C74.2237 91.8468 74.1693 91.9963 74.0606 92.114C73.961 92.2227 73.7934 92.2771 73.5579 92.2771ZM73.0145 93.921H74.1014V100.932H73.0145V93.921ZM76.4111 93.921H77.498V95.0623H77.5524C77.7335 94.6185 77.9962 94.2924 78.3404 94.0841C78.6936 93.8667 79.1148 93.758 79.6039 93.758C80.0387 93.758 80.4327 93.844 80.7859 94.0161C81.1392 94.1882 81.4381 94.4328 81.6827 94.7498C81.9363 95.0668 82.1265 95.4518 82.2533 95.9047C82.3891 96.3575 82.4571 96.8648 82.4571 97.4263C82.4571 97.9879 82.3891 98.4951 82.2533 98.948C82.1265 99.4009 81.9363 99.7858 81.6827 100.103C81.4381 100.42 81.1392 100.664 80.7859 100.837C80.4327 101.009 80.0387 101.095 79.6039 101.095C78.6529 101.095 77.969 100.66 77.5524 99.7904H77.498V103.649H76.4111V93.921ZM79.305 100.116C79.9209 100.116 80.4055 99.9262 80.7588 99.5458C81.112 99.1563 81.2886 98.6491 81.2886 98.0241V96.8285C81.2886 96.2036 81.112 95.7009 80.7588 95.3204C80.4055 94.931 79.9209 94.7362 79.305 94.7362C79.0605 94.7362 78.825 94.7724 78.5985 94.8449C78.3811 94.9083 78.1909 94.9989 78.0279 95.1166C77.8649 95.2344 77.7335 95.3793 77.6339 95.5514C77.5433 95.7144 77.498 95.8911 77.498 96.0813V98.6899C77.498 98.9163 77.5433 99.1201 77.6339 99.3013C77.7335 99.4734 77.8649 99.6228 78.0279 99.7496C78.1909 99.8674 78.3811 99.9579 78.5985 100.021C78.825 100.085 79.0605 100.116 79.305 100.116ZM85.4472 100.932C85.0667 100.932 84.7769 100.827 84.5776 100.619C84.3874 100.402 84.2923 100.13 84.2923 99.804V90.8777H85.3792V99.9806H86.4118V100.932H85.4472ZM90.6299 101.095C90.1498 101.095 89.715 101.009 89.3256 100.837C88.9452 100.664 88.6145 100.42 88.3338 100.103C88.062 99.7768 87.8492 99.3918 87.6952 98.948C87.5503 98.4951 87.4778 97.9879 87.4778 97.4263C87.4778 96.8738 87.5503 96.3711 87.6952 95.9182C87.8492 95.4654 88.062 95.0804 88.3338 94.7634C88.6145 94.4373 88.9452 94.1882 89.3256 94.0161C89.715 93.844 90.1498 93.758 90.6299 93.758C91.1009 93.758 91.522 93.844 91.8934 94.0161C92.2648 94.1882 92.5818 94.4283 92.8445 94.7362C93.1071 95.0351 93.3064 95.3929 93.4423 95.8095C93.5872 96.2262 93.6597 96.6836 93.6597 97.1818V97.6981H88.6191V98.0241C88.6191 98.323 88.6644 98.6038 88.7549 98.8665C88.8546 99.1201 88.9904 99.342 89.1625 99.5322C89.3437 99.7224 89.5611 99.8719 89.8147 99.9806C90.0774 100.089 90.3717 100.144 90.6978 100.144C91.1416 100.144 91.5266 100.039 91.8527 99.8311C92.1878 99.6228 92.4459 99.3239 92.6271 98.9344L93.4015 99.4915C93.1751 99.9715 92.8218 100.361 92.3418 100.66C91.8617 100.95 91.2911 101.095 90.6299 101.095ZM90.6299 94.6683C90.331 94.6683 90.0592 94.7226 89.8147 94.8313C89.5701 94.931 89.3573 95.0759 89.1761 95.2661C89.004 95.4563 88.8682 95.6827 88.7685 95.9454C88.6689 96.199 88.6191 96.4798 88.6191 96.7878V96.8829H92.4912V96.7334C92.4912 96.1084 92.3191 95.6103 91.9749 95.2389C91.6398 94.8585 91.1914 94.6683 90.6299 94.6683Z", fill: "#F7F8FA" }), index.h("g", { key: '605fd1c0ceb6cf458ed412af3627e277fc21c0cc', filter: "url(#filter1_d_6680_546458)" }, index.h("mask", { key: 'aaa891c41786681d926bfc8d0bf5d3de9b7947ab', id: "path-5-outside-1_6680_546458", maskUnits: "userSpaceOnUse", x: "1.39662", y: "112.989", width: "56", height: "40", fill: "black" }, index.h("rect", { key: '2f3a4055303122a62dab57cd61098bd1932838e0', fill: "white", x: "1.39662", y: "112.989", width: "56", height: "40" }), index.h("path", { key: 'ac09b4d0a0e87b00887aa58d0116cd262d286013', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z" }), index.h("path", { key: 'eaba08e73276923e6e21dd29cbaad7edd8be90a0', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z" }), index.h("path", { key: 'b11ce88d2b609bf34519eb5ce193ccfd10e0208c', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z" }), index.h("path", { key: 'c6810ff65bee1f541c1ee42d5d21f47186edb560', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z" }), index.h("path", { key: '1758bc4d0fa5ab014a30ea126b6aaef2313ea371', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z" }), index.h("path", { key: '5c6e8fe97ce955e2dd74bc3962a4f2012be35921', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z" }), index.h("path", { key: 'c5edf0b32a1c403ed2024b2f5b0335b3ca292796', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z" })), index.h("path", { key: 'f8e6def73f9941bcb615ba3524493488c1958c48', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", fill: "#45484D" }), index.h("path", { key: '1033ccd26929b53ba96eac9b048ec793815a7422', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", fill: "#F7F8FA" }), index.h("path", { key: '312f595b3ec7ec2e644a046900612aff0e0a88df', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", fill: "#F7F8FA" }), index.h("path", { key: 'deff48a9646d4527148d1e58f0b98f06f04267a7', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", fill: "#F7F8FA" }), index.h("path", { key: 'cdf368d66040bba7baefafc7a7186db80b9c76c6', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", fill: "#F7F8FA" }), index.h("path", { key: '1adb9fed264bc35f71d3d12d4606bcaebeba6040', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", fill: "#F7F8FA" }), index.h("path", { key: '15e99278aab9fef920d4d3c77ecf71860f640444', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", fill: "#F7F8FA" }), index.h("path", { key: '008506229950f361259f30f8876edd9891888202', d: "M3.39662 118.283C3.39662 116.464 4.87126 114.989 6.69031 114.989H52.8019C54.621 114.989 56.0956 116.464 56.0956 118.283V147.926C56.0956 149.745 54.621 151.22 52.8019 151.22H6.69031C4.87126 151.22 3.39662 149.745 3.39662 147.926V118.283Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: '17ee9ef673c2f35904f24a1af44a75a5b4075fb8', d: "M10.177 124.258H11.9062C12.35 124.258 12.5816 124.003 12.5816 123.586V122.367H13.6817C13.948 122.367 14.1526 122.204 14.1526 121.957C14.1526 121.803 14.0792 121.695 13.9557 121.575L11.4198 119.039C11.3118 118.931 11.1844 118.862 11.0416 118.862C10.9026 118.862 10.7714 118.931 10.6633 119.039L8.12744 121.575C8.00006 121.703 7.93059 121.803 7.93059 121.957C7.93059 122.204 8.13902 122.367 8.40148 122.367H9.50538V123.586C9.50538 124.003 9.73697 124.258 10.177 124.258ZM10.2696 123.694C10.1731 123.694 10.1075 123.629 10.1075 123.536V121.934C10.1075 121.861 10.0805 121.834 10.0072 121.834H8.74886C8.73342 121.834 8.7257 121.826 8.7257 121.819C8.7257 121.811 8.72956 121.803 8.73728 121.795L11.0068 119.541C11.0184 119.53 11.03 119.526 11.0416 119.526C11.057 119.526 11.0686 119.53 11.0802 119.541L13.3459 121.795C13.3575 121.803 13.3613 121.811 13.3613 121.819C13.3613 121.826 13.3536 121.834 13.3382 121.834H12.076C12.0065 121.834 11.9795 121.861 11.9795 121.934V123.536C11.9795 123.625 11.91 123.694 11.8174 123.694H10.2696Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'd67c1f5bde1c87313b9c3271aeb432c9b3f3e94c', d: "M10.5637 145.386C10.1843 145.386 9.86542 145.315 9.6072 145.173C9.35424 145.025 9.13554 144.83 8.9511 144.588L9.40167 144.224C9.55977 144.424 9.73631 144.58 9.9313 144.69C10.1263 144.796 10.3529 144.849 10.6111 144.849C10.8799 144.849 11.088 144.791 11.2356 144.675C11.3884 144.559 11.4648 144.395 11.4648 144.185C11.4648 144.026 11.4121 143.892 11.3067 143.781C11.2066 143.665 11.0222 143.586 10.7534 143.544L10.4293 143.497C10.2396 143.47 10.0657 143.431 9.90758 143.378C9.74949 143.32 9.60983 143.246 9.48863 143.157C9.37269 143.062 9.28046 142.946 9.21196 142.809C9.14872 142.672 9.1171 142.509 9.1171 142.319C9.1171 142.119 9.15399 141.945 9.22777 141.797C9.30154 141.644 9.40167 141.518 9.52815 141.418C9.6599 141.318 9.81536 141.244 9.99454 141.196C10.1737 141.144 10.3661 141.117 10.5716 141.117C10.9036 141.117 11.1803 141.175 11.4016 141.291C11.6282 141.407 11.8258 141.568 11.9945 141.774L11.5755 142.153C11.4859 142.026 11.3542 141.913 11.1803 141.813C11.0064 141.708 10.7877 141.655 10.5242 141.655C10.2607 141.655 10.0604 141.713 9.92339 141.829C9.79164 141.94 9.72577 142.092 9.72577 142.287C9.72577 142.488 9.79164 142.633 9.92339 142.722C10.0604 142.812 10.2554 142.878 10.5084 142.92L10.8245 142.967C11.2778 143.036 11.5992 143.167 11.7889 143.362C11.9787 143.552 12.0735 143.802 12.0735 144.113C12.0735 144.509 11.9391 144.82 11.6704 145.046C11.4016 145.273 11.0327 145.386 10.5637 145.386Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'cf3baf226b28f4f557988d673c2525317cba92b2', d: "M13.1905 139.442H13.8229V141.876H13.8545C13.9546 141.644 14.0943 141.46 14.2735 141.323C14.4579 141.186 14.703 141.117 15.0086 141.117C15.4302 141.117 15.7622 141.254 16.0046 141.528C16.2523 141.797 16.3762 142.179 16.3762 142.675V145.291H15.7438V142.785C15.7438 142.053 15.4355 141.687 14.8189 141.687C14.6924 141.687 14.5686 141.702 14.4474 141.734C14.3314 141.766 14.226 141.813 14.1312 141.876C14.0363 141.94 13.9599 142.021 13.9019 142.121C13.8492 142.216 13.8229 142.329 13.8229 142.461V145.291H13.1905V139.442Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: '14b3ae40356f407b16c27f94ec2fa3998bc0c936', d: "M17.9995 140.256C17.8625 140.256 17.7623 140.224 17.6991 140.161C17.6411 140.092 17.6122 140.005 17.6122 139.9V139.797C17.6122 139.692 17.6411 139.608 17.6991 139.544C17.7623 139.476 17.8625 139.442 17.9995 139.442C18.1365 139.442 18.234 139.476 18.292 139.544C18.3552 139.608 18.3868 139.692 18.3868 139.797V139.9C18.3868 140.005 18.3552 140.092 18.292 140.161C18.234 140.224 18.1365 140.256 17.9995 140.256ZM17.6833 141.212H18.3157V145.291H17.6833V141.212Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'bc63b57c117807755bdf0bafbb95235bc4e13003', d: "M19.8808 141.766H19.2168V141.212H19.8808V140.39C19.8808 140.106 19.9546 139.876 20.1022 139.702C20.2497 139.529 20.4737 139.442 20.7741 139.442H21.3907V139.995H20.5132V141.212H21.3907V141.766H20.5132V145.291H19.8808V141.766Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" }), index.h("path", { key: 'c8024e70d85e01e2cd7ec1b505b03b9fe228d725', d: "M23.1236 145.291C22.9022 145.291 22.7336 145.231 22.6177 145.109C22.507 144.983 22.4517 144.82 22.4517 144.619V141.766H21.7797V141.212H22.1592C22.2962 141.212 22.3884 141.186 22.4358 141.133C22.4885 141.075 22.5149 140.978 22.5149 140.841V140.082H23.084V141.212H23.9773V141.766H23.084V144.738H23.914V145.291H23.1236Z", stroke: "#E0E2E5", "stroke-width": "2.26441", mask: "url(#path-5-outside-1_6680_546458)" })), index.h("path", { key: 'b7ad3400de3d317b696e391518564edc94ed4297', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M71.9465 129.708C72.3217 129.708 72.6258 130.012 72.6258 130.387V132.425L74.6638 132.425C75.039 132.425 75.3431 132.729 75.3431 133.105C75.3431 133.48 75.039 133.784 74.6638 133.784H72.6258V135.822C72.6258 136.197 72.3217 136.501 71.9465 136.501C71.5713 136.501 71.2672 136.197 71.2672 135.822V133.784H69.2292C68.854 133.784 68.5499 133.48 68.5499 133.105C68.5499 132.729 68.854 132.425 69.2292 132.425L71.2672 132.425V130.387C71.2672 130.012 71.5713 129.708 71.9465 129.708Z", fill: "#F7F8FA" }), index.h("rect", { key: '87e9ddb48f5726d0a2a54c617f14ba0168f6d00d', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", fill: "#F7F8FA" }), index.h("rect", { key: 'b05632fbbf2b9e55ef17dec5354e032a2fb078e2', x: "87.7974", y: "114.989", width: "71.3289", height: "36.2306", stroke: "#C8C9CC", "stroke-width": "2.26441" }), index.h("path", { key: 'e625c854d9071b6045d7bb823a4947e7e1bb3c17', d: "M103.052 138.795C101.646 138.795 100.553 138.319 99.7707 137.368C98.9888 136.407 98.5978 134.996 98.5978 133.136C98.5978 131.276 98.9888 129.85 99.7707 128.856C100.553 127.852 101.646 127.35 103.052 127.35C103.982 127.35 104.758 127.562 105.382 127.984C106.016 128.407 106.507 129.004 106.856 129.776L105.778 130.425C105.556 129.855 105.218 129.4 104.764 129.062C104.309 128.714 103.739 128.539 103.052 128.539C102.576 128.539 102.148 128.629 101.768 128.809C101.398 128.988 101.081 129.247 100.817 129.585C100.563 129.913 100.368 130.309 100.23 130.774C100.093 131.229 100.024 131.741 100.024 132.312V133.96C100.024 135.101 100.289 135.994 100.817 136.639C101.345 137.284 102.09 137.606 103.052 137.606C103.76 137.606 104.352 137.426 104.827 137.067C105.303 136.697 105.651 136.211 105.873 135.609L106.935 136.274C106.587 137.056 106.085 137.675 105.429 138.129C104.774 138.573 103.982 138.795 103.052 138.795ZM110.218 138.604C109.774 138.604 109.436 138.483 109.203 138.24C108.982 137.986 108.871 137.669 108.871 137.289V126.875H110.139V137.495H111.343V138.604H110.218ZM113.823 128.507C113.549 128.507 113.348 128.444 113.221 128.317C113.105 128.18 113.047 128.006 113.047 127.794V127.588C113.047 127.377 113.105 127.208 113.221 127.081C113.348 126.944 113.549 126.875 113.823 126.875C114.098 126.875 114.294 126.944 114.41 127.081C114.537 127.208 114.6 127.377 114.6 127.588V127.794C114.6 128.006 114.537 128.18 114.41 128.317C114.294 128.444 114.098 128.507 113.823 128.507ZM113.189 130.425H114.457V138.604H113.189V130.425ZM120.195 138.795C119.625 138.795 119.112 138.694 118.658 138.494C118.204 138.293 117.818 138.007 117.501 137.638C117.194 137.268 116.957 136.819 116.788 136.29C116.629 135.762 116.55 135.17 116.55 134.515C116.55 133.86 116.629 133.268 116.788 132.74C116.957 132.211 117.194 131.762 117.501 131.392C117.818 131.022 118.204 130.737 118.658 130.536C119.112 130.336 119.625 130.235 120.195 130.235C121.009 130.235 121.659 130.415 122.145 130.774C122.642 131.123 123.012 131.583 123.255 132.153L122.193 132.692C122.045 132.269 121.802 131.942 121.464 131.709C121.125 131.477 120.703 131.361 120.195 131.361C119.815 131.361 119.482 131.424 119.197 131.551C118.912 131.667 118.674 131.836 118.484 132.058C118.293 132.269 118.151 132.528 118.056 132.835C117.96 133.131 117.913 133.458 117.913 133.818V135.212C117.913 135.931 118.103 136.523 118.484 136.988C118.875 137.442 119.445 137.669 120.195 137.669C121.22 137.669 121.96 137.194 122.415 136.243L123.334 136.861C123.07 137.453 122.673 137.923 122.145 138.272C121.627 138.62 120.977 138.795 120.195 138.795ZM125.124 126.875H126.392V134.309H126.455L127.708 132.914L130.022 130.425H131.559L128.532 133.659L131.861 138.604H130.323L127.613 134.436L126.392 135.688V138.604H125.124V126.875Z", fill: "#45484D" }), index.h("rect", { key: '1335a11d4f0a7481127576c7f01bc4c042b8ef93', x: "156.244", y: "148.338", width: "4.11711", height: "4.11711", fill: "white", stroke: "#C8C9CC", "stroke-width": "0.823422" }), index.h("g", { key: '4f51d159980b0f45fbd51aa5bb08670f3b510648', filter: "url(#filter2_dd_6680_546458)" }, index.h("g", { key: 'c245e336014ba6760643e5f542395319e39a7b5c', filter: "url(#filter3_d_6680_546458)" }, index.h("path", { key: '2f1713b48deee9ca589dbc1840a54afd56bcd97d', d: "M140.393 135.369V158.732L145.097 154.164L148.387 161.955L153.646 159.716L150.582 152.319H157.303L140.393 135.369Z", fill: "white" })), index.h("path", { key: 'b7f5820cdec814ccd85014b4fd46ed6d6bb76b16', d: "M141.852 155.205V138.884L153.764 150.822H148.375L151.701 158.726L149.011 159.855L145.554 151.632L141.852 155.205Z", fill: "black" })), index.h("path", { key: '592ae53816e079f9e422a8d96fd42937bcbd373f', d: "M7.32311 188.027C6.55321 188.027 5.89653 187.882 5.35307 187.592C4.80961 187.293 4.34767 186.886 3.96725 186.37L4.80961 185.663C5.14475 186.107 5.51611 186.446 5.9237 186.682C6.3313 186.908 6.81135 187.022 7.36387 187.022C8.04319 187.022 8.55948 186.859 8.91272 186.533C9.27503 186.206 9.45618 185.772 9.45618 185.228C9.45618 184.775 9.32032 184.427 9.04859 184.182C8.77686 183.938 8.32851 183.743 7.70353 183.598L6.9291 183.421C6.05957 183.222 5.39383 182.923 4.93189 182.525C4.47901 182.117 4.25257 181.546 4.25257 180.813C4.25257 180.396 4.32956 180.025 4.48354 179.699C4.63752 179.372 4.85037 179.101 5.1221 178.883C5.40289 178.666 5.73349 178.503 6.11391 178.394C6.50339 178.277 6.9291 178.218 7.39104 178.218C8.10659 178.218 8.71799 178.349 9.22521 178.612C9.7415 178.874 10.1763 179.259 10.5295 179.766L9.67357 180.391C9.4109 180.029 9.09388 179.744 8.72251 179.536C8.35115 179.327 7.88921 179.223 7.3367 179.223C6.72983 179.223 6.24978 179.354 5.89653 179.617C5.55234 179.871 5.38025 180.256 5.38025 180.772C5.38025 181.225 5.52517 181.569 5.81501 181.804C6.11391 182.031 6.56227 182.212 7.16007 182.348L7.9345 182.525C8.86744 182.733 9.54223 183.05 9.95888 183.476C10.3755 183.901 10.5839 184.467 10.5839 185.174C10.5839 185.609 10.5069 186.003 10.3529 186.356C10.208 186.709 9.99511 187.008 9.71433 187.253C9.43354 187.497 9.08935 187.687 8.68176 187.823C8.28322 187.959 7.83034 188.027 7.32311 188.027ZM12.4459 177.81H13.5329V181.995H13.5872C13.7593 181.596 13.9993 181.279 14.3073 181.044C14.6243 180.808 15.0455 180.69 15.5708 180.69C16.2954 180.69 16.8661 180.926 17.2827 181.397C17.7084 181.859 17.9213 182.515 17.9213 183.367V187.864H16.8344V183.557C16.8344 182.298 16.3045 181.669 15.2448 181.669C15.0274 181.669 14.8145 181.696 14.6062 181.75C14.4069 181.804 14.2258 181.886 14.0627 181.995C13.8997 182.103 13.7684 182.244 13.6687 182.416C13.5782 182.579 13.5329 182.774 13.5329 183V187.864H12.4459V177.81ZM20.7114 179.209C20.4759 179.209 20.3038 179.155 20.1951 179.046C20.0955 178.929 20.0457 178.779 20.0457 178.598V178.421C20.0457 178.24 20.0955 178.095 20.1951 177.987C20.3038 177.869 20.4759 177.81 20.7114 177.81C20.9469 177.81 21.1145 177.869 21.2141 177.987C21.3228 178.095 21.3771 178.24 21.3771 178.421V178.598C21.3771 178.779 21.3228 178.929 21.2141 179.046C21.1145 179.155 20.9469 179.209 20.7114 179.209ZM20.1679 180.853H21.2549V187.864H20.1679V180.853ZM23.945 181.804H22.8037V180.853H23.945V179.44C23.945 178.951 24.0718 178.557 24.3254 178.258C24.579 177.959 24.964 177.81 25.4802 177.81H26.54V178.761H25.0319V180.853H26.54V181.804H25.0319V187.864H23.945V181.804ZM29.5184 187.864C29.138 187.864 28.8481 187.76 28.6489 187.552C28.4587 187.334 28.3635 187.053 28.3635 186.709V181.804H27.2087V180.853H27.8608C28.0963 180.853 28.2549 180.808 28.3364 180.718C28.4269 180.618 28.4722 180.45 28.4722 180.215V178.911H29.4505V180.853H30.9857V181.804H29.4505V186.913H30.877V187.864H29.5184ZM36.0523 187.864V178.381H39.8294C40.6808 178.381 41.3329 178.625 41.7858 179.114C42.2477 179.594 42.4787 180.256 42.4787 181.098C42.4787 181.94 42.2477 182.606 41.7858 183.095C41.3329 183.575 40.6808 183.815 39.8294 183.815H37.1936V187.864H36.0523ZM37.1936 182.81H39.8294C40.2822 182.81 40.631 182.692 40.8755 182.457C41.1291 182.221 41.2559 181.886 41.2559 181.451V180.745C41.2559 180.31 41.1291 179.975 40.8755 179.739C40.631 179.504 40.2822 179.386 39.8294 179.386H37.1936V182.81ZM46.5671 188.027C46.0961 188.027 45.6658 187.941 45.2764 187.769C44.8869 187.597 44.5517 187.352 44.271 187.035C43.9992 186.709 43.7864 186.324 43.6324 185.88C43.4784 185.428 43.4014 184.92 43.4014 184.359C43.4014 183.806 43.4784 183.303 43.6324 182.851C43.7864 182.398 43.9992 182.013 44.271 181.696C44.5517 181.37 44.8869 181.121 45.2764 180.949C45.6658 180.776 46.0961 180.69 46.5671 180.69C47.0381 180.69 47.4638 180.776 47.8442 180.949C48.2337 181.121 48.5688 181.37 48.8496 181.696C49.1304 182.013 49.3478 182.398 49.5017 182.851C49.6557 183.303 49.7327 183.806 49.7327 184.359C49.7327 184.92 49.6557 185.428 49.5017 185.88C49.3478 186.324 49.1304 186.709 48.8496 187.035C48.5688 187.352 48.2337 187.597 47.8442 187.769C47.4638 187.941 47.0381 188.027 46.5671 188.027ZM46.5671 187.062C47.1558 187.062 47.6359 186.881 48.0072 186.519C48.3786 186.157 48.5643 185.604 48.5643 184.861V183.856C48.5643 183.113 48.3786 182.561 48.0072 182.198C47.6359 181.836 47.1558 181.655 46.5671 181.655C45.9783 181.655 45.4983 181.836 45.1269 182.198C44.7555 182.561 44.5699 183.113 44.5699 183.856V184.861C44.5699 185.604 44.7555 186.157 45.1269 186.519C45.4983 186.881 45.9783 187.062 46.5671 187.062ZM53.6262 188.027C52.974 188.027 52.4261 187.905 51.9822 187.66C51.5475 187.407 51.1716 187.071 50.8546 186.655L51.629 186.03C51.9007 186.374 52.2041 186.641 52.5393 186.831C52.8744 187.013 53.2639 187.103 53.7077 187.103C54.1696 187.103 54.5274 187.004 54.781 186.804C55.0437 186.605 55.175 186.324 55.175 185.962C55.175 185.69 55.0845 185.459 54.9033 185.269C54.7312 185.07 54.4142 184.934 53.9523 184.861L53.3952 184.78C53.0691 184.735 52.7702 184.667 52.4985 184.576C52.2268 184.476 51.9868 184.35 51.7784 184.196C51.5792 184.033 51.4207 183.833 51.3029 183.598C51.1942 183.362 51.1399 183.082 51.1399 182.756C51.1399 182.411 51.2033 182.112 51.3301 181.859C51.4569 181.596 51.629 181.379 51.8464 181.207C52.0728 181.035 52.34 180.908 52.648 180.826C52.9559 180.736 53.2865 180.69 53.6398 180.69C54.2104 180.69 54.6859 180.79 55.0664 180.989C55.4558 181.189 55.7955 181.465 56.0853 181.818L55.3653 182.47C55.2113 182.253 54.9848 182.058 54.6859 181.886C54.387 181.705 54.0111 181.614 53.5583 181.614C53.1054 181.614 52.7612 181.714 52.5257 181.913C52.2992 182.103 52.186 182.366 52.186 182.701C52.186 183.045 52.2992 183.294 52.5257 183.448C52.7612 183.602 53.0963 183.716 53.5311 183.788L54.0745 183.87C54.8535 183.987 55.406 184.214 55.7321 184.549C56.0582 184.875 56.2212 185.305 56.2212 185.84C56.2212 186.519 55.9902 187.053 55.5283 187.443C55.0664 187.832 54.4323 188.027 53.6262 188.027ZM58.6845 179.209C58.449 179.209 58.2769 179.155 58.1682 179.046C58.0686 178.929 58.0188 178.779 58.0188 178.598V178.421C58.0188 178.24 58.0686 178.095 58.1682 177.987C58.2769 177.869 58.449 177.81 58.6845 177.81C58.92 177.81 59.0876 177.869 59.1872 177.987C59.2959 178.095 59.3502 178.24 59.3502 178.421V178.598C59.3502 178.779 59.2959 178.929 59.1872 179.046C59.0876 179.155 58.92 179.209 58.6845 179.209ZM58.141 180.853H59.2279V187.864H58.141V180.853ZM63.0865 187.864C62.7061 187.864 62.4162 187.76 62.217 187.552C62.0268 187.334 61.9317 187.053 61.9317 186.709V181.804H60.7768V180.853H61.429C61.6645 180.853 61.823 180.808 61.9045 180.718C61.9951 180.618 62.0403 180.45 62.0403 180.215V178.911H63.0186V180.853H64.5538V181.804H63.0186V186.913H64.4451V187.864H63.0865ZM66.8443 179.209C66.6088 179.209 66.4367 179.155 66.328 179.046C66.2284 178.929 66.1786 178.779 66.1786 178.598V178.421C66.1786 178.24 66.2284 178.095 66.328 177.987C66.4367 177.869 66.6088 177.81 66.8443 177.81C67.0798 177.81 67.2474 177.869 67.347 177.987C67.4557 178.095 67.5101 178.24 67.5101 178.421V178.598C67.5101 178.779 67.4557 178.929 67.347 179.046C67.2474 179.155 67.0798 179.209 66.8443 179.209ZM66.3009 180.853H67.3878V187.864H66.3009V180.853ZM72.3468 188.027C71.8758 188.027 71.4456 187.941 71.0561 187.769C70.6666 187.597 70.3315 187.352 70.0507 187.035C69.779 186.709 69.5661 186.324 69.4122 185.88C69.2582 185.428 69.1812 184.92 69.1812 184.359C69.1812 183.806 69.2582 183.303 69.4122 182.851C69.5661 182.398 69.779 182.013 70.0507 181.696C70.3315 181.37 70.6666 181.121 71.0561 180.949C71.4456 180.776 71.8758 180.69 72.3468 180.69C72.8178 180.69 73.2435 180.776 73.624 180.949C74.0134 181.121 74.3486 181.37 74.6294 181.696C74.9102 182.013 75.1275 182.398 75.2815 182.851C75.4355 183.303 75.5125 183.806 75.5125 184.359C75.5125 184.92 75.4355 185.428 75.2815 185.88C75.1275 186.324 74.9102 186.709 74.6294 187.035C74.3486 187.352 74.0134 187.597 73.624 187.769C73.2435 187.941 72.8178 188.027 72.3468 188.027ZM72.3468 187.062C72.9356 187.062 73.4156 186.881 73.787 186.519C74.1584 186.157 74.3441 185.604 74.3441 184.861V183.856C74.3441 183.113 74.1584 182.561 73.787 182.198C73.4156 181.836 72.9356 181.655 72.3468 181.655C71.7581 181.655 71.278 181.836 70.9067 182.198C70.5353 182.561 70.3496 183.113 70.3496 183.856V184.861C70.3496 185.604 70.5353 186.157 70.9067 186.519C71.278 186.881 71.7581 187.062 72.3468 187.062ZM77.3001 187.864V180.853H78.387V181.995H78.4413C78.6134 181.596 78.8535 181.279 79.1614 181.044C79.4784 180.808 79.8996 180.69 80.425 180.69C81.1496 180.69 81.7202 180.926 82.1368 181.397C82.5626 181.859 82.7754 182.515 82.7754 183.367V187.864H81.6885V183.557C81.6885 182.298 81.1586 181.669 80.0989 181.669C79.8815 181.669 79.6686 181.696 79.4603 181.75C79.261 181.804 79.0799 181.886 78.9169 181.995C78.7538 182.103 78.6225 182.244 78.5228 182.416C78.4323 182.579 78.387 182.774 78.387 183V187.864H77.3001ZM88.2329 177.81H89.3198V181.995H89.3742C89.5553 181.551 89.818 181.225 90.1622 181.016C90.5154 180.799 90.9366 180.69 91.4257 180.69C91.8605 180.69 92.2545 180.776 92.6078 180.949C92.961 181.121 93.2599 181.365 93.5045 181.682C93.7581 181.999 93.9483 182.384 94.0751 182.837C94.211 183.29 94.2789 183.797 94.2789 184.359C94.2789 184.92 94.211 185.428 94.0751 185.88C93.9483 186.333 93.7581 186.718 93.5045 187.035C93.2599 187.352 92.961 187.597 92.6078 187.769C92.2545 187.941 91.8605 188.027 91.4257 188.027C90.4747 188.027 89.7908 187.592 89.3742 186.723H89.3198V187.864H88.2329V177.81ZM91.1268 187.049C91.7428 187.049 92.2273 186.859 92.5806 186.478C92.9338 186.089 93.1105 185.581 93.1105 184.957V183.761C93.1105 183.136 92.9338 182.633 92.5806 182.253C92.2273 181.863 91.7428 181.669 91.1268 181.669C90.8823 181.669 90.6468 181.705 90.4203 181.777C90.203 181.841 90.0127 181.931 89.8497 182.049C89.6867 182.167 89.5553 182.312 89.4557 182.484C89.3651 182.647 89.3198 182.823 89.3198 183.014V185.622C89.3198 185.849 89.3651 186.052 89.4557 186.234C89.5553 186.406 89.6867 186.555 89.8497 186.682C90.0127 186.8 90.203 186.89 90.4203 186.954C90.6468 187.017 90.8823 187.049 91.1268 187.049ZM100.368 180.853H101.442L98.3031 189.494C98.2216 189.703 98.1401 189.875 98.0586 190.011C97.9771 190.156 97.8774 190.269 97.7597 190.35C97.6419 190.432 97.4925 190.491 97.3113 190.527C97.1392 190.563 96.9264 190.581 96.6728 190.581H96.1157V189.63H97.2162L97.7461 188.136L95.1239 180.853H96.2108L97.8955 185.622L98.2216 186.764H98.2896L98.67 185.622L100.368 180.853ZM106.079 187.864V186.859H108.729V179.223H108.634L106.242 181.451L105.577 180.731L108.09 178.381H109.87V186.859H112.316V187.864H106.079ZM114.185 180.853H115.272V181.995H115.326C115.508 181.551 115.77 181.225 116.114 181.016C116.468 180.799 116.889 180.69 117.378 180.69C117.813 180.69 118.207 180.776 118.56 180.949C118.913 181.121 119.212 181.365 119.457 181.682C119.71 181.999 119.901 182.384 120.027 182.837C120.163 183.29 120.231 183.797 120.231 184.359C120.231 184.92 120.163 185.428 120.027 185.88C119.901 186.333 119.71 186.718 119.457 187.035C119.212 187.352 118.913 187.597 118.56 187.769C118.207 187.941 117.813 188.027 117.378 188.027C116.427 188.027 115.743 187.592 115.326 186.723H115.272V190.581H114.185V180.853ZM117.079 187.049C117.695 187.049 118.18 186.859 118.533 186.478C118.886 186.089 119.063 185.581 119.063 184.957V183.761C119.063 183.136 118.886 182.633 118.533 182.253C118.18 181.863 117.695 181.669 117.079 181.669C116.835 181.669 116.599 181.705 116.373 181.777C116.155 181.841 115.965 181.931 115.802 182.049C115.639 182.167 115.508 182.312 115.408 182.484C115.317 182.647 115.272 182.823 115.272 183.014V185.622C115.272 185.849 115.317 186.052 115.408 186.234C115.508 186.406 115.639 186.555 115.802 186.682C115.965 186.8 116.155 186.89 116.373 186.954C116.599 187.017 116.835 187.049 117.079 187.049ZM121.038 187.864L123.633 184.332L121.146 180.853H122.423L124.203 183.462H124.244L126.092 180.853H127.301L124.828 184.25L127.355 187.864H126.078L124.258 185.12H124.217L122.247 187.864H121.038Z", fill: "#F7F8FA" }), index.h("g", { key: '24f63784e4adae243e6bcea0154cd126e87d3fb3', filter: "url(#filter4_d_6680_546458)" }, index.h("path", { key: '1796c8c7c3a1572d43500c9bc8a9463645678ff8', d: "M24.637 217.478C24.4981 217.478 24.39 217.536 24.2433 217.609L19.4881 219.913C19.1986 220.056 19.106 220.187 19.106 220.373C19.106 220.554 19.1986 220.685 19.4881 220.828L24.2433 223.132C24.3939 223.206 24.502 223.264 24.6409 223.264C24.8918 223.264 25.0462 223.071 25.0462 222.774V217.968C25.0462 217.671 24.8879 217.478 24.637 217.478Z", fill: "#F7F8FA" }), index.h("path", { key: 'f1fbfb0f273ae1e244ba2f2b662de8aa852e35b2', d: "M38.3097 201.355C40.4414 201.355 42.1691 203.084 42.1691 205.216V234.858C42.1691 236.99 40.4414 238.719 38.3097 238.719H6.69057C4.55886 238.719 2.83022 236.99 2.83022 234.858V205.216C2.83022 203.084 4.55886 201.355 6.69057 201.355H38.3097Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: 'c9c823e113f47e949fed7a70c60fc867790b0460', filter: "url(#filter5_d_6680_546458)" }, index.h("path", { key: '2d7600fdfecfbc0608dcd65ca3a827cb9a7ea624', d: "M66.9725 223.264C67.1076 223.264 67.2157 223.206 67.3623 223.132L72.1176 220.828C72.4071 220.685 72.4997 220.554 72.4997 220.373C72.4997 220.187 72.4071 220.056 72.1176 219.913L67.3623 217.609C67.2118 217.536 67.1037 217.478 66.9686 217.478C66.7139 217.478 66.5556 217.671 66.5556 217.968L66.5595 222.774C66.5595 223.071 66.7178 223.264 66.9725 223.264Z", fill: "#F7F8FA" }), index.h("path", { key: '5a8b54518cc312530cc611bb3bfba39a083be75a', d: "M85.5741 201.355C87.7058 201.355 89.4335 203.084 89.4335 205.216V234.858C89.4335 236.99 87.7058 238.719 85.5741 238.719H53.955C51.8233 238.719 50.0946 236.99 50.0946 234.858V205.216C50.0946 203.084 51.8233 201.355 53.955 201.355H85.5741Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: '96ac9cf9e67710cce730490534333ce4d8b541d7', filter: "url(#filter6_d_6680_546458)" }, index.h("path", { key: 'b0de1c73ca662c68b4a16b508bd83465dc3206f4', d: "M119.59 222.928C119.59 222.793 119.533 222.685 119.459 222.538L117.155 217.779C117.012 217.493 116.881 217.401 116.696 217.401C116.514 217.401 116.383 217.493 116.24 217.779L113.936 222.538C113.863 222.685 113.805 222.793 113.805 222.932C113.805 223.187 113.998 223.341 114.295 223.341H119.096C119.397 223.341 119.59 223.183 119.59 222.928Z", fill: "#F7F8FA" }), index.h("path", { key: '7e80be5577901e73565d376e2fc17d41c9e32cfe', d: "M132.839 201.355C134.97 201.355 136.698 203.084 136.698 205.216V234.858C136.698 236.99 134.97 238.719 132.839 238.719H101.219C99.0877 238.719 97.359 236.99 97.359 234.858V205.216C97.359 203.084 99.0877 201.355 101.219 201.355H132.839Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("g", { key: '8dd18dd6353ba3f004acd445f814e4c3d1308246', filter: "url(#filter7_d_6680_546458)" }, index.h("path", { key: '33b84a5e4e1546090f17852bd40487b83e3328b8', d: "M166.855 217.814C166.855 217.559 166.662 217.401 166.361 217.401H161.559C161.262 217.401 161.069 217.555 161.069 217.81C161.069 217.949 161.127 218.057 161.2 218.204L163.505 222.963C163.647 223.248 163.779 223.341 163.96 223.341C164.145 223.341 164.277 223.248 164.419 222.963L166.724 218.204C166.797 218.057 166.855 217.949 166.855 217.814Z", fill: "#F7F8FA" }), index.h("path", { key: '1d2c4b00e42c73b5505f0b8715b2859be7912ff5', d: "M180.103 201.355C182.235 201.355 183.962 203.084 183.962 205.216V234.858C183.962 236.99 182.235 238.719 180.103 238.719H148.484C146.352 238.719 144.623 236.99 144.623 234.858V205.216C144.623 203.084 146.352 201.355 148.484 201.355H180.103Z", stroke: "#E0E2E5", "stroke-width": "1.13221" })), index.h("defs", { key: 'bb1f8b56c25210ec9e0bbe4f75830cccdc5064c0' }, index.h("filter", { key: 'd0fcbc9ad52d53a62ea9bd5a6f74745923b31553', id: "filter0_d_6680_546458", x: "5.98431e-05", y: "25.7933", width: "44.9993", height: "43.0231", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'db3909e3e1c5cb7a374d5218cb836fca0251087b', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '49a495ad19108860a1f2977563d9a2de32d18d1a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '577af9995820124160fa63f1dfbaea55e4d9687c', dy: "1.13219" }), index.h("feGaussianBlur", { key: '4a0039333fda899bd258362f940ff0ebed51f6ea', stdDeviation: "1.13219" }), index.h("feColorMatrix", { key: 'e27e03143c82c824500731692b7c55ee090f7974', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '353c9fa0f80c5efe2ed6ed2254d4c10c45cadfa5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '3bdd944bd04740ec605fcc2695871514402b28bd', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'd7f7f1011063fbe9f0ddcb0e410d2b1ef0120364', id: "filter1_d_6680_546458", x: "9.53674e-06", y: "112.725", width: "59.4922", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '78176d6e7503863e14293b8bbc902d361e75c6c2', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '3f788495eae361ac5c84472eb7693121b8073b62', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: 'a1853d0baa791ae33401399adccf35b80c9a2f2a', dy: "1.13221" }), index.h("feGaussianBlur", { key: '7216ea49abb947907539fcaea2b132e839a9e8f5', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '68a730ea3e0122e4fa76f47e3243a3e16dc79c5a', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: 'd4659832b7d44ae3564256b43831de407c79096b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'c46e327ed8eb82cc30b3635039045e1d9d71ddbf', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '9c2e81907d6285859eecad23d133f6249cbe5112', id: "filter2_dd_6680_546458", x: "130.543", y: "132.312", width: "30.156", height: "39.4931", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'b8c49d1d404c6639c7104165a9cf822d4308eab4', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '9e405dc2aba90962aead046cf391d475a0454289', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '12b027d1efbcdcca67bca827850f626bd02495d6', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_6680_546458" }), index.h("feOffset", { key: '5d2e194b06682a7de607cc4cda5f523ec1b129ad', dy: "2.26441" }), index.h("feGaussianBlur", { key: '224d97d32014868627ec3eab90b6a0330bfbd6e6', stdDeviation: "2.26441" }), index.h("feColorMatrix", { key: '63b1325cedd807b4baf51d7d2c1c88a1e70fd769', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }), index.h("feBlend", { key: 'fe7bac563c668262df5c9f1355998c778bf0e7a5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feColorMatrix", { key: 'c316fdc28c87d70436e2b8fba3519af2ac712981', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'b173f9099378b3cd778bdf4a01ed1707a448a56e', radius: "1.13221", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_6680_546458" }), index.h("feOffset", { key: '8863ec2ba65d0727626d02948d5c095b7650a79a', dx: "-3.39662", dy: "3.39662" }), index.h("feGaussianBlur", { key: '820e2741ea6f445e0cd6eed3f501176c99fcd76e', stdDeviation: "3.79289" }), index.h("feColorMatrix", { key: 'f95587bf3d30dec8d128ead0b97392a95da3726e', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0" }), index.h("feBlend", { key: 'f9b53e3e50d50970955711b7984718cba5db3581', mode: "normal", in2: "effect1_dropShadow_6680_546458", result: "effect2_dropShadow_6680_546458" }), index.h("feBlend", { key: 'cdb58a91c087b9f27c51a5cb2d111aa1aebb642e', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'c620d98d2c73c6ead4da6df895480ca250767540', id: "filter3_d_6680_546458", x: "136.997", y: "133.104", width: "23.7025", height: "33.3792", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '31a1ebcc8f32fba4e393af76afa6be19424bd7fa', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '81742d145854f85ddb932798c9ba756414965246', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '0fd80f112e26a90b1f1003aad344d293827484ca', dy: "1.13221" }), index.h("feGaussianBlur", { key: 'dd7db1b4be8f20347a2084c161bfb444f8436760', stdDeviation: "1.69831" }), index.h("feColorMatrix", { key: 'c0abf46253b8af8ee6fb01e65fc836d8665e6a9b', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" }), index.h("feBlend", { key: 'e6b1e0ac2ac0531f9a12623e6ad1cfb797302a91', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '545488809210dd861a5300c0de82f661f35cf72b', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '0719801e8948be41a65722ce6b996859a599b35e', id: "filter4_d_6680_546458", x: "9.53674e-06", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'c187a02f8848e57614e229f7fdbe8ca09a286e65', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '55cab0532b7d4de73fd227af1582a75cd05e9b7d', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '37b5c167590c3f12961bbae1d6de9dde73dcc502', dy: "1.13221" }), index.h("feGaussianBlur", { key: 'a5ad71b39058a33b7b3438c511b4e1056b2dc0ac', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '3a2297e8debcb1be65d536fe8a25821b653eb873', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '9cfda8f6a64879d61caad373c22c504fee9f5d99', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '4e2a24f08408ef8aeafa7b8bb6985ab81bba3016', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: 'a42d1fb91836a3cc37bcaee541eb43023e7ceb73', id: "filter5_d_6680_546458", x: "47.2644", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '465184b567cc376568d36a979cb68817129b8114', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '751712f76f03b2a3e4174f1f258687fca68aeea8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '91509ac30cb8e0a4815efaf2d942a085feb61d9e', dy: "1.13221" }), index.h("feGaussianBlur", { key: '081f02d595cc4079f00643ef7199720995c3eae7', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '441fff1d2cd246126aba312dc1354e61ca2ada07', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: 'f294b3c9ed2a1a5c83ff2a192b59fdae7d536a3c', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'b882098467119d5e6f2afcb59de88d0a4ae673cb', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '5c50a45ad116b9de50838b34dc5c3faf59fb0824', id: "filter6_d_6680_546458", x: "94.5288", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '01967048d28db97290edec07870959ae45bf273b', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'c64536e2337102759e6539df9790bf1d275aa450', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: 'de54d584f03c41f21cc330eac13b931c98df2be7', dy: "1.13221" }), index.h("feGaussianBlur", { key: '2f320b1f3dc1daa43bb1aba555f6aa3d285da3ad', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '62d317958d86dfc338d39f6582bb4c001824e63f', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '74a419003dd7a99ebfa9f93e1c1335568c62fe97', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: '4aea7c55770e3918172cf7c25a4ab6fccea8e228', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })), index.h("filter", { key: '27633eabd1a714ff54e58db76108030ff02800ea', id: "filter7_d_6680_546458", x: "141.793", y: "199.657", width: "45", height: "43.0239", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'cbf2b97fdba402641d5ad9dcc7cffc7e37609222', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'b73b9c33d73071c918d03b41d622d4bf694b35c8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feOffset", { key: '4816b52f681ba46e31bee6b502d8f9f9fb8e50f7', dy: "1.13221" }), index.h("feGaussianBlur", { key: '53a37ef2e8eea4aa20ad1848bae02b442d7d4745', stdDeviation: "1.13221" }), index.h("feColorMatrix", { key: '74eac02eee8c8f8d0d84cbdb0de70d27887f4214', type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" }), index.h("feBlend", { key: '16dc8e3779fa9978affa9e16ae453793d164d118', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_6680_546458" }), index.h("feBlend", { key: 'c87e9ee491bdc67b90d5fb934ba14e09ee350ed0', mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_6680_546458", result: "shape" })))), index.h("slot", { key: '7bec96fe1cf550729fb66e5288ced5641f2a8cd8' })));
     }
 };
 LsKeyboardShortcuts.style = lsKeyboardShortcutsCss();
-const lsPageLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.loading-animation{position:relative;width:200px;height:200px;color:var(--primary-60, #0c7cba)}`;
+const lsLeftBarCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}`;
+const LsLeftBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.managerChange = index.createEvent(this, "managerChange", 7);
+        this.clearSelected = index.createEvent(this, "clearSelected", 7);
+    }
+    get el() { return index.getElement(this); }
+    mode = 'editor';
+    selected = [];
+    manager;
+    signer;
+    filtertoolbox = null;
+    template;
+    recipients;
+    validationErrors = [];
+    fieldTypeSelected;
+    displayTable = false;
+    selectedDataItems = [];
+    managerChange;
+    clearSelected;
+    managerWatchHandler(newManager) {
+        if (newManager === 'document') {
+            const dm = this.el.shadowRoot.getElementById('ls-document-options');
+            if (dm)
+                dm.template = this.template;
+        }
+        else if (newManager === 'participant') {
+            const pm = this.el.shadowRoot.getElementById('ls-participant-manager');
+            if (pm)
+                pm.template = this.template;
+        }
+        else if (newManager === 'validation') {
+            const vm = this.el.shadowRoot.getElementById('ls-validation-manager');
+            if (vm)
+                vm.validationErrors = this.validationErrors;
+        }
+    }
+    componentDidLoad() {
+        const leftBox = this.el.shadowRoot.getElementById('ls-left-box');
+        if (leftBox) {
+            leftBox.addEventListener('mousedown', e => e.stopPropagation());
+            leftBox.addEventListener('mouseup', e => e.stopPropagation());
+            leftBox.addEventListener('mousemove', e => e.stopPropagation());
+        }
+    }
+    signerChanged() {
+        try {
+            const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');
+            if (recipientManager) {
+                const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');
+                if (recipientsBox) {
+                    recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });
+                }
+            }
+        }
+        catch (e) {
+            // fail silently
+        }
+    }
+    showTool(fieldFormType) {
+        return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
+    }
+    checkType(type) {
+        if (this.mode === 'compose' && this.recipients) {
+            return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;
+        }
+        else if (this.template) {
+            return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;
+        }
+        return false;
+    }
+    renderFieldProperties() {
+        if (this.displayTable || this.selected.length === 0)
+            return null;
+        return (index.h("div", { class: "ls-dv-field-properties-outer" }, index.h("div", { class: "ls-dv-properties-header" }, index.h("div", { class: "ls-dv-properties-header-icon" }, index.h("ls-icon", { name: "pre-filled-content" })), index.h("h1", { class: "ls-dv-properties-header-title" }, "Field Properties"), index.h("button", { class: "ls-dv-tertiary-grey", onClick: e => {
+                this.clearSelected.emit();
+                e.preventDefault();
+            }, style: { borderRadius: '0.75rem' }, "data-tooltip": "Close Properties Panel" }, index.h("ls-icon", { name: "x", size: "1.25rem" }))), index.h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems })));
+    }
+    renderToolbox() {
+        return (index.h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, index.h("div", { class: "ls-dv-editor-infobox" }, index.h("h2", { class: "ls-dv-toolbox-section-title" }, "Fields"), index.h("p", { class: "ls-dv-toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), index.h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 25, defaultWidth: 97, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 25, defaultWidth: 97, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 16, defaultWidth: 150, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: "Signing Date", defaultHeight: 16, defaultWidth: 100, validation: 32, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: "Date", defaultHeight: 16, defaultWidth: 100, validation: 4, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: "Email", defaultHeight: 16, defaultWidth: 150, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (index.h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 25, defaultWidth: 70, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: "Number", defaultHeight: 16, defaultWidth: 150, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: "Dropdown", defaultHeight: 16, defaultWidth: 100, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: "Checkbox", defaultHeight: 16, defaultWidth: 16, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: "Regex", defaultHeight: 16, defaultWidth: 150, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: "Image", defaultHeight: 16, defaultWidth: 100, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: "File", defaultHeight: 16, defaultWidth: 100, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))));
+    }
+    renderEditor() {
+        return (index.h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, index.h("ls-feature-column", { mode: this.mode, onManage: manager => this.managerChange.emit(manager.detail) }), this.renderToolbox(), index.h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), index.h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), index.h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
+    }
+    renderCompose() {
+        return (index.h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, index.h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, index.h("ls-recipient-manager", { id: "ls-recipient-manager", class: "ls-dv-compose-toolbox" }, index.h("div", { class: "ls-dv-scroll-gradient-top" }), index.h("div", { class: "ls-dv-scroll-gradient-bottom" }), index.h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), index.h("div", { class: "ls-dv-recipients-box" }, this.recipients &&
+            this.recipients.map(recipient => (index.h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this.template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))), index.h("slot", { name: "recipient-panel" }))), this.renderFieldProperties()));
+    }
+    render() {
+        return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;
+    }
+    static get watchers() { return {
+        "manager": ["managerWatchHandler"],
+        "signer": ["signerChanged"]
+    }; }
+};
+LsLeftBar.style = lsLeftBarCss();
+const lsPageLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;align-items:center;justify-content:center;background-color:rgba(251, 251, 251, 0.3);backdrop-filter:blur(2px);height:100%;width:100%;z-index:4000}.ls-dv-loading-animation{position:relative;width:200px;height:200px;color:var(--primary-60, #0c7cba)}`;
 const LsPageLoader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f9efb6dedef08d852bbde77018504a19d772e95c' }, index.h("div", { key: 'cae3ed5882bb60a6001f34c24c08297543e36afa', class: 'loading-animation' }, index.h("svg", { key: 'ce39d6ec96bd20bc15fe6557227db0d99a42dc09', class: "block w-full h-full", fill: "none", preserveAspectRatio: "none", viewBox: "0 0 20 20" }, index.h("g", { key: 'a7f9ca268dc77d02abe3a6cf9bf57ce9f0d71821', id: "Icon/solid/logo" }, index.h("g", { key: '7cbb7fff95dbf7c52c70888bc4d38950132d14b2', id: "Icon" }, index.h("path", { key: '04831b933f54eed62a179094a1688a7c021d1c4b', class: "classic-sequential-front", d: "M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z", fill: "currentColor" }), index.h("path", { key: '227c87f255929b842133826d0660321d609f9fa3', class: "classic-sequential-middle", d: "M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z", fill: "currentColor" }), index.h("path", { key: 'cd706620d53a4ed03e95c3c28552bd7152366175', class: "classic-sequential-back", d: "M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z", fill: "currentColor" })))), index.h("style", { key: 'cd4a677df4e027fe0049cd52ac433c63494129b0' }, `
+        return (index.h(index.Host, { key: '1b02998d5dcb28f3204f5bf67c796f70454f9c80' }, index.h("div", { key: 'ddce30359cf4d1dc94c5cb45fd2bba148b7e6c2b', class: 'ls-dv-loading-animation' }, index.h("svg", { key: '7c66de07ae785bb9f65c08eeebb0ef123b299797', class: "block w-full h-full", fill: "none", preserveAspectRatio: "none", viewBox: "0 0 20 20" }, index.h("g", { key: '242a1733f2e4331df0e4e7688644e025f797a1be', id: "Icon/solid/logo" }, index.h("g", { key: 'e2586c7d2c687020c95aa5b9cddbab767c8f7f18', id: "Icon" }, index.h("path", { key: '71e2d9355395d48a81cc3d1da98ec61dd3ad6839', class: "classic-sequential-front", d: "M9.11077 0.940012C8.98702 0.868406 8.83446 0.868297 8.71061 0.939725C8.58675 1.01115 8.51044 1.14326 8.51044 1.28623V2.34625C8.51044 2.48927 8.5868 2.62141 8.71071 2.69282L14.6321 6.10546C14.818 6.21257 14.9325 6.41078 14.9325 6.6253V13.4621C14.9325 13.6044 15.0081 13.7359 15.131 13.8076L16.0285 14.3311C16.1522 14.4033 16.305 14.4038 16.4292 14.3325C16.5534 14.2611 16.63 14.1288 16.63 13.9856V5.52152C16.63 5.37876 16.5539 5.24681 16.4303 5.17531L9.11077 0.940012Z", fill: "currentColor" }), index.h("path", { key: 'b7df92f861e8081e8018c20cf261296dca8c5bda', class: "classic-sequential-middle", d: "M6.35621 2.52413C6.23246 2.45251 6.07989 2.45239 5.95603 2.52381C5.83217 2.59524 5.75585 2.72735 5.75585 2.87033V3.94156C5.75585 4.08504 5.83269 4.21752 5.95722 4.28876L8.20838 5.57659C8.39518 5.68345 8.51044 5.88218 8.51044 6.09739V9.75268C8.51044 9.89534 8.58642 10.0272 8.70984 10.0987L11.8717 11.9316C12.0569 12.0389 12.1708 12.2367 12.1708 12.4507V16.1015C12.1708 16.2434 12.2461 16.3747 12.3685 16.4465L13.2784 16.9801C13.4021 17.0526 13.5552 17.0534 13.6796 16.9821C13.804 16.9108 13.8808 16.7784 13.8808 16.635V7.10976C13.8808 6.96701 13.8047 6.83507 13.6811 6.76356L6.35621 2.52413Z", fill: "currentColor" }), index.h("path", { key: 'e04b070910de583cd756e796836bb013cbcf5593', class: "classic-sequential-back", d: "M3.60419 4.12505C3.48039 4.05421 3.32824 4.05465 3.20486 4.1262C3.08147 4.19776 3.00552 4.3296 3.00552 4.47223V15.0385C3.00552 15.1812 3.08151 15.3131 3.20494 15.3846L10.5339 19.6323C10.6576 19.704 10.8102 19.7042 10.9341 19.6328C11.0581 19.5614 11.1344 19.4293 11.1344 19.2862V12.9374C11.1344 12.795 11.0587 12.6634 10.9357 12.5917L7.78047 10.7551C7.59587 10.6476 7.48232 10.4501 7.48232 10.2365V6.57621C7.48232 6.43276 7.40549 6.30029 7.28098 6.22904L3.60419 4.12505Z", fill: "currentColor" })))), index.h("style", { key: 'af3af3f01c13db09f0bc7f2015cc1abc246d0e09' }, `
           @keyframes classic-sequential-back {
             0% { opacity: 0; transform: scale(0.3); }
             2% { opacity: 0.3; transform: scale(0.5); }
@@ -49622,12 +49689,12 @@ const LsPageLoader = class {
             animation: classic-sequential-front 2.5s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
             transform-origin: center;
           }
-        `)), index.h("slot", { key: '3949ad33499dd0e97255e46ab22817001128d526' })));
+        `)), index.h("slot", { key: '4aaf758ee8d2923081784328b6bd91c600cd7429' })));
     }
 };
 LsPageLoader.style = lsPageLoaderCss();
-const lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsParticipantCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-participant-card{display:flex;padding:0.625rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch}.ls-dv-top-card{border-radius:1rem 1rem 0 0}.ls-dv-full-card{border-radius:1rem}.ls-dv-bottom-card{border-radius:0 0 1rem 1rem}.ls-dv-participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-hidden{visibility:hidden;display:none}.ls-dv-form-button-set{display:flex;gap:0.5rem}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-role-label.ls-dv-fields{border-radius:1rem;margin-top:0.5rem}.ls-dv-inner-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.ls-dv-inner-button:hover{color:var(--hover-button-colour)}.ls-dv-participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-button-set{display:flex;gap:0.125rem}.ls-dv-participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.ls-dv-title-button{width:100%;text-align:left;background-color:transparent;border:none}.ls-dv-full-width{width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.ls-dv-tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.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 LsParticipantCard = class {
     constructor(hostRef) {
@@ -49682,51 +49749,56 @@ const LsParticipantCard = class {
     render() {
         const participantFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.signer.signerIndex) || [];
         const child = this.template.roles.find(r => r.signerParent === this.signer.id);
-        return (index.h(index.Host, { key: '480e7d96fa4cd6f9c63c837a669ca1bfba84342a' }, index.h("div", { key: 'a74b49b5737db58d92948b8e16c4e93c9dbc75b9', class: 'participant-card' + (child ? ' top-card' : this.signer?.signerParent ? ' bottom-card' : ' full-card'), style: {
+        const formatRoleName = (signer) => {
+            if (signer.roleType == 'WITNESS')
+                return `Participant ${signer.signerIndex % 100} Witness`;
+            return `Participant ${signer.signerIndex}`;
+        };
+        return (index.h(index.Host, null, index.h("div", { class: 'ls-dv-participant-card' + (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card'), style: {
                 background: defaultRolePalette[this.signer?.signerIndex % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,
                 marginTop: this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',
-            }, onMouseEnter: e => e.currentTarget.querySelector('.button-set')?.classList.remove('hidden'), onMouseLeave: e => e.currentTarget.querySelector('.button-set')?.classList.add('hidden'), onDblClick: () => {
+            }, onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden'), onDblClick: () => {
                 this.editable = true;
-            } }, index.h("div", { key: '86202bf3cfee219a513eff7b03fbc515683027ae', class: 'participant-card-inner' }, index.h("div", { key: '276d6489790aeb8f6722977d9c607da85fbfe0fd', class: 'participant-card-top-items' }, index.h("div", { key: '157aabca5527feceecd8f1755d4ddcee5621a426', class: 'role-label', style: {
+            } }, index.h("div", { class: 'ls-dv-participant-card-inner' }, index.h("div", { class: 'ls-dv-participant-card-top-items' }, index.h("div", { class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.signer?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s90,
-            } }, index.h("ls-icon", { key: '0e3209781b5d392a167714815d79084006a4f62b', name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), (this.signer?.ordinal || '')), index.h("div", { key: '81b4409900bb47e6dda60c4e70941319f450ab36', class: 'button-set hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (index.h("div", { key: '75c97d116e62cbfd04e2122cc53863483701acdf', class: "innerButton", onClick: () => {
+            } }, index.h("ls-icon", { name: this.signer?.roleType === 'APPROVER' ? 'check-circle' : this.signer?.roleType === 'SIGNER' ? 'signature' : 'eye' }), this.signer?.ordinal || ''), index.h("div", { class: 'ls-dv-button-set ls-dv-hidden' }, this.index > 0 && this.signer.roleType !== 'WITNESS' && (index.h("div", { class: "ls-dv-inner-button", onClick: () => {
                 this.swapHandler(this.signer, this.template.roles[this.index - 1]);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Up" }, index.h("ls-icon", { key: 'cef1d480f1823289f4e4b41dcef0fdda3c6bb2b4', name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (index.h("div", { key: '2cdabf8a41781677bdef4ebb2e74a87a6809df2a', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Up" }, index.h("ls-icon", { name: "arrow-up", size: "1.125rem" }))), this.signer.signerIndex !== this.template.roles.length && this.signer.roleType !== 'WITNESS' && (index.h("div", { class: "ls-dv-inner-button", onClick: () => {
                 this.swapHandler(this.signer, this.template.roles[this.index + 1]);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Move Down" }, index.h("ls-icon", { key: '3613e311c153ebf134b98d95ae8935efe8cb74d0', name: "arrow-down", size: "1.125rem" }))), index.h("div", { key: '18ec730b84a63bf1e446767492c2cc799f7e8b2c', class: "innerButton", onClick: () => {
+            }, "data-tooltip": "Move Down" }, index.h("ls-icon", { name: "arrow-down", size: "1.125rem" }))), index.h("div", { class: "ls-dv-inner-button", onClick: () => {
                 this.editable = !this.editable;
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            } }, index.h("ls-icon", { key: '8f880799db6ff40795f52770745c68f56115908a', name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? "Save Changes" : "Edit Participant" })), index.h("div", { key: 'f3bae4305c01a9e79484285dbf1b0ab47a218cc5', class: "innerButton", onClick: () => {
+            } }, index.h("ls-icon", { name: this.editable ? 'check' : 'pencil-alt', size: "1.125rem", "data-tooltip": this.editable ? 'Save Changes' : 'Edit Participant' })), index.h("div", { class: "ls-dv-inner-button", onClick: () => {
                 this.deleteHandler(this.signer);
             }, style: {
                 '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,
                 '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,
-            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, index.h("ls-icon", { key: '57aeed8c5766ed834c60098872017d11e1b956a8', name: "trash", size: "1.125rem" })))), this.editable ? (index.h("div", { class: 'participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (index.h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, index.h("select", { name: "roleType", id: "role-type", class: 'has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, index.h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), index.h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (index.h("ls-input-wrapper", { leadingIcon: "eye" }, index.h("input", { name: "roleType", id: "role-type", class: 'has-leading-icon', disabled: true, value: "Witness" }))), index.h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
+            }, "data-tooltip": "Delete Participant", "data-tooltip-placement": "top-end" }, index.h("ls-icon", { name: "trash", size: "1.125rem" })))), this.editable ? (index.h("div", { class: 'ls-dv-participant-card-inner' }, this.signer?.roleType !== 'WITNESS' ? (index.h("ls-input-wrapper", { select: true, leadingIcon: this.signer?.roleType === 'APPROVER' ? 'check-circle' : 'signature' }, index.h("select", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', onChange: e => this.alter({ roleType: e.target.value }), disabled: child ? true : false }, index.h("option", { value: "APPROVER", selected: this.signer?.roleType === 'APPROVER' }, "Approver"), index.h("option", { value: "SIGNER", selected: this.signer?.roleType === 'SIGNER' }, "Signer")))) : (index.h("ls-input-wrapper", { leadingIcon: "eye" }, index.h("input", { name: "roleType", id: "role-type", class: 'ls-dv-has-leading-icon', disabled: true, value: "Witness" }))), index.h("input", { type: "text", id: "participant-description", name: "participantDescription", placeholder: "Description, eg. Tenant 1, Agent", defaultValue: this.signer.name, onInput: e => this.alter({ name: e.target.value }), onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editable = false;
-            } }), this.signer?.roleType === 'SIGNER' && !child ? (index.h("button", { class: 'tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, index.h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (index.h("button", { class: 'destructive', onClick: () => {
+            } }), this.signer?.roleType === 'SIGNER' && !child ? (index.h("button", { class: 'ls-dv-tertiary', onClick: () => this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id }) }, index.h("ls-icon", { name: "plus", style: { marginRight: '0.25rem' } }), "Add Witness")) : this.signer?.roleType === 'SIGNER' && child ? (index.h("button", { class: 'ls-dv-destructive', onClick: () => {
                 this.deleteHandler(child);
-            } }, index.h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : this.signer?.roleType === 'WITNESS' ? (index.h("button", { class: 'destructive', onClick: () => {
+            } }, index.h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : this.signer?.roleType === 'WITNESS' ? (index.h("button", { class: 'ls-dv-destructive', onClick: () => {
                 this.deleteHandler(this.signer);
-            } }, index.h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : null)) : (index.h("div", { class: 'participant-card-text' }, index.h("p", { class: "participant-text-description", style: {
+            } }, index.h("ls-icon", { name: "minus-sm", style: { marginRight: '0.25rem' } }), "Remove Witness")) : null)) : (index.h("div", { class: 'ls-dv-participant-card-text' }, index.h("p", { class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s100,
-            } }, this.signer.name || `${this.signer.signerIndex > 100 ? 'Witness' : 'Signer'} ${this.signer.signerIndex + 1}`), index.h("p", { class: "participant-text-type", style: {
+            } }, this.signer.name || formatRoleName(this.signer)), index.h("p", { class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.signer?.signerIndex % 100].s80,
                 textTransform: 'capitalize',
-            } }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (index.h("div", { class: 'role-label fields', style: {
+            } }, this.signer.roleType.toLowerCase()), this.signer?.roleType !== 'APPROVER' && (index.h("div", { class: 'ls-dv-role-label ls-dv-fields', style: {
                 background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,
                 color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,
-            } }, participantFields.length === 0 && index.h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), index.h("slot", { key: '5f4e9b4b2c52e5f629d0afd1c64f8e335e36be03' }), index.h("ls-tooltip", { key: '05353b2e4becc7a98fa0060d103c66aca39e0b70', id: "ls-tooltip-master" })));
+            } }, participantFields.length === 0 && index.h("ls-icon", { name: "exclamation-circle", size: "1rem", style: { marginRight: '0.125rem' } }), participantFields.length === 0 ? 'Signature Required' : `${participantFields.length} ${participantFields.length === 1 ? 'Field' : 'Fields'}`)))))), index.h("slot", null), index.h("ls-tooltip", { id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "editable": ["modeHandler"]
@@ -49734,7 +49806,7 @@ const LsParticipantCard = class {
 };
 LsParticipantCard.style = lsParticipantCardCss();
-const lsParticipantManagerCss = () => `.label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}*{box-sizing:border-box;margin:0}.ls-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.add-participant-button button{display:flex;gap:0.75rem;justify-content:center;align-items:center;width:100%;border:2px dashed var(--gray-20, #edeff2);background:var(--white, #fff);color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsParticipantManagerCss = () => `.ls-dv-label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-participant-list{position:relative;display:flex;flex-direction:column;gap:0.75rem}*{box-sizing:border-box;margin:0}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-add-participant-button{position:sticky;display:flex;padding:0.75rem 0;margin-bottom:-0.75rem;margin-top:-0.75rem;bottom:-0.75rem;background-image:linear-gradient(to top, var(--gray-10, #f7f8fa) 0%, var(--gray-10, #f7f8fa) 80%, transparent 100%)}.ls-dv-add-participant-button button{display:flex;gap:0.75rem;justify-content:center;align-items:center;width:100%;border:2px dashed var(--gray-20, #edeff2);background:var(--white, #fff);color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsParticipantManager = class {
     constructor(hostRef) {
@@ -49793,17 +49865,18 @@ const LsParticipantManager = class {
         observer.observe(this.element.shadowRoot, { childList: true, subtree: true });
     }
     render() {
-        return (index.h(index.Host, { key: '6a9d8dbc6b35b618a8f9d3cca7e0f0e8c068204a' }, index.h("div", { key: '7f36e3c797ef070e62f056c9eacba7a3df10727d', class: "ls-editor-infobox" }, index.h("h2", { key: '8dc07631a71cb864419e13a5778f2afa4df498a9', class: "toolbox-section-title" }, "Participants"), index.h("p", { key: '458f85b26698376b050a6f4105cb8944f97cca1d', class: "toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { key: 'a5961cb155468984f56fffea37589d54782bc471', class: "participant-list" }, this.template &&
+        return (index.h(index.Host, { key: '2e5f4d267a3ae0cb075f31dc7955b756b7d4eddb' }, index.h("div", { key: 'dd1f634b8e41fe4149550b4f0bc8fa0d601d3e7f', class: "ls-dv-editor-infobox" }, index.h("h2", { key: '84931925984b551f95f1cbad24fdd1b7f347b376', class: "ls-dv-toolbox-section-title" }, "Participants"), index.h("p", { key: 'c80acf04debfb758b85ab5d841d56b5ecc1ffaef', class: "ls-dv-toolbox-section-description" }, "Select and Click to place Signature fields where you\u2019d like on the Document.")), index.h("div", { key: '5d7db4ecb67cfa721f27694d3ca4b39087d8032c', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map((r, index$1) => {
                 return (index.h("ls-participant-card", { signer: r, index: index$1, template: this.template, onOpened: event => {
                         this.handleOpened.bind(this)(event);
                     }, onAddParticipant: event => this.handleOpenNewWitness(event) }));
-            })), index.h("div", { key: 'b8e7449c5f57e25229c44e4b24504685e185021c', class: 'add-participant-button' }, index.h("button", { key: '88db7c71a61a6f6b24797d85a810b3e2d53de78d', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, index.h("ls-icon", { key: '65da2b8a552d986e76fd7c20a1c538a17207ccf1', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), index.h("p", { key: '8a8bd809b8b7782f557cce857f4d9d7d3189edc4' }, "Add Participant"))), index.h("slot", { key: '9fdc1c50058a15b52650a055c7e10da52240f53a' })));
+            })), index.h("div", { key: '3584aa7ae6275c96f24fb9a98a6fb41b28df2be0', class: 'ls-dv-add-participant-button' }, index.h("button", { key: 'ce508a94be9103ea8a5f2ed42a11762226ae360b', onClick: () => this.addParticipant.emit({ type: 'SIGNER' }) }, index.h("ls-icon", { key: '928b3b254221dae64b8f50aed7d5ea331fbeb7fe', name: "user-add", size: "1.25rem", color: "var(--gray-100, #45484D);" }), index.h("p", { key: '494f8a2b0cf316379709b989b75ad5a93c94fe6c' }, "Add Participant"))), index.h("slot", { key: 'e5d2dc5fce6e83de4cbad7da25d16e565208a7ac' })));
     }
 };
 LsParticipantManager.style = lsParticipantManagerCss();
-const lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.dropdown{display:flex;align-items:center;position:relative}.dropdown-header{border-radius:0.625rem;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}.placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.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;}.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:0.75rem;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}.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.5rem}.dropdown-item.selected,.dropdown-item.selected:hover{background:var(--background-selected, #e0e2e5)}.dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.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.5rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.plus-icon{color:var(--gray-40, #d8d9dc)}.role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.role-text{display:flex;flex-direction:column;width:100%}.dropdown-item .check-icon{color:var(--gray-40, #d8d9dc)}.dropdown-item.selected .check-icon{color:var(--check-icon-selected)}.role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;}.role-type{color:var(--gray-80, #787a80);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.dropdown-item.selected .role-name{color:var(--role-name-selected)}.dropdown-item.selected .role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}.expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.5rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsParticipantSelectCss = () => `:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.625rem;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, #787a80);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, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}.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, #787a80)}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, #6c6e73)}.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 = class {
     constructor(hostRef) {
@@ -49857,42 +49930,42 @@ const LsParticipantSelect = class {
         this.addParticipant.emit({ type: 'SIGNER' });
     }
     render() {
-        return (index.h(index.Host, { key: 'c141766f1eb5c4b043fe9e6cccf73d68ad5a9f37' }, index.h("div", { key: 'b4524f25d68a5a715ece2cee78e09b47b6c0241b', class: "dropdown" }, index.h("div", { key: '81099026f34762dfe3e5073cf35b143590649879', class: "dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'e4a18cb2949cb87ece3fc31771f592b3a5b291ce', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3d3b48a2741681b7a1c24ad018e6077badbdbc53', 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" }), index.h("path", { key: 'b572e561374421a6f4712cd495c4eb2f8dee9d8b', 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" }), index.h("path", { key: 'b44f5beb1ece1c918921d547823c30b0fb3700c6', 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" }), index.h("path", { key: '3f174e6df96be1bb6e3479b653bdb1e8968d8c2d', 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" })), index.h("p", { key: '2c121f619fababc6f2063406e142bcd6aa93879c', class: 'placing-fields-text' }, "Placing Fields for"), index.h("div", { key: '62fb1e6f88acdd44eaffc6f27d18959891f0a35e', class: 'selected-role-label', style: {
+        return (index.h(index.Host, { key: 'e7dc142088796a020aefa9e4b073477b16335dc9' }, index.h("div", { key: '1802964c48679daeb59616d31847d6f58793b3cb', class: "ls-dv-dropdown" }, index.h("div", { key: 'd07ea1bb59a6ab2f6f127b8e1b190573331ef898', class: "ls-dv-dropdown-header", onClick: this.toggleDropdown }, index.h("svg", { key: 'd64f615e2011f82b8e0c2e2b02caff74bf5799c2', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'e774266782f47d1424872d9c43cdb2600f74a002', 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" }), index.h("path", { key: 'e19c49169b0ed0c16c1494ede1ca58d4bf88e37b', 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" }), index.h("path", { key: '704e206010943c961b37dbe2eddaace725bddfbe', 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" }), index.h("path", { key: '07d0251c84273d7f5c89436b4f448162c295067c', 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" })), index.h("p", { key: '3fc7da64874009a1bb5d8251a747162359cb9488', class: 'ls-dv-placing-fields-text' }, "Placing Fields for"), index.h("div", { key: '7577ab9fa0d4b2e4b0e008fb01bffbe60dea9afa', class: 'ls-dv-selected-role-label', style: {
                 background: defaultRolePalette[this.selectedRole?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.selectedRole?.signerIndex % 100].s80,
-            } }, index.h("ls-icon", { key: 'd0ad93cd6345f998fbe43fc9ffed8638861f84a2', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
+            } }, index.h("ls-icon", { key: 'f386b1b79d5f1a2cee16383190f3cb0cb0c906fb', size: "1.125rem", name: this.selectedRole?.roleType === 'SENDER'
                 ? 'user'
                 : this.selectedRole?.roleType === 'APPROVER'
                     ? 'check-circle'
                     : this.selectedRole?.roleType === 'WITNESS'
                         ? 'eye'
                         : 'signature' }), this.selectedRole.name ||
-            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: 'ccf21bb38feec686b6d8d5e2832e508b6f415256', class: 'tertiaryGrey expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: 'f89863173df88aa55e363f5dd9f2ad145cb33d12', name: "chevron-down" }))), this.isOpen && (index.h("div", { key: '78da1100aabb62f5ad6d5f294b1aab9d5547e1e6', class: "dropdown-list" }, index.h("div", { key: '136ce701994a107daa5c0786dddcd476574cef31', class: this.selectedRole?.signerIndex === 0 ? 'dropdown-item selected' : 'dropdown-item', style: {
+            (this.selectedRole.roleType === 'WITNESS' ? `Witness` : `Participant ${this.selectedRole.signerIndex}`)), index.h("button", { key: 'b9b040d6c193ba04f945b6d8416dd2c34d9d4eac', class: 'ls-dv-tertiary-grey ls-dv-expand-button', "aria-haspopup": "listbox", "aria-expanded": this.isOpen }, index.h("ls-icon", { key: '5d16a71655b95c1be06c9d9df435cf09847958ee', name: "chevron-down" }))), this.isOpen && (index.h("div", { key: '62f0c384b2e2791cec701c3f3625341aa8569809', class: "ls-dv-dropdown-list" }, index.h("div", { key: 'd4fae2d93377a8e714082085cd81c19924e7b7ee', 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: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: '283ca0d9fdd21a5e7a18273319e6af0d2ddf2886', class: 'role-icon', style: {
+            }, onClick: () => this.selectRole({ signerIndex: 0, name: 'Sender', roleType: 'SENDER' }), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', this.selectedRole?.signerIndex !== 0 ? 'base-circle' : 'check-circle') }, index.h("div", { key: 'ac8464f1d7523a4368cf4931e8e00eac1c0238e0', class: 'ls-dv-role-icon', style: {
                 background: defaultRolePalette[0].s50,
                 color: defaultRolePalette[0].s80,
-            } }, index.h("ls-icon", { key: '07a6bcd8180da7fbc10f74974d054c4b8931430f', name: "user" })), index.h("div", { key: '512c4f3fe266d71acb906349b27f5591074bd504', class: 'role-text' }, index.h("p", { key: 'bab252d2494e47ccf85c67af43452dac7153828f', class: 'role-name', style: {
+            } }, index.h("ls-icon", { key: '2b16509cabab3d0806b0cb47aa565d57e866600e', name: "user" })), index.h("div", { key: 'e77180d46d7bf89f7c6ab798c9de1c0b2a6f56db', class: 'ls-dv-role-text' }, index.h("p", { key: '54361dd78bdbf74a05026db56e01000d2d9772bb', class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultRolePalette[0].s80,
-            } }, 'Sender'), index.h("p", { key: 'eaaa3335214cdd4f1c4a33322ef6856eec60b8ae', class: 'role-type', style: {
+            } }, 'Sender'), index.h("p", { key: 'ea196b60c38461b386d66495c73ad418279e46dd', class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[0].s80,
-            } }, "You")), index.h("ls-icon", { key: 'fd6a73b8395974ec0fd7354729decfb89834fef6', class: 'check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (index.h("div", { class: r.signerIndex === this.selectedRole?.signerIndex ? 'dropdown-item selected' : 'dropdown-item', style: {
+            } }, "You")), index.h("ls-icon", { key: '8535a7ecd926c8f6227a80a4ba8dcb5a7ef848b1', class: 'ls-dv-check-icon', name: this.selectedRole?.signerIndex === 0 ? 'check-circle' : 'base-circle', solid: this.selectedRole?.signerIndex === 0 })), this.roles.map(r => (index.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('.check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
-                .querySelector('.check-icon')
-                ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle' : 'check-circle') }, index.h("div", { class: 'role-icon', style: {
+            }, onClick: () => this.selectRole(r), onMouseEnter: e => e.currentTarget.querySelector('.ls-dv-check-icon')?.setAttribute('name', 'check-circle'), onMouseLeave: e => e.currentTarget
+                .querySelector('.ls-dv-check-icon')
+                ?.setAttribute('name', r.signerIndex !== this.selectedRole?.signerIndex ? 'base-circle' : 'check-circle') }, index.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,
-            } }, index.h("ls-icon", { name: r.roleType === 'WITNESS' ? 'eye' : r.roleType === 'APPROVER' ? 'check-circle' : 'signature' })), index.h("div", { class: 'role-text' }, index.h("p", { class: 'role-name', style: {
+            } }, index.h("ls-icon", { name: r.roleType === 'WITNESS' ? 'eye' : r.roleType === 'APPROVER' ? 'check-circle' : 'signature' })), index.h("div", { class: 'ls-dv-role-text' }, index.h("p", { class: 'ls-dv-role-name', style: {
                 '--role-name-selected': defaultRolePalette[r?.signerIndex % 100].s100,
-            } }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), index.h("p", { class: 'role-type', style: {
+            } }, r.name || (r.signerIndex > 100 ? `Participant ${r.signerIndex - 100} Witness` : `Participant ${r.signerIndex}`)), index.h("p", { class: 'ls-dv-role-type', style: {
                 '--role-type-selected': defaultRolePalette[r?.signerIndex % 100].s80,
-            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), index.h("button", { key: 'f4258f3b7b58f99612391bdf1af167a7ac9e9e39', onClick: () => this.createHandler(), class: 'add-participant-row', style: {
+            } }, r.roleType === 'WITNESS' ? 'Witness' : r.roleType === 'APPROVER' ? 'Approver' : 'Signer')), index.h("ls-icon", { class: 'ls-dv-check-icon', name: r.signerIndex === this.selectedRole?.signerIndex ? 'check-circle' : 'base-circle', solid: r.signerIndex === this.selectedRole?.signerIndex })))), index.h("button", { key: '3cfade5d46569a5ac056506fbd4a28a82944b2b2', onClick: () => this.createHandler(), class: 'ls-dv-add-participant-row', style: {
                 '--background-selected': defaultRolePalette[1].s10,
                 '--check-icon-selected': defaultRolePalette[1].s50,
-            } }, index.h("div", { key: 'cd4f50c0aa9b9da2cb182625ed0aa4dc03f6aade', class: 'add-participant-icon' }, index.h("ls-icon", { key: 'a836beba284e419d48c4e49a831dcd8e35636c95', name: "user-add" })), index.h("div", { key: '867fa31f01ce54f54ec77a018d6998496470ac39', class: 'role-text' }, index.h("p", { key: '545385488508f94bd10875e6d299a979b65f218c', class: 'role-name' }, "Add Participant"), index.h("p", { key: 'c721a5c2b58ff972cd4854bfc797556ce0de20e7', class: 'role-type' }, "Add a new Signer")), index.h("ls-icon", { key: '0fc515b652f7bebf60e93e08674d540e17bf6a0c', class: 'plus-icon', name: "plus" }))))), index.h("slot", { key: '6f18592b6d1d532ad5079237e5c065127437ebce' })));
+            } }, index.h("div", { key: '8fe6ec55b50e4ca9d88ee5f4a7c07e52888aebb4', class: 'ls-dv-add-participant-icon' }, index.h("ls-icon", { key: '14b376ee02bf0a6b9aa426626b0e79712c805364', name: "user-add" })), index.h("div", { key: 'ed569bef4600d8a65eafe0b96a7e5328da60f5b5', class: 'ls-dv-role-text' }, index.h("p", { key: 'bcab20bb1d8862332dcbff44144dfb92ecdb7c9b', class: 'ls-dv-role-name' }, "Add Participant"), index.h("p", { key: '04d3cd02de952635a3888a58aaa48f058eefe9ac', class: 'ls-dv-role-type' }, "Add a new Signer")), index.h("ls-icon", { key: '367e9c451e784fd2390b0b2a471276b56295c45d', class: 'ls-dv-plus-icon', name: "plus" }))))), index.h("slot", { key: 'eddb284e55e42f98e04c72403229646c8290af3e' })));
     }
     static get watchers() { return {
         "roles": ["handleRoleLoad"]
@@ -49900,7 +49973,7 @@ const LsParticipantSelect = class {
 };
 LsParticipantSelect.style = lsParticipantSelectCss();
-const lsPropsSectionCss = () => `*{margin:0;box-sizing:border-box}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}`;
+const lsPropsSectionCss = () => `*{margin:0;box-sizing:border-box}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}`;
 const LsPropsSection = class {
     constructor(hostRef) {
@@ -49910,12 +49983,12 @@ const LsPropsSection = class {
     sectionDescription;
     row = false;
     render() {
-        return (index.h(index.Host, { key: 'e101c1333ab857dd1dfa3bed2ef93b3065f79e77' }, index.h("div", { key: '7bb13b1c0ac11351034e94a2fbcb4627489f895c', class: this.row ? 'ls-field-properties-section row' : 'ls-field-properties-section' }, index.h("div", { key: 'd61ba3466266155a10cefe3354ce2927cb5f6f1d', class: 'ls-field-properties-section-text' }, index.h("p", { key: '210ac570926c048ce8199a476b9dbfd912a02177', class: 'ls-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && index.h("p", { key: '685f607680c9675f24fc1c8274374ae740d05ee2', class: 'ls-field-properties-section-description' }, this.sectionDescription)), index.h("slot", { key: '0950497c90b960fd3a6348bf70a1d4562f25ae42' }))));
+        return (index.h(index.Host, { key: '7d1522657fdc08e55230521236ad663fe68603f0' }, index.h("div", { key: 'aeb5dcc428790deb768c8b26db00c40ba35ffc62', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, index.h("div", { key: '52e52fe448eca8570a182ffe0b1d15fcf836c0f9', class: 'ls-dv-field-properties-section-text' }, index.h("p", { key: 'af365873d49935e98989a50c8896e640dc97d4d5', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && index.h("p", { key: 'eb49875c06e60bacb0d6233aa440968458ddd2ae', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), index.h("slot", { key: '9d7fa2c6434b14b5e5bb47088683a8e2729e80c2' }))));
     }
 };
 LsPropsSection.style = lsPropsSectionCss();
-const lsRecipientCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.participant-card{display:flex;padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;max-height:6.25rem;transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;transform-origin:top}.participant-card.expand-up{transform-origin:bottom}.participant-card.expand-down{transform-origin:top}.participant-card.expanded{max-height:125rem;}.dot{width:0.5rem;height:0.5rem;background:var(--red-50, #ff706b);border-radius:50%;margin-right:0.25rem}.top-card{border-radius:1rem 1rem 0 0}.full-card{border-radius:1.5rem}.bottom-card{border-radius:0 0 1rem 1rem}.participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.hidden{visibility:hidden;display:none}.form-button-set{display:flex;gap:0.5rem}.role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.5rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;text-transform:capitalize}.fields-box{display:flex;flex-direction:column;gap:0.5rem;width:100%}.role-label.fields{border-radius:1rem;margin-top:0.5rem}.innerButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.innerButton:hover{color:var(--hover-button-colour)}.participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.button-set{display:flex;gap:0.125rem}.participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}.full-width{width:100%}.participant-card-text{padding:0 0.125rem 0.125rem 0.125rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsRecipientCardCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-participant-card{display:flex;padding:0.75rem;flex-direction:column;align-items:flex-start;gap:0.5rem;align-self:stretch;max-height:6.25rem;transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;transform-origin:top}.ls-dv-participant-card.ls-dv-expand-up{transform-origin:bottom}.ls-dv-participant-card.ls-dv-expand-down{transform-origin:top}.ls-dv-participant-card.ls-dv-expanded{max-height:125rem;}.ls-dv-dot{width:0.5rem;height:0.5rem;background:var(--red-50, #ff706b);border-radius:50%;margin-right:0.25rem}.ls-dv-top-card{border-radius:1rem 1rem 0 0}.ls-dv-full-card{border-radius:1.5rem}.ls-dv-bottom-card{border-radius:0 0 1rem 1rem}.ls-dv-participant-card-inner{width:100%;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-hidden{visibility:hidden;display:none}.ls-dv-form-button-set{display:flex;gap:0.5rem}.ls-dv-role-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;text-transform:capitalize}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.5rem;width:100%}.ls-dv-role-label.ls-dv-fields{border-radius:1rem;margin-top:0.5rem}.ls-dv-inner-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--default-button-colour)}.ls-dv-inner-button:hover{color:var(--hover-button-colour)}.ls-dv-participant-card-top-items{display:flex;width:100%;justify-content:space-between;align-items:center}.ls-dv-button-set{display:flex;gap:0.125rem}.ls-dv-participant-text-description{font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-participant-text-type{font-style:normal;font-weight:400;line-height:1.25rem;}.ls-dv-title-button{width:100%;text-align:left;background-color:transparent;border:none}.ls-dv-full-width{width:100%}.ls-dv-participant-card-text{padding:0 0.125rem 0.125rem 0.125rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-tertiary{border:1px solid var(--primary-60, #4456f6);background:transparent;color:var(--primary-70, #2134dc)}button.ls-dv-tertiary:hover{border:1px solid var(--primary-70, #2134dc);border:1px solid var(--primary-80, #0c34b8)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background:transparent;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0);background-color:var(--red-10, #fff1f0)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.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 LsRecipientCard = class {
     constructor(hostRef) {
@@ -49986,7 +50059,7 @@ const LsRecipientCard = class {
     render() {
         const recipientFields = this.template.elementConnection.templateElements.filter(f => f.signer === this.recipient.signerIndex) || [];
         const recipientSignatures = recipientFields.filter(f => f.elementType === 'signature' || f.elementType === 'auto sign');
-        return (index.h(index.Host, { key: '49ee5fb7b64ba5de4ea30a7b09ea6f5135679b1c' }, index.h("div", { key: '4c4fdbc09491b2b581e506bd3bb8c0cc37c344e8', ref: el => (this.cardRef = el), class: `participant-card top-card full-card ${this.activeRecipient === this.recipient.signerIndex ? 'expanded' : ''}`, style: {
+        return (index.h(index.Host, { key: '02b2174e7a3d7f4794aa9eaee7767cbf1f31e37f' }, index.h("div", { key: '8a6e0ba002bd681b77a6ebfa48cfec075aed957f', ref: el => (this.cardRef = el), class: `ls-dv-participant-card ls-dv-top-card ls-dv-full-card ${this.activeRecipient === this.recipient.signerIndex ? 'ls-dv-expanded' : ''}`, style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s10,
                 border: `1px ${this.recipient.roleType === 'WITNESS' ? 'dashed' : 'solid'} ${defaultRolePalette[this.recipient?.signerIndex % 100].s60}`,
                 outline: `${this.recipient.signerIndex === this.activeRecipient ? '4px solid ' + defaultRolePalette[this.recipient?.signerIndex % 100].s40 : 'none'}`,
@@ -49998,14 +50071,14 @@ const LsRecipientCard = class {
                 this.setIsHovered(true);
             }, onMouseLeave: () => {
                 this.setIsHovered(false);
-            } }, index.h("div", { key: '637e19c8150a65ea40054d850f32848040ef6d0b', class: 'participant-card-inner' }, index.h("div", { key: '2116f35230b6e91cc4aabc40c627cd2e46351d08', class: 'participant-card-top-items' }, index.h("div", { key: 'fed79416de21e0ee2573b8d1a139d1cb43de53ee', class: 'role-label', style: {
+            } }, index.h("div", { key: '69502090de8e80be97530dc956b924ec147bcccf', class: 'ls-dv-participant-card-inner' }, index.h("div", { key: '24cf3bae562f4549285d503ee1a90edcdf832721', class: 'ls-dv-participant-card-top-items' }, index.h("div", { key: '1f2dcfa686e97387c6a6c79219c8ae3c50c7dc50', class: 'ls-dv-role-label', style: {
                 background: defaultRolePalette[this.recipient?.signerIndex % 100].s20,
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s90,
-            } }, index.h("ls-icon", { key: 'f48f030208c9d6f3ea0a837e0e71a0ea83010960', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), (this.recipient?.roleType || 'SIGNER').toLowerCase()), index.h("ls-icon", { key: '8f65724e6b63e66e4317ae8dcaf0b3fb1b360541', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), index.h("div", { key: 'b68ead5c9def46c5f82c3ae73bc308d7aecf2f17', class: "dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), index.h("div", { key: 'e2e3a9fe4b11372c7c2a2c771fc8e24e9ac080de', class: 'participant-card-text' }, index.h("p", { key: '9eb506ff759196002ec3e5731ece1ddaf67391f7', class: "participant-text-description", style: {
+            } }, index.h("ls-icon", { key: 'd746652d62e08e2dd6ec469dc15cb02d6986b49a', name: this.recipient?.roleType === 'APPROVER' ? 'check-circle' : this.recipient?.roleType === 'WITNESS' ? 'eye' : 'signature', size: '1rem' }), (this.recipient?.roleType || 'SIGNER').toLowerCase()), index.h("ls-icon", { key: '05630f4a7bd8666d2f7087c997d27026ddf2a174', name: "cursor-click", size: "1rem", customStyle: { color: defaultRolePalette[this.recipient?.signerIndex % 100].s70 }, solid: true, style: { display: this.isHovered && this.recipient.signerIndex !== this.activeRecipient ? 'block' : 'none' } }), index.h("div", { key: '4719117317d3a84960eb84d11d42d482ac9f88c8', class: "ls-dv-dot", style: { display: (!this.isHovered || this.recipient.signerIndex === this.activeRecipient) && this.validationErrors.filter(v => v?.signerIndex === this.recipient.signerIndex).length > 0 ? 'block' : 'none' } })), index.h("div", { key: '6574d5a23ac495a3f24d70009be3a850932f8ddb', class: 'ls-dv-participant-card-text' }, index.h("p", { key: '8e1f1a6311eee93aa31378b1cf9abe5f2caeb98b', class: "ls-dv-participant-text-description", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s100,
-            } }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), index.h("p", { key: '9e0d18c70ab9d341260cac75ad3eee716c413248', class: "participant-text-type", style: {
+            } }, this.recipient?.previousRecipientDecides ? 'To Be Decided' : this.recipient?.firstName + ' ' + this.recipient?.lastName), index.h("p", { key: '14e4f3164663374c7f4f3848a06c3fbc64548021', class: "ls-dv-participant-text-type", style: {
                 color: defaultRolePalette[this.recipient?.signerIndex % 100].s80,
-            } }, this.recipient?.previousRecipientDecides ? 'Previous Recipient Decides Details' : this.recipient.email)), index.h("div", { key: '0bf822bea13c76e7f3b1f84eb6fb86b286b5b724', class: "fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (index.h("ls-toolbox-field", { key: 'bd63f2d0682b29d5402d889e6202fce7e4f6a677', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { key: 'cfebc5dfbd696832e1ef3b0393a1753bf45c9f45', elementType: "admin", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (index.h("ls-toolbox-field", { key: 'fd992486e9a22f444a8248998e798b72ad0472c9', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { key: '0f40b0cb9b81738ff2e7c15499aef4a315c1f726', elementType: "text", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 32, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (index.h("ls-toolbox-field", { key: '15681ba68f2796492185448640576808c6ae7fc6', elementType: "text", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 4, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (index.h("ls-toolbox-field", { key: 'dcae3265b4f1328802200094eb04aadd4534ea25', elementType: "text", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (index.h("ls-toolbox-field", { key: 'ba48dc558ae8f3299d23f748c69239d3c15e75b6', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (index.h("ls-toolbox-field", { key: '9b0a43ef3d9d8582d9b9fab71db7998e0e167679', elementType: "text", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { key: '4a9841ffde3bdf490e30eb2e74f6976e71813b71', elementType: "text", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { key: '2470a6fabe3aefea080aff03ca67d1dfa8f0f334', elementType: "text", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { key: '814c373a0ffe26644ecf3acbfbed9ff6e77fc7ca', elementType: "text", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { key: '0097af2ae180630839e039cd0fb7ee3276303333', elementType: "text", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { key: '49fad555a7954d8428760613879276562920a5af', elementType: "text", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { key: 'd4a6a7f65e9b8b2d0e1ccad628fc5470615823e0', elementType: "text", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), index.h("slot", { key: '31751fb60fadccd6a7f350d4160dd4d241cd11ec' }), index.h("ls-tooltip", { key: '5a16e8c082926070059103027808e4e1e827a58c', id: "ls-tooltip-master" })));
+            } }, this.recipient?.previousRecipientDecides ? 'Previous Recipient Decides Details' : this.recipient.email)), index.h("div", { key: 'bb163b75bce6523cbb136a571626e9105ca6c512', class: "ls-dv-fields-box", style: { display: this.recipient.signerIndex === this.activeRecipient ? 'flex' : 'hidden' } }, this.recipient.signerIndex > 0 && this.showTool('signature') && this.recipient?.roleType !== 'APPROVER' && (index.h("ls-toolbox-field", { key: 'af353fe84822a37f3957f4888394df6dc828a5ba', elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.recipient.signerIndex, redDot: recipientSignatures.length === 0 })), this.recipient.signerIndex === 0 && this.showTool('auto sign') && (index.h("ls-toolbox-field", { key: '56fa8c6df9cc00bc126e479b439996fdaa167103', elementType: "admin", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 27, defaultWidth: 120, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.recipient.signerIndex })), this.showTool('text') && (index.h("ls-toolbox-field", { key: '34659d7a4162eb9178bee85990d7ccd3db2f5019', elementType: "text", formElementType: "text", label: "Text", defaultHeight: 27, defaultWidth: 100, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('signing date') && (index.h("ls-toolbox-field", { key: '65f328b2211ebd0f66d6033e8b4eccff2c1106f3', elementType: "text", formElementType: "signing date", label: "Signing Date", defaultHeight: 27, defaultWidth: 120, validation: 32, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.recipient.signerIndex })), this.showTool('date') && (index.h("ls-toolbox-field", { key: 'b32cf7fb46ae6969859d93445c5e7ac1a654edf2', elementType: "text", formElementType: "date", label: "Date", defaultHeight: 27, defaultWidth: 80, validation: 4, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.recipient.signerIndex })), this.showTool('email') && (index.h("ls-toolbox-field", { key: '448e17d8ba86907dcc2b2814b6eccc6624850557', elementType: "text", formElementType: "email", label: "Email", defaultHeight: 27, defaultWidth: 120, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.recipient.signerIndex })), this.showTool('initials') && (index.h("ls-toolbox-field", { key: 'c99d55c7e117e08c100314cfec3890265d4aefe1', elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 27, defaultWidth: 120, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.recipient.signerIndex })), this.showTool('number') && (index.h("ls-toolbox-field", { key: '7355f764b9552ce62f8ba6106bf4a942f92fca7a', elementType: "text", formElementType: "number", label: "Number", defaultHeight: 27, defaultWidth: 80, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.recipient.signerIndex })), this.showTool('dropdown') && (index.h("ls-toolbox-field", { key: '94454cd9f9117f0b6adea6b1ea1b5c9a6f18c31e', elementType: "text", formElementType: "dropdown", label: "Dropdown", defaultHeight: 27, defaultWidth: 80, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.recipient.signerIndex })), this.showTool('checkbox') && (index.h("ls-toolbox-field", { key: '38a70dfd065c0b2cb833b6f71624a0c2a8f918e9', elementType: "text", formElementType: "checkbox", label: "Checkbox", defaultHeight: 27, defaultWidth: 27, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('regex') && (index.h("ls-toolbox-field", { key: 'f8ed5a446817d14af5d96cfea1192f7eb9d981ab', elementType: "text", formElementType: "regex", label: "Regex", defaultHeight: 27, defaultWidth: 120, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('image') && (index.h("ls-toolbox-field", { key: '94a3b0c0f139c3c6c0ae803d1969b27e87f38fc7', elementType: "text", formElementType: "image", label: "Image", defaultHeight: 27, defaultWidth: 120, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('file') && (index.h("ls-toolbox-field", { key: 'f0f8a1b94f8965148a15a70f50305c4fc5a52908', elementType: "text", formElementType: "file", label: "File", defaultHeight: 27, defaultWidth: 120, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.recipient.signerIndex })), this.recipient.signerIndex > 0 && this.showTool('drawn') && (index.h("ls-toolbox-field", { key: '6b6d81999dbfd2991b7489774a9e72e9873263b7', elementType: "text", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.recipient.signerIndex }))))), index.h("slot", { key: '6c8d559a00bbe9c7353db17eb6912f03559d3a46' }), index.h("ls-tooltip", { key: '778deac60ab21d43770f161cc4d33e98c8c08fc1', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "activeRecipient": ["handleExpandCollapse"]
@@ -50013,19 +50086,21 @@ const LsRecipientCard = class {
 };
 LsRecipientCard.style = lsRecipientCardCss();
-const lsRecipientManagerCss = () => `:host{display:block}*{margin:0}.ls-editor-infobox{padding:0.25rem}.toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-bottom:0.375rem}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;margin-bottom:0.375rem}`;
+const lsRecipientManagerCss = () => `:host{display:block}*{margin:0}.ls-dv-editor-infobox{padding:0.25rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;margin-bottom:0.375rem}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;margin-bottom:0.375rem}`;
 const LsRecipientManager = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '12612729e92c2d0c1f484967e8cb87911f8dcc2c' }, index.h("div", { key: '7e5b6818f4db243d052c4f248ba99134d97d2cb3', class: 'ls-editor-infobox' }, index.h("h2", { key: '0441a63ffef3a8fcb1bab8626a545d41262c46ec', class: "toolbox-section-title" }, "Recipients & Fields"), index.h("p", { key: '67ad32ef50f45cd40282097f2bd36a8933cabe51', class: "toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), index.h("slot", { key: 'e64b90c79039c88bd36a6cf96593eadaf7ff89aa' })));
+        return (index.h(index.Host, { key: '87852f96ec09c11d5f0b4a6539631132f537fa44' }, index.h("div", { key: 'c2fc11af60bede006b6c96e7a8edec6289e38ecf', class: 'ls-dv-editor-infobox' }, index.h("h2", { key: '17e78ab8cc8c4dc4e5ee054a2948ee0627f8234a', class: "ls-dv-toolbox-section-title" }, "Recipients & Fields"), index.h("p", { key: '07c5758d0be50153b6c0c975fc0d333f5570b2f4', class: "ls-dv-toolbox-section-description" }, "Select Recipient to Expand and Drag to place Signature fields where you\u2019d like them to Sign.")), index.h("slot", { key: '58c7dc85bafe1d70c62e228e6655ee2af625f58b' })));
     }
 };
 LsRecipientManager.style = lsRecipientManagerCss();
-const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem}*{margin:0;padding:0;box-sizing:border-box}.status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type="range"]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #EDEFF2);border-radius:0.25rem;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border:none;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}input[type="range"]::-webkit-slider-runnable-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6c6e73);text-transform:capitalize}button.tertiaryGrey:hover{background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const version = "0.9.11";
+const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.ls-dv-controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem}*{margin:0;padding:0;box-sizing:border-box}.ls-dv-status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.ls-dv-controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type="range"]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #EDEFF2);border-radius:0.25rem;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border:none;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}input[type="range"]::-webkit-slider-runnable-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.ls-dv-has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6c6e73);text-transform:capitalize}button.ls-dv-tertiary-grey:hover{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, #6c6e73)}.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)}.ls-dv-thumbnail-popover{position:absolute;bottom:3rem;right:0;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1.75rem;box-shadow:0px 8px 24px rgba(0, 0, 0, 0.15);padding:0.75rem;z-index:1001;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.ls-dv-thumbnail-grid{background:var(--gray-10, #f7f8fa);padding:0.75rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1rem;overflow-y:auto;max-height:100%}.ls-dv-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:0.25rem;cursor:pointer}.ls-dv-thumbnail-wrapper>span:last-child{font-size:var(--text-xs, 0.75rem);color:var(--gray-80, #6c6e73);font-weight:500}.ls-dv-thumbnail{border:1px solid var(--gray-30, #e0e2e5);border-radius:0.5rem;cursor:pointer;transition:border-color 0.15s}.ls-dv-thumbnail:hover{border-color:var(--primary-40, #a3b4f9);box-shadow:0 0 0 2px rgba(163, 180, 249, 0.3)}.ls-dv-thumbnail.active{border-color:var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-30, #cce0ff);box-shadow:var(--shadow-md)}.ls-dv-thumbnail-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:0.25rem}.ls-dv-thumbnail-dot{width:0.5rem;height:0.5rem;border-radius:50%;display:inline-block;border:2px solid var(--dot-color-60);background-color:var(--dot-color-40)}.ls-dv-version{position:absolute;bottom:100%;right:0;color:var(--gray-50, #afb0b2);font-size:0.625rem;padding-bottom:0.25rem}`;
 const LsStatusbar = class {
     constructor(hostRef) {
@@ -50039,6 +50114,7 @@ const LsStatusbar = class {
     zoom;
     page;
     pageCount;
+    showThumbnails = false;
     /**
      * The parent editor control.
      * {LsDocumentViewer}
@@ -50061,21 +50137,100 @@ const LsStatusbar = class {
         const scale = space / this.editor.pageDimensions[0].height;
         this.setZoom(Math.round(scale * 1e2) / 1e2);
     }
+    goToPage(pageNum) {
+        const diff = pageNum - this.editor.pageNum;
+        if (diff > 0) {
+            for (let i = 0; i < diff; i++)
+                this.editor.pageNext();
+        }
+        else {
+            for (let i = 0; i < Math.abs(diff); i++)
+                this.editor.pagePrev();
+        }
+        this.page = pageNum;
+        this.renderThumbnails();
+    }
+    getPageFieldColors(pageNum) {
+        const template = this.editor._template;
+        if (!template?.elementConnection?.templateElements)
+            return [];
+        const signers = new Set();
+        template.elementConnection.templateElements.filter(el => el.page === pageNum).forEach(el => signers.add(el.signer));
+        return Array.from(signers).map(s => ({
+            s40: defaultRolePalette[s]?.s40 || defaultRolePalette[0].s40,
+            s60: defaultRolePalette[s]?.s60 || defaultRolePalette[0].s60,
+        }));
+    }
+    renderThumbnails() {
+        const pdfDoc = this.editor.pdfDocument;
+        if (!pdfDoc)
+            return;
+        const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');
+        if (!container)
+            return;
+        container.innerHTML = '';
+        for (let i = 1; i <= this.pageCount; i++) {
+            pdfDoc.getPage(i).then(page => {
+                const viewport = page.getViewport({ scale: 0.2 });
+                const canvas = document.createElement('canvas');
+                canvas.width = viewport.width;
+                canvas.height = viewport.height;
+                canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';
+                canvas.addEventListener('click', () => this.goToPage(i));
+                const ctx = canvas.getContext('2d');
+                page.render({ canvasContext: ctx, viewport });
+                const wrapper = document.createElement('div');
+                wrapper.className = 'ls-dv-thumbnail-wrapper';
+                wrapper.addEventListener('click', () => this.goToPage(i));
+                const dots = document.createElement('div');
+                dots.className = 'ls-dv-thumbnail-dots';
+                this.getPageFieldColors(i).forEach(color => {
+                    const dot = document.createElement('span');
+                    dot.className = 'ls-dv-thumbnail-dot';
+                    dot.style.setProperty('--dot-color-40', color.s40);
+                    dot.style.setProperty('--dot-color-60', color.s60);
+                    dots.appendChild(dot);
+                });
+                const label = document.createElement('span');
+                label.textContent = `${i}`;
+                wrapper.appendChild(canvas);
+                wrapper.appendChild(dots);
+                wrapper.appendChild(label);
+                container.appendChild(wrapper);
+            });
+        }
+    }
+    outsideClickHandler = (e) => {
+        const path = e.composedPath();
+        if (!path.includes(this.component)) {
+            this.showThumbnails = false;
+            document.removeEventListener('click', this.outsideClickHandler);
+        }
+    };
     componentDidLoad() {
         attachAllTooltips(this.component.shadowRoot);
         this.zoom = this.editor.zoom;
     }
     render() {
-        return (index.h(index.Host, { key: '7493f5c7b4db2abff502f8e8072b6cf27103771f' }, index.h("div", { key: 'f7e23deb0e694b048bfff88b7835897d5e4736ba', class: 'controls-bar' }, index.h("div", { key: '3b6673ce67d16db3477bc61bcf35ccf4d82b632d', class: 'status-bar-section' }, index.h("button", { key: '5d7dbac0428fcb1c535ec8ef3ec2dd9150bb855d', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, index.h("ls-icon", { key: '454e0ed372dc05e02230991cf68785818df3dbff', name: "zoom-out" })), index.h("span", { key: '7ede7d13f4676a855caab4f3a2393528e04878bf' }, Math.round(this.zoom * 100), "%"), index.h("button", { key: '47f3b10127c83f03d2dbad91d41ad4d4c7d38b97', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, index.h("ls-icon", { key: '510531830fc42a116a69a9d3ed12d8528b7f628c', name: "zoom-in" }))), index.h("div", { key: 'b2f36fe62f2d9c01e63ad73d92451b66111b42fb', class: 'status-bar-section' }, index.h("button", { key: 'ebd1be8f9f055d3c2b77f70584ba0655ce80a0cb', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, index.h("ls-icon", { key: '93fc22664fbd363017639e5c5916aa143893f923', name: "fit-width" })), index.h("button", { key: '45ca4c396ab8b51d98e6224c8323dd054840c3c4', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, index.h("ls-icon", { key: '49f0c06c6c65651adf4aebbe08c791b1d76e693c', name: "fit-height" }))), index.h("div", { key: '85d2c52f6dafdccb9ed02f4325e0c7ad0f67d3ce', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, index.h("button", { key: 'fa68157935ee601a8655f5be7978da1d5a6ee33c', onClick: () => {
+        return (index.h(index.Host, { key: '3ff35419759d1a9ad9b6bf47beadc27a1e9b4fd5' }, index.h("div", { key: '2b6237fb55ee0271c6dc45ab145b549916f5c1e2', class: 'ls-dv-controls-bar' }, index.h("div", { key: '14d5dfb54e4c7948f62590ba127ba8a20653d9b2', class: 'ls-dv-status-bar-section' }, index.h("button", { key: '710438d3dfefc413769920a0ad9ba25b0fc37d7d', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, index.h("ls-icon", { key: 'e4b80d265dbe129e8c33b3d8e48f45221e361bf1', name: "zoom-out" })), index.h("span", { key: '20c22dcfa83c3f4097e039badfb5789028915aa0' }, Math.round(this.zoom * 100), "%"), index.h("button", { key: '12e82d3e04d2c224b3c79e8ff940c6f02ff43467', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, index.h("ls-icon", { key: '545890cf75efd4827ab1f2734f386d2d9400f651', name: "zoom-in" }))), index.h("div", { key: '79ca298c203b235d4e2f1f719c24eb4d04b86764', class: 'ls-dv-status-bar-section' }, index.h("button", { key: '2769d71460be52c6df808e78b48477fa9010517b', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, index.h("ls-icon", { key: 'cc3f80c8692feeda8d525db3afc36b0226843396', name: "fit-width" })), index.h("button", { key: 'bf3e0706b372f8242f5966af8d5a5995efdb6d08', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, index.h("ls-icon", { key: '71324193afa8373f33ea134983bd001dde5ce91f', name: "fit-height" }))), index.h("div", { key: '90bd0b8b1c1aa776053260370b590d3b3b59cb31', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, index.h("button", { key: 'cc368a359f5ef3bddbe7c7c9286c27500e447f62', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, index.h("ls-icon", { key: '8a4fa4fad4e83f030527eb3dc19d2ac6d5952820', name: "chevron-left" })), index.h("p", { key: 'f0cc99dc7944c0d1fa35af0a523ef5706ebbc81c' }, this.page, " / ", this.pageCount), index.h("button", { key: 'c50a3e710d6af6ecf268ec6cb467a41ceae8936b', onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, index.h("ls-icon", { key: 'dadb763cad589399de95ea52fe8e308fb019a1d6', name: "chevron-left" })), index.h("p", { key: '277c590f1000b24b64e7b68816252fa1ec0fcb94' }, this.page, " / ", this.pageCount), index.h("button", { key: '1480355dc71c0ae0517eaf0df2ef05392d229aaf', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, index.h("ls-icon", { key: 'd5eb152c8ab6406bbad6e27824161f326e41d525', name: "chevron-right" })))), index.h("ls-helper-bar", { key: 'ebecb593ca3b26666a75457f97c797d8c9be436d' }), index.h("ls-tooltip", { key: '7913241a36bcf237f1b1f7643d46684905ca7a79', id: "ls-tooltip-master" }), index.h("slot", { key: 'c2aa28d38f6b485289ca56cf28b6d9f64dd9de21' })));
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, index.h("ls-icon", { key: '262d74f4727ffae82a01af5ef1404ad7c17a9657', name: "chevron-right" }))), index.h("div", { key: 'c21f3c769fcf4dde05ede6417bbe0af115966c6b', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, index.h("button", { key: '2595aa5bfdd5447e090a2e0a4cd67840bda4de18', onClick: () => {
+                this.showThumbnails = !this.showThumbnails;
+                if (this.showThumbnails) {
+                    setTimeout(() => this.renderThumbnails(), 0);
+                    setTimeout(() => document.addEventListener('click', this.outsideClickHandler), 0);
+                }
+                else {
+                    document.removeEventListener('click', this.outsideClickHandler);
+                }
+            }, id: "page-thumbnails-btn", "data-tooltip": "Page Thumbnails" }, index.h("ls-icon", { key: 'a54e4a27b0b938051599024041f3c179f8cc6c81', name: !this.showThumbnails ? 'side-panel-open-right' : 'side-panel-close-right' }))), this.showThumbnails && (index.h("div", { key: 'ab3c509ef3a7234fd97b8d567162af2144c5ee2f', class: "ls-dv-thumbnail-popover" }, index.h("div", { key: 'd49ff383bd14ae36f9221b4953bc1a23ba1c0873', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), index.h("ls-helper-bar", { key: '345919bec8c8257d5f2655884cb6bcb22f1b5bd7' }), index.h("span", { key: '604d413f18645b5ef6822dc2a06a9a2020f243ec', class: "ls-dv-version" }, "v", version), index.h("ls-tooltip", { key: '2b2154879610a79677bd7019eeca4e0f381659e3', id: "ls-tooltip-master" }), index.h("slot", { key: '9da34c92e9d9208b4388059460638e7f0d335ddb' })));
     }
 };
 LsStatusbar.style = lsStatusbarCss();
-const lsToggleCss = () => `:host{display:block}.switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20, #edeff2);-webkit-transition:0.4s;transition:0.4s}.indeterminate{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-60, #4456f6);-webkit-transition:0.4s;transition:0.4s}.slider:before{position:absolute;content:'';height:1.25rem;width:1.25rem;left:0.125rem;bottom:0.125rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}.indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.75rem;height:0.125rem;background-color:white}input:checked+.slider{background-color:var(--primary-60, #4456f6)}input:focus+.slider{box-shadow:0 0 1px var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-20, #e3e6ff)}input:checked+.slider:before{-webkit-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);transform:translateX(1.25rem)}.slider.round,.indeterminate.round{border-radius:2.125rem}.slider.round:before{border-radius:50%}`;
+const lsToggleCss = () => `:host{display:block}.ls-dv-switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.ls-dv-switch input{opacity:0;width:0;height:0}.ls-dv-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20, #edeff2);-webkit-transition:0.4s;transition:0.4s}.ls-dv-indeterminate{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-60, #4456f6);-webkit-transition:0.4s;transition:0.4s}.ls-dv-slider:before{position:absolute;content:'';height:1.25rem;width:1.25rem;left:0.125rem;bottom:0.125rem;background-color:white;-webkit-transition:0.4s;transition:0.4s}.ls-dv-indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.75rem;height:0.125rem;background-color:white}input:checked+.ls-dv-slider{background-color:var(--primary-60, #4456f6)}input:focus+.ls-dv-slider{box-shadow:0 0 1px var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-20, #e3e6ff)}input:checked+.ls-dv-slider:before{-webkit-transform:translateX(1.25rem);-ms-transform:translateX(1.25rem);transform:translateX(1.25rem)}.ls-dv-slider.ls-dv-round,.ls-dv-indeterminate.ls-dv-round{border-radius:2.125rem}.ls-dv-slider.ls-dv-round:before{border-radius:50%}`;
 const LsToggle = class {
     constructor(hostRef) {
@@ -50089,14 +50244,14 @@ const LsToggle = class {
         this.valueChange.emit(value);
     }
     render() {
-        return (index.h(index.Host, { key: '59465982f0e77ae82d812bd1d706e32dc45c7511' }, index.h("label", { key: 'd7b6167e19405f2847868eb143a09376459d19cf', class: "switch" }, index.h("input", { key: 'f6562b8c4444b8cc354755433fce56cf316fa5e8', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (index.h(index.Host, { key: 'c9908160dd47646856cbabede94d6c82e76c1cf9' }, index.h("label", { key: '641d41b015347fd97e64bf29742f746784fd5bed', class: "ls-dv-switch" }, index.h("input", { key: '28d30ef853ab5b7182a50610636b91af401d8b4e', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
-            } }), index.h("span", { key: '5c15d3d7131a0033631918e85b5df5e61cbc4170', class: `${this.indeterminate ? 'indeterminate' : 'slider'} round` })), index.h("slot", { key: '8fb5895f6f524258f43824b5c5c6645729db4ce2' })));
+            } }), index.h("span", { key: 'f13da4438a387b41bfb1481ac715aff4f737aa50', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), index.h("slot", { key: '2853d8d24ae919f1e7f7a59cd8dacee451342cbd' })));
     }
 };
 LsToggle.style = lsToggleCss();
-const lsToolbarCss = () => `.ls-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.invisible{display:none}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsToolbarCss = () => `.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #fff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-invisible{display:none}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsToolbar = class {
     constructor(hostRef) {
@@ -50145,13 +50300,21 @@ const LsToolbar = class {
             });
         });
     }
+    renderEditor() {
+        return (index.h("div", { class: "ls-dv-toolbar" }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: "rowbox" }, index.h("ls-field-format", { dataItem: this.dataItem }))) : (index.h("div", { class: "rowbox" }, index.h("ls-field-format", { dataItem: this.dataItem }), index.h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), index.h("ls-tooltip", { id: "ls-tooltip-master" }), index.h("slot", null)));
+    }
+    renderCompose() {
+        return (index.h("div", { class: this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : '' }, index.h("div", { class: "rowbox" }, index.h("ls-field-format", { dataItem: this.dataItem })), index.h("ls-tooltip", { id: "ls-tooltip-master" }), index.h("slot", null)));
+    }
     render() {
-        return (index.h("div", { key: '07ebe122c08e1827c79cced2946e678667653098', class: this.mode !== 'compose' || (this.mode === 'compose' && this.dataItem && this.dataItem.length > 0) ? 'ls-toolbar' : '' }, this.dataItem && this.dataItem.length > 1 ? (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }))) : (index.h("div", { class: 'rowbox' }, index.h("ls-field-format", { dataItem: this?.dataItem }), index.h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: (this.dataItem && this.dataItem.length === 1) || this.mode === 'compose' ? 'none' : 'block' } }))), index.h("ls-tooltip", { key: '73f16ce665edbe78362c77a0d1363452962b8f08', id: "ls-tooltip-master" }), index.h("slot", { key: '87a0fd162c5bd82b63fb3f3e120514395e798f0d' })));
+        return this.mode === 'editor' ? this.renderEditor()
+            : this.mode === 'compose' ? this.renderCompose()
+                : null;
     }
 };
 LsToolbar.style = lsToolbarCss();
-const lsToolboxFieldCss = () => `.ls-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.5rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsToolboxFieldCss = () => `.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #fca39a);background:var(--red-10, #fff1f0);color:var(--red-60, #f04438)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.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, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.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, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].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, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}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, #6c6e73)}.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 LsToolboxField = class {
     constructor(hostRef) {
@@ -50233,7 +50396,7 @@ const LsToolboxField = class {
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (index.h(index.Host, { key: '0dae5b6232bc71f0cb3e5ec0765514389545cfd4', draggable: "true" }, index.h("div", { key: '350cccdddf7d3c6efd51cfac814280943681e829', class: 'ls-toolbox-field', style: this.isSelected && {
+        return (index.h(index.Host, { key: '696fa2aab5081aa62cca2084b86df1afa1347c99', draggable: "true" }, index.h("div", { key: '6047eff43dbc7219ec557560c808b08883cc00de', class: 'ls-dv-toolbox-field', style: this.isSelected && {
                 background: defaultRolePalette[this.signer % 100].s10,
                 border: `1px solid ${defaultRolePalette[this.signer % 100].s60}`,
                 color: defaultRolePalette[this.signer % 100].s80,
@@ -50248,9 +50411,9 @@ const LsToolboxField = class {
                     defaultWidth: this.defaultWidth,
                     fixedAspect: this.fixedAspect,
                 });
-            } }, index.h("div", { key: '77e9137b7f2770de8009b12549842f6cfa4e84c5', class: "toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '2c69393936f80905ad2efbd232533a0921bab186', name: this.icon, size: "1.25rem" })), index.h("p", { key: 'eea324013441dbecf214d3a0e5e9c0c1314910ab', class: "toolbox-field-label", style: this.isSelected && {
+            } }, index.h("div", { key: 'beb21a238516e681331bc4e16560e926dcaca6d3', class: "ls-dv-toolbox-field-icon", style: { '--signer-color-light': defaultRolePalette[this.signer % 100].s10, '--signer-color': defaultRolePalette[this.signer % 100].s60 }, "data-tooltip": this.tooltip, "data-tooltip-placement": "right" }, index.h("ls-icon", { key: '4930d255aaec736ec125d8f6073c02a06eb1a85a', name: this.icon, size: "1.25rem" })), index.h("p", { key: '9973f6fbfec55c5fd6f389e1e90e2abf260ea5d8', class: "ls-dv-toolbox-field-label", style: this.isSelected && {
                 color: defaultRolePalette[this.signer % 100].s80,
-            } }, this.label), this.redDot && (index.h("div", { key: '235250f8eab62f0dba45ad0dda83a499093ef2f1', class: 'warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, index.h("ls-icon", { key: 'df24c80b6703dced2514cbe51af8da69529eaa69', name: "exclamation-circle", size: "1.125rem", solid: true }))), index.h("ls-icon", { key: '58e477c6a8d869327cc7b0a922aa9e742071dd92', name: "drag-vertical", size: "1rem", color: "#787a80" })), index.h("ls-tooltip", { key: 'cd005f9c953a2a2197d1324193ddd1c43e002b05', id: "ls-tooltip-master", tooltipText: "Something" })));
+            } }, this.label), this.redDot && (index.h("div", { key: '2d523dd5165187ddb9193af247c49922f8537c3a', class: 'ls-dv-warning-box', "data-tooltip": `${this.label} Field Required`, "data-tooltip-placement": "left" }, index.h("ls-icon", { key: '019d019e7cd3987e8f7bbd318ebaebede56cf260', name: "exclamation-circle", size: "1.125rem", solid: true }))), index.h("ls-icon", { key: '0ba6e747f19afb6146358c78df1130fe62a78c5e', name: "drag-vertical", size: "1rem", color: "#787a80" })), index.h("ls-tooltip", { key: '7f1cb8b1cb7fd287b6fec0c4b3317b8cd1c1a312', id: "ls-tooltip-master", tooltipText: "Something" })));
     }
 };
 LsToolboxField.style = lsToolboxFieldCss();
@@ -51690,7 +51853,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
-const lsTooltipCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.tooltip{position:absolute;border-radius:0.5rem;background:var(--gray-100, #45484d);color:var(--white, #fff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:0.5rem 0.75rem;max-width:200px;width:max-content;white-space:wrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.25rem}.tooltip.visible{opacity:1;visibility:block;scale:1;transition:opacity 0.3s 1s ease-out, scale 0.1s 0.5s ease-out}.tooltip.hidden{opacity:0;scale:0.85;transition:opacity 0.2s ease-in, scale 0.1s 0.5s ease-in}#arrow{position:absolute;background:var(--gray-100, #45484d);width:0.625rem;height:0.625rem;transform:rotate(45deg);border-radius:0.125rem}`;
+const lsTooltipCss = () => `:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.ls-dv-tooltip{position:absolute;border-radius:0.625rem;background:var(--gray-100, #45484d);color:var(--white, #fff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:0.5rem 0.75rem;max-width:200px;width:max-content;white-space:wrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.ls-dv-tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.25rem}.ls-dv-tooltip.ls-dv-visible{opacity:1;visibility:block;scale:1;transition:opacity 0.3s 1s ease-out, scale 0.1s 0.5s ease-out}.ls-dv-tooltip.ls-dv-hidden{opacity:0;scale:0.85;transition:opacity 0.2s ease-in, scale 0.1s 0.5s ease-in}#arrow{position:absolute;background:var(--gray-100, #45484d);width:0.625rem;height:0.625rem;transform:rotate(45deg);border-radius:0.125rem}`;
 const LsTooltip = class {
     constructor(hostRef) {
@@ -51735,18 +51898,18 @@ const LsTooltip = class {
             });
         })
             .then(() => {
-            innerTooltip.classList.remove('hidden');
-            innerTooltip.classList.add('visible');
+            innerTooltip.classList.remove('ls-dv-hidden');
+            innerTooltip.classList.add('ls-dv-visible');
             this.referenceElement = null;
         });
     }
     async hide() {
         const innerTooltip = this.el.shadowRoot.getElementById('ls-tooltip-inner');
-        innerTooltip.classList.remove('visible');
-        innerTooltip.classList.add('hidden');
+        innerTooltip.classList.remove('ls-dv-visible');
+        innerTooltip.classList.add('ls-dv-hidden');
     }
     render() {
-        return (index.h("div", { key: 'd4e9434b7b84416375cee189986f62e4598d5f7f', id: "ls-tooltip-inner", class: "tooltip hidden", role: "tooltip" }, index.h("div", { key: '4c60361f24498712ec8b964c92a9e86c43ed3369', id: "arrow" }), this.tooltipTitle && index.h("p", { key: 'ef0477d8f6a94bc4282e4a58f28ea80430dffe17', class: "tooltip-title" }, this.tooltipTitle), this.tooltipText, index.h("slot", { key: '1fc2971cad4f08107ec2c8ad9ba28d320a4a6aaa' })));
+        return (index.h("div", { key: 'acb87b074939f4ca59e164031f7dbf02aa52a4c2', id: "ls-tooltip-inner", class: "ls-dv-tooltip ls-dv-hidden", role: "tooltip" }, index.h("div", { key: '06d0a1767b6da0af77b95fd3f940d13899e5b868', id: "arrow" }), this.tooltipTitle && index.h("p", { key: '1567fac0dce5d1fc892a8f99f3cbe542e3af5578', class: "ls-dv-tooltip-title" }, this.tooltipTitle), this.tooltipText, index.h("slot", { key: '2c20523dc948d46cfdbb1c89846860e8bab735cd' })));
     }
     static get watchers() { return {
         "referenceElement": ["updateReferenceHandler"]
@@ -51754,7 +51917,7 @@ const LsTooltip = class {
 };
 LsTooltip.style = lsTooltipCss();
-const lsValidationManagerCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.invalid{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.75rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{height:0.5rem;width:0.5rem;border-radius:50%}.role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}`;
+const lsValidationManagerCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-invalid{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}`;
 const LsValidationManager = class {
     constructor(hostRef) {
@@ -51766,23 +51929,23 @@ const LsValidationManager = class {
      */
     validationErrors;
     render() {
-        return (index.h(index.Host, { key: '49827093e4f6fec8de62c8958cb4a6b292451db4' }, index.h("div", { key: '3b17161f5236220388247cf791f5f08384b811d7' }, index.h("div", { key: '2e3bb75420ac76bd29e0d367ee430e9e24a47fde' }, index.h("div", { key: '49d1ae1ee37e38cd8a254327ffceeb47d3cb8a7f', class: 'validation-section-title' }, "Action Required"), index.h("p", { key: '2e86fc391ee470451911b89760d547938f4e940b', class: "toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
+        return (index.h(index.Host, { key: 'c0e17bb289f70d1a106f31d0a250c19b5e39b467' }, index.h("div", { key: '7255e0d1895f534e086cc407e5a6f960b5754994' }, index.h("div", { key: 'a4176da0894e0f1de3215e8394102de3df328c40' }, index.h("div", { key: 'e4354334733ac2795bb3acdd33f12f548aac88f6', class: 'ls-dv-validation-section-title' }, "Action Required"), index.h("p", { key: '1943dfe6954d1bda8b4ac0be3c553742208caa1d', class: "ls-dv-toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
-            return (index.h("div", { key: idx, class: 'required-field', style: {
+            return (index.h("div", { key: idx, class: 'ls-dv-required-field', style: {
                     '--field-background': pallette.s10,
                     '--field-border-color': pallette.s10,
                     '--field-background-hover': pallette.s20,
                     '--field-text-color': pallette.s70,
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
-                } }, index.h("div", { class: 'required-field-items-left' }, index.h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        })), index.h("slot", { key: '1651057b64794a24a09bb13800fac90cadbccc72' })));
+                } }, index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
+        })), index.h("slot", { key: '342eeff16ca90f3f406bea886420cdb7888ff6c2' })));
     }
 };
 LsValidationManager.style = lsValidationManagerCss();
-const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.valid-label:hover{cursor:pointer;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.valid.compose{border:1px solid var(--green-50, #57e5b1)}.valid.compose:hover{box-shadow:none}.invalid.default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.invalid.compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.field-counter.compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.field-dropdown.compose{width:14rem;padding:0.75rem;gap:0.5rem}.field-dropdown.compose>*{width:100%}.required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.75rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{height:0.5rem;width:0.5rem;border-radius:50%}.role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.validation-tag-title{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s}.validation-tag-row:hover{background-color:var(--gray-10, #f9f9fa)}.validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.validation-tag-details{flex:1 1 0%;min-width:0}.validation-tag-name{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.validation-tag-email{font-family:'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
+const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-valid.ls-dv-compose{border:1px solid var(--green-50, #57e5b1)}.ls-dv-valid.ls-dv-compose:hover{box-shadow:none}.ls-dv-invalid.ls-dv-default{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-invalid.ls-dv-compose{border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-80, #c1140e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-dv-field-counter.ls-dv-compose{color:var(--red-10, #fff0f0);background:var(--red-60, #f64a44)}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-field-dropdown.ls-dv-compose{width:14rem;padding:0.75rem;gap:0.5rem}.ls-dv-field-dropdown.ls-dv-compose>*{width:100%}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f9f9fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
 const LsValidationTag = class {
     constructor(hostRef) {
@@ -51796,7 +51959,7 @@ const LsValidationTag = class {
     showDropDown = true;
     changeSigner;
     handleClickOutside = (event) => {
-        const dropdowns = this.el.shadowRoot.querySelectorAll('.field-dropdown');
+        const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');
         let clickedInside = false;
         dropdowns.forEach(dropdown => {
             if (dropdown.contains(event.target)) {
@@ -51816,24 +51979,24 @@ const LsValidationTag = class {
         document.removeEventListener('mousedown', this.handleClickOutside);
     }
     render() {
-        return (index.h(index.Host, { key: '4b667b1c50944d1e4c807c12d53753e9621e3ba7', ref: el => (this.el = el) }, index.h("div", { key: 'bb951f08894be19c24784f30fb6400422fc9b5b7', class: `valid-label ${this.validationErrors.length === 0 ? 'valid' : 'invalid'} ${this.type === 'compose' ? 'compose' : 'default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && index.h("div", { key: '865ff56ff94844f0fd5972bf55a120e35ac220a8', class: `field-counter ${this.type === 'compose' ? 'compose' : 'default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (index.h("ls-icon", { key: 'fc521785c0c3c969a51e70af725f42368f66df4a', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && index.h("ls-icon", { key: 'bce4afda6631f587af6cb85be9fead1319da2ca7', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && this.type === 'compose' && index.h("ls-icon", { key: 'f34b11bae2f9281182eb2f8200f435b361c2e1f5', name: "check", solid: true, size: "1rem", customStyle: { marginRight: '-0.125rem' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (index.h("div", { key: '5b37da9294a103a6aca6cf20a6eb24dc181c8b23', class: 'field-dropdown' }, index.h("div", { key: '2ec85c8b501ed9e71d0b0153da0a2627ada88cb3', class: 'dropdown-header' }, index.h("h2", { key: '673ff6da483971c05a3cb49b81864e06205d293a' }, "Fields Required"), index.h("p", { key: '546c5ce9418ef4a18a95f2e4a348eb8668fb6d70' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
+        return (index.h(index.Host, { key: '836946224c05e598466b87181bc87e5eb5722dc2', ref: el => (this.el = el) }, index.h("div", { key: '26322756f1118705aea84fe451b4495693195d17', class: `ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`, onClick: this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded)) }, this.validationErrors.length > 0 && index.h("div", { key: '60cfd1dd92b75395553344007b5e7b15f62e283b', class: `ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}` }, this.validationErrors.length), this.type === 'compose' ? (this.validationErrors.length === 0 ? 'Ready' : `Required`) : this.validationErrors.length === 0 ? 'Ready to Send' : `Requires Fields`, this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (index.h("ls-icon", { key: 'fd2277f6bc13b1acb9bd269a65773143f315ac6e', name: this.isExpanded ? 'chevron-up' : 'chevron-down', style: { cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' } })), this.validationErrors.length > 0 && this.type === 'compose' && index.h("ls-icon", { key: '6ce798c1982a7512f51f0ef7e306d737db5c496e', name: "cursor-click", solid: true, size: "1rem", customStyle: { color: 'var(--red-70, #DC2721);' } }), this.validationErrors.length === 0 && this.type === 'compose' && index.h("ls-icon", { key: '5fdb7428e2aea673dcbf532416b907620cdbf80c', name: "check", solid: true, size: "1rem", customStyle: { marginRight: '-0.125rem' } })), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (index.h("div", { key: '405a9de686486ab40e84508c54d7aaca846a98de', class: 'ls-dv-field-dropdown' }, index.h("div", { key: 'a3a84e9122cd9e1cacac985da2cf854c21aab1e5', class: 'ls-dv-dropdown-header' }, index.h("h2", { key: '288aaa2e9bdefe08dec5102ea30b84333e8f3876' }, "Fields Required"), index.h("p", { key: 'bf34b1097c44db0572c854ba6bd3f1e770f07564' }, this.validationErrors.length, " ", this.validationErrors.length === 1 ? 'Recipient needs a Signature Field' : 'Recipients need Signature Fields', " placed for them")), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
-            return (index.h("div", { key: idx, class: 'required-field', style: {
+            return (index.h("div", { key: idx, class: 'ls-dv-required-field', style: {
                     '--field-background': pallette.s10,
                     '--field-border-color': pallette.s10,
                     '--field-background-hover': pallette.s20,
                     '--field-text-color': pallette.s70,
                     '--field-text-color-hover': pallette.s80,
                     '--field-border-color-hover': pallette.s60,
-                } }, index.h("div", { class: 'required-field-items-left' }, index.h("div", { class: 'dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
-        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: 'ffff39ce2cad89ae3ddaaaffb2c3cd017e58b083', class: 'field-dropdown compose' }, index.h("div", { key: '9517dc8db553631f12d4f2b3cec5d0872c728828', class: "validation-tag-header" }, index.h("p", { key: '67ccc39a48808b560805528b797a0fbeffb2954f', class: "validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
+                } }, index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (index.h("div", { class: 'ls-dv-required-field-items-left' }, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (index.h(index.h.Fragment, null, index.h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), index.h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
+        }))), this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (index.h("div", { key: '7d25247841013c4dd1e3faf1649e722bb66e8557', class: 'ls-dv-field-dropdown ls-dv-compose' }, index.h("div", { key: 'eda451b86e89542662c3cc8581391e7aaf5ece30', class: "ls-dv-validation-tag-header" }, index.h("p", { key: 'd1253831277f1937c1452842d5af79f640ee210d', class: "ls-dv-validation-tag-title" }, "Recipients Missing Signature")), this.validationErrors.map((field, idx) => {
             const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
             const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
-            return (index.h("div", { class: "validation-tag-row", key: idx, onClick: () => {
+            return (index.h("div", { class: "ls-dv-validation-tag-row", key: idx, onClick: () => {
                     this.changeSigner.emit(field?.role?.signerIndex);
                     this.isExpanded = false;
-                } }, index.h("div", { class: "validation-tag-bar", style: { background: pallette.s60 } }), index.h("div", { class: "validation-tag-details" }, index.h("p", { class: "validation-tag-name" }, field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`), index.h("p", { class: "validation-tag-email" }, field?.role?.previousRecipientDecides ? `Details to be Decided` : field?.role?.email))));
+                } }, index.h("div", { class: "ls-dv-validation-tag-bar", style: { background: pallette.s60 } }), index.h("div", { class: "ls-dv-validation-tag-details" }, index.h("p", { class: "ls-dv-validation-tag-name" }, field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`), index.h("p", { class: "ls-dv-validation-tag-email" }, field?.role?.previousRecipientDecides ? `Details to be Decided` : field?.role?.email))));
         })))));
     }
 };
@@ -51871,6 +52034,7 @@ exports.ls_helper_bar = LsHelperBar;
 exports.ls_icon = LsIcon;
 exports.ls_input_wrapper = LsInputWrapper;
 exports.ls_keyboard_shortcuts = LsKeyboardShortcuts;
+exports.ls_left_bar = LsLeftBar;
 exports.ls_page_loader = LsPageLoader;
 exports.ls_participant_card = LsParticipantCard;
 exports.ls_participant_manager = LsParticipantManager;
@@ -51885,4 +52049,4 @@ exports.ls_toolbox_field = LsToolboxField;
 exports.ls_tooltip = LsTooltip;
 exports.ls_validation_manager = LsValidationManager;
 exports.ls_validation_tag = LsValidationTag;
-//# sourceMappingURL=ls-compose-loader.ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.cjs.js.map
+//# sourceMappingURL=ls-compose-loader.ls-document-options.ls-document-viewer.ls-editor-field.ls-editor-table.ls-feature-column.ls-field-alignment.ls-field-content.ls-field-dimensions.ls-field-distribute.ls-field-footer.ls-field-format.ls-field-placement.ls-field-properties.ls-field-properties-advanced.ls-field-properties-autosign.ls-field-properties-container.ls-field-properties-date.ls-field-properties-email.ls-field-properties-file.ls-field-properties-general.ls-field-properties-image.ls-field-properties-multiple.ls-field-properties-number.ls-field-properties-signature.ls-field-properties-text.ls-field-size.ls-field-type-display.ls-helper-bar.ls-icon.ls-input-wrapper.ls-keyboard-shortcuts.ls-left-bar.ls-page-loader.ls-participant-card.ls-participant-manager.ls-participant-select.ls-props-section.ls-recipient-card.ls-recipient-manager.ls-statusbar.ls-toggle.ls-toolbar.ls-toolbox-field.ls-tooltip.ls-validation-manager.ls-validation-tag.entry.cjs.js.map