npm - legalesign-document-viewer - Versions diffs - 0.10.2 → 0.10.4 - Mend

legalesign-document-viewer 0.10.2 → 0.10.4

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

Files changed (508) hide show

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

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

package/dist/components/{p-CQVcPp7I.js → p-Ij6Uu9h8.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CLbfAJ0X.js';
-import { d as dvI18n } from './p-B8VmBxFg.js';
-import { d as defineCustomElement$2 } from './p-CB9tEjJy.js';
-import { d as defineCustomElement$1 } from './p-BsreOXdY.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-Bp8hmhrC.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
 const lsFieldPlacementCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6f7176);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:100%}#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)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #c8c9cc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #c8c9cc);box-shadow:none}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #c8c9cc)}.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)}`;
@@ -68,7 +68,7 @@ const LsFieldPlacement = /*@__PURE__*/ proxyCustomElement(class LsFieldPlacement
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '5083f99f96e6d7091a493e11fe15619870c71cb7' }, this.isMultiple(this.dataItem) && (h("div", { key: '5e2a0b135295b5cbaa2b22a0b5fda020efdbbe0c', class: 'ls-dv-field-properties-section' }, h("div", { key: 'd3e3d475238818ad2065c8813271cfdcc74b0376', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c589c6cc011708760b871680222d8382cc48156a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'e70c1d678c94838923ea766d403a9a18a4ecf55a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '66e154205cf9cf651e9eb33beffa83e7b32ade82', class: 'ls-dv-input-row' }, h("div", { key: '7c0ee12110337c3b20e877fccb31172bcfc6c92f', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '5361f6a041d3a08e541a33e61d4f2f4f31d5d498', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'e312575e076c19fac990f0dce19594c490b42949', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'bad6b04af69cbd97db47d0bde9a83a1a4005f0f7', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '6716c206039d325613c5e23fc7a078e3732ab0ae', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'a31340129ac090fcb870cde261c6c99301b1690b', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: 'a63b54b282ac0f2e4bec26d35fd3ad7a53a66b3b', class: 'ls-dv-field-set' }, h("div", { key: '3238fb9eacba56e3eaa5994d3f936e23a2007cbc', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ddb8fe4b37203562c6fd38018fc531226c28a91e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd8b5575f09e73307a9e833bc344905e7d6f0ef8c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '4cfa957c507005659abbef642221d4b72192eee3', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '95e3af5e54201c032f59cc9809de217821f85c41', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '97f769a5a676787904ab1ae559fb737231b851d8', class: 'ls-dv-button-group' }, h("button", { key: '2e7a8d179cd8de6897e01e0280c66a93218659cb', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: '5878320df02ea97360f09332abe8c9e7720edd86', name: "field-alignment-left-icon" })), h("button", { key: '07f4ba3d6ed0e21c9f18afbd18ce11a438d0d366', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: '4765da75b4365ed0fac556fc24ad6c686b67d9e4', name: "field-alignment-centre-icon" })), h("button", { key: 'dc3987921927ef5cea20fcebd41db8656839a33c', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: 'b92a6ebfa53d661ceed2302c022315dd07849f1d', name: "field-alignment-right-icon" }))), h("div", { key: '43fc394933e2c1fcc807699d8026ec7bdcdb23b2', class: 'ls-dv-button-group' }, h("button", { key: '9c09bd4089a8234c9527d3bccd16646dfe6f991a', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '14552055a66060e8ceea3c218f3f5a5181fd393f', name: "field-alignment-top-icon" })), h("button", { key: '706206e895a226ea15ec9c9dfa5e263b96e42894', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: '61c476567de05c84b81c949129a91d8821d67245', name: "field-alignment-middle-icon" })), h("button", { key: '4c330e98125a4cd7de290021227cfe89b9736fd0', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: '0f76c47d80cc846ce065f45f93c603026424eb02', name: "field-alignment-bottom-icon" }))))), h("div", { key: '224f7e5403174dd4b892e5c33cdc201a8e304bc8', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e78fa7b9e6b79f1683c26f4d1fb9a1c1b1b75ffb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0ed3d66b5dcc797ce733312a03076a7eb50bd4ab', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'ddf50f24b326139753747ba1c4084ae51e6d6d42', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '3ec4e402d919148b7fef540dd8aff2fc4324d4f7', class: 'ls-dv-input-row' }, h("div", { key: '22c73875a29b7e6f35c20673c2401a3b1fcc1919', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '8087262ab6ef194af28363aafe7ad2ce5e046e8f', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '0b6a85ca490d16347eb32a950e9c714f9f94b0a1', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: '837e6dbbdd7a90a8a2162c751381a7c851d2a53c', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'cff2248486b006ac8408c702de34b543cfa11ca7', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'a87de85708c0f150bd5cd2f4891bda17178b4672', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30", disabled: this.readonly })))), h("div", { key: '0deef05909aa30baabf04e28eb1d8fa4f29355b3', class: 'ls-dv-field-properties-section' }, h("div", { key: '9ebce07da4190f1f27565036c8be9b087dc684de', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0571b2da8b656e0d5e9732e7541f170f38590ea8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '1dfdd69b27109e89fd6f8dfeca4888f8093eda51', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '73861692018503fe4b65da3f9f947095ca621510', class: 'ls-dv-button-group' }, h("button", { key: '066fa1c2add32eb3bd7331fb8069a33546580b67', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '17e421cd47ba7a1dba867e201cd4dda9948f5535', name: "field-distribute-vertically-icon" })), h("button", { key: '7da9f4538dd4186f3257c521e6f7bf187c0a526b', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '84f468f5033edb0b9ee4c3b94044b7bd031ceff9', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'f20a3e2f5d21bfe7635bf11f5f8376271f5f8d8e', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c50da612ef9cf46d2b2971abb9ad3dac987d9c71', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f9a9a55b6d4ba7bbadc9c8b4130a17d830595eec', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '8c1822480410fb7cdedf07c68c6a2a64c1f76aef', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'c82ecd69c5eb01ad2b28262b0b67c370f73d97fe', class: 'ls-dv-input-row' }, h("div", { key: '3b4e577ac49e3f282817948c0ba573b8a9f494a9', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '0ad1e441758621aec4426f480f4cc0e62c99e055', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: 'f205f326c16f8c78de1ae07d77efd05dd1be046c', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: 'c7543596543da6b62bb742a4a27bec1501f24fc0', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '74f56cd7f1d6b3852cff3268cbb52a894556ca2c', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '4a94a96b0de6a9b32a4c26fc4524baac6ee7b302', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '4cc8a6f037a7f2346885942381d9f27aa9695888', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: 'e4cecb1b45b1b52a73c6a297f11716e25193497a' }, this.isMultiple(this.dataItem) && (h("div", { key: '7b6ae2f7c44dc7386e961467b7388db7be8be4a6', class: 'ls-dv-field-properties-section' }, h("div", { key: '8d772addd2b139c86a715ca6ae85c63c42829c0b', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '101cc43e81a55d022ce0a6d85764e029bd7f0690', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1060ade0f0d90005fae6a5470b46723016375ac2', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'dc9b6b50d2b71e70d6271e91a24f96554f19b218', class: 'ls-dv-input-row' }, h("div", { key: '4cabff83ee795ba7f4bf30a368dd71bbeb2f6cbe', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'ba2eb3d5e3116aa267060128d620e5fbf0dcc733', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'f3830cb770cd9673f87d5ad4bbcc46434bc01baf', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'a0a8c51643c6e91c8fcab8c234df0dd6a250357e', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'af147ec36c9598baa4f2b181597ee799b7ea8d0b', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '52ea8f6ad247828c19630e30f5c9a4951f991a6f', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: '58090f76410f368348abdf86de34c3dd03390e98', class: 'ls-dv-field-set' }, h("div", { key: '048df96d3cf06b5be5b4c85bcf0d1eb9a32bd46c', class: 'ls-dv-field-properties-section' }, h("div", { key: '9caf97467fd013420f512020dfdbd37926d3cf67', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'aebe43b21d71d1c48f69063fdfc5dd63635be0e9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '39c53749c03caed38962b87544636252311fa524', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '1a94c1e6571b793cb620410a94ab109eb845c42e', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '1a12afd1b24edb219dda9548c572cbe04dfa681f', class: 'ls-dv-button-group' }, h("button", { key: '923c539ee81769675f1e19b794bef5870f761444', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: 'd3a6df642e37aa29d33c0b28daf5ba3288b0c81c', name: "field-alignment-left-icon" })), h("button", { key: '9ddb439ccec7afee3b31acbf2920b2027639ca7e', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: 'a75aa9aa8ce7760dc6ef37d91c4ce68eb93a3a4b', name: "field-alignment-centre-icon" })), h("button", { key: '3009dd829abd962ef347b23410e9f09a6b53bb2e', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: '74c4e39971b6c3e14280d77eb49f8e7582206009', name: "field-alignment-right-icon" }))), h("div", { key: '394b8e0e71c78483314eb7faebfd9a2a295e3f8e', class: 'ls-dv-button-group' }, h("button", { key: '2b46c6fd1492344936c4a2e8c43eba046edffe9e', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '99b94fd721ef73e698c6ef519e223a0f1a43d8b9', name: "field-alignment-top-icon" })), h("button", { key: '67f890427ebc8d2b5a20fe0209c0c12f23456cba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: '4b385ed96004bb1a415a29a535c8570e1be03a30', name: "field-alignment-middle-icon" })), h("button", { key: '6e7a801acd6188a4e13dba53ec10f40323368795', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: 'e3204faf98839060e3d42a497ed679421ef6c303', name: "field-alignment-bottom-icon" }))))), h("div", { key: '0c1d177d048554856696e1a98080207070c65b0d', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e036fb70766fb6946ec2190395712c1e2cbf9427', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b0e60929ae71cb630649407a4726cc7a3ece041e', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1ccc216cd8230df41531412ba0251343037d67e6', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'ee3697e2bb5e060a14f17946f810d1b507e84f6d', class: 'ls-dv-input-row' }, h("div", { key: '69b0352255d6831e38d2d54a6f34cd77db3c6a82', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '39605c04b62d34bf7a00da06efb9ba836a56556c', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '42005e3f8da2343bdaf665f85c92c7a3ef615d97', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }), disabled: this.readonly })), h("div", { key: 'ae398283e853efba30211acfa0834920e06d7423', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '539f95481c2f67d1e53dc12c92cbe3f7ffd465ec', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: 'ac010c6c6bb953dc5cee2247560612745e281125', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30", disabled: this.readonly })))), h("div", { key: '28a45ddb0b8d0c30a242239797d9a82b30a88eec', class: 'ls-dv-field-properties-section' }, h("div", { key: '1ed9d37343542c92f2fc461e57f0313b6d55c4dd', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '4985c99bd11ff5d3fa42d680681cfe9a68e44a9f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '5b1bbf5eefd67bdb12dc20f677c34d8db1ee4594', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'b85f695ca323ce6185304a81c4f5eb901b89a1b3', class: 'ls-dv-button-group' }, h("button", { key: 'f9222c6b558bed7f58868ecfd75bf097b3429a14', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'dc0f9cb2a03c6f37749167c8f6be533dac28bc11', name: "field-distribute-vertically-icon" })), h("button", { key: '807f30c7dd1bbe4dd9ff1a2d3cf6cb3b8e0e1934', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '434d37c2ceadff7c2df869419b8f57a2a0d3b7a7', name: "field-distribute-horizontally-icon" })))), h("div", { key: '10b6c49e0009e36f37527bbaa372da914f3cace1', class: 'ls-dv-field-properties-section' }, h("div", { key: '679330c9c77efbf47ce6da02bc3b5e7ebfeedcf0', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '12571251a28eaa944c23903622c0612efbc406f8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'd8bf72df6d661a320567b9b612efa53d7d3f5294', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'c0b363b34c5729c32ae9ddca3e4a33c67981430c', class: 'ls-dv-input-row' }, h("div", { key: '53bc64218e0ee697a3eefe2ee3bce29d6e443f5e', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '2fb36fec5da510cd4a9b2ce3ea5b611d4aafe482', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '747db95eb6c69b0611e7639b71c78572934d46fe', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '3377a2882a37017fe92d16bb432a79d26f773476', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '02203bd470da7cae0f5a27401abf6fdfac2c7d03', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '46a9651a3e3c86827527398c422cfe24424e5c16', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '1c02d8d26c18c7201edd77de73180069c19bf188', tooltipId: "ls-dv-tooltip" })));
     }
     static get style() { return lsFieldPlacementCss(); }
 }, [769, "ls-field-placement", {
@@ -101,6 +101,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPlacement as L, defineCustomElement as d };
-//# sourceMappingURL=p-CQVcPp7I.js.map
+//# sourceMappingURL=p-Ij6Uu9h8.js.map
-//# sourceMappingURL=p-CQVcPp7I.js.map
+//# sourceMappingURL=p-Ij6Uu9h8.js.map

package/dist/components/{p-CQVcPp7I.js.map → p-Ij6Uu9h8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CQVcPp7I.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-placement/ls-field-placement.scss?tag=ls-field-placement&encapsulation=shadow","src/components/ls-field-placement/ls-field-placement.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\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-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\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\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\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#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\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 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 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\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 width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-placement',\n styleUrl: 'ls-field-placement.scss',\n shadow: true,\n})\nexport class LsFieldPlacement {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return \"\";\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key]\n }\n return ''\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n center() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.width / 2 - item.width / 2;\n }\n\n right() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.width - item.width;\n }\n\n middle() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.height / 2 - item.height / 2;\n }\n\n bottom() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.height - item.height;\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n <input type=\"number\" class={'ls-dv-has-leading-icon'} aria=\"top-location\" id=\"top-location\" onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} disabled={this.readonly} />\n </div>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"left-location\"\n id=\"left-location\"\n onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n {/ @Alex I couldn't get this to work?? Only Top and Left */}\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n </div>\n <div class={'ls-dv-multi-button-group-row'}>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => { this.alter({ left: 0 }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ left: this.center() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ left: this.right() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n </button>\n </div>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.alter({ top: 0 })} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ top: this.middle() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ top: this.bottom() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"top-location\"\n id=\"top-location\"\n value={this.dataItem?.left}\n onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"left-location\"\n id=\"left-location\"\n value={this.dataItem?.top}\n onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })}\n width=\"30\"\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n </button>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-vertically-icon\"></ls-icon>\n <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"vertical-gap\" id=\"vertical-gap\" disabled />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"horizontal-gap\" id=\"horizontal-gap\" disabled />\n </div>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ij6Uu9h8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-placement/ls-field-placement.scss?tag=ls-field-placement&encapsulation=shadow","src/components/ls-field-placement/ls-field-placement.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\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-multi-button-group-row {\n display: flex;\n gap: 0.5rem;\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\n.ls-dv-input-row {\n display: flex;\n gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n width: 9.313rem;\n max-width: 9.313rem;\n}\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: 100%;\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#selectLeadingIconDisabled {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n color: $gray-50;\n box-shadow: none;\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 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 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\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 width: 100%;\n}\n\n.ls-dv-button-group button {\n display: flex;\n width: 100%;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n background: $gray-10;\n cursor: not-allowed;\n color: $gray-50;\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, Event, EventEmitter, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-field-placement',\n styleUrl: 'ls-field-placement.scss',\n shadow: true,\n})\nexport class LsFieldPlacement {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement \| LSApiElement[];\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n isSingle(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement \| LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n getValue(key) {\n if (this.isMultiple(this.dataItem)) {\n return \"\";\n } else if (this.isSingle(this.dataItem)) {\n return this.dataItem[key]\n }\n return ''\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent;\n this.dataItem = singleDiff.data as LSApiElement;\n this.mutate.emit([singleDiff]);\n }\n }\n\n center() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.width / 2 - item.width / 2;\n }\n\n right() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.width - item.width;\n }\n\n middle() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.height / 2 - item.height / 2;\n }\n\n bottom() {\n const item = this.dataItem as LSApiElement;\n return item.pageDimensions.height - item.height;\n }\n\n componentDidLoad() {\n }\n\n render() {\n return (\n <Host>\n {this.isMultiple(this.dataItem) && (\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n <input type=\"number\" class={'ls-dv-has-leading-icon'} aria=\"top-location\" id=\"top-location\" onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })} disabled={this.readonly} />\n </div>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"left-location\"\n id=\"left-location\"\n onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n )}\n {this.isSingle(this.dataItem) && (\n <div class={'ls-dv-field-set'}>\n {/ @Alex I couldn't get this to work?? Only Top and Left */}\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.alignment')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.alignmentdescription')}</p>\n </div>\n <div class={'ls-dv-multi-button-group-row'}>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => { this.alter({ left: 0 }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignleft')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-left-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ left: this.center() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligncenter')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-centre-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ left: this.right() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignright')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-right-icon\"></ls-icon>\n </button>\n </div>\n <div class={'ls-dv-button-group'}>\n <button onClick={() => this.alter({ top: 0 })} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.aligntop')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-top-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ top: this.middle() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignmiddle')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-middle-icon\"></ls-icon>\n </button>\n <button onClick={() => { this.alter({ top: this.bottom() }) }} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.alignbottom')} disabled={this.readonly}>\n <ls-icon name=\"field-alignment-bottom-icon\"></ls-icon>\n </button>\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.location')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.locationdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"x-letter-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"top-location\"\n id=\"top-location\"\n value={this.dataItem?.left}\n onChange={e => this.alter({ left: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </div>\n <div class={'ls-dv-input-wrapper'}>\n <ls-icon id=\"selectLeadingIcon\" name=\"y-icon\"></ls-icon>\n <input\n type=\"number\"\n class={'ls-dv-has-leading-icon'}\n aria=\"left-location\"\n id=\"left-location\"\n value={this.dataItem?.top}\n onChange={e => this.alter({ top: (e.target as HTMLInputElement).value })}\n width=\"30\"\n disabled={this.readonly}\n />\n </div>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.distribution')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.distributiondescription')}</p>\n </div>\n <div class={'ls-dv-button-group'}>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n <ls-icon name=\"field-distribute-vertically-icon\"></ls-icon>\n </button>\n <button disabled data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('alignment.selectmultipledistribution')}>\n <ls-icon name=\"field-distribute-horizontally-icon\"></ls-icon>\n </button>\n </div>\n </div>\n\n <div class={'ls-dv-field-properties-section'}>\n <div class={'ls-dv-field-properties-section-text'}>\n <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('placement.gap')}</p>\n <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('placement.gapdescription')}</p>\n </div>\n <div class={'ls-dv-input-row'}>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-vertically-icon\"></ls-icon>\n <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"vertical-gap\" id=\"vertical-gap\" disabled />\n </div>\n <div class={'ls-dv-input-wrapper'} data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('placement.selectmultiplegap')}>\n <ls-icon id=\"selectLeadingIconDisabled\" name=\"field-distribute-horizontally-icon\"></ls-icon>\n <input type=\"number\" value=\"0\" class={'ls-dv-has-leading-icon'} aria=\"horizontal-gap\" id=\"horizontal-gap\" disabled />\n </div>\n </div>\n </div>\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DvVSXyfE.js → p-K7KaIE1v.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-CLbfAJ0X.js';
-import { d as dvI18n } from './p-B8VmBxFg.js';
-import { d as defineCustomElement$2 } from './p-CB9tEjJy.js';
-import { d as defineCustomElement$1 } from './p-BsreOXdY.js';
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-DffaAVW4.js';
+import { d as dvI18n } from './p-Bp8hmhrC.js';
+import { d as defineCustomElement$2 } from './p-BT5rCW3w.js';
+import { d as defineCustomElement$1 } from './p-DZP-fvPJ.js';
-const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=number]{width:max-content;max-width:3rem}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+const lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-dv-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=number]{width:max-content;max-width:3rem}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.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 button.ls-dv-active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6);cursor:default;pointer-events:none}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
 const LsFieldFormat = /*@__PURE__*/ proxyCustomElement(class LsFieldFormat extends H {
     constructor(registerHost) {
@@ -56,31 +56,31 @@ const LsFieldFormat = /*@__PURE__*/ proxyCustomElement(class LsFieldFormat exten
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '0deef5695c9a082ba974817ef19d98eb263c6481', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'b805b885b7f4e92044d9b4a5dca3b6c4a34469fb', class: 'ls-dv-field-format-bar' }, h("div", { key: '1717e8f39ccfbf6bf7c525b0a54c3bd55d0b3376', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '18ee7a960b6f02895ae7acdcccb2459edfe2f8a9', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '6729294991de9eaa1d14a8f8ed6b95b240fdde2c', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: 'a30cfc986e0ffb27427cceb442475cf4555e4413', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '52fac60e65e1d4cc6fc7b1c880ab18bdc9b15209', class: 'ls-dv-field-format-bar' }, h("div", { key: 'a2a8c49a08a5fb178f1b1e33d04bbeaf7685c6b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '3ca17f5993952362605535e56166ecde5bde0478', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '1b043cc3013f7f6e80dddccd23dc54aae11688d0', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '16c8860954b0a136431d2a94c3da056867088ebd', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '2fc49ce4c357642f8958e18bc490f8107945467f', value: "arial" }, "Arial"), h("option", { key: '665ec85421086e36f7a0c8a23d98ce3b5f180b5f', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2d89f1e2d0b11a5d3dfd0798b72e127c516a3420', value: "courier" }, "Courier"), h("option", { key: '1200eb71c797983d44122e7c63f1c972d6ea34a2', value: "helvetica" }, "Helvetica"), h("option", { key: '262ba218bd8f956a24c8e4226037ac54eca3d675', value: "verdana" }, "Verdana")), h("ls-icon", { key: 'bd2e85f14676b6becc307905607b50f5e83d9706', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '31a071f08ea83cfbe7cafcb4b3385821cc2836d3', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '695d8d0fe2488efd4de5deb695c23fd8f412e75f', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '48483d5cfd7c2ebdf3a21438d05540fd2d5d0bb7', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '67cf7d2fe34fc980065c73ea8f31fa53737bce82', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '6874d63750b95da6078128b758060a5a5b7027b0', value: "arial" }, "Arial"), h("option", { key: 'bd6ad75adf8b0b3c627eebead981bb70e6552576', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '701df08cbb9304ba133a5a22859fcf2969ed346b', value: "courier" }, "Courier"), h("option", { key: '2e6543181136d996999414f7417c0975c6f3f241', value: "helvetica" }, "Helvetica"), h("option", { key: '6899f4e88c3e961ecf44825d88f597338c8299a6', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2c23e090ada507f25a8cfd28f008490928fb2d6d', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '7c78dbd2488e7d1d4160023fbf0e7841a098e4b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '2950ad5c3a4fae0b8ef561207506fc8a08fa63b6', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '366854e50d871a9f28e8794dd055e18f628b6a1d', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: 'ae9efb84bdf5612844d894bc4ae680a182f8964f', class: 'ls-dv-button-group' }, h("button", { key: '23b658277ed2e003cbdcd227076a0050cccbbdd4', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '27ee621bbc68e397ef17f8b47aaa58af14ff35c4', class: 'ls-dv-button-group' }, h("button", { key: '32115e771209bd271e8a84e67be8bc737569235e', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '9f5cf39fc49ed71ee9a4516a00a32666632ca85d', name: "menu-alt-2-icon" })), h("button", { key: 'f5bf2190d2412304e066ee9817b70a914e3a2560', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'edb58e9b830825d44965b49c7afe2a8ac53f0294', name: "menu-alt-2-icon" })), h("button", { key: '5f915c921b9be965707ab89224d070246f9883a8', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '3d4a518292a769a7f7b53a9da79d195fccf5677a', name: "menu-alt-5-icon" })), h("button", { key: '67e0568a42f300c24512708b8a9504af600ef2b7', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '25f88a7a103ae302ea5dd9b93400cda22b388498', name: "menu-alt-5-icon" })), h("button", { key: '62787902f13ec6f870ae1e533416b58f5553ebd7', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '91dde2ff21a3bca0b5a28bcd7712cf3b7165835b', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: 'b1dba4270bf2a00bb9c1d66e22b9bb458571c5a9', class: 'ls-dv-field-format-bar' }, h("div", { key: '981e4e0dff5066cf4d175bb697507440a7beb922', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '6491098f39626c9bea77ec2f06a295cc06b4c74a', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: '8b3d89f4f407d40c6e3cc5766c3ff43cb50ee2e6', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '6e999f130e485c7bb8922d8aae31b377153f5ae7', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '6930b9223a758a6f8b42c466739612ef3d6b67d5', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93faac03f2360ffdb2b9108ad867a667c1c286ad', class: 'ls-dv-field-format-bar' }, h("div", { key: '64132c9d4eab4ae39e44fe47d8054589d23cd382', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '294ff2c8f5ec22da2667616f3ca9c976475a95a3', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: 'bc8f8e348c5d80a5e9685e5daa305f160216fb19', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '5107e3ee8eaab44b4e86483bd2350ea63c20e6bc', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: 'ad169871ce1a2415268c578e63aa51dbb6aa0c67', value: "arial" }, "Arial"), h("option", { key: 'feee5e22faa7f85c68a6114d4b5df4b52c7a8111', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'b4235d4a1ce2d8a5b6c6df99c1f4e980c85e394a', value: "courier" }, "Courier"), h("option", { key: 'ee4882f139c6c82bed02b38cbf2ffb34ca2fb884', value: "helvetica" }, "Helvetica"), h("option", { key: '8d462c65af0c2a588de173311ba060066e35e7a5', value: "verdana" }, "Verdana"))), h("div", { key: '391e5f7c2653b9e1774fc4ce72ed17bea0b30589', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '8f255189f12efaba73769d41a5d46907f12d9511', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'eddeda50e2e507ba18af48e04cf600c1a0e4ce41', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '920297ef5b4aebe491a443ce49d1d5e562af6a45', value: "arial" }, "Arial"), h("option", { key: '88e02f1c303035268adeafaa7d41b4e55c363244', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '60d38b842f30969235e6d17ed4a9394ea1d5f481', value: "courier" }, "Courier"), h("option", { key: '94f13f530eed3b58557cc8f21a29bcd9faf48ddd', value: "helvetica" }, "Helvetica"), h("option", { key: '5ed34e08ce75ad09eae4a13b0f7954777cbd80a2', value: "verdana" }, "Verdana"))), h("div", { key: '3cc803cb4fc197f49c1f013707b51d8dd777fc88', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '17d2bd94b28f40fd3d99958f78599f46b670b0f5', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'd3da7becaae40a614e3830d7e0b8fe1ae0862a9e', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '7e822b6a31d6328349d15ed55216b5551edd3e3c', class: 'ls-dv-button-group' }, h("button", { key: '7e1064703a87f2a7a18ae9eeb44c57b2f725df94', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '89671bf2c0be560096f7a4c30f34560835ba474f', class: 'ls-dv-button-group' }, h("button", { key: 'bb600958b5d2523a3e2f1ab48148e8841d6a3eeb', class: { 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }, onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '7ed772b1dc6108bbf62d7f1cc8ab1e183370a192', name: "menu-alt-2-icon" })), h("button", { key: 'efb85ae09f582a9d4beff98435992dfa686903b1', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '928054d34f47cfdac57bd6a7ef42be66c28c53cf', name: "menu-alt-2-icon" })), h("button", { key: '2b54607e0254a1b95a19af7204904ba5dd02ec7b', class: { 'ls-dv-active': this.dataItem[0].align === 'center' }, onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: 'e0d56a966a15bf9ad955550e39059326ed92e125', name: "menu-alt-5-icon" })), h("button", { key: 'ada1df8d8c5aeaf4517c174c55cfba257a3bd41c', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '8a26b01330ca4e77cbf6b747a8e2283df9ad49f3', name: "menu-alt-5-icon" })), h("button", { key: '5b1bb4eec78cc3ecd6a3b86eeeff04511a8b5a5f', class: { 'ls-dv-active': this.dataItem[0].align === 'right' }, onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '19ecb57a6f0677ddf1ca0080d202f056a550c76e', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: 'd5eaa1b6332bd23573e2b80d504864a7e58dde1c', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: 'fbf223c5cb58ee34da29747c885bed72fab521bd', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: 'cac08b2c91f39dee1738b9dfe15e185ee0b7a875', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "dataItem": ["selectFieldsHandler"]
@@ -117,6 +117,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldFormat as L, defineCustomElement as d };
-//# sourceMappingURL=p-DvVSXyfE.js.map
+//# sourceMappingURL=p-K7KaIE1v.js.map
-//# sourceMappingURL=p-DvVSXyfE.js.map
+//# sourceMappingURL=p-K7KaIE1v.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-K7KaIE1v.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-format/ls-field-format.scss?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-dv-field-format-bar {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='number'] {\n width: max-content;\n max-width: 3rem;\n\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 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 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\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 button.ls-dv-active {\n background: $primary-10;\n color: $primary-60;\n cursor: default;\n pointer-events: none;\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\n\n","import { Component, EventEmitter, Host, Prop, h, Element, Event, Watch } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.scss',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Element() component: HTMLElement;\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n };\n\n // Send selection changes to bars and panels if in use.\n @Watch('dataItem')\n selectFieldsHandler() {\n if (this.dataItem.length > 0) {\n var selFont = this.component.shadowRoot.getElementById('ls-toolbar-font-select') as HTMLSelectElement;\n if (selFont) selFont.value = this.allElementsSame()?.fontName;\n var selFontSize = this.component.shadowRoot.getElementById('ls-toolbar-font-size') as HTMLInputElement;\n if (selFontSize) selFontSize.value = this.allElementsSame()?.fontSize.toString();\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff);\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n }\n\n allElementsSame = () => {\n if (!this.dataItem || this.dataItem.length === 0) return;\n const firstFontName = this.dataItem[0].fontName;\n const allFontsSame = this.dataItem.every(item => item.fontName === firstFontName);\n const firstFontSize = this.dataItem[0].fontSize;\n const allFontSizesSame = this.dataItem.every(item => item.fontSize === firstFontSize);\n return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };\n };\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.dataItem.length > 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option disabled selected={this.allElementsSame()?.fontName === 'mixed'} value={'mixed'}>\n Mixed\n </option>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type='number'\n min=\"4\"\n value={this.allElementsSame()?.fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n </div>\n )}\n {this.dataItem && this.dataItem.length === 1 && (\n <div class={'ls-dv-field-format-bar'}>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontfamily')}>\n <ls-icon id=\"selectorIcon\" name=\"selector-icon\"></ls-icon>\n <ls-icon id=\"selectLeadingIcon\" name=\"typeface-icon\"></ls-icon>\n <select\n id=\"ls-toolbar-font-select\"\n onChange={input => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n >\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n </div>\n <div class=\"ls-dv-input-wrapper\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.fontsize')}>\n <ls-icon id=\"selectLeadingIcon\" name=\"text-size-icon\"></ls-icon>\n <input\n id=\"ls-toolbar-font-size\"\n type=\"number\"\n min=\"4\"\n size={4}\n value={this.dataItem[0].fontSize}\n onChange={input => {\n if ((input.target as HTMLInputElement).value === '') return;\n this.alter({ fontSize: (input.target as HTMLInputElement).value });\n }}\n class={'ls-dv-has-leading-icon'}\n />\n </div>\n <div class={'ls-dv-button-group'}>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'left' || !this.dataItem[0].align }}\n onClick={() => {\n this.alter({ align: 'left' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextleft')}\n >\n <ls-icon name=\"menu-alt-2-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'center' }}\n onClick={() => {\n this.alter({ align: 'center' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextcenter')}\n >\n <ls-icon name=\"menu-alt-5-icon\"></ls-icon>\n </button>\n <button\n class={{ 'ls-dv-active': this.dataItem[0].align === 'right' }}\n onClick={() => {\n this.alter({ align: 'right' });\n }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('format.aligntextright')}\n >\n <ls-icon name=\"menu-alt-3-icon\"></ls-icon>\n </button>\n </div>\n\n {/* <select\n onChange={input => {\n this.alter({ align: (input.target as HTMLSelectElement).value });\n }}\n >\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select> */}\n </div>\n )}\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}