legalesign-document-viewer 0.9.19 → 0.9.21

package/dist/components/{p-CiAimQRW.js → p-MvHRmlvj.js}

@@ -1,6 +1,6 @@
-import { t as transformTag, p as proxyCustomElement, H, h } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-BrykT5-C.js';
 import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$1 } from './p-C6EaahbW.js';
+import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
 
 const lsIconButtonCss = () => `.buttonClass{background-color:transparent;border:none;border-radius:0.25rem;padding:0px;color:var(--gray-60)}.buttonClass:focus{box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset)}.buttonClass:hover{background-color:transparent;color:var(--gray-80);cursor:pointer}.buttonClass:disabled{background-color:var(--gray-10);color:var(--gray-40);cursor:not-allowed}`;
 
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsIconButton as L, defineCustomElement as d };
-//# sourceMappingURL=p-CiAimQRW.js.map
+//# sourceMappingURL=p-MvHRmlvj.js.map
 
-//# sourceMappingURL=p-CiAimQRW.js.map
+//# sourceMappingURL=p-MvHRmlvj.js.map

package/dist/components/{p-CiAimQRW.js.map → p-MvHRmlvj.js.map}

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

package/dist/components/{p-CogChvyZ.js → p-NAiclfXm.js}

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BrykT5-C.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
 import { d as dvI18n } from './p-Dx1cMyvL.js';
-import { d as defineCustomElement$1 } from './p-C6EaahbW.js';
+import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
 
 const lsValidationTagCss = () => `:host{position:relative}*{box-sizing:border-box;margin:0}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{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;cursor:pointer}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-validation-tag-container{padding:0.75rem;display:flex;flex-direction:column;gap:0.5rem}.ls-dv-validation-tag-header{padding-bottom:0.5rem;border-bottom:1px solid #edeff2}.ls-dv-validation-tag-title{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem}.ls-dv-validation-tag-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:0.625rem;cursor:pointer;transition:background-color 0.2s}.ls-dv-validation-tag-row:hover{background-color:var(--gray-10, #f7f8fa)}.ls-dv-validation-tag-bar{width:0.25rem;height:2rem;border-radius:9999px;flex-shrink:0}.ls-dv-validation-tag-details{flex:1 1 0%;min-width:0}.ls-dv-validation-tag-name{font-family:"IBM Plex Sans Medium", "IBM Plex Sans", sans-serif;font-size:0.875rem;color:#45484d;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-dv-validation-tag-email{font-family:"IBM Plex Sans Light", "IBM Plex Sans", sans-serif;font-size:0.75rem;color:#5e6066;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
 
@@ -107,6 +107,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsValidationTag as L, defineCustomElement as d };
-//# sourceMappingURL=p-CogChvyZ.js.map
+//# sourceMappingURL=p-NAiclfXm.js.map
 
-//# sourceMappingURL=p-CogChvyZ.js.map
+//# sourceMappingURL=p-NAiclfXm.js.map

package/dist/components/{p-CogChvyZ.js.map → p-NAiclfXm.js.map}

@@ -1 +1 @@
-{"file":"p-CogChvyZ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n  position: relative;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-valid-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 1rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  width: fit-content;\n}\n\n\n.ls-dv-valid {\n  background-color: $green-30;\n  color: $green-100;\n}\n\n.ls-dv-valid.ls-dv-compose {\n  border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n  box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n  background: $yellow-20;\n  color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n  border: 1px solid $red-40;\n  background: $red-10;\n  color: $red-80;\n}\n\n.ls-dv-field-counter {\n  display: flex;\n  padding: 0.125rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 1rem;\n  font-size: 0.625rem;\n  line-height: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  color: $yellow-20;\n  background: #e17100;\n  min-width: 1rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n  color: $red-10;\n  background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n  position: absolute;\n  top: 2rem;\n  right: 0;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 20rem;\n  padding: 1rem;\n  border-radius: 1rem;\n  border: 1px solid #e5e7eb;\n  background: #fff;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  max-height: 20rem;\n  overflow-y: auto;\n  flex-direction: column;\n  align-items: flex-start;\n  z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n  width: 14rem;\n  padding: 0.75rem;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n  width: 100%;\n}\n.ls-dv-required-field {\n  position: relative;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 0.625rem;\n  padding: 0.5rem 0.5rem 0.5rem 1rem;\n  background: var(--field-background);\n  color: var(--field-text-color);\n  border: 1px solid var(--field-border-color);\n  transition: all 0.1s ease-in-out;\n  cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n  background: var(--field-background-hover);\n  color: var(--field-text-color-hover);\n  border: 1px solid var(--field-border-color-hover);\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 0.875rem; /* 142.857% */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-dot {\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 50%;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.1875rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n  color: $gray-100;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n  color: $gray-80;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n  padding-bottom: 0.5rem;\n  border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n  font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n  font-size: 0.875rem;\n  color: #45484d;\n  line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n  background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n  width: 0.25rem;\n  height: 2rem;\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n  flex: 1 1 0%;\n  min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n  font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n  font-size: 0.875rem;\n  color: #45484d;\n  line-height: 1.5rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n  font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n  font-size: 0.75rem;\n  color: #5e6066;\n  line-height: 1rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-validation-tag',\n  styleUrl: 'ls-validation-tag.scss',\n  shadow: true,\n})\nexport class LsValidationTag {\n  @Prop({ mutable: true }) status: string = 'Invalid';\n  @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n  @Prop({ mutable: true }) isExpanded: boolean = false;\n  @Prop() type: 'compose' | 'default' = 'default';\n  @Prop() showDropDown: boolean = true;\n\n  @Event() changeSigner: EventEmitter<number>;\n  @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');\n    let clickedInside = false;\n    dropdowns.forEach(dropdown => {\n      if (dropdown.contains(event.target as Node)) {\n        clickedInside = true;\n      }\n    });\n    if (!clickedInside && this.isExpanded) {\n      this.isExpanded = false;\n    }\n  };\n\n  private el: HTMLElement;\n\n  componentDidLoad() {\n    this.el = (this as any).host || (this as any).el || (this as any).component;\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.el = el as HTMLElement)}>\n        <div\n          class={`ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}\n          onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n        >\n          {this.validationErrors.length > 0 && <div class={`ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}>{this.validationErrors.length}</div>}\n          {this.type === 'compose' ? (this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')) : this.validationErrors.length === 0 ? dvI18n.t('common.readytosend') : dvI18n.t('common.requiresfields')}\n          {this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (\n            <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} style={{ cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' }} />\n          )}\n          {this.validationErrors.length > 0 && this.type === 'compose' && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n          {this.validationErrors.length === 0 && this.type === 'compose' && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n        </div>\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n          <div class={'ls-dv-field-dropdown'}>\n            <div class={'ls-dv-dropdown-header'}>\n              <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n              <p>\n                {this.validationErrors.length} {this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n              </p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n              return (\n                <div\n                  key={idx}\n                  class={'ls-dv-required-field'}\n                  style={{\n                    '--field-background': pallette.s10,\n                    '--field-border-color': pallette.s10,\n                    '--field-background-hover': pallette.s20,\n                    '--field-text-color': pallette.s70,\n                    '--field-text-color-hover': pallette.s80,\n                    '--field-border-color-hover': pallette.s60,\n                  }}\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    if (field?.role) {\n                      // For missing signature validation errors, default to signature field type\n                      const fieldType = field?.element?.formElementType || 'signature';\n                      this.selectFieldForPlacement.emit({\n                        signerIndex: field.role.signerIndex,\n                        fieldType: fieldType,\n                      });\n                      this.isExpanded = false;\n                    } else {\n                      console.log('Missing role data');\n                    }\n                  }}\n                >\n                  <div class={'ls-dv-required-field-items-left'}>\n                    <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n                    {field?.role && (\n                      <div class={'ls-dv-required-field-items-left'}>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n                        </div>\n                      </div>\n                    )}\n                    {field?.element && (\n                      <>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.description}\n                        </div>\n                      </>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n          <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n            <div class=\"ls-dv-validation-tag-header\">\n              <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.recipientsmissingsignature')}</p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n              return (\n                <div\n                  class=\"ls-dv-validation-tag-row\"\n                  key={idx}\n                  onClick={() => {\n                    this.changeSigner.emit(field?.role?.signerIndex);\n                    this.isExpanded = false;\n                  }}\n                >\n                  <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n                  <div class=\"ls-dv-validation-tag-details\">\n                    <p class=\"ls-dv-validation-tag-name\">{field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}</p>\n                    <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-NAiclfXm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-tag/ls-validation-tag.scss?tag=ls-validation-tag&encapsulation=shadow","src/components/ls-validation-tag/ls-validation-tag.tsx"],"sourcesContent":[":host {\n  position: relative;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-valid-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 1rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  width: fit-content;\n}\n\n\n.ls-dv-valid {\n  background-color: $green-30;\n  color: $green-100;\n}\n\n.ls-dv-valid.ls-dv-compose {\n  border: 1px solid $green-50;\n}\n\n.ls-dv-valid.ls-dv-compose:hover {\n  box-shadow: none;\n}\n\n.ls-dv-invalid.ls-dv-default {\n  background: $yellow-20;\n  color: $yellow-90;\n}\n\n.ls-dv-invalid.ls-dv-compose {\n  border: 1px solid $red-40;\n  background: $red-10;\n  color: $red-80;\n}\n\n.ls-dv-field-counter {\n  display: flex;\n  padding: 0.125rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 1rem;\n  font-size: 0.625rem;\n  line-height: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  color: $yellow-20;\n  background: #e17100;\n  min-width: 1rem;\n}\n\n.ls-dv-field-counter.ls-dv-compose {\n  color: $red-10;\n  background: $red-60;\n}\n\n.ls-dv-field-dropdown {\n  position: absolute;\n  top: 2rem;\n  right: 0;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 20rem;\n  padding: 1rem;\n  border-radius: 1rem;\n  border: 1px solid #e5e7eb;\n  background: #fff;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  max-height: 20rem;\n  overflow-y: auto;\n  flex-direction: column;\n  align-items: flex-start;\n  z-index: 1000;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose {\n  width: 14rem;\n  padding: 0.75rem;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-dropdown.ls-dv-compose > * {\n  width: 100%;\n}\n.ls-dv-required-field {\n  position: relative;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 0.625rem;\n  padding: 0.5rem 0.5rem 0.5rem 1rem;\n  background: var(--field-background);\n  color: var(--field-text-color);\n  border: 1px solid var(--field-border-color);\n  transition: all 0.1s ease-in-out;\n  cursor: pointer;\n}\n\n.ls-dv-required-field:hover {\n  background: var(--field-background-hover);\n  color: var(--field-text-color-hover);\n  border: 1px solid var(--field-border-color-hover);\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 0.875rem; /* 142.857% */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-dot {\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 50%;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.1875rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n  color: $gray-100;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n  color: $gray-80;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.ls-dv-validation-tag-container {\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-validation-tag-header {\n  padding-bottom: 0.5rem;\n  border-bottom: 1px solid #edeff2;\n}\n\n.ls-dv-validation-tag-title {\n  font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n  font-size: 0.875rem;\n  color: #45484d;\n  line-height: 1.5rem;\n}\n\n.ls-dv-validation-tag-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.ls-dv-validation-tag-row:hover {\n  background-color: $gray-10;\n}\n\n.ls-dv-validation-tag-bar {\n  width: 0.25rem;\n  height: 2rem;\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n\n.ls-dv-validation-tag-details {\n  flex: 1 1 0%;\n  min-width: 0;\n}\n\n.ls-dv-validation-tag-name {\n  font-family: 'IBM Plex Sans Medium', 'IBM Plex Sans', sans-serif;\n  font-size: 0.875rem;\n  color: #45484d;\n  line-height: 1.5rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ls-dv-validation-tag-email {\n  font-family: 'IBM Plex Sans Light', 'IBM Plex Sans', sans-serif;\n  font-size: 0.75rem;\n  color: #5e6066;\n  line-height: 1rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { ValidationError } from '../../types/ValidationError';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-validation-tag',\n  styleUrl: 'ls-validation-tag.scss',\n  shadow: true,\n})\nexport class LsValidationTag {\n  @Prop({ mutable: true }) status: string = 'Invalid';\n  @Prop({ mutable: true }) validationErrors: ValidationError[] = [];\n  @Prop({ mutable: true }) isExpanded: boolean = false;\n  @Prop() type: 'compose' | 'default' = 'default';\n  @Prop() showDropDown: boolean = true;\n\n  @Event() changeSigner: EventEmitter<number>;\n  @Event() selectFieldForPlacement: EventEmitter<{ signerIndex: number; fieldType: string }>;\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const dropdowns = this.el.shadowRoot.querySelectorAll('.ls-dv-field-dropdown');\n    let clickedInside = false;\n    dropdowns.forEach(dropdown => {\n      if (dropdown.contains(event.target as Node)) {\n        clickedInside = true;\n      }\n    });\n    if (!clickedInside && this.isExpanded) {\n      this.isExpanded = false;\n    }\n  };\n\n  private el: HTMLElement;\n\n  componentDidLoad() {\n    this.el = (this as any).host || (this as any).el || (this as any).component;\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.el = el as HTMLElement)}>\n        <div\n          class={`ls-dv-valid-label ${this.validationErrors.length === 0 ? 'ls-dv-valid' : 'ls-dv-invalid'} ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}\n          onClick={this.validationErrors.length && (() => (this.isExpanded = !this.isExpanded))}\n        >\n          {this.validationErrors.length > 0 && <div class={`ls-dv-field-counter ${this.type === 'compose' ? 'ls-dv-compose' : 'ls-dv-default'}`}>{this.validationErrors.length}</div>}\n          {this.type === 'compose' ? (this.validationErrors.length === 0 ? dvI18n.t('common.ready') : dvI18n.t('common.required')) : this.validationErrors.length === 0 ? dvI18n.t('common.readytosend') : dvI18n.t('common.requiresfields')}\n          {this.validationErrors.length > 0 && this.showDropDown && this.type !== 'compose' && (\n            <ls-icon name={this.isExpanded ? 'chevron-up-icon' : 'chevron-down-icon'} style={{ cursor: 'pointer', scale: '0.60', margin: '0 -0.25rem' }} />\n          )}\n          {this.validationErrors.length > 0 && this.type === 'compose' && <ls-icon name=\"cursor-click-icon\" solid size={16} customStyle={{ color: 'var(--red-70, #DC2721);' }} />}\n          {this.validationErrors.length === 0 && this.type === 'compose' && <ls-icon name=\"check-icon\" solid size={16} customStyle={{ marginRight: '-0.125rem' }} />}\n        </div>\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type !== 'compose' && (\n          <div class={'ls-dv-field-dropdown'}>\n            <div class={'ls-dv-dropdown-header'}>\n              <h2>{dvI18n.t('common.fieldsrequired')}</h2>\n              <p>\n                {this.validationErrors.length} {this.validationErrors.length === 1 ? dvI18n.t('validation.recipientneedsignature') : dvI18n.t('validation.recipientsneedsignatures')}\n              </p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n              return (\n                <div\n                  key={idx}\n                  class={'ls-dv-required-field'}\n                  style={{\n                    '--field-background': pallette.s10,\n                    '--field-border-color': pallette.s10,\n                    '--field-background-hover': pallette.s20,\n                    '--field-text-color': pallette.s70,\n                    '--field-text-color-hover': pallette.s80,\n                    '--field-border-color-hover': pallette.s60,\n                  }}\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    if (field?.role) {\n                      // For missing signature validation errors, default to signature field type\n                      const fieldType = field?.element?.formElementType || 'signature';\n                      this.selectFieldForPlacement.emit({\n                        signerIndex: field.role.signerIndex,\n                        fieldType: fieldType,\n                      });\n                      this.isExpanded = false;\n                    } else {\n                      console.log('Missing role data');\n                    }\n                  }}\n                >\n                  <div class={'ls-dv-required-field-items-left'}>\n                    <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n                    {field?.role && (\n                      <div class={'ls-dv-required-field-items-left'}>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.role?.roleType ? dvI18n.t(`participants.${field.role.roleType.toLowerCase()}`) : `Signer ${field.role?.signerIndex + 1}`}\n                        </div>\n                      </div>\n                    )}\n                    {field?.element && (\n                      <>\n                        <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n                        <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                          {field.description}\n                        </div>\n                      </>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n        {this.isExpanded && this.validationErrors.length !== 0 && this.showDropDown && this.type === 'compose' && (\n          <div class={'ls-dv-field-dropdown ls-dv-compose'}>\n            <div class=\"ls-dv-validation-tag-header\">\n              <p class=\"ls-dv-validation-tag-title\">{dvI18n.t('common.recipientsmissingsignature')}</p>\n            </div>\n            {this.validationErrors.map((field, idx) => {\n              const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n              const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n              return (\n                <div\n                  class=\"ls-dv-validation-tag-row\"\n                  key={idx}\n                  onClick={() => {\n                    this.changeSigner.emit(field?.role?.signerIndex);\n                    this.isExpanded = false;\n                  }}\n                >\n                  <div class=\"ls-dv-validation-tag-bar\" style={{ background: pallette.s60 }}></div>\n                  <div class=\"ls-dv-validation-tag-details\">\n                    <p class=\"ls-dv-validation-tag-name\">{field?.role?.previousRecipientDecides ? `Recipient ${field?.role?.signerIndex + 1}` : `${field?.role?.firstName} ${field?.role?.lastName}`}</p>\n                    <p class=\"ls-dv-validation-tag-email\">{field?.role?.previousRecipientDecides ? dvI18n.t('common.detailstobedecided') : field?.role?.email}</p>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DzVqHLJf.js → p-OLQsckjQ.js}

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
 
 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, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}`;
 
@@ -38,6 +38,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsPropsSection as L, defineCustomElement as d };
-//# sourceMappingURL=p-DzVqHLJf.js.map
+//# sourceMappingURL=p-OLQsckjQ.js.map
 
-//# sourceMappingURL=p-DzVqHLJf.js.map
+//# sourceMappingURL=p-OLQsckjQ.js.map

package/dist/components/{p-DzVqHLJf.js.map → p-OLQsckjQ.js.map}

@@ -1 +1 @@
-{"file":"p-DzVqHLJf.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-props-section',\n  styleUrl: 'ls-props-section.scss',\n  shadow: true,\n})\nexport class LsPropsSection {\n  @Prop() sectionTitle: string;\n  @Prop() sectionDescription?: string;\n  @Prop() row?: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n          <div class={'ls-dv-field-properties-section-text'}>\n            <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n            {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n          </div>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-OLQsckjQ.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,wnBAAwnB,CAAC;;MCO7oB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,YAAY;AACZ,IAAA,kBAAkB;IAClB,GAAG,GAAa,KAAK;IAE7B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,GAAG,GAAG,0CAA0C,GAAG,gCAAgC,EAAA,EAClG,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qCAAqC,EAAA,EAC/C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,sCAAsC,IAAG,IAAI,CAAC,YAAY,CAAK,EACxE,IAAI,CAAC,kBAAkB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,4CAA4C,EAAA,EAAG,IAAI,CAAC,kBAAkB,CAAK,CAC7G,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-props-section/ls-props-section.scss?tag=ls-props-section&encapsulation=shadow","src/components/ls-props-section/ls-props-section.tsx"],"sourcesContent":["* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-props-section',\n  styleUrl: 'ls-props-section.scss',\n  shadow: true,\n})\nexport class LsPropsSection {\n  @Prop() sectionTitle: string;\n  @Prop() sectionDescription?: string;\n  @Prop() row?: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div class={this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section'}>\n          <div class={'ls-dv-field-properties-section-text'}>\n            <p class={'ls-dv-field-properties-section-title'}>{this.sectionTitle}</p>\n            {this.sectionDescription && <p class={'ls-dv-field-properties-section-description'}>{this.sectionDescription}</p>}\n          </div>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DO2h_Yj2.js → p-UI9vt753.js}

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
 
 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, #f7f8fa);width:100vw;height:100vh}.ls-dv-compose-loader__header{border-bottom:1px solid var(--gray-20, #edeff2);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, #e0e2e5) 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, #45484d)}.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, #ffffff);border-radius:1.5rem;border:1px solid var(--gray-30, #e0e2e5);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, #e0e2e5) 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, #78a3fa) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30, #bed4fa) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50, #57e5b1) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30, #9df5d4) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50, #c8c9cc) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30, #e0e2e5) 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, #e0e2e5);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10, #f7f8fa);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, #bed4fa);background:var(--blue-10, #f0f6ff)}.ls-dv-compose-loader__section--green{border-color:var(--green-30, #9df5d4);background:var(--green-10, #effff9)}.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, #ffffff);border:1px solid var(--gray-20, #edeff2);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, #f0f6ff);border:1px solid var(--blue-30, #bed4fa);border-radius:0.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30, #bed4fa) 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, #effff9);border:1px solid var(--green-30, #9df5d4);border-radius:0.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30, #9df5d4) 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, #ffffff);border:1px solid var(--gray-30, #e0e2e5);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, #ffffff)}.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, #4456f6);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;
 
@@ -31,6 +31,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsComposeLoader as L, defineCustomElement as d };
-//# sourceMappingURL=p-DO2h_Yj2.js.map
+//# sourceMappingURL=p-UI9vt753.js.map
 
-//# sourceMappingURL=p-DO2h_Yj2.js.map
+//# sourceMappingURL=p-UI9vt753.js.map

package/dist/components/{p-DO2h_Yj2.js.map → p-UI9vt753.js.map}

@@ -1 +1 @@
-{"file":"p-DO2h_Yj2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-compose-loader/ls-compose-loader.scss?tag=ls-compose-loader&encapsulation=shadow","src/components/ls-compose-loader/ls-compose-loader.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 3000;\n}\n\n:host > * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.ls-dv-compose-loader {\n  display: flex;\n  flex-direction: column;\n  background: $gray-10;\n  width: 100vw;\n  height: 100vh;\n}\n\n.ls-dv-compose-loader__header {\n  border-bottom: 1px solid $gray-20;\n  pointer-events: none;\n  height: 2rem;\n  background: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ls-dv-compose-loader__header-skeleton {\n  width: 10rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n  animation: pulse 1.5s infinite;\n}\n\n.ls-dv-compose-loader__header-bar {\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.ls-dv-compose-loader__header-title {\n  font-weight: bold;\n  font-size: 1.1rem;\n}\n\n.ls-dv-compose-loader__header-docname {\n  margin-left: 1rem;\n  color: $gray-100;\n}\n\n.ls-dv-compose-loader__main {\n  display: flex;\n  padding: 1rem;\n  gap: 1.5rem;\n  height: calc(100vh - 2.375rem);\n  position: relative;\n}\n\n.ls-dv-compose-loader__sidebar {\n  position: absolute;\n  height: 100%;\n  width: 19rem;\n}\n\n.ls-dv-compose-loader__card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 1rem;\n  background: $white;\n  border-radius: 1.5rem;\n  border: 1px solid $gray-30;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 5rem);\n  overflow: hidden;\n}\n\n.ls-dv-compose-loader__skeleton,\n.ls-dv-compose-loader__icon-skeleton {\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n  animation: pulse 1.5s infinite;\n}\n\n.ls-dv-skeleton-title {\n  width: 12.5rem;\n  min-height: 1.25rem;\n}\n.ls-dv-skeleton-line--blue,\n.ls-dv-skeleton-line--green,\n.ls-dv-skeleton-line--gray,\n.ls-dv-skeleton-line {\n  width: 12.5rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-short--blue,\n.ls-dv-skeleton-short--green,\n.ls-dv-skeleton-short--gray,\n.ls-dv-skeleton-short {\n  width: 5rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-medium {\n  width: 4rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-icon {\n  width: 1rem;\n  height: 1rem;\n}\n.ls-dv-skeleton-btn {\n  width: 7rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n.ls-dv-skeleton-btn-icon {\n  width: 1rem;\n  height: 1rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n\n.ls-dv-skeleton-line--blue,\n.ls-dv-skeleton-short--blue {\n  background: linear-gradient(90deg, $blue-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--blue {\n  background: linear-gradient(90deg, $blue-30 25%, transparent 100%);\n}\n\n\n.ls-dv-skeleton-line--green,\n.ls-dv-skeleton-short--green {\n  background: linear-gradient(90deg, $green-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--green {\n  background: linear-gradient(90deg, $green-30 25%, transparent 100%);\n}\n\n.ls-dv-skeleton-line--gray,\n.ls-dv-skeleton-short--gray {\n  background: linear-gradient(90deg, $gray-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--gray {\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n}\n\n.ls-dv-compose-loader__skeleton-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-compose-loader__section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  border: 1px solid $gray-30;\n  padding: 0.75rem;\n  border-radius: 1.5rem;\n  background: $gray-10;\n  margin-top: 0.25rem;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-compose-loader__section--blue {\n  border-color: $blue-30;\n  background: $blue-10;\n}\n\n.ls-dv-compose-loader__section--green {\n  border-color: $green-30;\n  background: $green-10;\n}\n\n.ls-dv-compose-loader__skeleton-box--green,\n.ls-dv-compose-loader__skeleton-box--blue,\n.ls-dv-compose-loader__skeleton-box--gray {\n  display: flex;\n  align-items: center;\n  width: 5rem;\n  height: 1.15rem;\n  border-radius: 0.375rem;\n}\n\n.ls-dv-compose-loader__row {\n  display: flex;\n  gap: 0.75rem;\n  background: $white;\n  border: 1px solid $gray-20;\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  border-radius: 0.625rem;\n  align-items: center;\n}\n\n.ls-dv-compose-loader__icon-skeleton--blue {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: $blue-10;\n  border: 1px solid $blue-30;\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon--blue {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, $blue-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon-skeleton--green {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: $green-10;\n  border: 1px solid $green-30;\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon--green {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, $green-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__row-content {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-compose-loader__preview {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100vw;\n  height: 100%;\n}\n\n.ls-dv-compose-loader__preview-box {\n  background: $white;\n  border: 1px solid $gray-30;\n  aspect-ratio: 1/1.414;\n  height: 100%;\n  margin-top: 7rem;\n  min-width: 40vw;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\n}\n\n.ls-dv-compose-loader__button {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  border-radius: 1rem;\n  padding: 0.25rem;\n  background: $white;\n}\n\n.ls-dv-compose-loader__action-btn {\n  border-radius: 1rem;\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border: none;\n  background: $primary-60;\n  cursor: not-allowed;\n}\n\n@keyframes pulse {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-compose-loader',\n  styleUrl: 'ls-compose-loader.scss',\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\" aria-hidden=\"true\" tabindex={-1}>\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"],"version":3}
+{"file":"p-UI9vt753.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-compose-loader/ls-compose-loader.scss?tag=ls-compose-loader&encapsulation=shadow","src/components/ls-compose-loader/ls-compose-loader.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 3000;\n}\n\n:host > * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.ls-dv-compose-loader {\n  display: flex;\n  flex-direction: column;\n  background: $gray-10;\n  width: 100vw;\n  height: 100vh;\n}\n\n.ls-dv-compose-loader__header {\n  border-bottom: 1px solid $gray-20;\n  pointer-events: none;\n  height: 2rem;\n  background: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ls-dv-compose-loader__header-skeleton {\n  width: 10rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n  animation: pulse 1.5s infinite;\n}\n\n.ls-dv-compose-loader__header-bar {\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.ls-dv-compose-loader__header-title {\n  font-weight: bold;\n  font-size: 1.1rem;\n}\n\n.ls-dv-compose-loader__header-docname {\n  margin-left: 1rem;\n  color: $gray-100;\n}\n\n.ls-dv-compose-loader__main {\n  display: flex;\n  padding: 1rem;\n  gap: 1.5rem;\n  height: calc(100vh - 2.375rem);\n  position: relative;\n}\n\n.ls-dv-compose-loader__sidebar {\n  position: absolute;\n  height: 100%;\n  width: 19rem;\n}\n\n.ls-dv-compose-loader__card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 1rem;\n  background: $white;\n  border-radius: 1.5rem;\n  border: 1px solid $gray-30;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 5rem);\n  overflow: hidden;\n}\n\n.ls-dv-compose-loader__skeleton,\n.ls-dv-compose-loader__icon-skeleton {\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n  animation: pulse 1.5s infinite;\n}\n\n.ls-dv-skeleton-title {\n  width: 12.5rem;\n  min-height: 1.25rem;\n}\n.ls-dv-skeleton-line--blue,\n.ls-dv-skeleton-line--green,\n.ls-dv-skeleton-line--gray,\n.ls-dv-skeleton-line {\n  width: 12.5rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-short--blue,\n.ls-dv-skeleton-short--green,\n.ls-dv-skeleton-short--gray,\n.ls-dv-skeleton-short {\n  width: 5rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-medium {\n  width: 4rem;\n  height: 0.75rem;\n}\n.ls-dv-skeleton-icon {\n  width: 1rem;\n  height: 1rem;\n}\n.ls-dv-skeleton-btn {\n  width: 7rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n.ls-dv-skeleton-btn-icon {\n  width: 1rem;\n  height: 1rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n\n.ls-dv-skeleton-line--blue,\n.ls-dv-skeleton-short--blue {\n  background: linear-gradient(90deg, $blue-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--blue {\n  background: linear-gradient(90deg, $blue-30 25%, transparent 100%);\n}\n\n\n.ls-dv-skeleton-line--green,\n.ls-dv-skeleton-short--green {\n  background: linear-gradient(90deg, $green-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--green {\n  background: linear-gradient(90deg, $green-30 25%, transparent 100%);\n}\n\n.ls-dv-skeleton-line--gray,\n.ls-dv-skeleton-short--gray {\n  background: linear-gradient(90deg, $gray-50 25%, transparent 100%);\n}\n.ls-dv-compose-loader__skeleton-box--gray {\n  background: linear-gradient(90deg, $gray-30 25%, transparent 100%);\n}\n\n.ls-dv-compose-loader__skeleton-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-compose-loader__section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  border: 1px solid $gray-30;\n  padding: 0.75rem;\n  border-radius: 1.5rem;\n  background: $gray-10;\n  margin-top: 0.25rem;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n\n.ls-dv-compose-loader__section--blue {\n  border-color: $blue-30;\n  background: $blue-10;\n}\n\n.ls-dv-compose-loader__section--green {\n  border-color: $green-30;\n  background: $green-10;\n}\n\n.ls-dv-compose-loader__skeleton-box--green,\n.ls-dv-compose-loader__skeleton-box--blue,\n.ls-dv-compose-loader__skeleton-box--gray {\n  display: flex;\n  align-items: center;\n  width: 5rem;\n  height: 1.15rem;\n  border-radius: 0.375rem;\n}\n\n.ls-dv-compose-loader__row {\n  display: flex;\n  gap: 0.75rem;\n  background: $white;\n  border: 1px solid $gray-20;\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  border-radius: 0.625rem;\n  align-items: center;\n}\n\n.ls-dv-compose-loader__icon-skeleton--blue {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: $blue-10;\n  border: 1px solid $blue-30;\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon--blue {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, $blue-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon-skeleton--green {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: $green-10;\n  border: 1px solid $green-30;\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__icon--green {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, $green-30 25%, transparent 100%);\n  border-radius: 0.625rem;\n}\n\n.ls-dv-compose-loader__row-content {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-compose-loader__preview {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100vw;\n  height: 100%;\n}\n\n.ls-dv-compose-loader__preview-box {\n  background: $white;\n  border: 1px solid $gray-30;\n  aspect-ratio: 1/1.414;\n  height: 100%;\n  margin-top: 7rem;\n  min-width: 40vw;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\n}\n\n.ls-dv-compose-loader__button {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  border-radius: 1rem;\n  padding: 0.25rem;\n  background: $white;\n}\n\n.ls-dv-compose-loader__action-btn {\n  border-radius: 1rem;\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border: none;\n  background: $primary-60;\n  cursor: not-allowed;\n}\n\n@keyframes pulse {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-compose-loader',\n  styleUrl: 'ls-compose-loader.scss',\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\" aria-hidden=\"true\" tabindex={-1}>\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"],"version":3}

package/dist/components/{p-I52-r3jo.js → p-cJzdZ_Zw.js}

@@ -1,5 +1,5 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
-import { d as defineCustomElement$1 } from './p-C6EaahbW.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { d as defineCustomElement$1 } from './p-CSPLGKKp.js';
 
 const lsInputWrapperCss = () => `*{margin:0;padding:0;box-sizing:border-box}:host{position:relative}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}`;
 
@@ -42,6 +42,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsInputWrapper as L, defineCustomElement as d };
-//# sourceMappingURL=p-I52-r3jo.js.map
+//# sourceMappingURL=p-cJzdZ_Zw.js.map
 
-//# sourceMappingURL=p-I52-r3jo.js.map
+//# sourceMappingURL=p-cJzdZ_Zw.js.map

package/dist/components/{p-I52-r3jo.js.map → p-cJzdZ_Zw.js.map}

@@ -1 +1 @@
-{"file":"p-I52-r3jo.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+UAA+U,CAAC;;MCQpW,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,WAAW;IACX,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,CAAC,WAAkB,EAAY,CAAA,EACxE,IAAI,CAAC,MAAM,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,EAAW,CAAA,EAC1E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-input-wrapper/ls-input-wrapper.scss?tag=ls-input-wrapper&encapsulation=shadow","src/components/ls-input-wrapper/ls-input-wrapper.tsx"],"sourcesContent":["* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Icon } from '../../components';\n\n@Component({\n  tag: 'ls-input-wrapper',\n  styleUrl: 'ls-input-wrapper.scss',\n  shadow: true,\n})\nexport class LsInputWrapper {\n  @Prop() leadingIcon: Icon;\n  @Prop() select: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ls-icon id=\"selectLeadingIcon\" name={this.leadingIcon as any}></ls-icon>\n        {this.select && <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>}\n        <slot></slot> \n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-cJzdZ_Zw.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+UAA+U,CAAC;;MCQpW,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACjB,IAAA,WAAW;IACX,MAAM,GAAY,KAAK;IAE/B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,IAAI,CAAC,WAAkB,EAAY,CAAA,EACxE,IAAI,CAAC,MAAM,IAAI,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,cAAc,EAAC,IAAI,EAAC,eAAe,EAAW,CAAA,EAC1E,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-input-wrapper/ls-input-wrapper.scss?tag=ls-input-wrapper&encapsulation=shadow","src/components/ls-input-wrapper/ls-input-wrapper.tsx"],"sourcesContent":["* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Icon } from '../../components';\n\n@Component({\n  tag: 'ls-input-wrapper',\n  styleUrl: 'ls-input-wrapper.scss',\n  shadow: true,\n})\nexport class LsInputWrapper {\n  @Prop() leadingIcon: Icon;\n  @Prop() select: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ls-icon id=\"selectLeadingIcon\" name={this.leadingIcon as any}></ls-icon>\n        {this.select && <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>}\n        <slot></slot> \n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BhknD7dG.js → p-d3FQEed-.js}

@@ -1,4 +1,4 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
 import { d as dvI18n } from './p-Dx1cMyvL.js';
 
 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, #6f7176);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, #edeff2);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%}`;
@@ -44,6 +44,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesContainer as L, defineCustomElement as d };
-//# sourceMappingURL=p-BhknD7dG.js.map
+//# sourceMappingURL=p-d3FQEed-.js.map
 
-//# sourceMappingURL=p-BhknD7dG.js.map
+//# sourceMappingURL=p-d3FQEed-.js.map

package/dist/components/{p-BhknD7dG.js.map → p-d3FQEed-.js.map}

@@ -1 +1 @@
-{"file":"p-BhknD7dG.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,g+BAAg+B,CAAC;;MCSjgC,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,IAAI,GAAa,EAAE;AACY,IAAA,WAAW;IAElD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;;;IAIzC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CAAC,MAAM,CAAQ,MAAA,CAAA,EAAE,EACnG,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,WAAW,GAAG,wBAAwB,GAAG,WAAW,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IACtH,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAA,CAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CACxC,CACV,CAAC,CACE,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAS,CAAA,CACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-container/ls-field-properties-container.scss?tag=ls-field-properties-container&encapsulation=shadow","src/components/ls-field-properties-container/ls-field-properties-container.tsx"],"sourcesContent":["* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: calc(100% - 7.25rem);\n  position: relative;\n}\n\n.ls-dv-tabs-container {\n  display: grid;\n  width: 100%;\n  gap: 0.125rem;\n  padding: 0.125rem;\n  border: 1px solid $gray-30;\n  border-radius: 0.75rem;\n  background: $white;\n}\n\n.ls-dv-tab {\n  all: unset;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  color: $gray-80;\n  text-transform: capitalize;\n}\n\n.ls-dv-tab.ls-dv-active {\n  background: $primary-10;\n  color: $primary-60;\n}\n\n.ls-dv-tab:not(.ls-dv-active):hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-footer {\n  display: flex;\n  padding-top: 1rem;\n  border-top: 1px solid $gray-20;\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 0.75rem;\n  margin-top: auto;\n}\n\n.ls-dv-scrolling-container {\n  overflow-y: auto;\n  padding: 0 1rem;\n  margin: 0 -1rem;\n  height: 100%;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-field-properties-container',\n  styleUrl: 'ls-field-properties-container.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesContainer {\n  @Prop() dataItem: LSApiElement;\n  @Prop() tabs: string[] = [];\n  @Prop({ mutable: true, reflect: true}) selectedTab: string;\n\n  componentWillLoad() {\n    if (!this.selectedTab) {\n      this.selectedTab = this.tabs[0] || '';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.length > 1 && (\n          <div class={'ls-dv-tabs-container'} style={{ gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` }}>\n            {this.tabs.map(tab => (\n              <button class={tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab'} onClick={() => (this.selectedTab = tab)}>\n                {dvI18n.t(`tabs.${tab}`, { defaultValue: tab })}\n              </button>\n            ))}\n          </div>\n        )}\n        <div class={'ls-dv-scrolling-container'}>\n          <slot name={this.selectedTab}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-d3FQEed-.js","mappings":";;;AAAA,MAAM,6BAA6B,GAAG,MAAM,CAAC,g+BAAg+B,CAAC;;MCSjgC,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC7B,IAAA,QAAQ;IACR,IAAI,GAAa,EAAE;AACY,IAAA,WAAW;IAElD,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;;;IAIzC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,KACnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CAAC,MAAM,CAAQ,MAAA,CAAA,EAAE,EACnG,EAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KAChB,CAAQ,CAAA,QAAA,EAAA,EAAA,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,WAAW,GAAG,wBAAwB,GAAG,WAAW,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IACtH,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAA,CAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CACxC,CACV,CAAC,CACE,CACP,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAS,CAAA,CACjC,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-container/ls-field-properties-container.scss?tag=ls-field-properties-container&encapsulation=shadow","src/components/ls-field-properties-container/ls-field-properties-container.tsx"],"sourcesContent":["* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: calc(100% - 7.25rem);\n  position: relative;\n}\n\n.ls-dv-tabs-container {\n  display: grid;\n  width: 100%;\n  gap: 0.125rem;\n  padding: 0.125rem;\n  border: 1px solid $gray-30;\n  border-radius: 0.75rem;\n  background: $white;\n}\n\n.ls-dv-tab {\n  all: unset;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  color: $gray-80;\n  text-transform: capitalize;\n}\n\n.ls-dv-tab.ls-dv-active {\n  background: $primary-10;\n  color: $primary-60;\n}\n\n.ls-dv-tab:not(.ls-dv-active):hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-footer {\n  display: flex;\n  padding-top: 1rem;\n  border-top: 1px solid $gray-20;\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 0.75rem;\n  margin-top: auto;\n}\n\n.ls-dv-scrolling-container {\n  overflow-y: auto;\n  padding: 0 1rem;\n  margin: 0 -1rem;\n  height: 100%;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-field-properties-container',\n  styleUrl: 'ls-field-properties-container.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesContainer {\n  @Prop() dataItem: LSApiElement;\n  @Prop() tabs: string[] = [];\n  @Prop({ mutable: true, reflect: true}) selectedTab: string;\n\n  componentWillLoad() {\n    if (!this.selectedTab) {\n      this.selectedTab = this.tabs[0] || '';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.tabs.length > 1 && (\n          <div class={'ls-dv-tabs-container'} style={{ gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` }}>\n            {this.tabs.map(tab => (\n              <button class={tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab'} onClick={() => (this.selectedTab = tab)}>\n                {dvI18n.t(`tabs.${tab}`, { defaultValue: tab })}\n              </button>\n            ))}\n          </div>\n        )}\n        <div class={'ls-dv-scrolling-container'}>\n          <slot name={this.selectedTab}></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-MTijU7NS.js → p-d3qXKu5b.js}

@@ -1,17 +1,17 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-B9WmFgSl.js';
-import { d as defineCustomElement$d } from './p-AeUGZ3i_.js';
-import { d as defineCustomElement$c } from './p-BsDR8jzG.js';
-import { d as defineCustomElement$b } from './p-BxsxcR5o.js';
-import { d as defineCustomElement$a } from './p-DHIs8OCJ.js';
-import { d as defineCustomElement$9 } from './p-CWlZTWCL.js';
-import { d as defineCustomElement$8 } from './p-CKSOaKZy.js';
-import { d as defineCustomElement$7 } from './p-BhknD7dG.js';
-import { d as defineCustomElement$6 } from './p-_sCj-c-z.js';
-import { d as defineCustomElement$5 } from './p-C6EaahbW.js';
-import { d as defineCustomElement$4 } from './p-I52-r3jo.js';
-import { d as defineCustomElement$3 } from './p-DzVqHLJf.js';
-import { d as defineCustomElement$2 } from './p-CUwR4YVu.js';
-import { d as defineCustomElement$1 } from './p-IqJEctSf.js';
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BrykT5-C.js';
+import { d as defineCustomElement$d } from './p-DckVC3o2.js';
+import { d as defineCustomElement$c } from './p-DJ7bx7B5.js';
+import { d as defineCustomElement$b } from './p-DAP3L70b.js';
+import { d as defineCustomElement$a } from './p-C4Fkc5Wm.js';
+import { d as defineCustomElement$9 } from './p-DGgN9Tk0.js';
+import { d as defineCustomElement$8 } from './p-CgczqobT.js';
+import { d as defineCustomElement$7 } from './p-d3FQEed-.js';
+import { d as defineCustomElement$6 } from './p-DFvqOenH.js';
+import { d as defineCustomElement$5 } from './p-CSPLGKKp.js';
+import { d as defineCustomElement$4 } from './p-cJzdZ_Zw.js';
+import { d as defineCustomElement$3 } from './p-OLQsckjQ.js';
+import { d as defineCustomElement$2 } from './p-CWgG6RtI.js';
+import { d as defineCustomElement$1 } from './p-dHMolk9H.js';
 
 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, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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, #6f7176)}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, #ffffff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f64a44);background-color:white;color:var(--red-60, #f64a44)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #dc2721);background:var(--red-10, #fff0f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 
@@ -112,6 +112,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFieldPropertiesEmail as L, defineCustomElement as d };
-//# sourceMappingURL=p-MTijU7NS.js.map
+//# sourceMappingURL=p-d3qXKu5b.js.map
 
-//# sourceMappingURL=p-MTijU7NS.js.map
+//# sourceMappingURL=p-d3qXKu5b.js.map

package/dist/components/{p-MTijU7NS.js.map → p-d3qXKu5b.js.map}

@@ -1 +1 @@
-{"file":"p-MTijU7NS.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IAEd,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  display: flex;\n  gap: 0.5rem;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  font-weight: 500;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background-color: white;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n\n@Component({\n  tag: 'ls-field-properties-email',\n  styleUrl: 'ls-field-properties-email.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesEmail {\n  @Prop() dataItem: LSApiElement;\n  \n    render() {\n      return (\n        <Host>\n          <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n            <div class={'ls-dv-field-set'} slot=\"content\">\n              <ls-field-content dataItem={this.dataItem} />\n              <ls-field-properties-advanced dataItem={this.dataItem} />\n            </div>\n            <div class={'ls-dv-field-set'} slot=\"dimensions\">\n              <ls-field-dimensions dataItem={this.dataItem} />\n            </div>\n            <div class={'ls-dv-field-set'} slot=\"placement\">\n              <ls-field-placement dataItem={this.dataItem} />\n            </div>\n          </ls-field-properties-container>\n          <ls-field-footer dataItem={this.dataItem} />\n        </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-d3qXKu5b.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSp4J,sBAAsB,iBAAAA,kBAAA,CAAA,MAAA,sBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB,IAAA,QAAQ;IAEd,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-email/ls-field-properties-email.scss?tag=ls-field-properties-email&encapsulation=shadow","src/components/ls-field-properties-email/ls-field-properties-email.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  display: flex;\n  gap: 0.5rem;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  font-weight: 500;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background-color: white;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n\n@Component({\n  tag: 'ls-field-properties-email',\n  styleUrl: 'ls-field-properties-email.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesEmail {\n  @Prop() dataItem: LSApiElement;\n  \n    render() {\n      return (\n        <Host>\n          <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n            <div class={'ls-dv-field-set'} slot=\"content\">\n              <ls-field-content dataItem={this.dataItem} />\n              <ls-field-properties-advanced dataItem={this.dataItem} />\n            </div>\n            <div class={'ls-dv-field-set'} slot=\"dimensions\">\n              <ls-field-dimensions dataItem={this.dataItem} />\n            </div>\n            <div class={'ls-dv-field-set'} slot=\"placement\">\n              <ls-field-placement dataItem={this.dataItem} />\n            </div>\n          </ls-field-properties-container>\n          <ls-field-footer dataItem={this.dataItem} />\n        </Host>\n    );\n  }\n}\n"],"version":3}