legalesign-document-viewer 1.0.13 → 1.0.15

package/dist/ls-document-viewer/p-f5959479.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a as t,h as o,H as a}from"./p-CItPoq74.js";import{d as s}from"./p-DU-efe4l.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(a,{key:"d5e1243216fa194ac7c97b62db936e22698fe169"},o("div",{key:"e78e3daf51bfac8af93f2c08658067162b6a4998",class:"ls-dv-controls-bar",onMouseEnter:()=>this.expanded=true,onMouseLeave:()=>this.expanded=false},o("button",{key:"d2198e6894c5e0fa5f151064b1a0b3554ceff854",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:"34a955a2beee583c0b4aa3704623672005e8d3c2",style:!this.showShortcuts?{display:"none"}:{display:"block"}}),o("ls-icon",{key:"ac263769b9d6fcae145ba9b63282e0d6f858bb6d",name:"keyboard-icon"})),o("button",{key:"90cc038c4d034740ca2fb84b08b5cc42d862bbe0",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">${s.t("helperbar.viewdocumentation")}</span>`,"data-tooltip-place":this.isSafari?"top":"left"},o("ls-icon",{key:"cfa12c39dff0ba244bf472fb01cc1530aaa250c2",name:"book-open-icon"})),o("button",{key:"e94ab87db268479dda3e2390a8947333e1340053",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">${s.t("helperbar.contactsupport")}</span>`,"data-tooltip-place":this.isSafari?"top":"left"},o("ls-icon",{key:"f5f890a3ac7bfa086115ab4b2f34de2428816302",name:"support-icon"})),o("div",{key:"2c724587391030ae69a5305685ee528e75322677",class:"ls-dv-divider",style:!this.expanded?{display:"none"}:{display:"block"}}),o("button",{key:"0134860acb82f218c0ede9e7406e4b1afb63ede3"},o("ls-icon",{key:"01fe6aff9c191152310170a4544c04bba0961de3",name:"question-mark-circle-icon"}))),o("slot",{key:"b4e1197d97abcdc8545769bbe97bb0f6e81d2b38"}),o("ls-tooltip",{key:"3c73a484c2e7ef8ad6434efb6c43ced8a794f788",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:s.t("shortcuts.copy")},{keys:`${this.mod} + V`,label:s.t("shortcuts.paste")},{keys:`${this.mod} + X`,label:s.t("shortcuts.cut")},{keys:`${this.mod} + A`,label:s.t("shortcuts.selectall")},{keys:`${this.mod} + Z`,label:s.t("shortcuts.undo")},{keys:this.isMac?"⌘ + ⇧ + Z":"Ctrl + Y",label:s.t("shortcuts.redo")},{keys:"D",label:s.t("shortcuts.duplicate")},{keys:"⌫",label:s.t("shortcuts.delete")},{keys:"↑ ↓ ← →",label:s.t("shortcuts.move")},{keys:`${this.mod} + Scroll`,label:s.t("shortcuts.zoom")},{keys:"Esc",label:s.t("shortcuts.deselect")}];return o("div",{key:"cfd5c35179ad3805f8d4f8ad3039f72ee5db7bed",class:"ls-dv-keyboard-shortcuts-tooltip"},o("div",{key:"7a2be545bfc57f758535baadb84597d25894d57a",id:"arrow"}),o("p",{key:"6911a6bff38890af98ee2fbfec169974ece36a20",class:"ls-dv-tooltip-title"},s.t("shortcuts.title")),o("table",{key:"edf567dc2c35abaa0fd25ccb98eee49ff91682e8",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};
+//# sourceMappingURL=p-f5959479.entry.js.map

package/dist/types/components/ls-field-properties-advanced/ls-field-properties-advanced.d.ts

@@ -3,8 +3,9 @@ import { LSApiElement } from '../../types/LSApiElement';
 import { LSMutateEvent } from '../../types/LSMutateEvent';
 export declare class LsFieldPropertiesAdvanced {
     dataItem: LSApiElement | LSApiElement[];
-    expanded: boolean;
     readonly: boolean;
+    private static readonly STORAGE_KEY;
+    expanded: boolean;
     mutate: EventEmitter<LSMutateEvent[]>;
     isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement;
     isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[];

package/dist/types/components/ls-field-properties-regex/ls-field-properties-regex.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { LSApiElement, LSMutateEvent } from '../../components';
+import { LSApiRole } from '../../types/LSApiRole';
+export declare class LsFieldPropertiesNumber {
+    dataItem: LSApiElement;
+    roles: LSApiRole[];
+    readonly: boolean;
+    filtertoolbox: string;
+    mutate: EventEmitter<LSMutateEvent[]>;
+    update: EventEmitter<LSMutateEvent[]>;
+    private labeltimer;
+    debounce(data: any, delay: any): void;
+    alter(diff: object): void;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -298,10 +298,6 @@ export namespace Components {
     }
     interface LsFieldPropertiesAdvanced {
         "dataItem": LSApiElement | LSApiElement[];
-        /**
-          * @default false
-         */
-        "expanded": boolean;
         /**
           * @default false
          */
@@ -438,6 +434,21 @@ export namespace Components {
          */
         "roles": LSApiRole[];
     }
+    interface LsFieldPropertiesRegex {
+        "dataItem": LSApiElement1;
+        /**
+          * @default null
+         */
+        "filtertoolbox": string;
+        /**
+          * @default false
+         */
+        "readonly": boolean;
+        /**
+          * @default []
+         */
+        "roles": LSApiRole[];
+    }
     interface LsFieldPropertiesSignature {
         "dataItem": LSApiElement1;
         /**
@@ -855,6 +866,10 @@ export interface LsFieldPropertiesMultipleCustomEvent<T> extends CustomEvent<T>
     detail: T;
     target: HTMLLsFieldPropertiesMultipleElement;
 }
+export interface LsFieldPropertiesRegexCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLsFieldPropertiesRegexElement;
+}
 export interface LsFieldSizeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLsFieldSizeElement;
@@ -1247,6 +1262,24 @@ declare global {
         prototype: HTMLLsFieldPropertiesNumberElement;
         new (): HTMLLsFieldPropertiesNumberElement;
     };
+    interface HTMLLsFieldPropertiesRegexElementEventMap {
+        "mutate": LSMutateEvent1[];
+        "update": LSMutateEvent1[];
+    }
+    interface HTMLLsFieldPropertiesRegexElement extends Components.LsFieldPropertiesRegex, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLsFieldPropertiesRegexElementEventMap>(type: K, listener: (this: HTMLLsFieldPropertiesRegexElement, ev: LsFieldPropertiesRegexCustomEvent<HTMLLsFieldPropertiesRegexElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLsFieldPropertiesRegexElementEventMap>(type: K, listener: (this: HTMLLsFieldPropertiesRegexElement, ev: LsFieldPropertiesRegexCustomEvent<HTMLLsFieldPropertiesRegexElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLsFieldPropertiesRegexElement: {
+        prototype: HTMLLsFieldPropertiesRegexElement;
+        new (): HTMLLsFieldPropertiesRegexElement;
+    };
     interface HTMLLsFieldPropertiesSignatureElement extends Components.LsFieldPropertiesSignature, HTMLStencilElement {
     }
     var HTMLLsFieldPropertiesSignatureElement: {
@@ -1588,6 +1621,7 @@ declare global {
         "ls-field-properties-general": HTMLLsFieldPropertiesGeneralElement;
         "ls-field-properties-multiple": HTMLLsFieldPropertiesMultipleElement;
         "ls-field-properties-number": HTMLLsFieldPropertiesNumberElement;
+        "ls-field-properties-regex": HTMLLsFieldPropertiesRegexElement;
         "ls-field-properties-signature": HTMLLsFieldPropertiesSignatureElement;
         "ls-field-properties-text": HTMLLsFieldPropertiesTextElement;
         "ls-field-size": HTMLLsFieldSizeElement;
@@ -1895,10 +1929,6 @@ declare namespace LocalJSX {
     }
     interface LsFieldPropertiesAdvanced {
         "dataItem"?: LSApiElement | LSApiElement[];
-        /**
-          * @default false
-         */
-        "expanded"?: boolean;
         "onMutate"?: (event: LsFieldPropertiesAdvancedCustomEvent<LSMutateEvent[]>) => void;
         /**
           * @default false
@@ -2038,6 +2068,23 @@ declare namespace LocalJSX {
          */
         "roles"?: LSApiRole[];
     }
+    interface LsFieldPropertiesRegex {
+        "dataItem"?: LSApiElement1;
+        /**
+          * @default null
+         */
+        "filtertoolbox"?: string;
+        "onMutate"?: (event: LsFieldPropertiesRegexCustomEvent<LSMutateEvent1[]>) => void;
+        "onUpdate"?: (event: LsFieldPropertiesRegexCustomEvent<LSMutateEvent1[]>) => void;
+        /**
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * @default []
+         */
+        "roles"?: LSApiRole[];
+    }
     interface LsFieldPropertiesSignature {
         "dataItem"?: LSApiElement1;
         /**
@@ -2461,6 +2508,7 @@ declare namespace LocalJSX {
         "ls-field-properties-general": LsFieldPropertiesGeneral;
         "ls-field-properties-multiple": LsFieldPropertiesMultiple;
         "ls-field-properties-number": LsFieldPropertiesNumber;
+        "ls-field-properties-regex": LsFieldPropertiesRegex;
         "ls-field-properties-signature": LsFieldPropertiesSignature;
         "ls-field-properties-text": LsFieldPropertiesText;
         "ls-field-size": LsFieldSize;
@@ -2522,6 +2570,7 @@ declare module "@stencil/core" {
             "ls-field-properties-general": LocalJSX.LsFieldPropertiesGeneral & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesGeneralElement>;
             "ls-field-properties-multiple": LocalJSX.LsFieldPropertiesMultiple & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesMultipleElement>;
             "ls-field-properties-number": LocalJSX.LsFieldPropertiesNumber & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesNumberElement>;
+            "ls-field-properties-regex": LocalJSX.LsFieldPropertiesRegex & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesRegexElement>;
             "ls-field-properties-signature": LocalJSX.LsFieldPropertiesSignature & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesSignatureElement>;
             "ls-field-properties-text": LocalJSX.LsFieldPropertiesText & JSXBase.HTMLAttributes<HTMLLsFieldPropertiesTextElement>;
             "ls-field-size": LocalJSX.LsFieldSize & JSXBase.HTMLAttributes<HTMLLsFieldSizeElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "legalesign-document-viewer",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Legalesign Document Editor/Viewer",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-BTcdVmkv.js.map

@@ -1 +0,0 @@
-{"file":"p-BTcdVmkv.js","mappings":";;;;;;AAAA,MAAM,4BAA4B,GAAG,MAAM,CAAC,mpMAAmpM,CAAC;;MCUnrM,yBAAyB,iBAAAA,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACX,IAAA,QAAQ;IACR,QAAQ,GAAY,KAAK;IAC1C,QAAQ,GAAY,KAAK;AAOjC,IAAA,MAAM;AAEN,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;;;;AAM1D,IAAA,KAAK,CAAC,IAAY,EAAE,WAAA,GAAsB,CAAC,EAAA;AACzC,QAAA,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,IAAI,CAAC;QAC7C,IAAI,KAAK,GAAG,EAAE;QACd,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAG;AACrC,gBAAA,OAAO,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAkB;AAC3C,aAAC,CAAC;YAEF,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAG;AAC7B,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,IAAI,EAAkB,EAAmB;AACxF,aAAC,CAAC;;aACG,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACvC,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE;YAE7C,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC;;AAGrE,QAAA,IAAI,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,EAAE;AACrC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAEpB;AACH,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;;;AAI7B,IAAA,UAAU;IAElB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAA;QACnB,IAAI,IAAI,CAAC,UAAU;AAAE,YAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;AAElD,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;SACxB,EAAE,KAAK,CAAC;;AAGX,IAAA,QAAQ,CAAC,GAAG,EAAA;QACV,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AAClC,YAAA,OAAO,EAAE;;aACJ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;AACvC,YAAA,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;;AAE3B,QAAA,OAAO,EAAE;;IAGX,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAA,EACpF,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAG,IAAA,EAAA,CAAA,EAClF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAI,MAAM,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAK,CACnD,EACL,IAAI,CAAC,QAAQ,KACZ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,iBAAiB,EAAA,EAC3B,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAAA,EAC3I,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,IAAG;AAC7H,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACd,gBAAA,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC;aACvE,EACD,QAAQ,EAAE,MAAQ,EAAA,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA,EAAC,EAC1C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACrB,CACe,EAEnB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAAA,EACjE,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,0CAA0C,CAAC,EAAE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpM,EAEnB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAAA,EACvI,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,EAAC,YAAY,EAAA,YAAA,EAAY,YAAY,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC/J,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3D,EAAA,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CACrC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3D,EAAA,MAAM,CAAC,CAAC,CAAC,oCAAoC,CAAC,CACxC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3D,EAAA,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,CACtC,EACT,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,EAC3D,EAAA,MAAM,CAAC,CAAC,CAAC,qCAAqC,CAAC,CACzC,CACF,CACQ,EAEnB,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAAA,EACzI,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,EAClC,KAAK,EAAC,IAAI,EACV,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,0CAA0C,CAAC,EACjE,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,EACnF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,CACe,EAElB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,2CAA2C,CAAC,EAAA,EAC/J,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,EAAE,EAAC,uBAAuB,EAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,cAAc,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,EAAI,CAAA,CACnJ,CACf,CACP,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-advanced/ls-field-properties-advanced.scss?tag=ls-field-properties-advanced&encapsulation=shadow","src/components/ls-field-properties-advanced/ls-field-properties-advanced.tsx"],"sourcesContent":[":host, .ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-expand-fields-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.25rem;\n  cursor: pointer;\n  color: $gray-80;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-expand-fields-row p {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem; /* 150% */\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-50;\n}\n\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n  color: $gray-50;\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:disabled {\n  background: $gray-10;\n  cursor: not-allowed;\n  color: $gray-50;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-field-properties-advanced',\n  styleUrl: 'ls-field-properties-advanced.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesAdvanced {\n  @Prop({ mutable: true }) dataItem: LSApiElement | LSApiElement[];\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop() readonly: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n    return (dt as LSApiElement[]).length === undefined;\n  }\n\n  isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n    return typeof (dt as LSApiElement[]).length === 'number';\n  }\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object, bounceDelay: number = 0) {\n    console.log('Altering advanced props:', diff);\n    let diffs = [];\n    if (this.isMultiple(this.dataItem)) {\n      this.dataItem = this.dataItem.map(di => {\n        return { ...di, ...diff } as LSApiElement;\n      });\n\n      diffs = this.dataItem.map(di => {\n        return { action: 'update', data: { ...di, ...diff } as LSApiElement } as LSMutateEvent;\n      });\n    } else if (this.isSingle(this.dataItem)) {\n      this.dataItem = { ...this.dataItem, ...diff };\n\n      diffs = [{ action: 'update', data: { ...this.dataItem, ...diff } }];\n    }\n\n    if (!bounceDelay || bounceDelay === 0) {\n      this.mutate.emit(diffs);\n    }\n    else {\n      this.debounce(diffs, bounceDelay);\n    }\n  }\n\n  private titletimer;\n\n  debounce(diffs, delay) {\n    if (this.titletimer) clearTimeout(this.titletimer);\n\n    this.titletimer = setTimeout(() => {\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  getValue(key) {\n    if (this.isMultiple(this.dataItem)) {\n      return '';\n    } else if (this.isSingle(this.dataItem)) {\n      return this.dataItem[key];\n    }\n    return '';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-expand-fields-row'} onClick={() => (this.expanded = !this.expanded)}>\n          <ls-icon name={this.expanded ? 'expand-icon' : 'collapse-icon'} size={20} solid />\n          <p>{dvI18n.t('fieldproperties.advancedproperties')}</p>\n        </div>\n        {this.expanded && (\n          <div class={'ls-dv-field-set'}>\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldorder')} sectionDescription={dvI18n.t('fieldproperties.fieldorderdescription')}>\n              <input type=\"number\" placeholder={dvI18n.t('fieldproperties.placeholdereg1')} value={this.getValue('fieldOrder')} onInput={e => {\n                console.log(e);\n                this.alter({ fieldOrder: (e.target as HTMLInputElement).value }, 1500)\n              }} \n              onChange={() => { console.log('onchange')}}\n              disabled={this.readonly}\n              />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.refname')}>\n              <input value={this.getValue('mapTo')} placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')} onInput={e => this.alter({ mapTo: (e.target as HTMLInputElement).value }, 1500)} disabled={this.readonly} />\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linktype')} sectionDescription={dvI18n.t('fieldproperties.linktypedescription')}>\n              <select onChange={e => this.alter({ logicAction: (e.target as HTMLInputElement).value }, 1500)} name=\"Link Field\" aria-label=\"Link Field\" disabled={this.readonly}>\n                <option value=\"0\" selected={this.getValue('logicAction') === 0}>\n                  {dvI18n.t('fieldproperties.linktypenoption')}\n                </option>\n                <option value=\"1\" selected={this.getValue('logicAction') === 1}>\n                  {dvI18n.t('fieldproperties.linktypeoneofgroup')}\n                </option>\n                <option value=\"2\" selected={this.getValue('logicAction') === 2}>\n                  {dvI18n.t('fieldproperties.linktypeaddtotal')}\n                </option>\n                <option value=\"3\" selected={this.getValue('logicAction') === 3}>\n                  {dvI18n.t('fieldproperties.linktypeconditional')}\n                </option>\n              </select>\n            </ls-props-section>\n\n            <ls-props-section sectionTitle={dvI18n.t('fieldproperties.linkvalue')} sectionDescription={dvI18n.t('fieldproperties.linkvaluedescription')}>\n              <input\n                value={this.getValue('logicGroup')}\n                width=\"30\"\n                placeholder={dvI18n.t('fieldproperties.placeholdercheckboxgroup')}\n                onInput={e => this.alter({ logicGroup: (e.target as HTMLInputElement).value }, 350)}\n                disabled={this.readonly}\n              />\n            </ls-props-section>\n\n             <ls-props-section sectionTitle={dvI18n.t('fieldproperties.excludefrompdf')} row={true} sectionDescription={dvI18n.t('fieldproperties.excludefrompdfdescription')}>              \n              <ls-toggle id=\"toggle-excludefrompdf\" checked={this.getValue('excludeFromPdf')} onValueChange={ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail })} />\n            </ls-props-section>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-ByN7GurE.js.map

@@ -1 +0,0 @@
-{"file":"p-ByN7GurE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-multiple/ls-field-properties-multiple.scss?tag=ls-field-properties-multiple&encapsulation=shadow","src/components/ls-field-properties-multiple/ls-field-properties-multiple.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n}\n\n.ls-dv-properties-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: $gray-90;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: $gray-80;\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-field-type-wrapper {\n  position: relative;\n  border-radius: 0.875rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-type-inner {\n  border-radius: 0.625rem;\n  background: $white;\n  display: flex;\n  padding: 0.25rem 0.5rem 0.25rem 0.25rem;\n  align-items: center;\n  gap: 0.875rem;\n  align-self: stretch;\n}\n\n.ls-dv-field-type-icon {\n  display: flex;\n  padding: 0.5rem;\n  align-items: center;\n  border-radius: 0.625rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\n.ls-dv-field-type-name {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.5rem; /* 150% */\n  text-transform: capitalize;\n}\n\n.ls-dv-tabs-container {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  width: 100%;\n  gap: 0.125rem;\n  padding: 0.125rem;\n  border: 1px solid $gray-30;\n  border-radius: 0.75rem;\n  background: $white;\n}\n\n.ls-dv-tab {\n  all: unset;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  color: $gray-80;\n}\n\n.ls-dv-tab.ls-dv-active {\n  background: $primary-10;\n  color: $primary-60;\n}\n\n.ls-dv-tab:not(.ls-dv-active):hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-footer {\n  display: flex;\n  padding-top: 1rem;\n  border-top: 1px solid $gray-20;\n  flex-direction: column;\n  justify-content: flex-end;\n  gap: 0.75rem;\n  margin-top: auto;\n}\n\n.ls-dv-scrolling-container {\n  overflow-y: auto;\n  padding: 0 1rem;\n  margin: 0 -1rem;\n  height: calc(100% - 10.938rem);\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n}\n\n.ls-dv-full-width {\n  width: 100%;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  display: flex;\n  gap: 0.5rem;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  font-weight: 500;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background-color: white;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n.ls-dv-input-error {\n  border-color: $red-60;\n}\n\n.ls-dv-input-error:focus {\n  box-shadow: 0 0 0 0.25rem $red-20;\n  border-color: $red-60;\n}\n\n.ls-dv-error-text {\n  color: $red-60;\n  font-size: var(--text-xs);\n  margin-top: 0.25rem;\n}\n\n.ls-dv-checkbox-toggle {\n  display: flex;\n  gap: 0.5rem;\n  background: $gray-10;\n  padding: 0.25rem;\n  border-radius: 0.75rem;\n}\n\n.ls-dv-checkbox-toggle-btn {\n  flex: 1;\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.875rem;\n  color: $gray-80;\n  text-transform: capitalize;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  transition: background 0.15s, box-shadow 0.15s;\n\n  &:focus-visible {\n    outline: 2px solid $gray-40;\n    outline-offset: 2px;\n  }\n\n  &.ls-dv-active {\n    background: white;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n}\n\n.ls-dv-mixed-hint {\n  color: $gray-60;\n  font-size: var(--text-xs);\n  font-style: italic;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { dvI18n } from '../../i18n/i18n';\nimport { getDefaultValidationForType } from '../ls-field-type-select/fieldTypeUtils';\nimport { getFieldPlaceholder } from '../ls-document-viewer/defaultFieldLabels';\nimport { validationTypes } from '../ls-document-viewer/editorUtils';\nimport { validateFieldValue } from '../../utils/fieldValueValidator';\nimport { forceCloseDatePicker } from '../../utils/utils';\n\n\n@Component({\n  tag: 'ls-field-properties-multiple',\n  styleUrl: 'ls-field-properties-multiple.scss',\n  shadow: true,\n})\nexport class LsFieldPropertiesMultiple {\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n  @Prop() roles: LSApiRole[] = [];\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n  @State() valueError: string | null = null;\n\n  @Watch('dataItem')\n  validateOnChange() {\n    if (this.allFieldTypesSame().isSame && this.supportsValue() && this.allValuesSame().isSame) {\n      this.valueError = validateFieldValue(\n        this.allFieldTypesSame().fieldType,\n        this.allValidationsSame().validation,\n        this.allValuesSame().value,\n        this.dataItem[0]?.options,\n      );\n    } else {\n      this.valueError = null;\n    }\n  }\n\n  componentWillLoad() {\n    this.validateOnChange();\n  }\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  update: EventEmitter<LSMutateEvent[]>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));\n    const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n    this.update.emit(evs);\n    this.debounce(diff, 1500);\n  }\n\n  // Immediate alter for non-typing actions (toggles, selects)\n  alterImmediate(diff: object) {\n    this.dataItem = this.dataItem.map(item => ({ ...item, ...diff }));\n    if (this.labeltimer) {\n      clearTimeout(this.labeltimer);\n      this.labeltimer = null;\n    }\n    const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n    this.mutate.emit(evs);\n    this.update.emit(evs);\n  }\n\n  private labeltimer;\n\n  debounce(diff, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: { ...item, ...diff } }));\n      this.mutate.emit(evs);\n      this.update.emit(evs);\n    }, delay);\n  }\n  \n  allSignersSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, signer: undefined };\n    const firstSigner = this.dataItem[0].signer;\n    const allSame = this.dataItem.every(item => item.signer === firstSigner);\n    return { isSame: allSame, signer: allSame ? firstSigner : 13 };\n  };\n\n  allLabelsSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, label: undefined };\n    const firstLabel = this.dataItem[0].label;\n    const allSame = this.dataItem.every(item => item.label === firstLabel);\n    return { isSame: allSame, label: allSame ? firstLabel : undefined };\n  };\n\n  allElementsSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, elementType: 'mixed' };\n    const firstElementType = this.dataItem[0].elementType;\n    const allSame = this.dataItem.every(item => item.elementType === firstElementType);\n    return { isSame: allSame, elementType: allSame ? firstElementType : 'mixed' };\n  };\n\n  allFieldTypesSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, fieldType: 'text' };\n    const firstType = this.dataItem[0].formElementType;\n    const allSame = this.dataItem.every(item => item.formElementType === firstType);\n    return { isSame: allSame, fieldType: allSame ? firstType : 'mixed' };\n  };\n\n  allValuesSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, value: '' };\n    const firstValue = this.dataItem[0].value || '';\n    const allSame = this.dataItem.every(item => (item.value || '') === firstValue);\n    return { isSame: allSame, value: allSame ? firstValue : '' };\n  };\n\n  supportsValue = () => {\n    const typesWithoutValue = ['signature', 'initials', 'file', 'signing', 'autosign', 'signing date', 'auto sign', 'dropdown', 'checkbox', 'drawn field', 'date'];\n    const fieldType = this.allFieldTypesSame().fieldType;\n    return !typesWithoutValue.includes(fieldType);\n  };\n\n  isAllCheckboxes = () => {\n    return this.allFieldTypesSame().isSame && this.allFieldTypesSame().fieldType === 'checkbox';\n  };\n\n  private getCheckboxStates(): string[] {\n    if (!this.dataItem || this.dataItem.length === 0) return [];\n    const vType = validationTypes.find(v => v.id === this.dataItem[0].validation);\n    if (!vType) return [];\n    return vType.description.split('/').reverse();\n  }\n\n  isDateType = () => {\n    return this.allFieldTypesSame().fieldType === 'date';\n  };\n\n  allValidationsSame = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, validation: 0 };\n    const firstValidation = this.dataItem[0].validation;\n    const allSame = this.dataItem.every(item => item.validation === firstValidation);\n    return { isSame: allSame, validation: allSame ? firstValidation : null };\n  };\n\n  showContentFormat = () => {\n    const fieldType = this.allFieldTypesSame().fieldType;\n    const excluded = ['drawn field', 'regular expression', 'initials', 'signature', 'mixed'];\n    return this.allFieldTypesSame().isSame && !excluded.includes(fieldType);\n  };\n\n  private getDateFormatById(validation: number): string | null {\n    const vType = validationTypes.find(v => v.id === validation);\n    if (!vType || vType.inputType !== 'date') return null;\n    return vType.description;\n  }\n\n  private convertDateValue(currentValue: string, oldValidation: number, newValidation: number): string {\n    if (!currentValue) return '';\n    const oldFormat = this.getDateFormatById(oldValidation);\n    const newFormat = this.getDateFormatById(newValidation);\n    if (!oldFormat || !newFormat) return currentValue;\n\n    const sep = oldFormat.match(/[/.-]/)?.[0] || '/';\n    const parts = oldFormat.split(/[/.-]/);\n    const valueParts = currentValue.split(sep);\n    if (valueParts.length < 2) return currentValue;\n\n    let y = '', m = '', d = '';\n    parts.forEach((p, i) => {\n      const v = valueParts[i] || '';\n      if (p.startsWith('y')) y = v;\n      else if (p.startsWith('m')) m = v;\n      else if (p.startsWith('d')) d = v;\n    });\n\n    if (y.length === 2) y = '20' + y;\n    if (!d) d = '01';\n\n    return newFormat\n      .replace('yyyy', y.padStart(4, '0'))\n      .replace('yy', y.slice(-2))\n      .replace('mm', m.padStart(2, '0'))\n      .replace('dd', d.padStart(2, '0'))\n      .replace('d', String(parseInt(d)));\n  }\n\n  private formatISOToValidation(isoValue: string, validation: number): string {\n    if (!isoValue) return '';\n    const [y, m, d] = isoValue.split('-');\n    const format = this.getDateFormatById(validation);\n    if (!format) return isoValue;\n\n    return format\n      .replace('yyyy', y)\n      .replace('yy', y.slice(-2))\n      .replace('mm', m)\n      .replace('dd', d)\n      .replace('d', String(parseInt(d)));\n  }\n\n  private toISODate(value: string, validation: number): string {\n    if (!value) return '';\n    const format = this.getDateFormatById(validation);\n    if (!format) return value;\n\n    const sep = format.match(/[/.-]/)?.[0] || '/';\n    const parts = format.split(/[/.-]/);\n    const valueParts = value.split(sep);\n    if (valueParts.length < 2) return value;\n\n    let y = '', m = '', d = '';\n    parts.forEach((p, i) => {\n      const v = valueParts[i] || '';\n      if (p.startsWith('y')) y = v;\n      else if (p.startsWith('m')) m = v;\n      else if (p.startsWith('d')) d = v;\n    });\n\n    if (y.length === 2) y = '20' + y;\n    if (!d) d = '01';\n\n    return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n  }\n\n  handleFormatChange(newValidation: number) {\n    if (this.isDateType()) {\n      // Convert each field's date value to the new format\n      this.dataItem = this.dataItem.map(item => ({\n        ...item,\n        validation: newValidation,\n        value: this.convertDateValue(item.value || '', item.validation, newValidation),\n      }));\n    } else {\n      this.dataItem = this.dataItem.map(item => ({ ...item, validation: newValidation }));\n    }\n    if (this.labeltimer) {\n      clearTimeout(this.labeltimer);\n      this.labeltimer = null;\n    }\n    const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n    this.mutate.emit(evs);\n    this.update.emit(evs);\n  }\n\n  allFieldsOptional = () => {\n    if (!this.dataItem || this.dataItem.length === 0) return { isSame: true, optional: false };\n    const firstElementOptional = this.dataItem[0].optional;\n    const allSame = this.dataItem.every(item => item.optional === firstElementOptional);\n    return { isSame: allSame, optional: allSame ? firstElementOptional : false };\n  };\n\n  private hasSignatureType(): boolean {\n    return this.dataItem?.some(item => item.formElementType === 'signature' || (item.formElementType as string) === 'auto sign');\n  }\n\n  private getAllRoleTypes(): string[] {\n    const types = new Set<string>();\n    for (const item of this.dataItem || []) {\n      if (item.signer === 0) {\n        types.add('SENDER');\n      } else {\n        const role = this.roles?.find(r => r.signerIndex === item.signer);\n        types.add(role?.roleType || 'SIGNER');\n      }\n    }\n    return [...types];\n  }\n\n  private handleFieldTypeChange(newType: string) {\n    const defaultValidation = getDefaultValidationForType(newType);\n    const noValueTypes = ['signature', 'initials', 'file', 'signing date', 'auto sign', 'date', 'dropdown', 'checkbox', 'drawn field'];\n    const dateTypes = ['date', 'signing date'];\n\n    this.dataItem = this.dataItem.map(item => {\n      const currentType = item.formElementType as string;\n      const shouldClearValue = noValueTypes.includes(newType) || dateTypes.includes(currentType);\n      const isSender = item.signer === 0;\n      let elementType: string;\n      if (isSender) {\n        elementType = 'admin';\n      } else if (newType === 'signature') {\n        elementType = 'signature';\n      } else if (newType === 'initials') {\n        elementType = 'initials';\n      } else {\n        elementType = 'text';\n      }\n      return { ...item, formElementType: newType as any, elementType, validation: defaultValidation, ...(shouldClearValue ? { value: '' } : {}) };\n    });\n\n    // Emit immediately — field type change is a discrete action, not continuous input\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n    const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n    this.mutate.emit(evs);\n    this.update.emit(evs);\n  }\n\n  private getSenderDisabledReason(): string {\n    const signerOnly = ['file', 'drawn', 'drawn field', 'initials'];\n    const nameMap = {\n      'file': dvI18n.t('toolbox.file'),\n      'drawn': dvI18n.t('toolbox.drawn'),\n      'drawn field': dvI18n.t('toolbox.drawn'),\n      'initials': dvI18n.t('toolbox.initials'),\n    };\n    const disallowedTypes = [...new Set(\n      this.dataItem\n        ?.filter(item => signerOnly.includes(item.formElementType as string))\n        .map(item => nameMap[item.formElementType as string] || item.formElementType)\n    )];\n    if (disallowedTypes.length === 0) return '';\n    const fieldTypes = disallowedTypes.length === 1\n      ? disallowedTypes[0]\n      : disallowedTypes.slice(0, -1).join(', ') + ' and ' + disallowedTypes[disallowedTypes.length - 1];\n    return dvI18n.t('fieldproperties.cannotreassignsender', { fieldTypes });\n  }\n\n  private handleReassign(newSigner: number) {\n    this.dataItem = this.dataItem.map(item => {\n      const fieldType = item.formElementType as string;\n      // Auto Sign reassigned away from Sender → becomes Signature\n      if (fieldType === 'auto sign' && newSigner !== 0) {\n        return { ...item, signer: newSigner, formElementType: 'signature' as const, elementType: 'signature', validation: 0 };\n      }\n      // Signature reassigned to Sender → becomes Auto Sign\n      if (fieldType === 'signature' && newSigner === 0) {\n        return { ...item, signer: newSigner, formElementType: 'auto sign' as any, elementType: 'admin', validation: 3000 };\n      }\n      // Initials reassigned to Sender → becomes Text (sender can't have initials)\n      if (fieldType === 'initials' && newSigner === 0) {\n        return { ...item, signer: newSigner, formElementType: 'text' as any, elementType: 'admin', validation: 0 };\n      }\n      // Any field reassigned to Sender → elementType becomes 'admin'\n      if (newSigner === 0) {\n        return { ...item, signer: newSigner, elementType: 'admin' };\n      }\n      // Any field reassigned away from Sender → revert elementType\n      if (item.signer === 0) {\n        const elType = (fieldType === 'initials') ? 'initials' : 'text';\n        return { ...item, signer: newSigner, elementType: elType };\n      }\n      return { ...item, signer: newSigner };\n    });\n\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n    this.labeltimer = setTimeout(() => {\n      const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n      this.mutate.emit(evs);\n      this.update.emit(evs);\n    }, 500);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            {this.roles?.length > 0 && (\n              <div class={'ls-dv-field-properties-section'}>\n                <div class={'ls-dv-field-properties-section-text'}>\n                  <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.assignee')}</p>\n                  <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.assigneedescription')}</p>\n                </div>\n                <ls-assignee-select\n                  signer={this.allSignersSame().signer}\n                  roles={this.roles}\n                  disabled={this.readonly}\n                  disabledSenderReason={this.getSenderDisabledReason()}\n                  disabledApproverReason={this.hasSignatureType() ? dvI18n.t('fieldproperties.signaturecannotapprover') : ''}\n                  mixed={!this.allSignersSame().isSame}\n                  onAssigneeChange={ev => this.handleReassign(ev.detail)}\n                />\n              </div>\n            )}\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.fieldtype')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.fieldtypedescriptionmultiple')}</p>\n              </div>\n              <ls-field-type-select\n                fieldType={this.allFieldTypesSame().fieldType}\n                assignee={this.allSignersSame().signer}\n                roles={this.roles}\n                roleTypes={this.getAllRoleTypes()}\n                disabled={this.readonly}\n                mixed={!this.allFieldTypesSame().isSame}\n                filtertoolbox={this.filtertoolbox}\n                onFieldTypeChange={ev => this.handleFieldTypeChange(ev.detail)}\n              />\n            </div>\n            <div class={'ls-dv-field-properties-section ls-dv-row'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.requiredfield')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.requiredfielddescription')}</p>\n              </div>\n              <ls-toggle onValueChange={(ev) => !this.readonly && this.alterImmediate({ optional: !ev.detail })} checked={!this.allFieldsOptional().optional} indeterminate={this.allFieldsOptional().isSame === false} />\n            </div>\n\n\n            <div class={'ls-dv-field-properties-section'}>\n              <div class={'ls-dv-field-properties-section-text'}>\n                <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.fieldlabel')}</p>\n                <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.fieldlabeldescription')}</p>\n              </div>\n              <ls-formfield\n                as=\"text\"\n                name=\"field-label\"\n                value={this.allLabelsSame().label}\n                placeholder={this.allLabelsSame().isSame ? dvI18n.t('fieldproperties.placeholdersignhere') : dvI18n.t('fieldproperties.mixed')}\n                disabled={this.readonly}\n                onTextChange={e => this.alter({ label: e.detail.value })}\n              />\n            </div>\n\n            {this.allFieldTypesSame().isSame && this.supportsValue() && (\n              <div class={'ls-dv-field-properties-section'}>\n                <div class={'ls-dv-field-properties-section-text'}>\n                  <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.value')}</p>\n                  <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.valuedescription')}</p>\n                </div>\n                <ls-formfield\n                  as=\"text\"\n                  name=\"field-value\"\n                  value={this.allValuesSame().value}\n                  placeholder={this.allValuesSame().isSame ? getFieldPlaceholder(this.allFieldTypesSame().fieldType) : dvI18n.t('fieldproperties.mixed')}\n                  valid={!this.valueError}\n                  dirty={!!this.allValuesSame().value}\n                  errorText={this.valueError}\n                  disabled={this.readonly}\n                  onTextChange={e => {\n                    const val = e.detail.value;\n                    this.valueError = validateFieldValue(\n                      this.allFieldTypesSame().fieldType,\n                      this.allValidationsSame().validation,\n                      val,\n                      this.dataItem[0]?.options,\n                    );\n                    this.alter({ value: val });\n                  }}\n                />\n                {this.valueError && <p class={'ls-dv-error-text'}>{this.valueError}</p>}\n              </div>\n            )}\n\n            {this.isAllCheckboxes() && this.getCheckboxStates().length === 2 && (\n              <div class={'ls-dv-field-properties-section'}>\n                <div class={'ls-dv-field-properties-section-text'}>\n                  <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.displaystate')}</p>\n                  <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.displaystatedescription')}</p>\n                </div>\n                <div class=\"ls-dv-checkbox-toggle\">\n                  {this.getCheckboxStates().map((state, idx) => (\n                    <button\n                      key={idx}\n                      class={{ 'ls-dv-checkbox-toggle-btn': true, 'ls-dv-active': this.allValuesSame().isSame && (idx === 0 ? this.allValuesSame().value !== 'true' : this.allValuesSame().value === 'true') }}\n                      onClick={() => !this.readonly && this.alterImmediate({ value: idx === 0 ? 'false' : 'true' })}\n                      disabled={this.readonly}\n                    >\n                      {state}\n                    </button>\n                  ))}\n                </div>\n                {!this.allValuesSame().isSame && <p class={'ls-dv-mixed-hint'}>{dvI18n.t('fieldproperties.mixed')}</p>}\n              </div>\n            )}\n\n            {this.allFieldTypesSame().isSame && this.isDateType() && (\n              <div class={'ls-dv-field-properties-section'}>\n                <div class={'ls-dv-field-properties-section-text'}>\n                  <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.value')}</p>\n                </div>\n                <input\n                  type=\"date\"\n                  value={this.allValuesSame().isSame ? this.toISODate(this.allValuesSame().value, this.dataItem[0].validation) : ''}\n                  onChange={(e) => {\n                    const input = e.target as HTMLInputElement;\n                    // Convert ISO to each field's configured format\n                    this.dataItem = this.dataItem.map(item => ({\n                      ...item,\n                      value: this.formatISOToValidation(input.value, item.validation),\n                    }));\n                    if (this.labeltimer) { clearTimeout(this.labeltimer); this.labeltimer = null; }\n                    const evs: LSMutateEvent[] = this.dataItem.map(item => ({ action: 'update', data: item }));\n                    this.mutate.emit(evs);\n                    this.update.emit(evs);\n                    forceCloseDatePicker(input);\n                  }}\n                  disabled={this.readonly}\n                />\n              </div>\n            )}\n\n            {this.showContentFormat() && (\n              <div class={'ls-dv-field-properties-section'}>\n                <div class={'ls-dv-field-properties-section-text'}>\n                  <p class={'ls-dv-field-properties-section-title'}>{dvI18n.t('fieldproperties.contentformat')}</p>\n                  <p class={'ls-dv-field-properties-section-description'}>{dvI18n.t('fieldproperties.contentformatdescription')}</p>\n                </div>\n                <ls-input-wrapper select>\n                  <select\n                    onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}\n                    disabled={this.readonly}\n                  >\n                    {!this.allValidationsSame().isSame && (\n                      <option disabled selected value=\"\">{dvI18n.t('fieldproperties.mixed')}</option>\n                    )}\n                    {validationTypes\n                      .filter(type => type.formType === this.allFieldTypesSame().fieldType)\n                      .map(type => (\n                        <option selected={this.allValidationsSame().validation === type.id} value={type.id}>\n                          {type.description}\n                        </option>\n                      ))}\n                  </select>\n                </ls-input-wrapper>\n              </div>\n            )}\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n            <ls-field-size dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-alignment dataItem={this.dataItem} readonly={this.readonly} />\n            <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n            <ls-field-distribute dataItem={this.dataItem} readonly={this.readonly} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CyV8nu-T.js.map

@@ -1 +0,0 @@
-{"file":"p-CyV8nu-T.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n/* 2. Remove default margin */\n* {\n  margin: 0;\n}\n\n/* 8. Avoid text overflows */\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\n/* 9. Improve line wrapping */\np {\n  text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  text-wrap: balance;\n}\n\n:host {\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n\n  * {\n    @include hide-scrollbars;\n  }\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n  width: 0px;\n}\n\n#my-field-panel {\n  position: relative;\n  height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n  position: relative;\n  border-radius: 1.75rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  width: 21.25rem;\n  margin: 1rem;\n  min-width: 21.25rem;\n  height: calc(100% - 2rem);\n  max-height: calc(100% - 2rem);\n  overflow: hidden;\n  z-index: 1000;\n  left: 0;\n  top: 0;\n}\n\n.ls-dv-left-box-inner {\n  position: relative;\n  display: flex;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  padding: 0.75rem;\n  gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  border-radius: 1.25rem;\n  border: 1px solid $gray-30;\n  background: $gray-10;\n  padding: 0.75rem;\n  gap: 1rem;\n  overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: none;\n  border-radius: 0;\n  border: none;\n  background: white;\n  padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  overflow-y: auto;\n  /* width: calc(100% + 0.25rem); */\n  padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n  height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n  position: absolute;\n  top: 5.9375rem;\n  left: 0;\n  width: 100%;\n  height: 1rem;\n  background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n  position: absolute;\n  bottom: 1rem;\n  left: 0.75rem;\n  width: calc(100% - 1.5rem);\n  height: 1rem;\n  background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n  pointer-events: none;\n  z-index: 100;\n}\n\n.ls-dv-editor-infobox {\n  padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n  color: $gray-100;\n  font-size: 1.125rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.75rem;\n  /* 155.556% */\n}\n\n.ls-dv-toolbox-section-description {\n  color: $gray-80;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-fields-box {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n  position: relative;\n  height: 100%;\n}\n\n.ls-dv-properties-header {\n  display: flex;\n  padding: 1rem;\n  gap: 0.75rem;\n  align-items: center;\n  border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n  color: $gray-100;\n  width: 100%;\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 2rem;\n  /* 133.333% */\n}\n\n.ls-dv-properties-header-icon {\n  display: flex;\n  padding: 0.5rem;\n  border-radius: 0.625rem;\n  background: $primary-10;\n  color: $primary-60;\n}\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-locked-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: calc(100% - 5rem);\n  height: 100%;\n  background: rgba(255, 255, 255, 0.6);\n  border-radius: 1.25rem;\n  z-index: 1001;\n  pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.scss',\n  shadow: true,\n})\nexport class LsLeftBar {\n  @Element() el: HTMLElement;\n\n  @Prop() mode: 'editor' | 'compose' | 'preview' = 'editor';\n  @Prop() selected: HTMLLsEditorFieldElement[] = [];\n  @Prop() manager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation';\n  @Prop() signer: number;\n  @Prop() filtertoolbox: string = null;\n  @Prop() template: LSApiTemplate;\n  @Prop() recipients: any[];\n  @Prop() validationErrors: ValidationError[] = [];\n  @Prop() fieldTypeSelected: IToolboxField;\n  @Prop() displayTable: boolean = false;\n  @Prop() busy: boolean = false;\n  @Prop() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: 'document' | 'toolbox' | 'participant' | 'recipient' | 'validation') {\n    if (newManager === 'document') {\n      const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n      if (dm) dm.template = this.template;\n    } else if (newManager === 'participant') {\n      const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n      if (pm) pm.template = this.template;\n    } else if (newManager === 'validation') {\n      const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n      if (vm) vm.validationErrors = this.validationErrors;\n    }\n  }\n\n  componentDidLoad() {\n    const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n    if (leftBox) {\n      leftBox.addEventListener('mousedown', e => e.stopPropagation());\n      leftBox.addEventListener('mouseup', e => e.stopPropagation());\n      leftBox.addEventListener('mousemove', e => e.stopPropagation());\n    }\n  }\n\n  @Watch('signer')\n  signerChanged() {\n    try {\n      const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n      if (recipientManager) {\n        const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n        if (recipientsBox) {\n          recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n        }\n      }\n    } catch (e) {\n      // fail silently\n    }\n  }\n\n  private showTool(fieldFormType: string): boolean {\n    return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);\n  }\n\n  private checkType(type: LSApiRoleType): boolean {\n    if (this.mode === 'compose' && this.recipients) {\n      return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    } else if (this.template) {\n      return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n    }\n    return false;\n  }\n\n  private renderFieldProperties() {\n    if (this.displayTable || this.selected.length === 0) return null;\n    return (\n      <div class=\"ls-dv-field-properties-outer\">\n        <div class=\"ls-dv-properties-header\">\n          <div class=\"ls-dv-properties-header-icon\">\n            <ls-icon name=\"pre-filled-content-icon\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n          <button\n            class=\"ls-dv-tertiary-grey\"\n            onClick={e => {\n              this.clearSelected.emit();\n              e.preventDefault();\n            }}\n            style={{ borderRadius: '0.75rem' }}\n            data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n          >\n            <ls-icon name=\"x-icon\" size={20} />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked || false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n      </div>\n    );\n  }\n\n  private renderToolbox() {\n    return (\n      <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n        <div class=\"ls-dv-editor-infobox\">\n          <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n          <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n        </div>\n        <div class=\"ls-dv-fields-box\">\n          {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n            <ls-toolbox-field\n              elementType=\"signature\"\n              formElementType=\"signature\"\n              label={dvI18n.t('toolbox.signature')}\n              defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n              validation={0}\n              icon=\"signature-icon\"\n              tooltip={dvI18n.t('toolbox.signaturetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label={dvI18n.t('toolbox.autosign')}\n              defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n              validation={3000}\n              icon=\"auto-sign-icon\"\n              tooltip={dvI18n.t('toolbox.autosigntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label={dvI18n.t('toolbox.text')}\n              defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n              validation={0}\n              icon=\"text-icon\"\n              tooltip={dvI18n.t('toolbox.texttooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n            />\n          )}\n          {this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label={dvI18n.t('toolbox.signingdate')}\n              defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n              validation={32}\n              icon=\"auto-date-icon\"\n              tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label={dvI18n.t('toolbox.date')}\n              defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n              validation={4}\n              icon=\"calender-icon\"\n              tooltip={dvI18n.t('toolbox.datetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label={dvI18n.t('toolbox.email')}\n              defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n              validation={1}\n              icon=\"at-symbol-icon\"\n              tooltip={dvI18n.t('toolbox.emailtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n            />\n          )}\n          {this.showTool('initials') && this.signer > 0 && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label={dvI18n.t('toolbox.initials')}\n              defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n              validation={2000}\n              icon=\"initials-icon\"\n              tooltip={dvI18n.t('toolbox.initialstooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label={dvI18n.t('toolbox.number')}\n              defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n              validation={50}\n              icon=\"hashtag-icon\"\n              tooltip={dvI18n.t('toolbox.numbertooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label={dvI18n.t('toolbox.dropdown')}\n              defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n              validation={20}\n              icon=\"dropdown-icon\"\n              tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label={dvI18n.t('toolbox.checkbox')}\n              defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n              validation={25}\n              icon=\"check-icon\"\n              tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n            />\n          )}\n          {this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regular expression\"\n              label={dvI18n.t('toolbox.regex')}\n              defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n              validation={93}\n              icon=\"code-icon\"\n              tooltip={dvI18n.t('toolbox.regextooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n            />\n          )}\n\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label={dvI18n.t('toolbox.file')}\n              defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n              validation={74}\n              icon=\"upload-icon\"\n              tooltip={dvI18n.t('toolbox.filetooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn field\"\n              label={dvI18n.t('toolbox.drawn')}\n              defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n              defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n              validation={90}\n              icon=\"pencil-icon\"\n              tooltip={dvI18n.t('toolbox.drawntooltip')}\n              signer={this.signer}\n              isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderEditor() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n          <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  private renderCompose() {\n    return (\n      <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n        <div class={!this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n          {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n          <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n            <div class=\"ls-dv-scroll-gradient-top\" />\n            <div class=\"ls-dv-scroll-gradient-bottom\" />\n            <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n            <div class=\"ls-dv-recipients-box\">\n              {this.recipients &&\n                this.recipients.map(recipient => (\n                  <ls-recipient-card\n                    recipient={recipient}\n                    activeRecipient={this.signer}\n                    filtertoolbox={this.filtertoolbox}\n                    template={this.template}\n                    validationErrors={this.validationErrors}\n                    fieldTypeSelected={this.fieldTypeSelected}\n                    data-signer-index={recipient.signerIndex}\n                  />\n                ))}\n            </div>\n            <slot name=\"recipient-panel\"></slot>\n          </ls-recipient-manager>\n        </div>\n        {this.renderFieldProperties()}\n      </div>\n    );\n  }\n\n  render() {\n    return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n  }\n}\n"],"version":3}

package/dist/components/p-D4pQIA1Z.js.map

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

package/dist/components/p-DmB0JIWj.js.map

@@ -1 +0,0 @@
-{"file":"p-DmB0JIWj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-card/ls-participant-card.scss?tag=ls-participant-card&encapsulation=shadow","src/components/ls-participant-card/ls-participant-card.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-participant-card {\n  display: flex;\n  padding: 0.625rem;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.5rem;\n  align-self: stretch;\n  cursor: pointer;\n}\n\n.ls-dv-participant-card-active, .ls-dv-participant-card:hover {\n  outline: 2px solid var(--active-outline-colour);\n  outline-offset: -2px;\n}\n\n.ls-dv-top-card {\n  border-radius: 1rem 1rem 0 0;\n}\n\n.ls-dv-full-card {\n  border-radius: 1rem;\n}\n\n.ls-dv-bottom-card {\n  border-radius: 0 0 1rem 1rem;\n}\n\n.ls-dv-participant-card-inner {\n  width: 100%;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-hidden {\n  visibility: hidden;\n  display: none;\n}\n\n.ls-dv-form-button-set {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-role-label.ls-dv-fields {\n  border-radius: 1rem;\n  margin-top: 0.5rem;\n}\n\n.ls-dv-inner-button {\n  margin: 0px;\n  padding: 0px;\n  max-height: 1.25rem !important;\n  max-width: 1.25rem !important;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  color: var(--default-button-colour);\n}\n\n.ls-dv-inner-button:hover {\n  color: var(--hover-button-colour);\n}\n\n.ls-dv-inner-button-disabled {\n  pointer-events: none;\n  opacity: 0.4;\n}\n\n.ls-dv-participant-card-top-items {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.ls-dv-button-set {\n  display: flex;\n  gap: 0.125rem;\n}\n\n.ls-dv-participant-text-description {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-participant-text-type {\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-title-button {\n  width: 100%;\n  text-align: left;\n  background-color: transparent;\n  border: none;\n}\n\n/* Global Styles */\n\n.ls-dv-full-width {\n  width: 100%;\n}\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\nbutton.ls-dv-tertiary {\n  border: 1px solid $primary-60;\n  background: transparent;\n  color: $primary-70;\n}\n\nbutton.ls-dv-tertiary:hover {\n  border: 1px solid $primary-70;\n  border: 1px solid $primary-80;\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid $red-60;\n  background: transparent;\n  color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid $red-70;\n  background: $red-10;\n  background-color: $red-10;\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid $gray-50;\n  background: $white;\n  color: $gray-90;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Watch, Element, State } from '@stencil/core';\nimport { LSApiRole, LSApiRoleType } from '../../types/LSApiRole';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n  tag: 'ls-participant-card',\n  styleUrl: 'ls-participant-card.scss',\n  shadow: true,\n})\nexport class LsParticipantCard {\n  @Element() component: HTMLElement;\n  @Prop() signer: LSApiRole;\n  @Prop() index: number;\n  @Prop({ mutable: true }) editable: boolean = false;\n  @Prop() template: LSApiTemplate;\n  @Prop() active: boolean = false;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  opened: EventEmitter<LSApiRole>;\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  roleChange: EventEmitter<number>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  // NOTE this alter is debounced to account for typing\n  alter(diff: object) {\n    this.signer = { ...this.signer, ...diff };\n    this.debounce(this.signer, 500);\n  }\n\n  private labeltimer;\n\n  debounce(data, delay) {\n    if (this.labeltimer) clearTimeout(this.labeltimer);\n\n    this.labeltimer = setTimeout(() => {\n      const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n      this.mutate.emit(diffs);\n    }, delay);\n  }\n\n  deleteHandler(role: LSApiRole) {\n    this.mutate.emit([{ action: 'delete', data: role }]);\n  }\n\n  swapHandler(role1, role2) {\n    this.mutate.emit([{ action: 'swap', data: role1, data2: role2 }]);\n  }\n\n  @Watch('editable')\n  modeHandler(_editable) {\n    // When opened fire an event to let the parent handle closing other controls\n    if (_editable) {\n      this.opened.emit(this.signer);\n    }\n  }\n\n  @Event({\n    bubbles: true,\n    composed: true,\n  })\n  addParticipant: EventEmitter<{ type: LSApiRoleType; parent?: string | null; signerIndex?: number }>;\n\n  @Prop() busy: boolean = false;\n\n  @State() swapUpBtn: HTMLElement;\n  @State() swapDownBtn: HTMLElement;\n  @State() editBtn: HTMLElement;\n  @State() deleteParticipantBtn: HTMLElement;\n  @State() addingWitness: boolean = false;\n\n  @Watch('template')\n  templateChanged() {\n    this.addingWitness = false;\n  }\n\n  componentDidLoad() {}\n\n  render() {\n    const participantFields = this.template.elementConnection.templateElements.filter(f => Number(f.signer) === this.signer.signerIndex) || [];\n    const child = this.template.roles.find(r => r.signerParent === this.signer.id);\n\n    // Find previous and next non-witness roles for swapping\n    const getPreviousNonWitness = () => {\n      for (let i = this.index - 1; i >= 0; i--) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const getNextNonWitness = () => {\n      for (let i = this.index + 1; i < this.template.roles.length; i++) {\n        if (this.template.roles[i].roleType !== 'WITNESS') {\n          return this.template.roles[i];\n        }\n      }\n      return null;\n    };\n\n    const previousRole = getPreviousNonWitness();\n    const nextRole = getNextNonWitness();\n\n    const formatRoleName = (signer: LSApiRole) => {\n      if (signer.roleType == 'WITNESS') return dvI18n.t('participants.participantwitness', { index: signer.signerIndex % 100 });\n      return dvI18n.t('participants.participant', { index: signer.signerIndex });\n    };\n\n    return (\n      <Host>\n        <div\n          class={\n            'ls-dv-participant-card' +\n            (this.active ? ' ls-dv-participant-card-active' : '') +\n            (child ? ' ls-dv-top-card' : this.signer?.signerParent ? ' ls-dv-bottom-card' : ' ls-dv-full-card')\n          }\n          style={{\n            'background': defaultRolePalette[this.signer?.signerIndex % 100].s10,\n            'border': `1px solid ${defaultRolePalette[this.signer?.signerIndex % 100].s60}`,\n            'marginTop': this.signer.roleType === 'WITNESS' ? '-0.813rem' : '0',\n            '--active-outline-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n          }}\n          onMouseEnter={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.remove('ls-dv-hidden')}\n          onMouseLeave={e => (e.currentTarget as HTMLElement).querySelector('.ls-dv-button-set')?.classList.add('ls-dv-hidden')}\n          onClick={() => this.roleChange.emit(this.signer.signerIndex)}\n          onDblClick={() => {\n            this.editable = true;\n          }}\n        >\n          <div class={'ls-dv-participant-card-inner'}>\n            <div class={'ls-dv-participant-card-top-items'}>\n              <div\n                class={'ls-dv-role-label'}\n                style={{\n                  background: defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                  color: defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                }}\n              >\n                <ls-icon name={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : this.signer?.roleType === 'SIGNER' ? 'signature-icon' : 'eye-icon'} />\n                {this.signer?.ordinal || ''}\n              </div>\n              <div class={'ls-dv-button-set ls-dv-hidden'}>\n                {previousRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, previousRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.moveup')}\n                  >\n                    <ls-icon name=\"arrow-up-icon\" size={18} />\n                  </div>\n                )}\n                {nextRole && this.signer.roleType !== 'WITNESS' && (\n                  <div\n                    class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.swapHandler(this.signer, nextRole);\n                    }}\n                    style={{\n                      '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                      '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                    }}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={dvI18n.t('participants.movedown')}\n                  >\n                    <ls-icon name=\"arrow-down-icon\" size={18} />\n                  </div>\n                )}\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.editable = !this.editable;\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                >\n                  <ls-icon\n                    name={this.editable ? 'check-icon' : 'pencil-alt-icon'}\n                    size={18}\n                    data-tooltip-id=\"ls-dv-tooltip\"\n                    data-tooltip-content={this.editable ? dvI18n.t('participants.savechanges') : dvI18n.t('participants.editparticipant')}\n                  />\n                </div>\n                <div\n                  class={`ls-dv-inner-button${this.busy ? ' ls-dv-inner-button-disabled' : ''}`}\n                  onClick={() => {\n                    if (this.busy) return;\n                    this.deleteHandler(this.signer);\n                  }}\n                  style={{\n                    '--default-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s40,\n                    '--hover-button-colour': defaultRolePalette[this.signer?.signerIndex % 100].s60,\n                  }}\n                  data-tooltip-id=\"ls-dv-tooltip\"\n                  data-tooltip-content={dvI18n.t('participants.deleteparticipant')}\n                  data-tooltip-place=\"top-end\"\n                >\n                  <ls-icon name=\"trash-icon\" size={18} />\n                </div>\n              </div>\n            </div>\n            {this.editable ? (\n              <div class={'ls-dv-participant-card-inner'}>\n                {this.signer?.roleType !== 'WITNESS' ? (\n                  <ls-input-wrapper select leadingIcon={this.signer?.roleType === 'APPROVER' ? 'check-circle-icon' : 'signature-icon'}>\n                    <select\n                      name=\"roleType\"\n                      id=\"role-type\"\n                      class={'ls-dv-has-leading-icon'}\n                      onChange={e => this.alter({ roleType: (e.target as HTMLSelectElement).value })}\n                      disabled={child ? true : false}\n                    >\n                      <option value=\"APPROVER\" selected={this.signer?.roleType === 'APPROVER'}>\n                        {dvI18n.t('participants.approver')}\n                      </option>\n                      <option value=\"SIGNER\" selected={this.signer?.roleType === 'SIGNER'}>\n                        {dvI18n.t('participants.signer')}\n                      </option>\n                    </select>\n                  </ls-input-wrapper>\n                ) : (\n                  <ls-input-wrapper leadingIcon=\"eye-icon\">\n                    <input name=\"roleType\" id=\"role-type\" class={'ls-dv-has-leading-icon'} disabled value=\"Witness\" style={{ wdith: '100%' }} />\n                  </ls-input-wrapper>\n                )}\n                <input\n                  type=\"text\"\n                  id=\"participant-description\"\n                  name=\"participantDescription\"\n                  placeholder={dvI18n.t('participants.placeholder')}\n                  defaultValue={this.signer.name}\n                  onInput={e => this.alter({ name: (e.target as HTMLInputElement).value })}\n                  onKeyUp={e => {\n                    if (e.key === 'Enter' || e.keyCode === 13) this.editable = false;\n                  }}\n                />\n                {this.signer?.roleType === 'SIGNER' && !child ? (\n                  <ls-button\n                    variant=\"tertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.addwitness')}\n                    leadingIcon=\"plus-icon\"\n                    loading={this.busy || this.addingWitness}\n                    disabled={this.busy || this.addingWitness}\n                    onClick={() => {\n                      if (this.busy || this.addingWitness) return;\n                      this.addingWitness = true;\n                      this.addParticipant.emit({ type: 'WITNESS', parent: this.signer.id, signerIndex: this.signer.signerIndex + 100 });\n                    }}\n                  />\n                ) : this.signer?.roleType === 'SIGNER' && child ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(child);\n                    }}\n                  />\n                ) : this.signer?.roleType === 'WITNESS' ? (\n                  <ls-button\n                    variant=\"destructiveTertiary\"\n                    outline\n                    size=\"sm\"\n                    fullWidth\n                    text={dvI18n.t('participants.removewitness')}\n                    leadingIcon=\"minus-sm-icon\"\n                    loading={this.busy}\n                    disabled={this.busy}\n                    onClick={() => {\n                      if (this.busy) return;\n                      this.deleteHandler(this.signer);\n                    }}\n                  />\n                ) : null}\n              </div>\n            ) : (\n              <div class={'ls-dv-participant-card-text'}>\n                <p\n                  class=\"ls-dv-participant-text-description\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s100,\n                  }}\n                  data-tooltip-id=\"ls-dv-tooltip\"\n                  data-tooltip-html={`<span style=\"white-space:normal;word-break:break-word\">${this.signer.name || formatRoleName(this.signer)}</span>`}\n                  onMouseEnter={(e: MouseEvent) => {\n                    const el = e.currentTarget as HTMLElement;\n                    if (el.scrollWidth <= el.clientWidth) {\n                      el.removeAttribute('data-tooltip-html');\n                    }\n                  }}\n                >\n                  {this.signer.name || formatRoleName(this.signer)}\n                </p>\n                <p\n                  class=\"ls-dv-participant-text-type\"\n                  style={{\n                    color: defaultRolePalette[this.signer?.signerIndex % 100].s80,\n                    textTransform: 'capitalize',\n                  }}\n                >\n                  {dvI18n.t(`participants.${this.signer.roleType.toLowerCase()}`)}\n                </p>\n                {this.signer?.roleType !== 'APPROVER' && (\n                  <div\n                    class={'ls-dv-role-label ls-dv-fields'}\n                    style={{\n                      background: participantFields.length === 0 ? defaultRolePalette[this.signer?.signerIndex % 100].s60 : defaultRolePalette[this.signer?.signerIndex % 100].s20,\n                      color: participantFields.length === 0 ? 'white' : defaultRolePalette[this.signer?.signerIndex % 100].s90,\n                    }}\n                  >\n                    {participantFields.length === 0 && <ls-icon name=\"exclamation-circle-icon\" size={16} style={{ marginRight: '0.125rem' }} />}\n                    {participantFields.length === 0\n                      ? dvI18n.t('participants.signaturerequired')\n                      : `${participantFields.length} ${participantFields.length === 1 ? dvI18n.t('common.field') : dvI18n.t('common.fields')}`}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n        </div>\n        <slot></slot>\n        <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-pAh5qPFg.js.map

@@ -1 +0,0 @@
-{"file":"p-pAh5qPFg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n  color: $gray-80;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: $primary-60;\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid $gray-40;\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: $gray-100;\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: $gray-50;\n  background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-40;\n  border-color: $primary-60;\n  background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: $primary-60;\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: $primary-70;\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem $primary-20;\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: $gray-100;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: $primary-60;\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: $primary-60;\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid $gray-40;\n  background-color: white;\n  color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid $gray-50;\n  background: $gray-10;\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid $gray-30;\n  background: $white;\n  overflow: clip;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n  background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n  tag: 'ls-field-properties',\n  styleUrl: 'ls-field-properties.scss',\n  shadow: true,\n})\nexport class LsFieldProperties {\n  @Prop() dataItem: LSApiElement[];\n  @Prop() template: any; // LSApiTemplate\n  @Prop() readonly: boolean = false;\n  @Prop() filtertoolbox: string = null;\n\n  renderFields() {\n    if (this.dataItem && this.dataItem?.length === 1) {\n      const roles = this.template?.roles || [];\n      switch (this.dataItem[0].formElementType) {\n        case 'signature':\n          return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'signing date':\n          return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'text':\n          return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'number':\n          return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'autosign':\n          return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n        case 'email':\n          return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'file':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'dropdown':\n          return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        case 'checkbox':\n          return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n        default:\n          return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n      }\n    } else if (this.dataItem && this.dataItem?.length > 1)\n      return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles || []} filtertoolbox={this.filtertoolbox} />\n\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  private handleKeyUp = (event: KeyboardEvent) => {\n    event.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n        {this.dataItem && this.renderFields()}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}