legalesign-document-viewer 0.9.7 → 0.9.9

package/dist/cjs/ls-title-input.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-Czv4Oowx.js');
 
-const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-template-title{border-radius:0.625rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-edit-button{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)}.ls-dv-edit-button: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)}.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 LsTitleInput = class {
     constructor(hostRef) {
@@ -30,15 +30,15 @@ const LsTitleInput = class {
         }, delay);
     }
     render() {
-        return (index.h(index.Host, { key: '7b5aac6715fe92fc4ccff81f56b9993930713363' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (index.h(index.Host, { key: 'd360f526715e84dfb80b65940bc10b44a3af4a9d' }, this.editTitle ? (index.h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, index.h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {
                 if (e.key === 'Enter' || e.keyCode === 13)
                     this.editTitle = false;
-            } }), index.h("ls-icon", { name: "check", size: "1rem", class: 'editButton', onClick: () => {
+            } }), index.h("ls-icon", { name: "check", size: "1rem", class: 'ls-dv-edit-button', onClick: () => {
                 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)))));
     }

package/dist/collection/collection-manifest.json

@@ -40,6 +40,7 @@
     "components/ls-icon/ls-icon.js",
     "components/ls-input-wrapper/ls-input-wrapper.js",
     "components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js",
+    "components/ls-left-bar/ls-left-bar.js",
     "components/ls-page-loader/ls-page-loader.js",
     "components/ls-participant-card/ls-participant-card.js",
     "components/ls-participant-manager/ls-participant-manager.js",

package/dist/collection/components/interfaces/IToolboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"IToolboxField.js","sourceRoot":"","sources":["../../../src/components/interfaces/IToolboxField.ts"],"names":[],"mappings":"","sourcesContent":["export interface IToolboxField {\n    label: string\n    elementType: string\n    defaultHeight: number\n    defaultWidth: number\n    formElementType: string\n    validation: number\n}"]}
+{"version":3,"file":"IToolboxField.js","sourceRoot":"","sources":["../../../../src/components/interfaces/IToolboxField.ts"],"names":[],"mappings":"","sourcesContent":["export interface IToolboxField {\n    label: string\n    elementType: string\n    defaultHeight: number\n    defaultWidth: number\n    formElementType: string\n    validation: number\n}"]}

package/dist/collection/components/ls-compose-loader/ls-compose-loader.css

@@ -14,7 +14,7 @@
   padding: 0;
 }
 
-.compose-loader {
+.ls-dv-compose-loader {
   display: flex;
   flex-direction: column;
   background: var(--gray-10);
@@ -22,7 +22,7 @@
   height: 100vh;
 }
 
-.compose-loader__header {
+.ls-dv-compose-loader__header {
   border-bottom: 1px solid var(--gray-20);
   pointer-events: none;
   height: 2rem;
@@ -32,31 +32,31 @@
   justify-content: center;
 }
 
-.compose-loader__header-skeleton {
+.ls-dv-compose-loader__header-skeleton {
   width: 10rem;
   height: 0.75rem;
   background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   animation: pulse 1.5s infinite;
 }
 
-.compose-loader__header-bar {
+.ls-dv-compose-loader__header-bar {
   padding: 1rem;
   display: flex;
   align-items: center;
 }
 
-.compose-loader__header-title {
+.ls-dv-compose-loader__header-title {
   font-weight: bold;
   font-size: 1.1rem;
 }
 
-.compose-loader__header-docname {
+.ls-dv-compose-loader__header-docname {
   margin-left: 1rem;
   color: var(--gray-100);
 }
 
-.compose-loader__main {
+.ls-dv-compose-loader__main {
   display: flex;
   padding: 1rem;
   gap: 1.5rem;
@@ -64,13 +64,13 @@
   position: relative;
 }
 
-.compose-loader__sidebar {
+.ls-dv-compose-loader__sidebar {
   position: absolute;
   height: 100%;
   width: 19rem;
 }
 
-.compose-loader__card {
+.ls-dv-compose-loader__card {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -84,82 +84,82 @@
   overflow: hidden;
 }
 
-.compose-loader__skeleton,
-.compose-loader__icon-skeleton {
+.ls-dv-compose-loader__skeleton,
+.ls-dv-compose-loader__icon-skeleton {
   background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
   animation: pulse 1.5s infinite;
 }
 
-.skeleton-title {
+.ls-dv-skeleton-title {
   width: 12.5rem;
   min-height: 1.25rem;
 }
-.skeleton-line--blue,
-.skeleton-line--green,
-.skeleton-line--gray,
-.skeleton-line {
+.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;
 }
-.skeleton-short--blue,
-.skeleton-short--green,
-.skeleton-short--gray,
-.skeleton-short {
+.ls-dv-skeleton-short--blue,
+.ls-dv-skeleton-short--green,
+.ls-dv-skeleton-short--gray,
+.ls-dv-skeleton-short {
   width: 5rem;
   height: 0.75rem;
 }
-.skeleton-medium {
+.ls-dv-skeleton-medium {
   width: 4rem;
   height: 0.75rem;
 }
-.skeleton-icon {
+.ls-dv-skeleton-icon {
   width: 1rem;
   height: 1rem;
 }
-.skeleton-btn {
+.ls-dv-skeleton-btn {
   width: 7rem;
   height: 0.75rem;
   background: linear-gradient(90deg, var(white) 25%, transparent 100%);
 }
-.skeleton-btn-icon {
+.ls-dv-skeleton-btn-icon {
   width: 1rem;
   height: 1rem;
   background: linear-gradient(90deg, var(white) 25%, transparent 100%);
 }
 
-.skeleton-line--blue,
-.skeleton-short--blue {
+.ls-dv-skeleton-line--blue,
+.ls-dv-skeleton-short--blue {
   background: linear-gradient(90deg, var(--blue-50) 25%, transparent 100%);
 }
-.compose-loader__skeleton-box--blue {
+.ls-dv-compose-loader__skeleton-box--blue {
   background: linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);
 }
 
 
-.skeleton-line--green,
-.skeleton-short--green {
+.ls-dv-skeleton-line--green,
+.ls-dv-skeleton-short--green {
   background: linear-gradient(90deg, var(--green-50) 25%, transparent 100%);
 }
-.compose-loader__skeleton-box--green {
+.ls-dv-compose-loader__skeleton-box--green {
   background: linear-gradient(90deg, var(--green-30) 25%, transparent 100%);
 }
 
-.skeleton-line--gray,
-.skeleton-short--gray {
+.ls-dv-skeleton-line--gray,
+.ls-dv-skeleton-short--gray {
   background: linear-gradient(90deg, var(--gray-50) 25%, transparent 100%);
 }
-.compose-loader__skeleton-box--gray {
+.ls-dv-compose-loader__skeleton-box--gray {
   background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);
 }
 
-.compose-loader__skeleton-group {
+.ls-dv-compose-loader__skeleton-group {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
 
-.compose-loader__section {
+.ls-dv-compose-loader__section {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -171,19 +171,19 @@
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
 }
 
-.compose-loader__section--blue {
+.ls-dv-compose-loader__section--blue {
   border-color: var(--blue-30);
   background: var(--blue-10);
 }
 
-.compose-loader__section--green {
+.ls-dv-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 {
+.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;
@@ -191,17 +191,17 @@
   border-radius: 0.375rem;
 }
 
-.compose-loader__row {
+.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.75rem;
+  border-radius: 0.625rem;
   align-items: center;
 }
 
-.compose-loader__icon-skeleton--blue {
+.ls-dv-compose-loader__icon-skeleton--blue {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -209,17 +209,17 @@
   min-height: 2.375rem;
   background: var(--blue-10);
   border: 1px solid var(--blue-30);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
 }
 
-.compose-loader__icon--blue {
+.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.5rem;
+  border-radius: 0.625rem;
 }
 
-.compose-loader__icon-skeleton--green {
+.ls-dv-compose-loader__icon-skeleton--green {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -227,24 +227,24 @@
   min-height: 2.375rem;
   background: var(--green-10);
   border: 1px solid var(--green-30);
-  border-radius: 0.5rem;
+  border-radius: 0.625rem;
 }
 
-.compose-loader__icon--green {
+.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.5rem;
+  border-radius: 0.625rem;
 }
 
-.compose-loader__row-content {
+.ls-dv-compose-loader__row-content {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
 }
 
-.compose-loader__preview {
+.ls-dv-compose-loader__preview {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -252,7 +252,7 @@
   height: 100%;
 }
 
-.compose-loader__preview-box {
+.ls-dv-compose-loader__preview-box {
   background: var(--white, #fff);
   border: 1px solid var(--gray-30);
   aspect-ratio: 1/1.414;
@@ -262,7 +262,7 @@
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
 }
 
-.compose-loader__button {
+.ls-dv-compose-loader__button {
   position: absolute;
   top: 1rem;
   right: 1rem;
@@ -271,7 +271,7 @@
   background: var(--white, #fff);
 }
 
-.compose-loader__action-btn {
+.ls-dv-compose-loader__action-btn {
   border-radius: 1rem;
   padding: 1rem;
   display: flex;

package/dist/collection/components/ls-compose-loader/ls-compose-loader.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class LsComposeLoader {
     render() {
-        return (h(Host, { key: '521afcff03c604f5705f6a4b27f7087c48aaf0cd' }, h("div", { key: '977611efd7fe174762c6654c95751ac3a8b9d987', class: "compose-loader" }, h("div", { key: 'c605370c46b1ebbf2f44fe9f311f59a166545614', class: "compose-loader__header" }, h("div", { key: '0ffd91a347b294ed3632cc5953e0df3c848ee7eb', class: "compose-loader__header-skeleton" })), h("div", { key: '326c07eac0d24eebdd8609624581192b34d562cc', class: "compose-loader__main" }, h("div", { key: 'd54f6ad5c5c7efcc21647f052a4d2c3012a88922', class: "compose-loader__sidebar" }, h("div", { key: '6316cf0f7e490a318f7800d310dff8d9587f92f9', class: "compose-loader__card" }, h("div", { key: '9c97b7d34d8419c843d10203b4e351648d023fee', class: "compose-loader__skeleton skeleton-title" }), h("div", { key: 'af2957a999f5e3d8658842267368ba6da3e30e34', class: "compose-loader__skeleton-group" }, h("div", { key: '6acf3900b4c023d5e37dd9a71d1e018f615d74f7', class: "compose-loader__skeleton skeleton-line" }), h("div", { key: 'bb140427be02ba8bff9926d3442ee6df0195beba', class: "compose-loader__skeleton skeleton-short" })), h("div", { key: 'f46b465e2b16a088d4e6c5c3000f75fbfdb9b470', class: "compose-loader__section compose-loader__section--gray" }, h("div", { key: '761c47c1421539ed3e3f37e7214cbcc1d79a4bdb', class: "compose-loader__skeleton-box--gray" }), h("div", { key: 'e5620c11511584fffa4855216d930ddada358d17', class: "compose-loader__skeleton skeleton-line--gray" }), h("div", { key: '81c2d719f995ac85c2116c8685ac0015b85a6095', class: "compose-loader__skeleton skeleton-short--gray" })), h("div", { key: 'a1738fbdbe05df9ac32fc6386f41593089f89d54', class: "compose-loader__section compose-loader__section--blue" }, h("div", { key: '0d45ed8f94c328c0809eade762fb6dd9924e41f0', class: "compose-loader__skeleton-box--blue" }), h("div", { key: 'e084391fab97c86ec7487c54bb16977d965203fa', class: "compose-loader__skeleton skeleton-line--blue" }), h("div", { key: '08ad8ad9683958d8fdb98895ea876fbd90d8ffbe', class: "compose-loader__skeleton skeleton-short--blue" }), h("div", { key: 'c0f4cea3bab23b79042fe78d4f2f9f50171e26ef', class: "compose-loader__row" }, h("div", { key: '8cf9f9c186bcb59e4f3fb7e8bc846fbee9a74538', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: '1a271177d712660e850ad10d74d89daabc00726f', class: "compose-loader__icon--blue" })), h("div", { key: 'cb7bfdbda0d6b9cda485dfec0cd9a3bce3cac4ea', class: "compose-loader__row-content" }, h("div", { key: '0cc42a1f8368748c136a6814f03c1f7ef0b774fd', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '00695b7aef1e64f0772f46d99b0925c6bbcc37d7', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: 'd93f934b18c988666b5a2260dc9fb22ad5706214', class: "compose-loader__row" }, h("div", { key: '60c7cf17e691ff408d3d292d364ca56f98e84915', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: '0303348559cdef262566d4e97b154202ae2b04b6', class: "compose-loader__icon--blue" })), h("div", { key: '5cca786cc766bddc292343a80a9d8df2d72b9b4a', class: "compose-loader__row-content" }, h("div", { key: '6980a180df5f07423204bb54bb847eff2082e821', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '82f347350f7f4297dcb1c96f2aab0348657b297a', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: '32478d3aa42ca01b63611be036146eefa0f35f90', class: "compose-loader__row" }, h("div", { key: '331271ba1edf8fc30cdd79888a278f768483264f', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: 'cc3eab180929df917f06d97c022a26e3a183603c', class: "compose-loader__icon--blue" })), h("div", { key: 'ebcf98a08ba432e6004dbd1917f3fb3746f97008', class: "compose-loader__row-content" }, h("div", { key: '2e7334a54889f0be8473826ba739ef5d8ce5537c', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '5485547a36a6a960dd560db36b6082dd244ecbca', class: "compose-loader__skeleton skeleton-icon" })))), h("div", { key: '223722280d4addbb51d6af705066541e0a088e61', class: "compose-loader__section compose-loader__section--green" }, h("div", { key: '60dd95c95be6398d70a99ecf417b2a03306fa404', class: "compose-loader__skeleton-box--green" }), h("div", { key: 'bdfdfbbf4264f1f0a2fce23cf3a4040647b0b9ff', class: "compose-loader__skeleton skeleton-line--green" }), h("div", { key: '86e8e4da6f7f81893534d49a8576f686ca782a37', class: "compose-loader__skeleton skeleton-short--green" }), h("div", { key: 'c81327b9fceee1fa8f7e9583c7328ad4f97fa755', class: "compose-loader__row" }, h("div", { key: '179d1f19883862e74214ddbce0b2be31fd5fbe10', class: "compose-loader__icon-skeleton--green" }, h("div", { key: '01c487c6c1d8d79a77e6751524f09fb87a13cb33', class: "compose-loader__icon--green" })), h("div", { key: '52794189130c84191aad23622917dec6b099681a', class: "compose-loader__row-content" }, h("div", { key: '020cdfbf4d27b9081147a21d58afe2d4b1ff81a1', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '7e0b69bce13ceb5dcefb67456003fdd00ea42d1f', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: 'a98bfbaa96f29d35685c4d688254508d9bbcf92d', class: "compose-loader__row" }, h("div", { key: '6967bdf9e46d5449f67e028047d5179b5a20b624', class: "compose-loader__icon-skeleton--green" }, h("div", { key: 'd819f31e0875813f9163fd8f3ac5bd0bfc41ce35', class: "compose-loader__icon--green" })), h("div", { key: '6f53bc98eb6920be5d1d00a1b42f2fb4d59f267b', class: "compose-loader__row-content" }, h("div", { key: '5702225c81b762606de34014140554ac3c3497aa', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '51533dcf2c6d1e8ecd6e4560a53f85edeafe83c9', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: '43294a913c0bb86bacc43f7211c3b82e2503a51a', class: "compose-loader__row" }, h("div", { key: 'e7aa3b7e156ee2f58ca2da41e823fb9ea7c5b97f', class: "compose-loader__icon-skeleton--green" }, h("div", { key: 'd312991b72d73c9d186f37b4c5fb8f29f77877d1', class: "compose-loader__icon--green" })), h("div", { key: '4d796611467ed1d7aec90275ffbb65ab1da3b8b8', class: "compose-loader__row-content" }, h("div", { key: '05b8f024ab54b5ed1e227a36f6113edc8ce5a962', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: 'c5367647c76f3aeaa91b383ff8ddcede1fa3c05a', class: "compose-loader__skeleton skeleton-icon" })))))), h("div", { key: 'a65a698bf2ea725ac28b3111b1bd6b4ea0ab75a0', class: "compose-loader__preview" }, h("div", { key: '53ad82840586e800fa707581157c4c09ace2a000', class: "compose-loader__preview-box" })), h("div", { key: '784850ccdfeb0670dcce884283c7556feb5328b6', class: "compose-loader__button" }, h("button", { key: '98d1fd5f33ba9178024cf3a5066018e4ca50079b', class: "compose-loader__action-btn" }, h("div", { key: '73476a7a9f399bdd5f8b1570bc43b5d23182d56c', class: "compose-loader__skeleton skeleton-btn" }), h("div", { key: '6225b7b6906ab2ab9dcf183cfe828f8e410181ec', class: "compose-loader__skeleton skeleton-btn-icon" })))))));
+        return (h(Host, { key: '994a8341d270d3dd4a14b1c9cf17b64180879018' }, h("div", { key: 'c39e6439ade8afba16740f1d21e17735363aa6d8', class: "ls-dv-compose-loader" }, h("div", { key: 'eac29339aacd42e9b25d42cedaf98cf340ab988d', class: "ls-dv-compose-loader__header" }, h("div", { key: 'e2efdfac9e59e0d279c80f8a5db8bdbfb32af821', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: '36aac9aba4ba2cc748abe6886590e8f898f74433', class: "ls-dv-compose-loader__main" }, h("div", { key: 'a0e0d520f4d15070c772fbe53d499841fcb97c78', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: '3c6e4ac279329e25a34041bdf6d16ef047a20a01', class: "ls-dv-compose-loader__card" }, h("div", { key: '564cfe08246ecc0c2abb93a1d59c33aa593d64b9', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: '7c7de90f68b6c6e4d423539fc5b6cc99b6fb2642', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '479cac856b45709ac5cd00ad533b9ee3f057aeba', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: '19d1d40b6072f129421830ab338ce61e9a21240f', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: '68aa162def1e456544955ffe7c853d9753fde1a6', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: '9d467d0d55e7619bc7a7dbbe5b86391d6d030380', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: '9419624886dd61fad1af24fc9ccf747e5956a764', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: '039393723ede2aa15cf2335ca8af997a739d1318', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '552ce909e8e0b62fa513fe310226e309b58dc0aa', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'bb6ae3ec8e6bc5e4dd322d0d1be3cc45e9ba192b', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: 'fae4ed0dcc8def1e6e43b1e90c7052155d41a22c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '092b0e5aa0cc60c22a62d25ab3d0d5e7a0e7b41a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '9d7c1c2117c6209fa7276df3a07d7f95985c0c85', class: "ls-dv-compose-loader__row" }, h("div", { key: '1d0bf8aa631e1fb2c58cb44fb2b843551ee164d0', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'fe335c8885146a9dcf6546a052d6d9d76c3d15ae', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'f2166953db52ca622807724f3c598efc2e2167b6', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '020c373c509b555f87bbb08cf1781d9c242d91d4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3fcc420487a39cb955dfa4e3d9e0e1d4a55dc27a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'cd51686fe9066d59d71d009630ad532ffccc195c', class: "ls-dv-compose-loader__row" }, h("div", { key: '3945fa2ffcf1d3f2f2b80930222507523ea1e380', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '1ffff7724fec0af5f2af8054a31539ff2671659e', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '8f2a49dc139ca146da132af6cc78e2a3e9390193', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '4a83ee41c82ca0d739a3d5f65a2d878f11f111e2', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '61d6ccb44d6b271d7a182f435e2a72787c0c56c8', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'e6bce192459444c00815ee5dc2bc3199288a561b', class: "ls-dv-compose-loader__row" }, h("div", { key: 'a094ce426137e6dceedf934c4a253ad11a5426e5', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'ebc55f1468ad3b315fc13fe4c41eb52b4b082866', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '756b9c0a9aca5a5afa30c748dbf3d3dc94237c32', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '924bf01487e1e6946eaa4f06437d72ef60c6e1de', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '827f8f928e9b7a86d09b33725ac47ae34f861365', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '7aea384bbc917c780f3a771dfc5b343311c52bf3', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: '17167dba1620fdebeef70c107f3b41b9db22e073', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '25b352b4e7e4701c06182f270652f35f88c50fec', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '7e911d2a0879fc51d81011e12bf6cf31e350fe0d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: 'f02c77e5d728b0898c35a948b8abbaeeca959dda', class: "ls-dv-compose-loader__row" }, h("div", { key: 'fac68e602687b141e5dd43bde7d18397b05c79d5', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '96dd519e2f91d298f3a85c771239078e8a53aad0', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '0d45bd2a388768798552c51ffc0f3484167faaa2', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '57a540e07e7d264645267fa6c6d056ef7b9b1137', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '9e96fa44a66a9764ed000d2cd6d6b2b7e2d33160', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '22c159bf12873e8abaab9b936d07fe9d2649da50', class: "ls-dv-compose-loader__row" }, h("div", { key: '212d06c6f3e54ddb68b1f3007029d1740d3c6c66', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'a0d06ccd10a9cc5bf96bd0103c97793044009872', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '2e9a217e84ee7cba457f17dde35eb0fd6a45524f', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'f8e2f2de46d252e99dc0a509b2360ffc82958e2c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'c0af6b700589be8d2351ab45d49bfe413e5aac5c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '69c673dc22294855e9e32f0d38b15e493d1cd8f3', class: "ls-dv-compose-loader__row" }, h("div", { key: '2540351c3c296613a4ca59cf74c46290fcbce76b', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'd8a5a9f0a3421d454f6aa242bea958d21d85ef99', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: 'de2dc1fba3224324f2f9a2bf8a6e56a0ae51eb41', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'a3affb0ed40f391f5ebf62f1710497744a643932', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3ccdf7055f07962366da7a11ec0cc11d5e5c5f27', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: '305552d05345d28e61e3541419ea4b9203e97059', class: "ls-dv-compose-loader__preview" }, h("div", { key: 'df83584329ddf8f196aca3c0df0c726f975c2da6', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '2271d76833122c4c0c10c8eb605687973c65ebde', class: "ls-dv-compose-loader__button" }, h("button", { key: '6130b87727bd2f428f1741f2f9fee42d510b93b4', class: "ls-dv-compose-loader__action-btn" }, h("div", { key: 'b73325a864b4808eb08539cc0996eecd438ed7f4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: 'cf9953296bc9862aeabaa98675902b64d14d7c6e', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon" })))))));
     }
     static get is() { return "ls-compose-loader"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-compose-loader/ls-compose-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-compose-loader.js","sourceRoot":"","sources":["../../../src/components/ls-compose-loader/ls-compose-loader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-compose-loader',\n  styleUrl: 'ls-compose-loader.css',\n  shadow: true,\n})\nexport class LsComposeLoader {\n  render() {\n    return (\n      <Host>\n        <div class=\"compose-loader\">\n          <div class=\"compose-loader__header\">\n            <div class=\"compose-loader__header-skeleton\"></div>\n          </div>\n\n          <div class=\"compose-loader__main\">\n            <div class=\"compose-loader__sidebar\">\n              <div class=\"compose-loader__card\">\n                <div class=\"compose-loader__skeleton skeleton-title\"></div>\n                <div class=\"compose-loader__skeleton-group\">\n                  <div class=\"compose-loader__skeleton skeleton-line\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short\"></div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--gray\">\n                  <div class=\"compose-loader__skeleton-box--gray\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--gray\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--gray\"></div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--blue\">\n                  <div class=\"compose-loader__skeleton-box--blue\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--blue\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--blue\"></div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--green\">\n                  <div class=\"compose-loader__skeleton-box--green\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--green\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--green\"></div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"compose-loader__preview\">\n              <div class=\"compose-loader__preview-box\"></div>\n            </div>\n            <div class=\"compose-loader__button\">\n              <button class=\"compose-loader__action-btn\">\n                <div class=\"compose-loader__skeleton skeleton-btn\"></div>\n                <div class=\"compose-loader__skeleton skeleton-btn-icon\"></div>\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-compose-loader.js","sourceRoot":"","sources":["../../../../src/components/ls-compose-loader/ls-compose-loader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-compose-loader',\n  styleUrl: 'ls-compose-loader.css',\n  shadow: true,\n})\nexport class LsComposeLoader {\n  render() {\n    return (\n      <Host>\n        <div class=\"ls-dv-compose-loader\">\n          <div class=\"ls-dv-compose-loader__header\">\n            <div class=\"ls-dv-compose-loader__header-skeleton\"></div>\n          </div>\n\n          <div class=\"ls-dv-compose-loader__main\">\n            <div class=\"ls-dv-compose-loader__sidebar\">\n              <div class=\"ls-dv-compose-loader__card\">\n                <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-title\"></div>\n                <div class=\"ls-dv-compose-loader__skeleton-group\">\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-line\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-short\"></div>\n                </div>\n                <div class=\"ls-dv-compose-loader__section ls-dv-compose-loader__section--gray\">\n                  <div class=\"ls-dv-compose-loader__skeleton-box--gray\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray\"></div>\n                </div>\n                <div class=\"ls-dv-compose-loader__section ls-dv-compose-loader__section--blue\">\n                  <div class=\"ls-dv-compose-loader__skeleton-box--blue\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue\"></div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--blue\">\n                      <div class=\"ls-dv-compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--blue\">\n                      <div class=\"ls-dv-compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--blue\">\n                      <div class=\"ls-dv-compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"ls-dv-compose-loader__section ls-dv-compose-loader__section--green\">\n                  <div class=\"ls-dv-compose-loader__skeleton-box--green\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green\"></div>\n                  <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green\"></div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--green\">\n                      <div class=\"ls-dv-compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--green\">\n                      <div class=\"ls-dv-compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"ls-dv-compose-loader__row\">\n                    <div class=\"ls-dv-compose-loader__icon-skeleton--green\">\n                      <div class=\"ls-dv-compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"ls-dv-compose-loader__row-content\">\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-medium\"></div>\n                      <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"ls-dv-compose-loader__preview\">\n              <div class=\"ls-dv-compose-loader__preview-box\"></div>\n            </div>\n            <div class=\"ls-dv-compose-loader__button\">\n              <button class=\"ls-dv-compose-loader__action-btn\">\n                <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn\"></div>\n                <div class=\"ls-dv-compose-loader__skeleton ls-dv-skeleton-btn-icon\"></div>\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-compose-manager/ls-compose-manager.js

@@ -6,10 +6,10 @@ export class LsComposeManager {
      */
     template;
     render() {
-        return (h(Host, { key: '2add046d0ae305dae38789a469fe3b88da2c0aac' }, h("div", { key: '1fd4f401d012961abc696134a81c9ae6bc6ac0be', class: "ls-editor-infobox" }, h("h2", { key: 'c5947f87846f9a940f18840e22abe9931b209d49', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '9f81e4722da84fd7a415a0b372b6d701ca109595', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: '290923019d8e615ddd6813546116778d5df6e7dc', class: "participant-list" }, this.template &&
+        return (h(Host, { key: 'd8a9308fe2cb628e9a46641fdcf06556669fa8b7' }, h("div", { key: 'c803ac9878dedfbae3fcc58f5f4a15ea84b0bf9e', class: "ls-dv-editor-infobox" }, h("h2", { key: 'a6c65714b20a6fff6776daba757e71afff3f751c', class: "ls-dv-toolbox-section-title" }, "Recipient Fields"), h("p", { key: '394e005169e48a778d1438ba8810ef2c7a211ff9', class: "ls-dv-toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: '7b45cdc449975f6dfe1aeaaa6469adeb26b47300', class: "ls-dv-participant-list" }, this.template &&
             this.template?.roles.map(() => {
                 return (h("div", null));
-            })), h("slot", { key: '403e3db429ab4cce633e60ae28124ee8983f9f15' })));
+            })), h("slot", { key: '93bf8f97205f8dfaef2b0fc285510bf46e1f1ea7' })));
     }
     static get is() { return "ls-compose-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-compose-manager/ls-compose-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ls-compose-manager.js","sourceRoot":"","sources":["../../../src/components/ls-compose-manager/ls-compose-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,gBAAgB;IAE3B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC9B,2DAAI,KAAK,EAAC,uBAAuB,uBAAsB;gBACvD,0DAAG,KAAK,EAAC,6BAA6B,wEAAsE,CACxG;YACN,4DAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,QAAQ;gBACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;oBAC5B,OAAO,CACL,cAAS,CACV,CAAC;gBACJ,CAAC,CAAC,CACA;YACN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n\n@Component({\n  tag: 'ls-compose-manager',\n  styleUrl: 'ls-compose-manager.css',\n  shadow: true,\n})\nexport class LsComposeManager {\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  render() {\n    return (\n      <Host>\n          <div class=\"ls-editor-infobox\">\n          <h2 class=\"toolbox-section-title\">Recipient Fields</h2>\n          <p class=\"toolbox-section-description\">Select and Click to place Signature fields where on the Document.</p>\n        </div>\n        <div class=\"participant-list\">\n          {this.template &&\n            this.template?.roles.map(() => {\n              return (\n                <div   />\n              );\n            })}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ls-compose-manager.js","sourceRoot":"","sources":["../../../../src/components/ls-compose-manager/ls-compose-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD,MAAM,OAAO,gBAAgB;IAE3B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,sBAAsB;gBACjC,2DAAI,KAAK,EAAC,6BAA6B,uBAAsB;gBAC7D,0DAAG,KAAK,EAAC,mCAAmC,wEAAsE,CAC9G;YACN,4DAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,QAAQ;gBACZ,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;oBAC5B,OAAO,CACL,cAAS,CACV,CAAC;gBACJ,CAAC,CAAC,CACA;YACN,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\n\n\n@Component({\n  tag: 'ls-compose-manager',\n  styleUrl: 'ls-compose-manager.css',\n  shadow: true,\n})\nexport class LsComposeManager {\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  render() {\n    return (\n      <Host>\n          <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">Recipient Fields</h2>\n          <p class=\"ls-dv-toolbox-section-description\">Select and Click to place Signature fields where on the Document.</p>\n        </div>\n        <div class=\"ls-dv-participant-list\">\n          {this.template &&\n            this.template?.roles.map(() => {\n              return (\n                <div   />\n              );\n            })}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}