legalesign-document-viewer 1.0.13 → 1.0.14
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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ls-add-new-button_20.cjs.entry.js +17 -17
- package/dist/cjs/ls-assignee-select_21.cjs.entry.js +8 -8
- package/dist/cjs/ls-compose-loader_7.cjs.entry.js +9 -9
- package/dist/cjs/ls-document-viewer.cjs.js +1 -1
- package/dist/cjs/ls-field-alignment_3.cjs.entry.js +1 -1
- package/dist/cjs/ls-field-format_2.cjs.entry.js +10 -10
- package/dist/cjs/ls-field-type-display.cjs.entry.js +3 -3
- package/dist/cjs/ls-helper-bar_2.cjs.entry.js +2 -2
- package/dist/cjs/ls-title-input.cjs.entry.js +1 -1
- package/dist/cjs/ls-toolbox-field.cjs.entry.js +3 -3
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js +1 -1
- package/dist/collection/components/ls-field-properties-multiple/ls-field-properties-multiple.js.map +1 -1
- package/dist/collection/components/ls-field-properties-number/ls-field-properties-number.js +1 -1
- package/dist/collection/components/ls-field-properties-signature/ls-field-properties-signature.js +1 -1
- package/dist/collection/components/ls-field-properties-text/ls-field-properties-text.js +1 -1
- package/dist/collection/components/ls-field-size/ls-field-size.js +1 -1
- package/dist/collection/components/ls-field-type-display/ls-field-type-display.js +3 -3
- package/dist/collection/components/ls-field-type-select/ls-field-type-select.js +4 -4
- package/dist/collection/components/ls-helper-bar/ls-helper-bar.js +1 -1
- package/dist/collection/components/ls-input-wrapper/ls-input-wrapper.js +1 -1
- package/dist/collection/components/ls-keyboard-shortcuts/ls-keyboard-shortcuts.js +1 -1
- package/dist/collection/components/ls-participant-manager/ls-participant-manager.js +3 -3
- package/dist/collection/components/ls-participant-select/ls-participant-select.js +10 -10
- package/dist/collection/components/ls-props-section/ls-props-section.js +1 -1
- package/dist/collection/components/ls-recipient-card/ls-recipient-card.js +5 -5
- package/dist/collection/components/ls-recipient-manager/ls-recipient-manager.js +1 -1
- package/dist/collection/components/ls-statusbar/ls-statusbar.js +8 -8
- package/dist/collection/components/ls-title-input/ls-title-input.js +1 -1
- package/dist/collection/components/ls-toggle/ls-toggle.js +2 -2
- package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js +3 -3
- package/dist/collection/components/ls-validation-manager/ls-validation-manager.js +2 -2
- package/dist/collection/components/ls-validation-tag/ls-validation-tag.js +2 -2
- package/dist/components/ls-document-options.js +1 -1
- package/dist/components/ls-document-viewer.js +32 -32
- package/dist/components/ls-field-content.js +1 -1
- package/dist/components/ls-field-properties-advanced.js +1 -1
- package/dist/components/ls-field-properties-autosign.js +1 -1
- package/dist/components/ls-field-properties-checkbox.js +1 -1
- package/dist/components/ls-field-properties-date.js +1 -1
- package/dist/components/ls-field-properties-dropdown.js +6 -6
- package/dist/components/ls-field-properties-email.js +1 -1
- package/dist/components/ls-field-properties-file.js +1 -1
- package/dist/components/ls-field-properties-general.js +1 -1
- package/dist/components/ls-field-properties-multiple.js +1 -1
- package/dist/components/ls-field-properties-number.js +1 -1
- package/dist/components/ls-field-properties-signature.js +1 -1
- package/dist/components/ls-field-properties-text.js +1 -1
- package/dist/components/ls-field-properties.js +1 -1
- package/dist/components/ls-field-size.js +1 -1
- package/dist/components/ls-field-type-display.js +3 -3
- package/dist/components/ls-field-type-select.js +1 -1
- package/dist/components/ls-helper-bar.js +1 -1
- package/dist/components/ls-input-wrapper.js +1 -1
- package/dist/components/ls-keyboard-shortcuts.js +1 -1
- package/dist/components/ls-left-bar.js +1 -1
- package/dist/components/ls-participant-card.js +1 -1
- package/dist/components/ls-participant-manager.js +1 -1
- package/dist/components/ls-participant-select.js +1 -1
- package/dist/components/ls-props-section.js +1 -1
- package/dist/components/ls-recipient-card.js +1 -1
- package/dist/components/ls-recipient-manager.js +1 -1
- package/dist/components/ls-statusbar.js +1 -1
- package/dist/components/ls-title-input.js +1 -1
- package/dist/components/ls-toggle.js +1 -1
- package/dist/components/ls-toolbar.js +1 -1
- package/dist/components/ls-toolbox-field.js +1 -1
- package/dist/components/ls-validation-manager.js +1 -1
- package/dist/components/ls-validation-tag.js +1 -1
- package/dist/components/{p-C2JalniE.js → p-5AJyvM7V.js} +3 -3
- package/dist/components/{p-C2JalniE.js.map → p-5AJyvM7V.js.map} +1 -1
- package/dist/components/{p-x8FQ2VuC.js → p-B6VrNH3t.js} +9 -9
- package/dist/components/{p-x8FQ2VuC.js.map → p-B6VrNH3t.js.map} +1 -1
- package/dist/components/{p-uST4uUr8.js → p-BCYIqf8S.js} +9 -9
- package/dist/components/{p-uST4uUr8.js.map → p-BCYIqf8S.js.map} +1 -1
- package/dist/components/{p-D4pQIA1Z.js → p-BEq82oAT.js} +9 -9
- package/dist/components/{p-D4pQIA1Z.js.map → p-BEq82oAT.js.map} +1 -1
- package/dist/components/{p-DQGVdCyH.js → p-BZLs3S8S.js} +3 -3
- package/dist/components/{p-DQGVdCyH.js.map → p-BZLs3S8S.js.map} +1 -1
- package/dist/components/{p-CowkeWsT.js → p-Bd176AnW.js} +13 -13
- package/dist/components/{p-CowkeWsT.js.map → p-Bd176AnW.js.map} +1 -1
- package/dist/components/{p-BmpejMo_.js → p-BgajmEVt.js} +8 -8
- package/dist/components/{p-BmpejMo_.js.map → p-BgajmEVt.js.map} +1 -1
- package/dist/components/{p-BTcdVmkv.js → p-BgoGd-eS.js} +4 -4
- package/dist/components/{p-BTcdVmkv.js.map → p-BgoGd-eS.js.map} +1 -1
- package/dist/components/{p-BDD6zFgO.js → p-BnJLMchr.js} +8 -8
- package/dist/components/{p-BDD6zFgO.js.map → p-BnJLMchr.js.map} +1 -1
- package/dist/components/{p-BodlW2-m.js → p-C2zBzrSq.js} +3 -3
- package/dist/components/{p-BodlW2-m.js.map → p-C2zBzrSq.js.map} +1 -1
- package/dist/components/{p-BzFRp7ij.js → p-C4MDnydI.js} +3 -3
- package/dist/components/{p-BzFRp7ij.js.map → p-C4MDnydI.js.map} +1 -1
- package/dist/components/{p-S46PtMZ-.js → p-C75ZosLW.js} +5 -5
- package/dist/components/{p-S46PtMZ-.js.map → p-C75ZosLW.js.map} +1 -1
- package/dist/components/{p-CLn6CMAa.js → p-C9ZMy9Xu.js} +4 -4
- package/dist/components/{p-CLn6CMAa.js.map → p-C9ZMy9Xu.js.map} +1 -1
- package/dist/components/{p-CTMHCecN.js → p-CALnPlUj.js} +6 -6
- package/dist/components/{p-CTMHCecN.js.map → p-CALnPlUj.js.map} +1 -1
- package/dist/components/{p-DaQLveiE.js → p-CBf_4337.js} +3 -3
- package/dist/components/{p-DaQLveiE.js.map → p-CBf_4337.js.map} +1 -1
- package/dist/components/{p-D6grL59P.js → p-CWmE6B4K.js} +5 -5
- package/dist/components/{p-D6grL59P.js.map → p-CWmE6B4K.js.map} +1 -1
- package/dist/components/{p-eWb3jk9k.js → p-CYpYv8bB.js} +6 -6
- package/dist/components/{p-eWb3jk9k.js.map → p-CYpYv8bB.js.map} +1 -1
- package/dist/components/{p-CJWQJjj3.js → p-CeXrtgSO.js} +3 -3
- package/dist/components/{p-CJWQJjj3.js.map → p-CeXrtgSO.js.map} +1 -1
- package/dist/components/{p-8F4ilTjF.js → p-CgSze-aJ.js} +8 -8
- package/dist/components/{p-8F4ilTjF.js.map → p-CgSze-aJ.js.map} +1 -1
- package/dist/components/{p-DmB0JIWj.js → p-CiCPXHsq.js} +3 -3
- package/dist/components/{p-DmB0JIWj.js.map → p-CiCPXHsq.js.map} +1 -1
- package/dist/components/{p-pAh5qPFg.js → p-CqiTFz8Q.js} +19 -19
- package/dist/components/{p-pAh5qPFg.js.map → p-CqiTFz8Q.js.map} +1 -1
- package/dist/components/{p-CHbV_3Pe.js → p-CrNkvfxG.js} +8 -8
- package/dist/components/{p-CHbV_3Pe.js.map → p-CrNkvfxG.js.map} +1 -1
- package/dist/components/{p-Cmw6RXlv.js → p-CyZn7pLI.js} +7 -7
- package/dist/components/{p-Cmw6RXlv.js.map → p-CyZn7pLI.js.map} +1 -1
- package/dist/components/{p-CyV8nu-T.js → p-DAmQwWyK.js} +28 -28
- package/dist/components/{p-CyV8nu-T.js.map → p-DAmQwWyK.js.map} +1 -1
- package/dist/components/{p-BddWzZuD.js → p-DEBcjrDR.js} +4 -4
- package/dist/components/{p-BddWzZuD.js.map → p-DEBcjrDR.js.map} +1 -1
- package/dist/components/{p-DmrshWtQ.js → p-DJ32qqnr.js} +3 -3
- package/dist/components/{p-DmrshWtQ.js.map → p-DJ32qqnr.js.map} +1 -1
- package/dist/components/{p-WCNsFhYD.js → p-DbrFV9Zw.js} +4 -4
- package/dist/components/{p-WCNsFhYD.js.map → p-DbrFV9Zw.js.map} +1 -1
- package/dist/components/{p-ByN7GurE.js → p-DeCwvfDM.js} +50 -38
- package/dist/components/p-DeCwvfDM.js.map +1 -0
- package/dist/components/{p-D3nY_GGj.js → p-KrzgYVLg.js} +12 -12
- package/dist/components/{p-D3nY_GGj.js.map → p-KrzgYVLg.js.map} +1 -1
- package/dist/components/{p-CD0ohunR.js → p-PUZ-RtL4.js} +5 -5
- package/dist/components/{p-CD0ohunR.js.map → p-PUZ-RtL4.js.map} +1 -1
- package/dist/components/{p-DpA4TE1Q.js → p-eNHd8fhJ.js} +8 -8
- package/dist/components/{p-DpA4TE1Q.js.map → p-eNHd8fhJ.js.map} +1 -1
- package/dist/components/{p-DAq2HFf_.js → p-ma9TKqrQ.js} +8 -8
- package/dist/components/{p-DAq2HFf_.js.map → p-ma9TKqrQ.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ls-add-new-button_20.entry.js +17 -17
- package/dist/esm/ls-assignee-select_21.entry.js +8 -8
- package/dist/esm/ls-compose-loader_7.entry.js +9 -9
- package/dist/esm/ls-document-viewer.js +1 -1
- package/dist/esm/ls-field-alignment_3.entry.js +1 -1
- package/dist/esm/ls-field-format_2.entry.js +10 -10
- package/dist/esm/ls-field-type-display.entry.js +3 -3
- package/dist/esm/ls-helper-bar_2.entry.js +2 -2
- package/dist/esm/ls-title-input.entry.js +1 -1
- package/dist/esm/ls-toolbox-field.entry.js +3 -3
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +1 -1
- package/dist/ls-document-viewer/{p-5353749c.entry.js → p-4a3c409f.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e7783017.entry.js → p-531b349a.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-b142576e.entry.js → p-5b20c3cc.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-daea4a55.entry.js → p-72257f20.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-51edee50.entry.js → p-ae213996.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-cbff9ae0.entry.js → p-c926bcbd.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-0bd91b5d.entry.js → p-d4ce4e16.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js → p-d9e33d6c.entry.js} +2 -2
- package/dist/ls-document-viewer/{p-e4ce8e02.entry.js.map → p-d9e33d6c.entry.js.map} +1 -1
- package/dist/ls-document-viewer/p-e17bfeb0.entry.js +2 -0
- package/dist/ls-document-viewer/{p-8d626c5c.entry.js.map → p-e17bfeb0.entry.js.map} +1 -1
- package/package.json +1 -1
- package/dist/components/p-ByN7GurE.js.map +0 -1
- package/dist/ls-document-viewer/p-8d626c5c.entry.js +0 -2
- /package/dist/ls-document-viewer/{p-5353749c.entry.js.map → p-4a3c409f.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-e7783017.entry.js.map → p-531b349a.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-b142576e.entry.js.map → p-5b20c3cc.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-daea4a55.entry.js.map → p-72257f20.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-51edee50.entry.js.map → p-ae213996.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-cbff9ae0.entry.js.map → p-c926bcbd.entry.js.map} +0 -0
- /package/dist/ls-document-viewer/{p-0bd91b5d.entry.js.map → p-d4ce4e16.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,a as t,h as o,H as s}from"./p-CItPoq74.js";import{d as a}from"./p-Al32p_JM.js";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,a as t,h as o,H as s}from"./p-CItPoq74.js";import{d as a}from"./p-Al32p_JM.js";const l=()=>`.ls-dv-controls-bar{position:relative;z-index:1;display:flex;flex-direction:column;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:var(--rounded-full, 9999px);gap:0.75rem;padding:0.5rem}button{all:unset;border:0;color:var(--gray-80, #6f7176)}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}.ls-dv-divider{height:1px;background-color:var(--gray-30, #e0e2e5);width:100%;margin:-0.25rem 0}`;const r=class{constructor(t){e(this,t)}get component(){return t(this)}expanded=false;showShortcuts=false;isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);componentDidLoad(){}render(){return o(s,{key:"e2199387abdbf25928e0d955a896e6c60f21f396"},o("div",{key:"eb56e6774d87a3eee3c53279adad11c541052c6c",class:"ls-dv-controls-bar",onMouseEnter:()=>this.expanded=true,onMouseLeave:()=>this.expanded=false},o("button",{key:"3e8b7b7242d747b569b8cbb3b9ae996896090098",style:!this.expanded?{display:"none"}:{display:"block",position:"relative"},id:"keyboard-btn",onMouseEnter:()=>this.showShortcuts=true,onMouseLeave:()=>this.showShortcuts=false},o("ls-keyboard-shortcuts",{key:"c4d491060d9c72fb0fae975648ac5b1c96c6c8cc",style:!this.showShortcuts?{display:"none"}:{display:"block"}}),o("ls-icon",{key:"364fe83241a4d3b6a49e1b3e9c0ac8aa84215803",name:"keyboard-icon"})),o("button",{key:"64e6ddc6938ad92dfe2d1f85d27ed359b669de06",style:!this.expanded?{display:"none"}:{display:"block"},onClick:()=>window.open("https://docs.legalesign.com/web-app/how-to/useedit","_blank"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-html":`<span style="white-space:nowrap">${a.t("helperbar.viewdocumentation")}</span>`,"data-tooltip-place":this.isSafari?"top":"left"},o("ls-icon",{key:"117d338f315bfe4919f4a8261c7e5190cd2a9165",name:"book-open-icon"})),o("button",{key:"b3f3e632242e98148105fee3e16b7e61c79c6f43",style:!this.expanded?{display:"none"}:{display:"block"},onClick:()=>window.open("https://support.legalesign.io/tickets","_blank"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-html":`<span style="white-space:nowrap">${a.t("helperbar.contactsupport")}</span>`,"data-tooltip-place":this.isSafari?"top":"left"},o("ls-icon",{key:"7cc46d58e5f84fb0f9e4ed642f8346b36611be02",name:"support-icon"})),o("div",{key:"735bbe5be14c7a86efd90f7a61ec1755450cf00f",class:"ls-dv-divider",style:!this.expanded?{display:"none"}:{display:"block"}}),o("button",{key:"44dd87b7d2c71946fe7ad5081de420db5da1369b"},o("ls-icon",{key:"b5fde86a5a9780d117c96fcc699d0dd13ba83983",name:"question-mark-circle-icon"}))),o("slot",{key:"0a69b21e35e944c9a70ff227cc5df3b7178543d6"}),o("ls-tooltip",{key:"83bdebb77d62ed007e3e48b2aacbc7383b98a49e",tooltipId:"ls-dv-tooltip"}))}};r.style=l();const d=()=>`:host{position:absolute;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}.ls-dv-keyboard-shortcuts-tooltip{position:absolute;bottom:0;right:0;border-radius:0.625rem;background:var(--gray-100, #45484d);color:var(--white, #ffffff);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;padding:1rem;width:fit-content;white-space:nowrap;z-index:1000;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -1px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)}.ls-dv-tooltip-title{font-size:0.875rem;font-weight:600;line-height:1rem;margin-bottom:0.5rem}.ls-dv-shortcuts-table{border-spacing:0}.ls-dv-shortcuts-table tr td{padding:0.2rem 0}.ls-dv-shortcut-keys{font-weight:500;padding-right:1rem;font-family:monospace;font-size:0.7rem;color:var(--gray-30, #e0e2e5)}.ls-dv-shortcut-label{color:var(--white, #ffffff)}#arrow{display:none}`;const i=class{constructor(t){e(this,t)}isMac=navigator.platform?.toLowerCase().includes("mac")||navigator.userAgent?.toLowerCase().includes("mac");get mod(){return this.isMac?"⌘":"Ctrl"}render(){const e=[{keys:`${this.mod} + C`,label:a.t("shortcuts.copy")},{keys:`${this.mod} + V`,label:a.t("shortcuts.paste")},{keys:`${this.mod} + X`,label:a.t("shortcuts.cut")},{keys:`${this.mod} + A`,label:a.t("shortcuts.selectall")},{keys:`${this.mod} + Z`,label:a.t("shortcuts.undo")},{keys:this.isMac?"⌘ + ⇧ + Z":"Ctrl + Y",label:a.t("shortcuts.redo")},{keys:"D",label:a.t("shortcuts.duplicate")},{keys:"⌫",label:a.t("shortcuts.delete")},{keys:"↑ ↓ ← →",label:a.t("shortcuts.move")},{keys:`${this.mod} + Scroll`,label:a.t("shortcuts.zoom")},{keys:"Esc",label:a.t("shortcuts.deselect")}];return o("div",{key:"de6601240929ae43adf692a7338afac935afbdd9",class:"ls-dv-keyboard-shortcuts-tooltip"},o("div",{key:"4b0b6e52398c4e09ad8ee149ad7566c0a48c80a9",id:"arrow"}),o("p",{key:"4414eac593b83242b373d338bbffd837c266729a",class:"ls-dv-tooltip-title"},a.t("shortcuts.title")),o("table",{key:"17d932e83621a1bb961a76782287deecc5e0a5e8",class:"ls-dv-shortcuts-table"},e.map((e=>o("tr",null,o("td",{class:"ls-dv-shortcut-keys"},e.keys),o("td",{class:"ls-dv-shortcut-label"},e.label))))))}};i.style=d();export{r as ls_helper_bar,i as ls_keyboard_shortcuts};
|
|
2
|
+
//# sourceMappingURL=p-531b349a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as o,H as r}from"./p-CItPoq74.js";import{d as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as o,H as r}from"./p-CItPoq74.js";import{d as a}from"./p-CwCWCxsI.js";import{g as t}from"./p-C5wLu85H.js";import{d as s}from"./p-Al32p_JM.js";const i=()=>`:host{position:relative;border-radius:0.875rem;padding:0.25rem}*{margin:0}.ls-dv-field-type-inner{border-radius:0.625rem;background:var(--white, #ffffff);display:flex;padding:0.25rem 0.5rem 0.25rem 0.25rem;align-items:center;gap:0.875rem;align-self:stretch}.ls-dv-field-type-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}.ls-dv-field-type-name{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;}`;const d={signature:"toolbox.signature","auto sign":"toolbox.autosign",text:"toolbox.text","signing date":"toolbox.signingdate",date:"toolbox.date",initials:"toolbox.initials",checkbox:"toolbox.checkbox",email:"toolbox.email",number:"toolbox.number",dropdown:"toolbox.dropdown",file:"toolbox.file","drawn field":"toolbox.drawn","regular expression":"toolbox.regex",regex:"toolbox.regex"};const l=class{constructor(o){e(this,o)}assignee;fieldType="signature";render(){const e=a[this.assignee%100];return o(r,{key:"2a58e0ac53cc79551c6a7f652c7aa54bf707c60c",class:"ls-dv-field-type-wrapper",style:{border:`1px dashed ${e.s30}`,background:e.s10}},o("div",{key:"2b97ff1ea4b3f03bda6cede01aff93a2374bc0dc",class:"ls-dv-field-type-inner"},o("div",{key:"5ef89ca2350167fde4a29e9bc72999626a9416a5",class:"ls-dv-field-type-icon",style:{border:`1px solid ${e.s60}`,color:e.s60,background:e.s10}},o("ls-icon",{key:"5ea04926f8f92a3f3ac632265cec1cca4d4d8ff6",name:t(this.fieldType),size:20})),o("p",{key:"5247887edf8023ded43cfed4f33f54b2f87be20b",class:"ls-dv-field-type-name"},s.t(d[this.fieldType]||"toolbox.text"))))}};l.style=i();export{l as ls_field_type_display};
|
|
2
|
+
//# sourceMappingURL=p-5b20c3cc.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as r,a as o,h as t,H as a}from"./p-CItPoq74.js";import{d as i}from"./p-CwCWCxsI.js";const l=()=>`.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);cursor:grab}:host(.ls-dv-dragging) .ls-dv-toolbox-field,:host(.ls-dv-dragging) .ls-dv-toolbox-field *{cursor:grabbing !important}.ls-dv-toolbox-field:active{cursor:grabbing}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-60, #f64a44)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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 d=class{constructor(o){e(this,o);this.fieldTypeSelected=r(this,"fieldTypeSelected",7);this.toolboxDragStart=r(this,"toolboxDragStart",7)}get component(){return o(this)}formElementType;elementType;validation=0;fixedAspect=null;redDot=false;label;icon;tooltip;defaultHeight;defaultWidth;signer=0;isSelected=false;fieldTypeSelected;toolboxDragStart;handleMouseDown(e){if(e.button!==0)return;e.preventDefault();this.fieldTypeSelected.emit({label:this.label,formElementType:this.formElementType,elementType:this.elementType,validation:this.validation,defaultHeight:this.defaultHeight,defaultWidth:this.defaultWidth,fixedAspect:this.fixedAspect});this.toolboxDragStart.emit({label:this.label,formElementType:this.formElementType,elementType:this.elementType,validation:this.validation,defaultHeight:this.defaultHeight,defaultWidth:this.defaultWidth,fixedAspect:this.fixedAspect})}handleKeyDown(e){if(e.key==="ArrowDown"){console.log("down arrow pressed")}}componentDidLoad(){}render(){return t(a,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as r,a as o,h as t,H as a}from"./p-CItPoq74.js";import{d as i}from"./p-CwCWCxsI.js";const l=()=>`.ls-dv-toolbox-field{display:flex;padding:0.5rem;align-items:center;justify-content:center;gap:0.875rem;border-radius:1rem;border:1px solid var(--gray-20, #edeff2);background:white;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);cursor:grab}:host(.ls-dv-dragging) .ls-dv-toolbox-field,:host(.ls-dv-dragging) .ls-dv-toolbox-field *{cursor:grabbing !important}.ls-dv-toolbox-field:active{cursor:grabbing}.ls-dv-toolbox-field:hover{background:var(--gray-10, #f7f8fa);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border:1px solid var(--gray-30, #e0e2e5)}.ls-dv-warning-box{display:flex;padding:0.38rem;align-items:center;justify-content:center;border-radius:0.625rem;border:1px solid var(--red-40, #ffa19e);background:var(--red-10, #fff0f0);color:var(--red-60, #f64a44)}.ls-dv-toolbox-field-icon{display:flex;padding:0.5rem;align-items:center;border-radius:0.625rem;border:1px solid var(--signer-color);background:var(--signer-color-light);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);color:var(--signer-color)}.ls-dv-toolbox-field-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;width:100%;margin:0}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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 d=class{constructor(o){e(this,o);this.fieldTypeSelected=r(this,"fieldTypeSelected",7);this.toolboxDragStart=r(this,"toolboxDragStart",7)}get component(){return o(this)}formElementType;elementType;validation=0;fixedAspect=null;redDot=false;label;icon;tooltip;defaultHeight;defaultWidth;signer=0;isSelected=false;fieldTypeSelected;toolboxDragStart;handleMouseDown(e){if(e.button!==0)return;e.preventDefault();this.fieldTypeSelected.emit({label:this.label,formElementType:this.formElementType,elementType:this.elementType,validation:this.validation,defaultHeight:this.defaultHeight,defaultWidth:this.defaultWidth,fixedAspect:this.fixedAspect});this.toolboxDragStart.emit({label:this.label,formElementType:this.formElementType,elementType:this.elementType,validation:this.validation,defaultHeight:this.defaultHeight,defaultWidth:this.defaultWidth,fixedAspect:this.fixedAspect})}handleKeyDown(e){if(e.key==="ArrowDown"){console.log("down arrow pressed")}}componentDidLoad(){}render(){return t(a,{key:"2b07924fccc3f645d71eb3b8b69a5055d3b4c572"},t("div",{key:"bd7ef4194542482eb3b672f14f79bc3b757f8959",class:"ls-dv-toolbox-field",style:this.isSelected&&{background:i[this.signer%100].s10,border:`1px solid ${i[this.signer%100].s60}`,color:i[this.signer%100].s80,boxShadow:`0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);`}},t("div",{key:"bf350cb747f7cf222d6212fd597898bad6cb5e5a",class:"ls-dv-toolbox-field-icon",style:{"--signer-color-light":i[this.signer%100].s10,"--signer-color":i[this.signer%100].s60},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":this.tooltip,"data-tooltip-place":"right"},t("ls-icon",{key:"2ab5988bbe61ef3a4efbb6927c30541a517014ad",name:this.icon,size:20})),t("p",{key:"a3f068218bc17370f67f1c529bb80fdd001125be",class:"ls-dv-toolbox-field-label",style:this.isSelected&&{color:i[this.signer%100].s80}},this.label),this.redDot&&t("div",{key:"2788421520e1c7a91fd809f5921eb70545a086d5",class:"ls-dv-warning-box","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":`${this.label} Field Required`,"data-tooltip-place":"left"},t("ls-icon",{key:"51f0c7403e26c17320822f1c2f0579649c5fb453",name:"exclamation-circle-icon",size:18,solid:true})),t("ls-icon",{key:"4cf71d2389d7c48c6d3ad2017dfec38984c0ee0b",name:"drag-vertical-icon",size:16,customStyle:{color:this.isSelected?i[this.signer%100].s60:"#787a80"}})),t("ls-tooltip",{key:"9a0cedfc0e4f0cca701e9f8b322de92024591bc5",tooltipId:"ls-dv-tooltip"}))}};d.style=l();export{d as ls_toolbox_field};
|
|
2
|
+
//# sourceMappingURL=p-72257f20.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as r,a as t,h as o,H as a}from"./p-CItPoq74.js";const i=()=>`*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-template-title{border-radius:0.625rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-edit-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #939599)}.ls-dv-edit-button:hover{color:var(--gray-80, #6f7176)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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 n=class{constructor(t){e(this,t);this.mutate=r(this,"mutate",7)}get component(){return t(this)}template;editTitle=false;mutate;alter(e){this.debounce(e,500)}titletimer;debounce(e,r){if(this.titletimer)clearTimeout(this.titletimer);this.titletimer=setTimeout((()=>{this.template={...this.template,...e};const r=[{action:"update",data:this.template}];this.mutate.emit(r)}),r)}render(){return o(a,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as r,a as t,h as o,H as a}from"./p-CItPoq74.js";const i=()=>`*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.ls-dv-template-title{border-radius:0.625rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.ls-dv-template-title:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-edit-button{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70, #939599)}.ls-dv-edit-button:hover{color:var(--gray-80, #6f7176)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}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 n=class{constructor(t){e(this,t);this.mutate=r(this,"mutate",7)}get component(){return t(this)}template;editTitle=false;mutate;alter(e){this.debounce(e,500)}titletimer;debounce(e,r){if(this.titletimer)clearTimeout(this.titletimer);this.titletimer=setTimeout((()=>{this.template={...this.template,...e};const r=[{action:"update",data:this.template}];this.mutate.emit(r)}),r)}render(){return o(a,{key:"1d3ef7a7a951c4378569b92ce93fe85825c9181f"},this.editTitle?o("div",{style:{display:"flex",gap:"0.5rem",alignItems:"center"}},o("input",{value:this.template?.title,style:{height:"1.25rem",padding:"0 0.25rem",width:"fit-content"},onInput:e=>{e.preventDefault();this.alter({title:e.target.value})},onKeyUp:e=>{if(e.key==="Enter"||e.keyCode===13)this.editTitle=false}}),o("ls-icon",{name:"check-icon",size:16,class:"ls-dv-edit-button",onClick:()=>{this.editTitle=false}})):o("div",{class:"ls-dv-template-title",onClick:()=>{this.editTitle=!this.editTitle}},o("p",null,this.template?.title)))}};n.style=i();export{n as ls_title_input};
|
|
2
|
+
//# sourceMappingURL=p-ae213996.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,a as o,h as r,H as i}from"./p-CItPoq74.js";import{d as a}from"./p-Al32p_JM.js";import{o as n}from"./p-0WDO8yNX.js";import{o as d}from"./p-D6sbeDib.js";import"./p-CmJjDhcp.js";import"./p-04cXI5GQ.js";import"./p-CwCWCxsI.js";const l=()=>`: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)}`;const s=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return o(this)}dataItem;readonly=false;mutate;update;alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}left(){const e=Math.min(...this.dataItem.map((e=>e.left)));this.alter({left:e})}center(){const e=Math.min(...this.dataItem.map((e=>e.left)));const t=Math.max(...this.dataItem.map((e=>e.left+e.width)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.width/2);return{action:"update",data:{...e,left:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}right(){const e=Math.max(...this.dataItem.map((e=>e.left+e.width)));const t=this.dataItem.map((t=>{const o=e-t.width;return{action:"update",data:{...t,left:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}top(){const e=Math.min(...this.dataItem.map((e=>e.top)));this.alter({top:e})}middle(){const e=Math.min(...this.dataItem.map((e=>e.top)));const t=Math.max(...this.dataItem.map((e=>e.top+e.height)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.height/2);return{action:"update",data:{...e,top:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}bottom(){const e=Math.max(...this.dataItem.map((e=>e.top+e.height)));const t=this.dataItem.map((t=>{const o=e-t.height;return{action:"update",data:{...t,top:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"e447034949db9618a4c0a9bb198cba863b852ce6"},r("div",{key:"f6e25671308810b16394639c5257264f05c97068",class:"ls-dv-field-properties-section"},r("div",{key:"cc3ccb09e0edc9b3725e732fa293b86a4094fd36",class:"ls-dv-field-properties-section-text"},r("p",{key:"ff593d77ac614df8297d6e34669ea8aef91c1347",class:"ls-dv-field-properties-section-title"},a.t("placement.alignment")),r("p",{key:"930191a9f93d239803fcd91e82c159fd167a5d65",class:"ls-dv-field-properties-section-description"},a.t("placement.alignmentdescription"))),r("div",{key:"0488f080f01eb85c4e86364cec0b1f7ddf7f82d4",class:"ls-dv-multi-button-group-row"},r("div",{key:"58a64f173c8cbe2c08d11e04682e63962bdbfc9d",class:"ls-dv-button-group"},r("button",{key:"c0d961d45fc9593cf1786d9b3bf88505da9afd96",onClick:()=>this.left(),"aria-label":a.t("alignment.alignleft"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignleft"),disabled:this.readonly},r("ls-icon",{key:"482801c81b41071b3af893ceb29daae915136053",name:"field-alignment-left-icon"})),r("button",{key:"4df6a9b584dcf7d14d78b36642f8214b7b845ef7",onClick:()=>this.center(),"aria-label":a.t("alignment.aligncenter"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligncenter"),disabled:this.readonly},r("ls-icon",{key:"61970b5c35cd7a4fb341399626b58b82466e8a82",name:"field-alignment-centre-icon"})),r("button",{key:"a6a0fd4ad9c6dc11c0cf3a7323a08f0e6b3cb83b",onClick:()=>{this.right()},"aria-label":a.t("alignment.alignright"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignright"),disabled:this.readonly},r("ls-icon",{key:"d8ba573f24b3e53e6f9dee18edbcba6a796d7840",name:"field-alignment-right-icon"}))),r("div",{key:"e45b18c7e0bfc3fa943c9643d6dbe2c9c9fc3688",class:"ls-dv-button-group"},r("button",{key:"3cf68e7e343edd162205a635e02747dfca8412e6",onClick:()=>this.top(),"aria-label":a.t("alignment.aligntop"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligntop"),disabled:this.readonly},r("ls-icon",{key:"9dd606425d2b07a70cddfcd23a72238b9f84203e",name:"field-alignment-top-icon"})),r("button",{key:"4d03ef7ff4bac674dd5e76d1f2d72fee8f518b62",onClick:()=>this.middle(),"aria-label":a.t("alignment.alignmiddle"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignmiddle"),disabled:this.readonly},r("ls-icon",{key:"31ae991a5d92a2df824a2e516ce9a2a736a04082",name:"field-alignment-middle-icon"})),r("button",{key:"8df1990e5376a0468c365e51eedfa978964255f1",onClick:()=>this.bottom(),"aria-label":a.t("alignment.alignbottom"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignbottom"),disabled:this.readonly},r("ls-icon",{key:"bd40d79653247d4e1aab3630a4bbb19f25fc3dce",name:"field-alignment-bottom-icon"}))))),r("slot",{key:"c8370a47c81dc1cfe80c9365a091be73fc53109a"}),r("ls-tooltip",{key:"12626fd8c27ea541788ab480f12fc6e8622f646f",tooltipId:"ls-dv-tooltip"}))}};s.style=l();const c=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #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)}`;const f=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}dataItem;readonly=false;mutate;get component(){return o(this)}getVerticalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.top-t.top));const t=e.slice(1).map(((t,o)=>t.top-(e[o].top+e[o].height)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}getHorizontalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.left-t.left));const t=e.slice(1).map(((t,o)=>t.left-(e[o].left+e[o].width)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}distributeHorizontal(){if(!this.dataItem||this.dataItem.length<3)return;var e=this.component.shadowRoot.getElementById("ls-fix-horizontal-space");const t=this.dataItem.sort(((e,t)=>e.left-t.left));var o=0;const r=t[0].left+t[0].width/2;const i=t.reduce(((e,t)=>t.left+t.width/2>e?t.left+t.width/2:e),r);const a=i-r;if(e.value!==""){o=parseInt(e.value)}else{o=Math.floor(a/(t.length-1))}const n=t.filter(((e,i)=>d({...e,left:Math.floor(r-e.width/2+o*i)})===false&&i!==0&&i!==t.length-1));const l=n.map(((e,t)=>({action:"update",data:{...e,left:Math.floor(r-e.width/2+o*(t+1))}})));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}gapVertical(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].top;const r=t.map((t=>{const r=o;o=o+t.height+e;const i={...t,top:r};return{action:"update",data:n(i)?{...t,left:t.pageDimensions.height-t.height-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}gapHorizontal(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].left;const r=t.map((t=>{const r=o;o=o+t.width+e;const i={...t,left:r};console.log(i,n(i));return{action:"update",data:n(i)?{...t,left:t.pageDimensions.width-t.width-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}distributeVertical(){if(!this.dataItem||this.dataItem.length<3)return;const e=this.dataItem.sort(((e,t)=>e.top-t.top));const t=e[0].top+e[0].height;const o=e[e.length-1].top;const r=o-t;const i=e.slice(1,-1).reduce(((e,t)=>e+t.height),0);const a=e.length-1;const n=Math.max(0,(r-i)/a);let d=e[0].top+e[0].height+n;const l=e.slice(1,-1).map((e=>{const t=Math.floor(d);d+=e.height+n;return{action:"update",data:{...e,top:t}}}));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}componentDidLoad(){}render(){return r(i,{key:"fe8833a6dd41dd4513c4bf9741388c64682c62fd"},r("div",{key:"08ad4ccabe0767127c186b87f041637747077a32",class:"ls-dv-field-properties-section"},r("div",{key:"c42c32d318679fdc08936c1901b0a7cee61d449a",class:"ls-dv-field-properties-section-text"},r("p",{key:"894bdb623119609093c2070727dffb33c15110e4",class:"ls-dv-field-properties-section-title"},a.t("placement.distribution")),r("p",{key:"ce2b4e52e2be49588e24b161c40d801f3314010c",class:"ls-dv-field-properties-section-description"},a.t("placement.distributiondescription"))),r("div",{key:"b7f8950b2ac7cb9d5d537b28798d20759d6e1e91",class:"ls-dv-button-group"},r("button",{key:"5764c462f344015b6dbb46c72e444a2e58d74f8a",onClick:()=>{this.distributeVertical()},"aria-label":a.t("alignment.distributevertically"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributevertically"),disabled:this.readonly},r("ls-icon",{key:"ce32cb64c74c6b07c799705e5a50a27f449a83fc",name:"field-distribute-vertically-icon"})),r("button",{key:"0f495f21e3aba3679f1487c594e7465a5cd851f8",onClick:()=>{this.distributeHorizontal()},"aria-label":a.t("alignment.distributehorizontally"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributehorizontally"),disabled:this.readonly},r("ls-icon",{key:"915c6eed36825afeacba935a5733e7dbad0bc694",name:"field-distribute-horizontally-icon"})))),r("div",{key:"938f1a6b9b0aecd7e371cba4ee3911f773bb31cc",class:"ls-dv-field-properties-section"},r("div",{key:"6172fc20d68d341464162d517aca13705bce3dea",class:"ls-dv-field-properties-section-text"},r("p",{key:"0f72f15baf2f619320d167db9a9f34d1fed2bd54",class:"ls-dv-field-properties-section-title"},a.t("placement.gap")),r("p",{key:"2c7c8d5300dc920b08f649ab2c34d69433f73bd5",class:"ls-dv-field-properties-section-description"},a.t("placement.gapdescription"))),r("div",{key:"72effd253ce32437e2d96508a5f28a508aad0d7f",class:"ls-dv-input-row"},r("div",{key:"251bbc9828d2b139bc8d9cf2556718f4b67f54ef",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.setverticalgap")},r("ls-icon",{key:"0d4ba214ebb8abc7ae9cf0102c5cfd2d0ce88685",id:"selectLeadingIcon",name:"field-distribute-vertically-icon"}),r("input",{key:"6182509605e4cd99aafa2f4905d1ac75edeb9f2f",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-vertical-space",onChange:e=>{this.gapVertical(parseInt(e.target.value))},max:9999,value:this.getVerticalGap(),placeholder:this.getVerticalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})),r("div",{key:"1fc7b7f92b04e2bab585879afc796ab401f99fca",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.sethorizontalgap")},r("ls-icon",{key:"7104a91f81b3bd0683eb1a6dae2ec9971daab5ad",id:"selectLeadingIcon",name:"field-distribute-horizontally-icon"}),r("input",{key:"8631696eb1b18b4d213b97b036139562d6854cbb",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-horizontal-space",onChange:e=>{this.gapHorizontal(parseInt(e.target.value))},max:9999,value:this.getHorizontalGap(),placeholder:this.getHorizontalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})))),r("ls-tooltip",{key:"e512132fd066e7ff5ed8c090f26cca11c933ac12",tooltipId:"ls-dv-tooltip"}),r("slot",{key:"61325afcf7b58434c0be5cd0b415acb36f2308a7"}))}};f.style=c();const p=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #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)}`;const b=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}get component(){return o(this)}dataItem;readonly=false;mutate;alter(e){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"e80d40a3d263c6f6425909c345a65ad3c037232d"},r("div",{key:"51f70dab5d785c99954eaba393ea45b0ea321a82",class:"ls-dv-field-properties-section"},r("div",{key:"ca0ab4e166f13861c19d0dd9be0b35578272473f",class:"ls-dv-field-properties-section-text"},r("p",{key:"2f7a990dade6fb211745847141eff6ce3324a7de",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"9f0c820a6750671c4a74a281e47a62e64cc4863f",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"eff3bb32e48b11da0c1d3898eabd3687d90ad5a1",class:"ls-dv-button-group"},r("button",{key:"9cc0ae2486c1150c48b9313a3f702c4af1d987df",onClick:()=>this.alter({width:this.dataItem[0].width,height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchsize"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchsize"),disabled:this.readonly},r("ls-icon",{key:"2d8e86553207bc0c0ef1a14c11c59550ea2d2894",name:"field-scale-icon"})),r("button",{key:"4b7a457fcf94b9cfb66ab2debdff53f480df4971","aria-label":a.t("alignment.matchwidth"),onClick:()=>this.alter({width:this.dataItem[0].width}),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchwidth"),disabled:this.readonly},r("ls-icon",{key:"eee7886f12edf037b529af26b64004978395ae08",name:"field-match-width-icon"})),r("button",{key:"b7ba3f71c71fb248dd1447f028ce645214936df0",onClick:()=>this.alter({height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchheight"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchheight"),disabled:this.readonly},r("ls-icon",{key:"cdb9edc6e09e56175108248bd20bdc9675401de5",name:"field-match-height-icon"})))),r("slot",{key:"151a7af2767a740ab11d3448d120f8ba810d34ca"}),r("ls-tooltip",{key:"8926fd0afcfdfd1e93829c751b177f3e880db102",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,a as o,h as r,H as i}from"./p-CItPoq74.js";import{d as a}from"./p-Al32p_JM.js";import{o as n}from"./p-0WDO8yNX.js";import{o as d}from"./p-D6sbeDib.js";import"./p-CmJjDhcp.js";import"./p-04cXI5GQ.js";import"./p-CwCWCxsI.js";const l=()=>`: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)}`;const s=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7);this.update=t(this,"update",7)}get component(){return o(this)}dataItem;readonly=false;mutate;update;alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}left(){const e=Math.min(...this.dataItem.map((e=>e.left)));this.alter({left:e})}center(){const e=Math.min(...this.dataItem.map((e=>e.left)));const t=Math.max(...this.dataItem.map((e=>e.left+e.width)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.width/2);return{action:"update",data:{...e,left:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}right(){const e=Math.max(...this.dataItem.map((e=>e.left+e.width)));const t=this.dataItem.map((t=>{const o=e-t.width;return{action:"update",data:{...t,left:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}top(){const e=Math.min(...this.dataItem.map((e=>e.top)));this.alter({top:e})}middle(){const e=Math.min(...this.dataItem.map((e=>e.top)));const t=Math.max(...this.dataItem.map((e=>e.top+e.height)));const o=(e+t)/2;const r=this.dataItem.map((e=>{const t=Math.round(o-e.height/2);return{action:"update",data:{...e,top:t}}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}bottom(){const e=Math.max(...this.dataItem.map((e=>e.top+e.height)));const t=this.dataItem.map((t=>{const o=e-t.height;return{action:"update",data:{...t,top:o}}}));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"e447034949db9618a4c0a9bb198cba863b852ce6"},r("div",{key:"f6e25671308810b16394639c5257264f05c97068",class:"ls-dv-field-properties-section"},r("div",{key:"cc3ccb09e0edc9b3725e732fa293b86a4094fd36",class:"ls-dv-field-properties-section-text"},r("p",{key:"ff593d77ac614df8297d6e34669ea8aef91c1347",class:"ls-dv-field-properties-section-title"},a.t("placement.alignment")),r("p",{key:"930191a9f93d239803fcd91e82c159fd167a5d65",class:"ls-dv-field-properties-section-description"},a.t("placement.alignmentdescription"))),r("div",{key:"0488f080f01eb85c4e86364cec0b1f7ddf7f82d4",class:"ls-dv-multi-button-group-row"},r("div",{key:"58a64f173c8cbe2c08d11e04682e63962bdbfc9d",class:"ls-dv-button-group"},r("button",{key:"c0d961d45fc9593cf1786d9b3bf88505da9afd96",onClick:()=>this.left(),"aria-label":a.t("alignment.alignleft"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignleft"),disabled:this.readonly},r("ls-icon",{key:"482801c81b41071b3af893ceb29daae915136053",name:"field-alignment-left-icon"})),r("button",{key:"4df6a9b584dcf7d14d78b36642f8214b7b845ef7",onClick:()=>this.center(),"aria-label":a.t("alignment.aligncenter"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligncenter"),disabled:this.readonly},r("ls-icon",{key:"61970b5c35cd7a4fb341399626b58b82466e8a82",name:"field-alignment-centre-icon"})),r("button",{key:"a6a0fd4ad9c6dc11c0cf3a7323a08f0e6b3cb83b",onClick:()=>{this.right()},"aria-label":a.t("alignment.alignright"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignright"),disabled:this.readonly},r("ls-icon",{key:"d8ba573f24b3e53e6f9dee18edbcba6a796d7840",name:"field-alignment-right-icon"}))),r("div",{key:"e45b18c7e0bfc3fa943c9643d6dbe2c9c9fc3688",class:"ls-dv-button-group"},r("button",{key:"3cf68e7e343edd162205a635e02747dfca8412e6",onClick:()=>this.top(),"aria-label":a.t("alignment.aligntop"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.aligntop"),disabled:this.readonly},r("ls-icon",{key:"9dd606425d2b07a70cddfcd23a72238b9f84203e",name:"field-alignment-top-icon"})),r("button",{key:"4d03ef7ff4bac674dd5e76d1f2d72fee8f518b62",onClick:()=>this.middle(),"aria-label":a.t("alignment.alignmiddle"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignmiddle"),disabled:this.readonly},r("ls-icon",{key:"31ae991a5d92a2df824a2e516ce9a2a736a04082",name:"field-alignment-middle-icon"})),r("button",{key:"8df1990e5376a0468c365e51eedfa978964255f1",onClick:()=>this.bottom(),"aria-label":a.t("alignment.alignbottom"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.alignbottom"),disabled:this.readonly},r("ls-icon",{key:"bd40d79653247d4e1aab3630a4bbb19f25fc3dce",name:"field-alignment-bottom-icon"}))))),r("slot",{key:"c8370a47c81dc1cfe80c9365a091be73fc53109a"}),r("ls-tooltip",{key:"12626fd8c27ea541788ab480f12fc6e8622f646f",tooltipId:"ls-dv-tooltip"}))}};s.style=l();const c=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #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)}`;const f=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}dataItem;readonly=false;mutate;get component(){return o(this)}getVerticalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.top-t.top));const t=e.slice(1).map(((t,o)=>t.top-(e[o].top+e[o].height)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}getHorizontalGap(){if(!this.dataItem||this.dataItem.length<2)return undefined;const e=[...this.dataItem].sort(((e,t)=>e.left-t.left));const t=e.slice(1).map(((t,o)=>t.left-(e[o].left+e[o].width)));const o=Math.round(t[0]);return t.every((e=>Math.round(e)===o))?o:undefined}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}distributeHorizontal(){if(!this.dataItem||this.dataItem.length<3)return;var e=this.component.shadowRoot.getElementById("ls-fix-horizontal-space");const t=this.dataItem.sort(((e,t)=>e.left-t.left));var o=0;const r=t[0].left+t[0].width/2;const i=t.reduce(((e,t)=>t.left+t.width/2>e?t.left+t.width/2:e),r);const a=i-r;if(e.value!==""){o=parseInt(e.value)}else{o=Math.floor(a/(t.length-1))}const n=t.filter(((e,i)=>d({...e,left:Math.floor(r-e.width/2+o*i)})===false&&i!==0&&i!==t.length-1));const l=n.map(((e,t)=>({action:"update",data:{...e,left:Math.floor(r-e.width/2+o*(t+1))}})));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}gapVertical(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].top;const r=t.map((t=>{const r=o;o=o+t.height+e;const i={...t,top:r};return{action:"update",data:n(i)?{...t,left:t.pageDimensions.height-t.height-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}gapHorizontal(e){if(!this.dataItem||this.dataItem.length===0)return;const t=this.dataItem.sort(((e,t)=>e.top-t.top));var o=t[0].left;const r=t.map((t=>{const r=o;o=o+t.width+e;const i={...t,left:r};console.log(i,n(i));return{action:"update",data:n(i)?{...t,left:t.pageDimensions.width-t.width-1}:i}}));this.dataItem=r.map((e=>e.data));this.mutate.emit(r)}distributeVertical(){if(!this.dataItem||this.dataItem.length<3)return;const e=this.dataItem.sort(((e,t)=>e.top-t.top));const t=e[0].top+e[0].height;const o=e[e.length-1].top;const r=o-t;const i=e.slice(1,-1).reduce(((e,t)=>e+t.height),0);const a=e.length-1;const n=Math.max(0,(r-i)/a);let d=e[0].top+e[0].height+n;const l=e.slice(1,-1).map((e=>{const t=Math.floor(d);d+=e.height+n;return{action:"update",data:{...e,top:t}}}));this.dataItem=l.map((e=>e.data));this.mutate.emit(l)}componentDidLoad(){}render(){return r(i,{key:"fe8833a6dd41dd4513c4bf9741388c64682c62fd"},r("div",{key:"08ad4ccabe0767127c186b87f041637747077a32",class:"ls-dv-field-properties-section"},r("div",{key:"c42c32d318679fdc08936c1901b0a7cee61d449a",class:"ls-dv-field-properties-section-text"},r("p",{key:"894bdb623119609093c2070727dffb33c15110e4",class:"ls-dv-field-properties-section-title"},a.t("placement.distribution")),r("p",{key:"ce2b4e52e2be49588e24b161c40d801f3314010c",class:"ls-dv-field-properties-section-description"},a.t("placement.distributiondescription"))),r("div",{key:"b7f8950b2ac7cb9d5d537b28798d20759d6e1e91",class:"ls-dv-button-group"},r("button",{key:"5764c462f344015b6dbb46c72e444a2e58d74f8a",onClick:()=>{this.distributeVertical()},"aria-label":a.t("alignment.distributevertically"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributevertically"),disabled:this.readonly},r("ls-icon",{key:"ce32cb64c74c6b07c799705e5a50a27f449a83fc",name:"field-distribute-vertically-icon"})),r("button",{key:"0f495f21e3aba3679f1487c594e7465a5cd851f8",onClick:()=>{this.distributeHorizontal()},"aria-label":a.t("alignment.distributehorizontally"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.distributehorizontally"),disabled:this.readonly},r("ls-icon",{key:"915c6eed36825afeacba935a5733e7dbad0bc694",name:"field-distribute-horizontally-icon"})))),r("div",{key:"938f1a6b9b0aecd7e371cba4ee3911f773bb31cc",class:"ls-dv-field-properties-section"},r("div",{key:"6172fc20d68d341464162d517aca13705bce3dea",class:"ls-dv-field-properties-section-text"},r("p",{key:"0f72f15baf2f619320d167db9a9f34d1fed2bd54",class:"ls-dv-field-properties-section-title"},a.t("placement.gap")),r("p",{key:"2c7c8d5300dc920b08f649ab2c34d69433f73bd5",class:"ls-dv-field-properties-section-description"},a.t("placement.gapdescription"))),r("div",{key:"72effd253ce32437e2d96508a5f28a508aad0d7f",class:"ls-dv-input-row"},r("div",{key:"251bbc9828d2b139bc8d9cf2556718f4b67f54ef",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.setverticalgap")},r("ls-icon",{key:"0d4ba214ebb8abc7ae9cf0102c5cfd2d0ce88685",id:"selectLeadingIcon",name:"field-distribute-vertically-icon"}),r("input",{key:"6182509605e4cd99aafa2f4905d1ac75edeb9f2f",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-vertical-space",onChange:e=>{this.gapVertical(parseInt(e.target.value))},max:9999,value:this.getVerticalGap(),placeholder:this.getVerticalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})),r("div",{key:"1fc7b7f92b04e2bab585879afc796ab401f99fca",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("placement.sethorizontalgap")},r("ls-icon",{key:"7104a91f81b3bd0683eb1a6dae2ec9971daab5ad",id:"selectLeadingIcon",name:"field-distribute-horizontally-icon"}),r("input",{key:"8631696eb1b18b4d213b97b036139562d6854cbb",type:"number",class:"ls-dv-has-leading-icon",id:"ls-fix-horizontal-space",onChange:e=>{this.gapHorizontal(parseInt(e.target.value))},max:9999,value:this.getHorizontalGap(),placeholder:this.getHorizontalGap()===undefined?a.t("fieldproperties.mixed"):undefined,size:4,disabled:this.readonly})))),r("ls-tooltip",{key:"e512132fd066e7ff5ed8c090f26cca11c933ac12",tooltipId:"ls-dv-tooltip"}),r("slot",{key:"61325afcf7b58434c0be5cd0b415acb36f2308a7"}))}};f.style=c();const p=()=>`:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #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:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #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)}`;const b=class{constructor(o){e(this,o);this.mutate=t(this,"mutate",7)}get component(){return o(this)}dataItem;readonly=false;mutate;alter(e){const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}render(){return r(i,{key:"76f95b6e85ec72bbf24e8b68e19e04f33871f285"},r("div",{key:"681a1bf220159b933ec1d60e9b2088b5f46662df",class:"ls-dv-field-properties-section"},r("div",{key:"613b2f04d84d1f9b0d7d29e5e98bcbeb0c5e6062",class:"ls-dv-field-properties-section-text"},r("p",{key:"cb98354be0e8c169a4285bd41ca675820a02c909",class:"ls-dv-field-properties-section-title"},a.t("dimensions.scaleandresize")),r("p",{key:"2f0772932668193f7ad3b0bc8be1f56f36385d77",class:"ls-dv-field-properties-section-description"},a.t("dimensions.scaleandresizedescription"))),r("div",{key:"18b430c7b45ad82fdb7281d94a6769e5f4550b4e",class:"ls-dv-button-group"},r("button",{key:"e63765d01470ecd7abc2508e497bba7a603e5004",onClick:()=>this.alter({width:this.dataItem[0].width,height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchsize"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchsize"),disabled:this.readonly},r("ls-icon",{key:"da1eb616468566d0a18849672f368a7451641d52",name:"field-scale-icon"})),r("button",{key:"f5257123082fd45e1ea12a6872647e82932805a8","aria-label":a.t("alignment.matchwidth"),onClick:()=>this.alter({width:this.dataItem[0].width}),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchwidth"),disabled:this.readonly},r("ls-icon",{key:"0eb31233cbc1875a1a14cc4d7ed3aadb9cfd2904",name:"field-match-width-icon"})),r("button",{key:"b8ca21819c8d347a5a835b47ea03d553619360cf",onClick:()=>this.alter({height:this.dataItem[0].height}),"aria-label":a.t("alignment.matchheight"),"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":a.t("alignment.matchheight"),disabled:this.readonly},r("ls-icon",{key:"9e8c0f0f914d05754639c55588cf308b3cb1a36c",name:"field-match-height-icon"})))),r("slot",{key:"0b76fb20c685671d41159771c91199692f63a420"}),r("ls-tooltip",{key:"1d36df4f634f1eaa6b5eec72cd76ea2cd5c85e3b",tooltipId:"ls-dv-tooltip"}))}};b.style=p();export{s as ls_field_alignment,f as ls_field_distribute,b as ls_field_size};
|
|
2
|
+
//# sourceMappingURL=p-c926bcbd.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,a,h as o,H as r}from"./p-CItPoq74.js";import{d as i}from"./p-Al32p_JM.js";import{d}from"./p-CwCWCxsI.js";const l=()=>`: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;min-width:fit-content}.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}.ls-dv-has-trailing-icon{padding-right:2rem}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 c=class{constructor(a){e(this,a);this.mutate=t(this,"mutate",7)}dataItem;mutate;get component(){return a(this)}fontSizes=[6,8,10,12,14,16,18,20,24,28,32,36,64,72,124];selectFieldsHandler(){if(this.dataItem.length>0){var e=this.component.shadowRoot.getElementById("ls-toolbar-font-select");if(e)e.value=this.allElementsSame()?.fontName;var t=this.component.shadowRoot.getElementById("ls-toolbar-font-size");if(t)t.value=this.allElementsSame()?.fontSize?.toString()}}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}allElementsSame=()=>{if(!this.dataItem||this.dataItem.length===0)return;const e=this.dataItem[0].fontName;const t=this.dataItem.every((t=>t.fontName===e));const a=this.dataItem[0].fontSize;const o=this.dataItem.every((e=>e.fontSize===a));const r=this.dataItem[0].align||"left";const i=this.dataItem.every((e=>(e.align||"left")===r));return{isSame:t&&o,fontName:t?e:"mixed",fontSize:o?a:"mixed",align:i?r:"mixed"}};render(){return o(r,{key:"67f8db275fa6516f07620f0df259906e9d8ae470"},this.dataItem&&this.dataItem.length>1&&o("div",{key:"3ce7162ceaf8a026e4a7241ef40dfead41a5b1c1",class:"ls-dv-field-format-bar"},o("div",{key:"f30f132d45c15ba7f68ef2c8783dfa28c15141cf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"08c73e77c38361bc2d37ef15c3e06cf813618961",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"018191b86e12770767a551688aeeecbdbe51a4e2",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"93b0f9b75f41876d63a1d622ca94b9b5e9dfa908",disabled:true,selected:this.allElementsSame()?.fontName==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),o("option",{key:"e9faa9dfaf3ff75a3ce510e64419ac093acccd25",value:"arial"},"Arial"),o("option",{key:"7b280f5f8efc88446af24e97b711516ac4008be1",value:"liberation"},"Liberation Sans"),o("option",{key:"18c03b38a08bfee4e046a38761c3483aec71a77b",value:"courier"},"Courier"),o("option",{key:"e7072bfff3ada9f0024313e3f43d0245c6079b28",value:"helvetica"},"Helvetica"),o("option",{key:"439c95cc62ea7c161959a374298c9d47a8204546",value:"verdana"},"Verdana")),o("ls-icon",{key:"95baaab584a60fc85d280c15f3bd9c78b0622e58",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"9bbda6ae453b07da37cdaeebb964ade7803254bf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"46c03f524378b946e6f32ce82e525f08fa92ab1a",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"3dd39f77e2aaab4caad2de89bc6a5f703e2e312a",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"f89b1abc0a8bd45e109cd5ba6d4d121e7e639d63",disabled:true,selected:this.allElementsSame()?.fontSize==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),this.fontSizes.map((e=>o("option",{value:e,selected:this.allElementsSame()?.fontSize===e},e)))),o("ls-icon",{key:"a37b3ecdff064a154bce9b4c0bf249c2009a1c0e",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"28f5d1dde6f30624f2ebc0175bfeea629732cdcb",class:"ls-dv-button-group"},o("button",{key:"64ef281302a4218328cd8887c52bbc850629425c",class:{"ls-dv-active":this.allElementsSame()?.align==="left"},onClick:()=>{this.alter({align:"left"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextleft")},o("ls-icon",{key:"985ea95bf99b920e8671847c9bf50533c294498c",name:"menu-alt-2-icon"})),o("button",{key:"835b802969be4c4d68db935d1e7c96a6754b2d15",class:{"ls-dv-active":this.allElementsSame()?.align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"7a549d92ec713eead0a40144a0a0e9073d51fbaf",name:"menu-alt-5-icon"})),o("button",{key:"161d87c93f040f2a0dcf7736346d24be594d58f9",class:{"ls-dv-active":this.allElementsSame()?.align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"e0f846262279b2c0dc2424aa9c8f101cfcfee1b9",name:"menu-alt-3-icon"})))),this.dataItem&&this.dataItem.length===1&&o("div",{key:"9d3b885f45d74ccfe58c5fd6c6b6899d16d21c1d",class:"ls-dv-field-format-bar"},o("div",{key:"8786b8c864cab4f984a5b93d53f698c66e94a3bc",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"585579e38e58636f437d6411825f80f994a1a21b",id:"selectorIcon",name:"selector-icon"}),o("ls-icon",{key:"507c013a74531a6b52c4624b828e5e70d53270ad",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"3878862175dbd05a7f65f40c918e3282e824558d",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"6b57efb90ef6a3b2ba2d13d5f714b6a1523e41d1",value:"arial"},"Arial"),o("option",{key:"95e762ed828bc06aec4967109326989bc860172c",value:"liberation"},"Liberation Sans"),o("option",{key:"42c6cd2a625aa96276ef080133c59069d692458c",value:"courier"},"Courier"),o("option",{key:"a70cf28e4ae339be15695fb1ac318504addb1668",value:"helvetica"},"Helvetica"),o("option",{key:"a74abcdacc483826d83ea75279ab54b2182906ce",value:"verdana"},"Verdana"))),o("div",{key:"6d86948ef41adaa0669fc8f509a0f10f69d8acf7",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"2e207b573f445015d4abebec892f66ca80301299",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"10de2be7b36eaf872f06641411ba73fb64f7e377",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},this.fontSizes.map((e=>o("option",{value:e,selected:this.dataItem[0].fontSize===e},e)))),o("ls-icon",{key:"071e07610b965de760746c14cc28f629f697ea04",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"4451f71ae8da401631636b6fda37aa6e3d921e8d",class:"ls-dv-button-group"},o("button",{key:"b890d5ec32ec0986a5728823e92cfd186f69ca3f",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":i.t("format.aligntextleft")},o("ls-icon",{key:"d88930fd3e0f1ec3493c520a749f7f3ab517d700",name:"menu-alt-2-icon"})),o("button",{key:"69607fbf8ddfb0e01d5c8a9c730d2175ebed8095",class:{"ls-dv-active":this.dataItem[0].align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"a238a5647c131c1a640e9fb54bcbfc3e58da392a",name:"menu-alt-5-icon"})),o("button",{key:"edcfbf372e19a5a3f6d2aacf94f79645d38c0216",class:{"ls-dv-active":this.dataItem[0].align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"4fc79e1f1befbce488049d47d420a70c09447832",name:"menu-alt-3-icon"})))),o("ls-tooltip",{key:"649cfe25ea3da1e2605b28c13ca304f9f2865aa0",tooltipId:"ls-dv-tooltip"}))}static get watchers(){return{dataItem:["selectFieldsHandler"]}}};c.style=l();const n=()=>`:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.75rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;max-width:10rem}.ls-dv-selected-role-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh}.ls-dv-dropdown-list-items{display:flex;flex-direction:column;gap:0.25rem;overflow-y:auto;min-height:0}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-skeleton-item{pointer-events:none;color:var(--primary-50, #5185ff)}.ls-dv-skeleton-circle{width:2.25rem !important;height:2.25rem !important;flex-shrink:0;border-radius:0.625rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line{border-radius:0.25rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line-name{width:6rem;height:0.75rem;margin-bottom:0.25rem}.ls-dv-skeleton-line-type{width:3rem;height:0.625rem}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.ls-dv-add-participant-row{all:unset;flex-shrink:0;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row:disabled{cursor:not-allowed;background:var(--gray-10, #f7f8fa);opacity:0.5}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%;min-width:0}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;const s=class{constructor(a){e(this,a);this.roleChange=t(this,"roleChange",7);this.addParticipant=t(this,"addParticipant",7)}get el(){return a(this)}selected;signer;selectedRole={signerIndex:1,name:"",roleType:"SIGNER",default:true};handleSignerChange(e){this.syncSelectedRole(e)}scrollToBottom=false;isAddingParticipant=false;handleRoleLoad(){this.syncSelectedRole(this.signer);if(this.scrollToBottom){this.scrollToBottom=false;this.isAddingParticipant=false;requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}}componentWillLoad(){this.syncSelectedRole(this.signer)}syncSelectedRole(e){if(e===0){this.selectedRole={signerIndex:0,name:"Sender",roleType:"SENDER",default:false}}else if(this.roles?.length>0){const t=this.roles.find((t=>t.signerIndex===e));if(t){this.selectedRole={...t,default:false}}}}roles=[];isOpen=false;handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}toggleDropdown=()=>{this.isOpen=!this.isOpen};roleChange;addParticipant;selectRole(e){this.selectedRole={...e,default:false};this.isOpen=false;this.roleChange.emit(e.signerIndex)}createHandler(){this.scrollToBottom=true;this.isAddingParticipant=true;this.addParticipant.emit({type:"SIGNER"});requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}render(){return o(r,{key:"1f7abd769fc60bb3cdedd73be4366f32a3475b00"},o("div",{key:"c62e40e5402eb611b8c0c5e04b127aed949886dd",class:"ls-dv-dropdown"},o("div",{key:"2cabd0b74685028770262b1598359897f52bc94b",class:"ls-dv-dropdown-header",onClick:this.toggleDropdown},o("svg",{key:"e2e3359fc70d418cd2a0ca7ed9b0a7f672ddc1a7",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"c66d17776220d6be4ba94dba2194d26ddeee473a",d:"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z",fill:"#78A3FA",stroke:"#F7F8FA"}),o("path",{key:"6c947b99109d08de58bdd140938cdaf15d24f668",d:"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z",fill:"#46DBAA",stroke:"#F7F8FA"}),o("path",{key:"b35e19f4425e9e44a8ecd549000f9995923e3d1f",d:"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z",fill:"#FAD232",stroke:"#F7F8FA"}),o("path",{key:"a35039be6054810c6367318e8e5cbf07b3ca9410",d:"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75",stroke:"#939599","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),o("p",{key:"544e3f471402fffa6e92b12c80a87f34312bc1c7",class:"ls-dv-placing-fields-text"},i.t("toolbar.placingfieldsfor")),o("div",{key:"83781a4fe2f9082e9152347521bb3d6a1dd0d7f4",class:"ls-dv-selected-role-label",style:{background:d[this.selectedRole?.signerIndex%100].s20,color:d[this.selectedRole?.signerIndex%100].s80}},o("ls-icon",{key:"9c10df8cc9b3ff9e0373838ef0151e5d157848d2",size:18,name:this.selectedRole?.roleType==="SENDER"?"user-icon":this.selectedRole?.roleType==="APPROVER"?"check-circle-icon":this.selectedRole?.roleType==="WITNESS"?"eye-icon":"signature-icon"}),o("span",{key:"6e10b4259ceaef47d145a9cb2b8cccc2aca6406a",class:"ls-dv-selected-role-text"},this.selectedRole.name||(this.selectedRole.roleType==="WITNESS"?i.t("participants.witness"):i.t("participants.participant",{index:this.selectedRole.signerIndex})))),o("button",{key:"a6d4fb0c922fa49a15c11befaa07e4d020df0540",class:"ls-dv-tertiary-grey ls-dv-expand-button","aria-haspopup":"listbox","aria-expanded":this.isOpen},o("ls-icon",{key:"ffc56d6839f713f1f777fc69dce34c832913de2c",name:"chevron-down-icon"}))),this.isOpen&&o("div",{key:"542e7cdbf7217c697e699754ce068b428fee5107",class:"ls-dv-dropdown-list"},o("div",{key:"184dcab63acaffee0e68d891b29142444bef9718",class:"ls-dv-dropdown-list-items"},o("div",{key:"79dcb9b9456dea4b3421b2c973828ad8ab1e1c51",class:this.selectedRole?.signerIndex===0?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[0].s10,"--check-icon-selected":d[0].s50},onClick:()=>this.selectRole({signerIndex:0,name:i.t("toolbar.sender"),roleType:"SENDER"}),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",this.selectedRole?.signerIndex!==0?"base-circle-icon":"check-circle-icon")},o("div",{key:"1967041e887eae610dbff3a145a9b7f5e4915137",class:"ls-dv-role-icon",style:{background:d[0].s50,color:d[0].s80}},o("ls-icon",{key:"bb1871c31c6f4d33e6c733696ba972474cd46f2e",name:"user-icon"})),o("div",{key:"00b472fb20d65cd4d5e2a6269d18352fae23c264",class:"ls-dv-role-text"},o("p",{key:"61132277f7ab99a62e8f06ac7988c30982f5f18f",class:"ls-dv-role-name",style:{"--role-name-selected":d[0].s80}},i.t("toolbar.sender")),o("p",{key:"dca8ed5b354a555ed89f299509f6876d2e396225",class:"ls-dv-role-type",style:{"--role-type-selected":d[0].s80}},i.t("toolbar.you"))),o("ls-icon",{key:"d5eb4a6d9d01ba5182b690d65602b08467edcfd1",class:"ls-dv-check-icon",name:this.selectedRole?.signerIndex===0?"check-circle-icon":"base-circle-icon",solid:this.selectedRole?.signerIndex===0})),this.roles.map((e=>o("div",{class:e.signerIndex===this.selectedRole?.signerIndex?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[e?.signerIndex%100].s10,"--check-icon-selected":d[e?.signerIndex%100].s50},onClick:()=>this.selectRole(e),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:t=>t.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",e.signerIndex!==this.selectedRole?.signerIndex?"base-circle-icon":"check-circle-icon")},o("div",{class:"ls-dv-role-icon",style:{background:e.signerIndex>100?d[e?.signerIndex%100].s30:d[e?.signerIndex%100].s40,color:d[e?.signerIndex%100].s90}},o("ls-icon",{name:e.roleType==="WITNESS"?"eye-icon":e.roleType==="APPROVER"?"check-circle-icon":"signature-icon"})),o("div",{class:"ls-dv-role-text"},o("p",{class:"ls-dv-role-name",style:{"--role-name-selected":d[e?.signerIndex%100].s100},"data-tooltip-id":"ls-dv-select-tooltip","data-tooltip-html":`<span style="white-space:normal;word-break:break-word">${e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))}</span>`,onMouseEnter:e=>{const t=e.currentTarget;if(t.scrollWidth<=t.clientWidth){t.removeAttribute("data-tooltip-html")}}},e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))),o("p",{class:"ls-dv-role-type",style:{"--role-type-selected":d[e?.signerIndex%100].s80}},e.roleType==="WITNESS"?i.t("participants.witness"):e.roleType==="APPROVER"?i.t("participants.approver"):i.t("participants.signer"))),o("ls-icon",{class:"ls-dv-check-icon",name:e.signerIndex===this.selectedRole?.signerIndex?"check-circle-icon":"base-circle-icon",solid:e.signerIndex===this.selectedRole?.signerIndex})))),this.isAddingParticipant&&o("div",{key:"cbdee837f31736c4f8e5d574f315474f36215cc5",class:"ls-dv-dropdown-item ls-dv-skeleton-item"},o("div",{key:"6de33dadf39cc5f550eb480f3ca58ffbeed4eade",class:"ls-dv-skeleton-circle"}),o("div",{key:"6c11ab68f18a66c47d8300af1153859334d88b17",class:"ls-dv-role-text"},o("div",{key:"89fecb4ebc5097af5578c594ce88c2500bf0ca85",class:"ls-dv-skeleton-line ls-dv-skeleton-line-name"}),o("div",{key:"e97f9132755743bf5dab4cec594c44f2e2ce17c2",class:"ls-dv-skeleton-line ls-dv-skeleton-line-type"})),o("ls-loading",{key:"d57ece494bbd8e05062f5766a7a320b01c2019ff"}))),o("button",{key:"2d01c96a0cfebb35c9131f0f95342de5ba7cc956",onClick:()=>this.createHandler(),class:"ls-dv-add-participant-row",style:{"--background-selected":d[1].s10,"--check-icon-selected":d[1].s50},disabled:this.isAddingParticipant},o("div",{key:"3823dc4a44a0a496710008d20618c91e06bc2dc6",class:"ls-dv-add-participant-icon"},o("ls-icon",{key:"b13d5981062cf5e150c6db34c64d538751fc9f41",name:"user-add-icon"})),o("div",{key:"993fe50f732ddd18c364cf58bce1b0491a4a2373",class:"ls-dv-role-text"},o("p",{key:"938aa668cc871cf907ee410278f2c7fef0f18ce9",class:"ls-dv-role-name"},i.t("participants.addparticipant")),o("p",{key:"ed579ccce4987552fb20191d80f8f97dbdfaa419",class:"ls-dv-role-type"},i.t("toolbar.addnewsigner"))),o("ls-icon",{key:"8e86ffba4298f2faa2c7abff5e6b15df3da60cd7",class:"ls-dv-plus-icon",name:"plus-icon"})))),o("ls-tooltip",{key:"ed547789e966697a2a0a17c7ddf1b30b4a7f49e5",tooltipId:"ls-dv-select-tooltip"}),o("slot",{key:"5569842e1871a2f0ab38d364aff12ae96d825cfb"}))}static get watchers(){return{signer:["handleSignerChange"],roles:["handleRoleLoad"]}}};s.style=n();export{c as ls_field_format,s as ls_participant_select};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,a,h as o,H as r}from"./p-CItPoq74.js";import{d as i}from"./p-Al32p_JM.js";import{d}from"./p-CwCWCxsI.js";const l=()=>`: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;min-width:fit-content}.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}.ls-dv-has-trailing-icon{padding-right:2rem}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 c=class{constructor(a){e(this,a);this.mutate=t(this,"mutate",7)}dataItem;mutate;get component(){return a(this)}fontSizes=[6,8,10,12,14,16,18,20,24,28,32,36,64,72,124];selectFieldsHandler(){if(this.dataItem.length>0){var e=this.component.shadowRoot.getElementById("ls-toolbar-font-select");if(e)e.value=this.allElementsSame()?.fontName;var t=this.component.shadowRoot.getElementById("ls-toolbar-font-size");if(t)t.value=this.allElementsSame()?.fontSize?.toString()}}alter(e){console.log(e);const t=this.dataItem.map((t=>({action:"update",data:{...t,...e}})));this.dataItem=t.map((e=>e.data));this.mutate.emit(t)}componentDidLoad(){}allElementsSame=()=>{if(!this.dataItem||this.dataItem.length===0)return;const e=this.dataItem[0].fontName;const t=this.dataItem.every((t=>t.fontName===e));const a=this.dataItem[0].fontSize;const o=this.dataItem.every((e=>e.fontSize===a));const r=this.dataItem[0].align||"left";const i=this.dataItem.every((e=>(e.align||"left")===r));return{isSame:t&&o,fontName:t?e:"mixed",fontSize:o?a:"mixed",align:i?r:"mixed"}};render(){return o(r,{key:"67f8db275fa6516f07620f0df259906e9d8ae470"},this.dataItem&&this.dataItem.length>1&&o("div",{key:"3ce7162ceaf8a026e4a7241ef40dfead41a5b1c1",class:"ls-dv-field-format-bar"},o("div",{key:"f30f132d45c15ba7f68ef2c8783dfa28c15141cf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"08c73e77c38361bc2d37ef15c3e06cf813618961",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"018191b86e12770767a551688aeeecbdbe51a4e2",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"93b0f9b75f41876d63a1d622ca94b9b5e9dfa908",disabled:true,selected:this.allElementsSame()?.fontName==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),o("option",{key:"e9faa9dfaf3ff75a3ce510e64419ac093acccd25",value:"arial"},"Arial"),o("option",{key:"7b280f5f8efc88446af24e97b711516ac4008be1",value:"liberation"},"Liberation Sans"),o("option",{key:"18c03b38a08bfee4e046a38761c3483aec71a77b",value:"courier"},"Courier"),o("option",{key:"e7072bfff3ada9f0024313e3f43d0245c6079b28",value:"helvetica"},"Helvetica"),o("option",{key:"439c95cc62ea7c161959a374298c9d47a8204546",value:"verdana"},"Verdana")),o("ls-icon",{key:"95baaab584a60fc85d280c15f3bd9c78b0622e58",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"9bbda6ae453b07da37cdaeebb964ade7803254bf",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"46c03f524378b946e6f32ce82e525f08fa92ab1a",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"3dd39f77e2aaab4caad2de89bc6a5f703e2e312a",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"f89b1abc0a8bd45e109cd5ba6d4d121e7e639d63",disabled:true,selected:this.allElementsSame()?.fontSize==="mixed",value:"mixed"},i.t("fieldproperties.mixed")),this.fontSizes.map((e=>o("option",{value:e,selected:this.allElementsSame()?.fontSize===e},e)))),o("ls-icon",{key:"a37b3ecdff064a154bce9b4c0bf249c2009a1c0e",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"28f5d1dde6f30624f2ebc0175bfeea629732cdcb",class:"ls-dv-button-group"},o("button",{key:"64ef281302a4218328cd8887c52bbc850629425c",class:{"ls-dv-active":this.allElementsSame()?.align==="left"},onClick:()=>{this.alter({align:"left"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextleft")},o("ls-icon",{key:"985ea95bf99b920e8671847c9bf50533c294498c",name:"menu-alt-2-icon"})),o("button",{key:"835b802969be4c4d68db935d1e7c96a6754b2d15",class:{"ls-dv-active":this.allElementsSame()?.align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"7a549d92ec713eead0a40144a0a0e9073d51fbaf",name:"menu-alt-5-icon"})),o("button",{key:"161d87c93f040f2a0dcf7736346d24be594d58f9",class:{"ls-dv-active":this.allElementsSame()?.align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"e0f846262279b2c0dc2424aa9c8f101cfcfee1b9",name:"menu-alt-3-icon"})))),this.dataItem&&this.dataItem.length===1&&o("div",{key:"9d3b885f45d74ccfe58c5fd6c6b6899d16d21c1d",class:"ls-dv-field-format-bar"},o("div",{key:"8786b8c864cab4f984a5b93d53f698c66e94a3bc",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontfamily")},o("ls-icon",{key:"585579e38e58636f437d6411825f80f994a1a21b",id:"selectorIcon",name:"selector-icon"}),o("ls-icon",{key:"507c013a74531a6b52c4624b828e5e70d53270ad",id:"selectLeadingIcon",name:"typeface-icon"}),o("select",{key:"3878862175dbd05a7f65f40c918e3282e824558d",id:"ls-toolbar-font-select",onChange:e=>{this.alter({fontName:e.target.value})},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},o("option",{key:"6b57efb90ef6a3b2ba2d13d5f714b6a1523e41d1",value:"arial"},"Arial"),o("option",{key:"95e762ed828bc06aec4967109326989bc860172c",value:"liberation"},"Liberation Sans"),o("option",{key:"42c6cd2a625aa96276ef080133c59069d692458c",value:"courier"},"Courier"),o("option",{key:"a70cf28e4ae339be15695fb1ac318504addb1668",value:"helvetica"},"Helvetica"),o("option",{key:"a74abcdacc483826d83ea75279ab54b2182906ce",value:"verdana"},"Verdana"))),o("div",{key:"6d86948ef41adaa0669fc8f509a0f10f69d8acf7",class:"ls-dv-input-wrapper","data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.fontsize")},o("ls-icon",{key:"2e207b573f445015d4abebec892f66ca80301299",id:"selectLeadingIcon",name:"text-size-icon"}),o("select",{key:"10de2be7b36eaf872f06641411ba73fb64f7e377",id:"ls-toolbar-font-size",onChange:e=>{this.alter({fontSize:parseInt(e.target.value)});e.target.blur()},class:"ls-dv-has-leading-icon ls-dv-has-trailing-icon"},this.fontSizes.map((e=>o("option",{value:e,selected:this.dataItem[0].fontSize===e},e)))),o("ls-icon",{key:"071e07610b965de760746c14cc28f629f697ea04",id:"selectorIcon",name:"selector-icon"})),o("div",{key:"4451f71ae8da401631636b6fda37aa6e3d921e8d",class:"ls-dv-button-group"},o("button",{key:"b890d5ec32ec0986a5728823e92cfd186f69ca3f",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":i.t("format.aligntextleft")},o("ls-icon",{key:"d88930fd3e0f1ec3493c520a749f7f3ab517d700",name:"menu-alt-2-icon"})),o("button",{key:"69607fbf8ddfb0e01d5c8a9c730d2175ebed8095",class:{"ls-dv-active":this.dataItem[0].align==="center"},onClick:()=>{this.alter({align:"center"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextcenter")},o("ls-icon",{key:"a238a5647c131c1a640e9fb54bcbfc3e58da392a",name:"menu-alt-5-icon"})),o("button",{key:"edcfbf372e19a5a3f6d2aacf94f79645d38c0216",class:{"ls-dv-active":this.dataItem[0].align==="right"},onClick:()=>{this.alter({align:"right"})},"data-tooltip-id":"ls-dv-tooltip","data-tooltip-content":i.t("format.aligntextright")},o("ls-icon",{key:"4fc79e1f1befbce488049d47d420a70c09447832",name:"menu-alt-3-icon"})))),o("ls-tooltip",{key:"649cfe25ea3da1e2605b28c13ca304f9f2865aa0",tooltipId:"ls-dv-tooltip"}))}static get watchers(){return{dataItem:["selectFieldsHandler"]}}};c.style=l();const n=()=>`:host{display:inline-block}*{margin:0}.ls-dv-dropdown{display:flex;align-items:center;position:relative}.ls-dv-dropdown-header{border-radius:0.75rem;border:1px solid var(--gray-20, #edeff2);background:var(--gray-10, #f7f8fa);display:flex;padding:0.125rem 0.125rem 0.125rem 0.5rem;align-items:center;gap:0.5rem}.ls-dv-placing-fields-text{color:var(--gray-90, #5e6066);text-align:center;font-size:0.875rem;font-style:normal;font-weight:500;margin:0}.ls-dv-selected-role-label{display:flex;padding:0.125rem 0.375rem;align-items:center;gap:0.25rem;border-radius:0.25rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;max-width:10rem}.ls-dv-selected-role-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dropdown-list{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;width:18.5625rem;padding:0.25rem;flex-direction:column;gap:0.25rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);background:white;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-height:40vh}.ls-dv-dropdown-list-items{display:flex;flex-direction:column;gap:0.25rem;overflow-y:auto;min-height:0}.ls-dv-dropdown-item{display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem}.ls-dv-dropdown-item.ls-dv-selected,.ls-dv-dropdown-item.ls-dv-selected:hover{background:var(--background-selected, #e0e2e5)}.ls-dv-dropdown-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-skeleton-item{pointer-events:none;color:var(--primary-50, #5185ff)}.ls-dv-skeleton-circle{width:2.25rem !important;height:2.25rem !important;flex-shrink:0;border-radius:0.625rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line{border-radius:0.25rem;background:var(--gray-20, #edeff2);animation:pulse 1.2s ease-in-out infinite}.ls-dv-skeleton-line-name{width:6rem;height:0.75rem;margin-bottom:0.25rem}.ls-dv-skeleton-line-type{width:3rem;height:0.625rem}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.ls-dv-add-participant-row{all:unset;flex-shrink:0;display:flex;padding:0.5rem 0.875rem 0.5rem 0.5rem;align-items:center;gap:0.75rem;align-self:stretch;border-radius:0.75rem;border:1px dashed var(--gray-30, #e0e2e5);cursor:pointer}.ls-dv-add-participant-row:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-add-participant-row:disabled{cursor:not-allowed;background:var(--gray-10, #f7f8fa);opacity:0.5}.ls-dv-plus-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-role-icon{display:flex;padding:0.5rem;border-radius:0.625rem}.ls-dv-add-participant-icon{display:flex;padding:0.5rem;border-radius:0.625rem;color:white;background:var(--primary-60, #4456f6)}.ls-dv-role-text{display:flex;flex-direction:column;width:100%;min-width:0}.ls-dv-dropdown-item .ls-dv-check-icon{color:var(--gray-40, #d8d9dc)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-check-icon{color:var(--check-icon-selected)}.ls-dv-role-name{color:var(--gray-100, #45484d);font-size:0.75rem;font-style:normal;font-weight:500;line-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-role-type{color:var(--gray-80, #6f7176);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-name{color:var(--role-name-selected)}.ls-dv-dropdown-item.ls-dv-selected .ls-dv-role-type{color:var(--role-type-selected)}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}.ls-dv-expand-button{border:0;cursor:pointer;display:inline-flex;align-items:center;border-radius:0.625rem;justify-content:center;text-transform:capitalize;min-height:2rem;min-width:2rem;max-height:2rem;max-width:2rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;const s=class{constructor(a){e(this,a);this.roleChange=t(this,"roleChange",7);this.addParticipant=t(this,"addParticipant",7)}get el(){return a(this)}selected;signer;selectedRole={signerIndex:1,name:"",roleType:"SIGNER",default:true};handleSignerChange(e){this.syncSelectedRole(e)}scrollToBottom=false;isAddingParticipant=false;handleRoleLoad(){this.syncSelectedRole(this.signer);if(this.scrollToBottom){this.scrollToBottom=false;this.isAddingParticipant=false;requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}}componentWillLoad(){this.syncSelectedRole(this.signer)}syncSelectedRole(e){if(e===0){this.selectedRole={signerIndex:0,name:"Sender",roleType:"SENDER",default:false}}else if(this.roles?.length>0){const t=this.roles.find((t=>t.signerIndex===e));if(t){this.selectedRole={...t,default:false}}}}roles=[];isOpen=false;handleWindowClick(e){if(this.isOpen&&!this.el.shadowRoot.contains(e.composedPath()[0])){this.isOpen=false}}toggleDropdown=()=>{this.isOpen=!this.isOpen};roleChange;addParticipant;selectRole(e){this.selectedRole={...e,default:false};this.isOpen=false;this.roleChange.emit(e.signerIndex)}createHandler(){this.scrollToBottom=true;this.isAddingParticipant=true;this.addParticipant.emit({type:"SIGNER"});requestAnimationFrame((()=>{const e=this.el.shadowRoot?.querySelector(".ls-dv-dropdown-list-items");if(e)e.scrollTo({top:e.scrollHeight,behavior:"smooth"})}))}render(){return o(r,{key:"d2738dda7434823b9f8b0e4d468e6c5db8689fa2"},o("div",{key:"be06db753ac5c02940a8e202d66fbc2cd06b07b4",class:"ls-dv-dropdown"},o("div",{key:"d30afed77ba2b3a05e4adb145b64055d2141b0a6",class:"ls-dv-dropdown-header",onClick:this.toggleDropdown},o("svg",{key:"5eaa6419c4348c7c5a7eefdd2db321a6d8df0d09",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"5243c4ea15e9af142be636c0e99fce210dd7b387",d:"M4 0.5H6.5C8.433 0.5 10 2.067 10 4V6.5C10 8.433 8.433 10 6.5 10H4C2.067 10 0.5 8.433 0.5 6.5V4C0.5 2.067 2.067 0.5 4 0.5Z",fill:"#78A3FA",stroke:"#F7F8FA"}),o("path",{key:"0088c45216cb2372d85c8225c34c26a7a8d0b9ea",d:"M13.5 0.5H16C17.933 0.5 19.5 2.067 19.5 4V6.5C19.5 8.433 17.933 10 16 10H13.5C11.567 10 10 8.433 10 6.5V4C10 2.067 11.567 0.5 13.5 0.5Z",fill:"#46DBAA",stroke:"#F7F8FA"}),o("path",{key:"9971868a7b3d610e6df1cf5134694955be4c7c3a",d:"M4 10H6.5C8.433 10 10 11.567 10 13.5V16C10 17.933 8.433 19.5 6.5 19.5H4C2.067 19.5 0.5 17.933 0.5 16V13.5C0.5 11.567 2.067 10 4 10Z",fill:"#FAD232",stroke:"#F7F8FA"}),o("path",{key:"585bcf20fe424650adf88e1cf985ee7119e364c0",d:"M14.75 12.125V14.75M14.75 14.75V17.375M14.75 14.75H17.375M14.75 14.75L12.125 14.75",stroke:"#939599","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})),o("p",{key:"c9344e5d0711c7c488aca5fb4a32d4e40585a75f",class:"ls-dv-placing-fields-text"},i.t("toolbar.placingfieldsfor")),o("div",{key:"56c57e5fb26f4eb43cb0f6c62d257e08c973e7ba",class:"ls-dv-selected-role-label",style:{background:d[this.selectedRole?.signerIndex%100].s20,color:d[this.selectedRole?.signerIndex%100].s80}},o("ls-icon",{key:"8485e93e5a01682f6c961bd4385592ade505c18d",size:18,name:this.selectedRole?.roleType==="SENDER"?"user-icon":this.selectedRole?.roleType==="APPROVER"?"check-circle-icon":this.selectedRole?.roleType==="WITNESS"?"eye-icon":"signature-icon"}),o("span",{key:"635d158f5e26de1de95ec1fb4a3eeda4398889c5",class:"ls-dv-selected-role-text"},this.selectedRole.name||(this.selectedRole.roleType==="WITNESS"?i.t("participants.witness"):i.t("participants.participant",{index:this.selectedRole.signerIndex})))),o("button",{key:"0a763eb2d07a5538ed266212bf1d417eeac08150",class:"ls-dv-tertiary-grey ls-dv-expand-button","aria-haspopup":"listbox","aria-expanded":this.isOpen},o("ls-icon",{key:"dae7a5f2403e88765b7fdb90549661e966b350c8",name:"chevron-down-icon"}))),this.isOpen&&o("div",{key:"a3552adf7c4dfb6f42bf213338b206e7b4b19ccf",class:"ls-dv-dropdown-list"},o("div",{key:"e203a63ff8b232d14be91791745f45a9a38cc733",class:"ls-dv-dropdown-list-items"},o("div",{key:"08642a0335cb4a2c77cae31af2ab85d0d555fd97",class:this.selectedRole?.signerIndex===0?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[0].s10,"--check-icon-selected":d[0].s50},onClick:()=>this.selectRole({signerIndex:0,name:i.t("toolbar.sender"),roleType:"SENDER"}),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",this.selectedRole?.signerIndex!==0?"base-circle-icon":"check-circle-icon")},o("div",{key:"3b6ece6ee371650562cbbcd3df812d3174564e8e",class:"ls-dv-role-icon",style:{background:d[0].s50,color:d[0].s80}},o("ls-icon",{key:"25cf888a520414ef06832becd8996b52bbd12db1",name:"user-icon"})),o("div",{key:"fbd46144800133c2b865f48a98bd0d5c763a393f",class:"ls-dv-role-text"},o("p",{key:"7ec0f11ef7bd71dfb7488b66cb6e24197e9c9019",class:"ls-dv-role-name",style:{"--role-name-selected":d[0].s80}},i.t("toolbar.sender")),o("p",{key:"85d228a78eda59065a358105e04523f804320c50",class:"ls-dv-role-type",style:{"--role-type-selected":d[0].s80}},i.t("toolbar.you"))),o("ls-icon",{key:"85cd57ca966a75eed9bf9427393a238ba0494c68",class:"ls-dv-check-icon",name:this.selectedRole?.signerIndex===0?"check-circle-icon":"base-circle-icon",solid:this.selectedRole?.signerIndex===0})),this.roles.map((e=>o("div",{class:e.signerIndex===this.selectedRole?.signerIndex?"ls-dv-dropdown-item ls-dv-selected":"ls-dv-dropdown-item",style:{"--background-selected":d[e?.signerIndex%100].s10,"--check-icon-selected":d[e?.signerIndex%100].s50},onClick:()=>this.selectRole(e),onMouseEnter:e=>e.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name","check-circle-icon"),onMouseLeave:t=>t.currentTarget.querySelector(".ls-dv-check-icon")?.setAttribute("name",e.signerIndex!==this.selectedRole?.signerIndex?"base-circle-icon":"check-circle-icon")},o("div",{class:"ls-dv-role-icon",style:{background:e.signerIndex>100?d[e?.signerIndex%100].s30:d[e?.signerIndex%100].s40,color:d[e?.signerIndex%100].s90}},o("ls-icon",{name:e.roleType==="WITNESS"?"eye-icon":e.roleType==="APPROVER"?"check-circle-icon":"signature-icon"})),o("div",{class:"ls-dv-role-text"},o("p",{class:"ls-dv-role-name",style:{"--role-name-selected":d[e?.signerIndex%100].s100},"data-tooltip-id":"ls-dv-select-tooltip","data-tooltip-html":`<span style="white-space:normal;word-break:break-word">${e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))}</span>`,onMouseEnter:e=>{const t=e.currentTarget;if(t.scrollWidth<=t.clientWidth){t.removeAttribute("data-tooltip-html")}}},e.name||(e.signerIndex>100?i.t("participants.participantwitness",{index:e.signerIndex-100}):i.t("participants.participant",{index:e.signerIndex}))),o("p",{class:"ls-dv-role-type",style:{"--role-type-selected":d[e?.signerIndex%100].s80}},e.roleType==="WITNESS"?i.t("participants.witness"):e.roleType==="APPROVER"?i.t("participants.approver"):i.t("participants.signer"))),o("ls-icon",{class:"ls-dv-check-icon",name:e.signerIndex===this.selectedRole?.signerIndex?"check-circle-icon":"base-circle-icon",solid:e.signerIndex===this.selectedRole?.signerIndex})))),this.isAddingParticipant&&o("div",{key:"7138b53ebec45fb276c6ff29f64cf325d80354b2",class:"ls-dv-dropdown-item ls-dv-skeleton-item"},o("div",{key:"4e0b868f95b96f87eb188647ce05b0aaff6285e0",class:"ls-dv-skeleton-circle"}),o("div",{key:"bebaee2c74a9fe9d8ff17fa1c6c64f0fbb781eea",class:"ls-dv-role-text"},o("div",{key:"52d8d56985cee72e7062d4609da1943edc6be9bb",class:"ls-dv-skeleton-line ls-dv-skeleton-line-name"}),o("div",{key:"e07c662912967023706c595574efef906a62ce91",class:"ls-dv-skeleton-line ls-dv-skeleton-line-type"})),o("ls-loading",{key:"7638dec23bb823931cacb85171cf9d90ee3c1dbd"}))),o("button",{key:"f7e85a6d9fa888b08fe6e82cc577cecca9c618b9",onClick:()=>this.createHandler(),class:"ls-dv-add-participant-row",style:{"--background-selected":d[1].s10,"--check-icon-selected":d[1].s50},disabled:this.isAddingParticipant},o("div",{key:"68ec11252781a9e416500f0418bc178164aa39e2",class:"ls-dv-add-participant-icon"},o("ls-icon",{key:"6b8d5e0fe5d87f8e6092ec1c905e20aa0aa481f6",name:"user-add-icon"})),o("div",{key:"cccb2159e5ef0ae67dc4cc7f088074514afac2ed",class:"ls-dv-role-text"},o("p",{key:"b1b4fb13ddc874dd6a175857831be205bd4c62ce",class:"ls-dv-role-name"},i.t("participants.addparticipant")),o("p",{key:"7abb0a77d517a2fa3b23119f0fa0e6b32fef48ae",class:"ls-dv-role-type"},i.t("toolbar.addnewsigner"))),o("ls-icon",{key:"5d078478f7a59153b61e1cc38f67f51f40810de3",class:"ls-dv-plus-icon",name:"plus-icon"})))),o("ls-tooltip",{key:"0759437c9d6e2547d02b5982df97895e03a323e2",tooltipId:"ls-dv-select-tooltip"}),o("slot",{key:"ca0bab9e35dbc74c0f9f0f79c46dc93d83c182c5"}))}static get watchers(){return{signer:["handleSignerChange"],roles:["handleRoleLoad"]}}};s.style=n();export{c as ls_field_format,s as ls_participant_select};
|
|
2
|
+
//# sourceMappingURL=p-d4ce4e16.entry.js.map
|