legalesign-document-viewer 1.0.13 → 1.0.15

package/dist/esm/ls-assignee-select_21.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CItPoq74.js';
 import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
-import { d as dvI18n } from './i18n-Al32p_JM.js';
+import { d as dvI18n } from './i18n-DU-efe4l.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
-import { h as validateFieldValue, g as getInputType, i as validationTypes } from './editorUtils-COpeLNIg.js';
+import { h as validateFieldValue, g as getInputType, i as validationTypes } from './editorUtils-B1BCA_3i.js';
 import { f as forceCloseDatePicker } from './index-Bo8LVmEA.js';
-import { g as getDefaultValidationForType, a as getFieldPlaceholder, b as getFieldTitleSuggestion } from './defaultFieldLabels-GlbzVGpj.js';
+import { g as getDefaultValidationForType, a as getFieldPlaceholder, b as getFieldTitleSuggestion } from './defaultFieldLabels-DAGFP74Z.js';
 import { g as getFieldIcon } from './defaultFieldIcons-C5wLu85H.js';
 import './history-CmJjDhcp.js';
 
@@ -1083,8 +1083,9 @@ const LsFieldPropertiesAdvanced = class {
         this.mutate = createEvent(this, "mutate", 7);
     }
     dataItem;
-    expanded = false;
     readonly = false;
+    static STORAGE_KEY = 'ls-field-properties-advanced-expanded';
+    expanded = localStorage.getItem(LsFieldPropertiesAdvanced.STORAGE_KEY) !== 'true';
     mutate;
     isSingle(dt) {
         return dt.length === undefined;
@@ -1135,10 +1136,10 @@ const LsFieldPropertiesAdvanced = class {
         return '';
     }
     render() {
-        return (h(Host, { key: 'cf6a2fccea19ebbc7c067ed0ea852ecc29d6daee' }, h("div", { key: 'fa1349e5ec4ac3cfeceefa9eb55d961a45eb0387', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'c7df008825734a12a7562d27a466f7bca3df1247', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '23c61c4bed86e2f83d79f2b2a794252b588c0516' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '8fcc0ec1e1772991f44bdf747474060a1362362d', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '436a5e7c4f634786fb908543326dcf51b855e108', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: 'a1988edaeab650e4c5289e5f9e6af6ed26fa0975', type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
+        return (h(Host, { key: '70d273b48d13e9a3fd98881679cb2f321291b53c' }, h("div", { key: '1cc17b45239822e2a9cdaef70394eb1afe7df109', class: 'ls-dv-expand-fields-row', onClick: () => { this.expanded = !this.expanded; localStorage.setItem(LsFieldPropertiesAdvanced.STORAGE_KEY, String(this.expanded)); } }, h("ls-icon", { key: '07defbf850d0b4cbbddde15ee3586ac9ca156fda', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '37f4fe6353db6f2e56332be7f0067826198c4b61' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '74af0ed985640d1029c07722a7969f973e003553', class: 'ls-dv-field-set' }, h("ls-props-section", { key: 'f917b7b1a04467f6d55ac39de336f7482eb57580', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: '09349a62422496b3cc534bb7f5d67edc075539ad', type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), value: this.getValue('fieldOrder'), onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 1500);
-            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: '265f574a5b5ebfc88c3d642b9ceb1faf9f0e1baa', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: 'f8b0ed79dc407ddc9d72078dfc2aad183a2dde6d', value: this.getValue('mapTo'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 1500), disabled: this.readonly })), h("ls-props-section", { key: '4b86fbef7f34a01d2e5e74c8ea5a4489a22c631b', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: 'e90aece69adaec099f37789aa04ea5531e5240bb', onChange: e => this.alter({ logicAction: e.target.value }, 1500), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: '310b6d8a4b5532d7105095af060d567a336d8aa5', value: "0", selected: this.getValue('logicAction') === 0 }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: '93da460c4d466000c43a59fe7189263870fc2750', value: "1", selected: this.getValue('logicAction') === 1 }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '4471f63cfad3ea4668b7318b47e8673c65afda45', value: "2", selected: this.getValue('logicAction') === 2 }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'c65989b75aba5ba931154cc4195de3fe47354a2a', value: "3", selected: this.getValue('logicAction') === 3 }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'b6da09e895a848d786790aae1d68e1e3971af8e4', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: 'c53121ddb284fd5ffe17e9f8a2abc423a8d8603f', value: this.getValue('logicGroup'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ logicGroup: e.target.value }, 350), disabled: this.readonly })), h("ls-props-section", { key: '21492db3549a3f25ab7a45109d6ffa8b591d141f', sectionTitle: dvI18n.t('fieldproperties.excludefrompdf'), row: true, sectionDescription: dvI18n.t('fieldproperties.excludefrompdfdescription') }, h("ls-toggle", { key: 'c9f759c73a6d40bf5c1435054e10d8c0c8dedf93', id: "toggle-excludefrompdf", checked: this.getValue('excludeFromPdf'), onValueChange: ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail }) }))))));
+            }, onChange: () => { console.log('onchange'); }, disabled: this.readonly })), h("ls-props-section", { key: 'ba41fd68e5bf06847bab398b688f659d0e5117e9', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: '80143974fea20ef0338fc641fbbf7a2a5977d767', value: this.getValue('mapTo'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ mapTo: e.target.value }, 1500), disabled: this.readonly })), h("ls-props-section", { key: '528ce5eb39fd1036fff9ffe0f8ad80b798eab30f', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: 'c9e91547340cded082a070d9574ba42fd88b1e31', onChange: e => this.alter({ logicAction: e.target.value }, 1500), name: "Link Field", "aria-label": "Link Field", disabled: this.readonly }, h("option", { key: 'b14094541d919c01d5c7d6ef48e36bdcbaad87aa', value: "0", selected: this.getValue('logicAction') === 0 }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'efd3edf8273ed726539053c29676bac8b728bff8', value: "1", selected: this.getValue('logicAction') === 1 }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '5d5849a6d09a367bf0f67bee11f9605c10380d2d', value: "2", selected: this.getValue('logicAction') === 2 }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'd0926449da59764cf7822015606b0067f71240f6', value: "3", selected: this.getValue('logicAction') === 3 }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'b41942a0d93cb2ca7429ac755343093d9b2142eb', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '321270b7de1a280a69afd3b16dcc35739de55f34', value: this.getValue('logicGroup'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ logicGroup: e.target.value }, 350), disabled: this.readonly })), h("ls-props-section", { key: 'c893a78ddafabc340ba5770ca296ca3d6ed40ee9', sectionTitle: dvI18n.t('fieldproperties.excludefrompdf'), row: true, sectionDescription: dvI18n.t('fieldproperties.excludefrompdfdescription') }, h("ls-toggle", { key: '4fd9ee165b2db8d925a842a67d0ecae7e8323544', id: "toggle-excludefrompdf", checked: this.getValue('excludeFromPdf'), onValueChange: ev => !this.readonly && this.alter({ excludeFromPdf: ev.detail }) }))))));
     }
 };
 LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
@@ -1262,17 +1263,17 @@ const LsFieldTypeSelect = class {
         const displayLabel = this.mixed
             ? dvI18n.t('fieldproperties.mixed')
             : dvI18n.t(fieldTypeKeyMap[this.fieldType] || 'toolbox.text');
-        return (h(Host, { key: '66ad02b2693e699f42ba5b4bbdd74a4e72b5272d' }, h("div", { key: '3cf2bf169679e0433bce59d5147436a5fb41c02f', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: 'de373f0cd0d12757cb6bc2cbb3aa55195497e918', class: "ls-dv-fieldtype-header", style: {
+        return (h(Host, { key: '3b559c6e431d9844e9b9aebff001c4154fd4fc69' }, h("div", { key: 'a8930bd3e364387a3556131e88fa83331081f588', class: "ls-dv-fieldtype-dropdown" }, h("div", { key: '497566912b2568cf25aeec1e0c05ebc20d592aed', class: "ls-dv-fieldtype-header", style: {
                 border: `1px dashed ${color.s30}`,
                 background: color.s10,
-            } }, h("div", { key: 'a37a40c0f27de521d7a9c30f471810c2f30b08a1', class: "ls-dv-fieldtype-inner" }, h("div", { key: 'a8a643a8d53a7789993160da6fd4e9e5e91677bf', class: "ls-dv-fieldtype-icon", style: {
+            } }, h("div", { key: '4cacd24f601036cedce5bd97c1e0a7533c40eec8', class: "ls-dv-fieldtype-inner" }, h("div", { key: '5217bc17eebfc1a83178290ac60ea8e79bbb863b', class: "ls-dv-fieldtype-icon", style: {
                 border: `1px solid ${color.s60}`,
                 color: color.s60,
                 background: color.s10,
-            } }, h("ls-icon", { key: '832a14679c7c30bf65a5bbd81d1ad35fec39f0b9', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: '25aa5b984b956cb8536d7d637c6b4c1e657df88f', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: 'ff497f5e7f1f54ae0f48429de3b97eb4b827b2e4', class: "ls-dv-fieldtype-btn", onClick: e => {
+            } }, h("ls-icon", { key: 'fc8575bf0d5d150e3278d0be912283de99c65379', name: this.mixed ? 'view-grid-icon' : getFieldIcon(this.fieldType), size: 20 })), h("span", { key: 'aaf39219f7523ec7270ac1171e609fb201746930', class: "ls-dv-fieldtype-name" }, displayLabel), !this.disabled && (h("button", { key: '3afa4fb6aabbca9876ad70cbb7fbb4a49d77d7d6', class: "ls-dv-fieldtype-btn", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown();
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '96ff6e46a8d44b0d7b027b7390c10897f6b0ece5', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: '2a00ba791cb7e55aac8578fa46594e8a426599cc', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('fieldproperties.changefieldtype') }, h("ls-icon", { key: '0033dd20bf4a9f95541751bd27f6ce40f5721126', name: "switch-horizontal-icon", size: 16 }))))), this.isOpen && (h("div", { key: 'c9e5fa19ae83a573e807841a8754f59a841de62e', class: "ls-dv-fieldtype-list" }, validTypes.map(type => (h("div", { class: `ls-dv-fieldtype-item ${type === this.fieldType && !this.mixed ? 'ls-dv-selected' : ''}`, style: {
                 '--background-selected': color.s10,
                 '--check-icon-selected': color.s50,
             }, onClick: () => this.selectFieldType(type) }, h("div", { class: "ls-dv-fieldtype-item-icon", style: {
@@ -1502,7 +1503,7 @@ const LsInputWrapper = class {
     leadingIcon;
     select = false;
     render() {
-        return (h(Host, { key: '617bc7d6b1b7181b0194f55280fbe10e9f36e768' }, h("ls-icon", { key: '6d2bc09ed02dec5aec3aa91379a4c42ba69d378a', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: '8a95b0d811c9f0bdad0bcf908cf84b90da48826a', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: '5e7835c2dcdfedd3a9e4cbb0cc24b2e95e25f9f4' })));
+        return (h(Host, { key: '9ffcd109b72b9af453ef7c4cadfc03465a3f1347' }, h("ls-icon", { key: '4708244d8715f15b3390a8543c969c10cbe00be7', id: "selectLeadingIcon", name: this.leadingIcon }), this.select && h("ls-icon", { key: 'aa42416d093177d90a2efcce2471e0a5a501e9f3', id: "selectorIcon", name: "selector-icon" }), h("slot", { key: 'b64c8dd39ad1b50bd372cbc7e3c87066c840b450' })));
     }
 };
 LsInputWrapper.style = lsInputWrapperCss();
@@ -1863,7 +1864,7 @@ const LsPropsSection = class {
     sectionDescription;
     row = false;
     render() {
-        return (h(Host, { key: '1b6cf1035f048c9c0348bef3fb52847535787435' }, h("div", { key: '0e29c67fb26ffeb3f555c0077a8fea22b5f3438d', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '2b7913089accebfc07650e08773bd61cb61ae3e2', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'af615d09d85d303ad96b320c5a3469165e263c5c', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: 'b28c5de86eff3cb4a1a74dd58a23070b87b6a057', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '968d3c634aa7b1f269430620d00b2d8025fb5dd1' }))));
+        return (h(Host, { key: '8e01f88e3961f1adc671052aecf1d9d64208918b' }, h("div", { key: '4ac35df206af64c0fd86c119116c87c0809df144', class: this.row ? 'ls-dv-field-properties-section ls-dv-row' : 'ls-dv-field-properties-section' }, h("div", { key: '721bf12b430a2f0b5541fc68168b7c4d50a3b0ac', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'c8d5337d6bd5e977a96cfe55d00694868b357640', class: 'ls-dv-field-properties-section-title' }, this.sectionTitle), this.sectionDescription && h("p", { key: '14f5ff256149fae253523025896ece56cdce132f', class: 'ls-dv-field-properties-section-description' }, this.sectionDescription)), h("slot", { key: '2b352d37a4bcbee7a708326ae542325564d0dc37' }))));
     }
 };
 LsPropsSection.style = lsPropsSectionCss();
@@ -2444,10 +2445,10 @@ const LsToggle = class {
         this.valueChange.emit(value);
     }
     render() {
-        return (h(Host, { key: 'f809e7080f1c45114a18b3c0bf6e14d9a327679e' }, h("label", { key: 'ba891813f726b860ad4fe2dd6a0d1fb65140ff58', class: "ls-dv-switch" }, h("input", { key: '3f280f447e436f1954ffddc64874d91d313bb96f', type: "checkbox", checked: this.checked, onChange: (e) => {
+        return (h(Host, { key: 'c0f15df5b43ea1198986ab94f56149a70bed3deb' }, h("label", { key: '435c7825986e56805173d7ffed0e27cb1ebbf4df', class: "ls-dv-switch" }, h("input", { key: '499dbf55fd12eb4faee77582fcc6572dace7b3a6', type: "checkbox", checked: this.checked, onChange: (e) => {
                 this.changeHandler(e.target.checked);
                 e.target.blur();
-            } }), h("span", { key: '4d177c0bd2152a9437763e75141161fb1d17209e', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e81517d28298ef0affb51a068b1f7b61a53e59cd' })));
+            } }), h("span", { key: '3338ebeedd0c2278858dbccde16e8583ee32f742', class: `${this.indeterminate ? 'ls-dv-indeterminate' : 'ls-dv-slider'} ls-dv-round` })), h("slot", { key: 'e89dfa5e95711ee42355a0d79f7ca55a388c468c' })));
     }
 };
 LsToggle.style = lsToggleCss();

package/dist/esm/ls-compose-loader_7.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-CItPoq74.js';
-import { d as dvI18n } from './i18n-Al32p_JM.js';
+import { d as dvI18n } from './i18n-DU-efe4l.js';
 import { F as FIELD_DEFAULTS } from './fieldDefaults-04cXI5GQ.js';
 import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
 import { a as undo, r as redo } from './history-CmJjDhcp.js';
@@ -364,7 +364,7 @@ const LsSelectMenu = class {
 };
 LsSelectMenu.style = lsSelectMenuCss();
 
-const version = "1.0.13";
+const version = "1.0.15";
 
 const lsStatusbarCss = () => `:host{position:absolute;z-index:1000;left:23.625rem;right:0.5rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;justify-content:space-between;height:2.25rem;overflow:visible}:host(.ls-dv-statusbar-preview){left:0;right:0;justify-content:center}.ls-dv-status-bar-group{display:flex;flex-direction:row;gap:0.5rem;align-items:end}.ls-dv-controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem;height:fit-content}.ls-dv-page-nav{margin-left:-6rem;position:relative}:host(.ls-dv-statusbar-preview) .ls-dv-page-nav{margin-left:0}*{margin:0;padding:0;box-sizing:border-box}.ls-dv-status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.625rem;padding:0 0.625rem;height:2.25rem}.ls-dv-controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.625rem}button:disabled{color:var(--gray-40, #d8d9dc);cursor:not-allowed}input[type=range]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #edeff2);border-radius:0.25rem;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #939599);border:none;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}input[type=range]::-webkit-slider-runnable-track{background:var(--gray-20, #edeff2);height:0.5rem;border-radius:0.25rem}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}span{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6f7176);text-transform:capitalize}button.ls-dv-tertiary-grey:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-zoom-level-btn{font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--gray-80, #6f7176);padding:0.25rem 0.375rem;border-radius:0.25rem;margin:0 -0.25rem}.ls-dv-zoom-level-btn:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-zoom-menu{position:absolute;width:6rem;bottom:3rem;left:1rem;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1rem;box-shadow:0px 4px 24px rgba(0, 0, 0, 0.12);padding:0.25rem;z-index:1001;display:flex;flex-direction:column;gap:0.25rem}.ls-dv-page-menu{left:auto;max-height:60cqh;overflow-y:auto}.ls-dv-zoom-menu-item{position:relative;font-family:var(--font-family);font-size:var(--text-sm);font-weight:400;color:var(--gray-80, #6f7176);padding:0.375rem 0.625rem;border-radius:0.825rem;display:flex;align-items:center;justify-content:space-between}.ls-dv-zoom-menu-item:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-zoom-menu-item.active{font-weight:500;color:var(--primary-70, #2134dc);background:var(--primary-10, #eff4ff)}.ls-dv-thumbnail-popover{position:absolute;bottom:3rem;right:-3rem;background:white;border:1px solid var(--gray-30, #e0e2e5);border-radius:1.75rem;box-shadow:0px 8px 24px rgba(0, 0, 0, 0.15);padding:0.75rem;z-index:1001;max-height:80cqh;overflow:hidden;display:flex;flex-direction:column}.ls-dv-thumbnail-grid{background:var(--gray-10, #f7f8fa);padding:0.75rem;border-radius:1rem;border:1px solid var(--gray-30, #e0e2e5);display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1rem;overflow-y:auto;max-height:100%}.ls-dv-thumbnail-wrapper{display:flex;flex-direction:column;align-items:center;gap:0.25rem;cursor:pointer}.ls-dv-thumbnail-wrapper>span:last-child{font-size:var(--text-xs, 0.75rem);color:var(--gray-80, #6f7176);font-weight:500}.ls-dv-thumbnail{border:1px solid var(--gray-30, #e0e2e5);border-radius:0.5rem;cursor:pointer;transition:border-color 0.15s}.ls-dv-thumbnail:hover{border-color:var(--primary-40, #79adfc);box-shadow:0 0 0 2px rgba(163, 180, 249, 0.3)}.ls-dv-thumbnail.active{border-color:var(--primary-60, #4456f6);outline:0.25rem solid var(--primary-30, #9dc3fc);box-shadow:var(--shadow-md)}.ls-dv-thumbnail-dots{display:flex;gap:3px;justify-content:center;flex-wrap:wrap;margin-top:0.25rem}.ls-dv-thumbnail-dot{width:0.5rem;height:0.5rem;border-radius:50%;display:inline-block;border:2px solid var(--dot-color-60);background-color:var(--dot-color-40);cursor:pointer;transition:background-color 0.15s, border-color 0.15s}.ls-dv-thumbnail-dot:hover{background-color:var(--dot-color-60);border-color:var(--dot-color-70)}.ls-dv-version{position:absolute;bottom:100%;right:0;color:var(--gray-50, #afb0b2);font-size:0.625rem;padding-bottom:0.25rem;display:block}:host(.ls-dv-statusbar-preview) .ls-dv-version{bottom:-1.25rem;margin-right:0.5rem}`;
 
@@ -599,9 +599,9 @@ const LsStatusbar = class {
     }
     render() {
         const isPreview = this.mode === 'preview';
-        return (h(Host, { key: 'f8fe8dcb0cc4bf8363a00494679ee7aa9f540747', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'bed4e30d5a7a8711789bf10036536e6c58213ba9', class: 'ls-dv-controls-bar' }, h("div", { key: '5e5ff996a7717509aaa517355db210f73c65ba15', class: 'ls-dv-status-bar-section' }, h("button", { key: 'facc640bf6aadfed0ae4d675e26d6d4a6b7c5ea3', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: '011e68df0e478235dc224a9d1871287d36920cd0', name: "undo-icon", size: 18 })), h("button", { key: 'b8c3c71b8f522f32bc9e59b6d9bbc7a2b1adbd36', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: 'b0de8051ce406ae70cb09ec334ea6d28f303ad90', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '400c8b2a255f2c6cf83636d5754df21091690167', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '8cbdc2e91dbd2169d86920d69ba5091ff458a0a7', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'b626c95b149766a33401c136170561aaa4eced03', onClick: () => {
+        return (h(Host, { key: 'f72ba14f58f6401fee548dc4e2f2eab3f913fb71', class: { 'ls-dv-statusbar-preview': isPreview } }, !isPreview && (h("div", { key: 'a3215a0340b3b395797b825c2a252bf3fa968d51', class: 'ls-dv-controls-bar' }, h("div", { key: '058e7596a6d68e3395ca8f153b1e42d2435b522a', class: 'ls-dv-status-bar-section' }, h("button", { key: '871db56ab740e99a2dff39c71e72426091ec2482', onClick: () => this.applyUndo(), disabled: !this.canUndo, id: "undo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.undo') }, h("ls-icon", { key: 'bcf89ae44ac9b310f891f7f108718c4623cf7ba8', name: "undo-icon", size: 18 })), h("button", { key: '7038e0000bcfe4ffcacaf484a8090f4e29b4c1da', onClick: () => this.applyRedo(), disabled: !this.canRedo, id: "redo-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.redo') }, h("ls-icon", { key: '010dc2427071fb9bd2ce2774e34f9d2da26d741b', name: "redo-icon", style: { transform: "scale(-1, 1)", marginLeft: '0.25rem' }, size: 18 }))))), h("div", { key: '62356fa2fe342d0d3a14d18707ae56eb00571f3c', class: { 'ls-dv-controls-bar': true, 'ls-dv-page-nav': true } }, h("div", { key: '6de0bc93142644b6107d0f08ae749109bc805d38', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: '521a20f6a22c0903cfcb15a1c9f2a295ed58202d', onClick: () => {
                 this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'c31a6049604464c93e32ff80803c34c5f185bd92', name: "chevron-left-icon" })), h("button", { key: '5248644b477d35b8b4813868491a1e20f2f70d7e', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage') }, h("ls-icon", { key: 'c298b61082ad2dba945c09b42ab30ed7c6c44e9f', name: "chevron-left-icon" })), h("button", { key: 'a4ef9ccd510a6f969a7a3143174186c580c38716', id: "page-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showPageMenu = !this.showPageMenu;
                 if (this.showPageMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));
@@ -609,13 +609,13 @@ const LsStatusbar = class {
                 else {
                     document.removeEventListener('click', this.pageMenuClickHandler, true);
                 }
-            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '0294f8f73821bf76fa2eb696b2ad9b7d0fbffc65', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
+            } }, this.page, " / ", this.pageCount), this.showPageMenu && (h("div", { key: '7f5ed23957cf3574bf0d601a110cbaada0d08539', id: "ls-page-menu", class: "ls-dv-zoom-menu ls-dv-page-menu" }, Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': this.page === p }, onClick: () => {
                 this.goToPage(p);
                 this.showPageMenu = false;
                 document.removeEventListener('click', this.pageMenuClickHandler, true);
-            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '51305fb4ff4d7d9c68b7504ee8b252ac4fc7dcc6', onClick: () => {
+            } }, p, this.page === p && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '322986b645b24614fd6bb0b393ddbb5c6776cff1', onClick: () => {
                 this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: 'ef694079c8469a0dd9da9666037932679a17c21a', name: "chevron-right-icon" })))), h("div", { key: '37d18c6925cc352c527ea152c154e67583791d6b', class: 'ls-dv-status-bar-group' }, h("div", { key: 'ee9c98d7a8d2e9bac8bb937ce457645f9a25dafb', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: 'dec5be3e1f02866fafa378c9d173db3f75d52a48', class: 'ls-dv-status-bar-section' }, h("button", { key: '13245bca9165a948eed2137935de0d87249c6986', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: '6717dda4392429474b1c860bb21ee53268f57c22', name: "zoom-out-icon" })), h("button", { key: '0998c8687d38ea3b147d903f7ad23a6e56cf4c16', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
+            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage') }, h("ls-icon", { key: '9c1c151f423cf893b288e2126a8e11156beeb972', name: "chevron-right-icon" })))), h("div", { key: '6ba247c0981de3db294858c1f7c4555f9c9786a6', class: 'ls-dv-status-bar-group' }, h("div", { key: '089412477f076c2ab44bdc639f942bf21526d0d2', class: 'ls-dv-controls-bar', style: { position: 'relative' } }, h("div", { key: '97222321d7df520460f8a5824a2bdd6a02ae1dde', class: 'ls-dv-status-bar-section' }, h("button", { key: '9c91ba5443eab19b0339371f6058c9255fdab210', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomout') }, h("ls-icon", { key: 'c128cdca74e6b7e466274fa23a0d04572d5e8ec5', name: "zoom-out-icon" })), h("button", { key: '739e7e099e9cf4d654a8034f3b4ea257f2dcd841', id: "zoom-level-btn", class: "ls-dv-zoom-level-btn", onClick: () => {
                 this.showZoomMenu = !this.showZoomMenu;
                 if (this.showZoomMenu) {
                     requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));
@@ -623,11 +623,11 @@ const LsStatusbar = class {
                 else {
                     document.removeEventListener('click', this.zoomMenuClickHandler, true);
                 }
-            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '8b8f0d75d41eef36ae97188d116de0c5c271aa27', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
+            } }, Math.round(this.zoom * 100), "%"), this.showZoomMenu && (h("div", { key: '15f337b3344eaf20edea2bdacddc45f5fb9b1219', id: "ls-zoom-menu", class: "ls-dv-zoom-menu" }, [2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (h("button", { class: { 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }, onClick: () => {
                 this.setZoom(level);
                 this.showZoomMenu = false;
                 document.removeEventListener('click', this.zoomMenuClickHandler, true);
-            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '681f366851b0209a3bb00cfeddfe53d405d443b1', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '1c33520ad5e18b800a922de81c4c32ba42451cd5', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: 'cbbf0898fbfebd8e325fffa4e6624ccc4bc9ccf3', class: 'ls-dv-status-bar-section' }, h("button", { key: '4225eaa11f8f2149799856795d3206c45fae0fec', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '948fcef1cbd33072228c506ec024ded608253576', name: "fit-width-icon" })), h("button", { key: '62b9f3f2ff2bfedce010f325fa3a57ae9150bad6', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: 'd6094699e568592d9a70abc4e3cc0c94a7c31b96', name: "fit-height-icon" })))), h("div", { key: '18326723ca2e0c7f4699e5bd9c9cc90f72003986', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: '20ffafe3b9141a6d6390dbe6f87896895efc9939', onClick: () => {
+            } }, Math.round(level * 100), "%", Math.round(this.zoom * 100) === Math.round(level * 100) && h("ls-icon", { name: "check-icon", size: 14 })))))), h("button", { key: '46905425e6465a38b73015c59ea0139a92d95c9f', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.zoomin') }, h("ls-icon", { key: '5c2907ed2ac46379786aa76e01acacae92c7afc0', name: "zoom-in-icon" }))), !isPreview && (h("div", { key: 'a7ee7416516a8a3ee5e8047ab8db4cdad0a5de3f', class: 'ls-dv-status-bar-section' }, h("button", { key: '1b323d458250efca9cc5aa667ddfa144793906f3', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitwidth') }, h("ls-icon", { key: '1e532d89fbb7e6138d7339850140f8f9accf393d', name: "fit-width-icon" })), h("button", { key: '2f314b98c2327675980afc61af886fa8f83396bf', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.fitheight') }, h("ls-icon", { key: '981e12f016f8b4ad2133bd62461a868559ec4c39', name: "fit-height-icon" })))), h("div", { key: 'c2fe150120dde984999f11892035842992f6e2c3', class: 'ls-dv-status-bar-section', style: this.pageCount === 1 ? { display: 'none' } : {} }, h("button", { key: 'c098a85ee765454e79cda0f9b7ad59026ba679a8', onClick: () => {
                 this.showThumbnails = !this.showThumbnails;
                 if (this.showThumbnails) {
                     requestAnimationFrame(() => {
@@ -640,7 +640,7 @@ const LsStatusbar = class {
                 else {
                     document.removeEventListener('click', this.outsideClickHandler);
                 }
-            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: '5aaa602bd31e0d2ca691fb2ed4f855e2fe2ae44b', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'd54dd9d39df83230f17742b026955622f7d2675f', class: "ls-dv-thumbnail-popover" }, h("div", { key: 'fc58b705709573df2f665539394a8e3f72f42d65', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: 'd8c09791152e6da83e537aa1f747558ebd284ad7' }), h("span", { key: '17a704dd67753db38cd515cbe7e53594b82fcde7', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: '4fc2a0c0f21f6b4669743ab756c2c6d2db9698b1', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '69fd09637846400ab742ea6053b2a7a455e3752a' }))));
+            }, id: "page-thumbnails-btn", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('statusbar.pagethumbnails') }, h("ls-icon", { key: 'd0786b59d67b374c3be12c6d0aec88a3c688b24b', name: !this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon', size: 18 }))), this.showThumbnails && (h("div", { key: 'fa580dd28e5f6f33aa8aabfe8102ba81ca91c6a2', class: "ls-dv-thumbnail-popover" }, h("div", { key: '37ffc2824db8d11aa739709c273f2ddba115967c', id: "ls-thumbnail-container", class: "ls-dv-thumbnail-grid" })))), !isPreview && h("ls-helper-bar", { key: '16f8a88edac0ad2ab0b4b81785869d91f66f8e5e' }), h("span", { key: 'f7f51b33990e28a646708aaca1bffe44c7c179ab', class: "ls-dv-version" }, "v", version), h("ls-tooltip", { key: 'fb379578fb9859e7aea08df626d90bac7de69f3f', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '32b056756e2aa78c67feaed59299ba24d6d9730e' }))));
     }
     static get watchers() { return {
         "page": ["onPageChange"]

package/dist/esm/ls-compose-manager.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-CItPoq74.js';
-import { d as dvI18n } from './i18n-Al32p_JM.js';
+import { d as dvI18n } from './i18n-DU-efe4l.js';
 
 const lsComposeManagerCss = () => `:host{display:block}`;
 

package/dist/esm/ls-document-viewer.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-CItPoq74.js';
-import { d as dvI18n } from './i18n-Al32p_JM.js';
-import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, b as matchData, v as validate, g as getInputType, c as getApiType, d as addField, e as getTemplate } from './editorUtils-COpeLNIg.js';
+import { d as dvI18n } from './i18n-DU-efe4l.js';
+import { o as oob, m as moveField, u as updateTemplate, r as recalculateCoordinates, s as syncRoles, b as matchData, v as validate, g as getInputType, c as getApiType, d as addField, e as getTemplate } from './editorUtils-B1BCA_3i.js';
 import { D as DEFAULT_FONT_SIZE$1, a as DEFAULT_FONT_NAME, F as FIELD_DEFAULTS } from './fieldDefaults-04cXI5GQ.js';
-import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, t as toolboxDragStart, m as mouseClick, b as mouseDown, d as mouseMove, e as mouseUp, f as mouseDoubleClick } from './mouseHandlers-CidXuxi3.js';
+import { c as copySelected, a as cutSelected, p as pasteClipboard, u as updateSelectionBox, t as toolboxDragStart, m as mouseClick, b as mouseDown, d as mouseMove, e as mouseUp, f as mouseDoubleClick } from './mouseHandlers-DLIW6HsO.js';
 import { r as redo, a as undo, b as recordMutations, c as canRedo, d as canUndo, e as clearHistory } from './history-CmJjDhcp.js';
 import './defaultPalette-CwCWCxsI.js';
 
@@ -30748,7 +30748,11 @@ const LsDocumentViewer = class {
                             const hasDefaultName = witness.name === 'Participant ' + witness.ordinal;
                             const hasParentWitnessName = witness.name === oldRole.name + ' Witness';
                             if (hasDefaultName || hasParentWitnessName) {
-                                const updatedWitness = { ...witness, name: role.name + ' Witness' };
+                                // If parent reverts to default, witness should also revert to default
+                                const newWitnessName = role.name === 'Participant ' + role.ordinal
+                                    ? 'Participant ' + witness.ordinal
+                                    : role.name + ' Witness';
+                                const updatedWitness = { ...witness, name: newWitnessName };
                                 this.adapter.handleEvent({ action: 'update', data: updatedWitness }, this.token).then(wr => {
                                     if (wr !== 'invalid')
                                         matchData.bind(this)(wr);
@@ -30757,41 +30761,21 @@ const LsDocumentViewer = class {
                         }
                     }
                 }
-                // Swap/delete: after structural changes, sync default names to new ordinals
-                if (me.action === 'swap' || me.action === 'delete') {
-                    // For swap, capture which roles had default names before the sync
-                    const preSwapDefaults = me.action === 'swap' ? [
-                        { id: me.data.id, hadDefault: me.data.name === 'Participant ' + me.data.ordinal },
-                        { id: me.data2.id, hadDefault: me.data2.name === 'Participant ' + me.data2.ordinal },
-                    ] : null;
-                    // For delete, snapshot all roles with default names before ordinals shift
-                    const preDeleteDefaults = me.action === 'delete'
-                        ? this._template.roles.filter(r => r.name === 'Participant ' + r.ordinal).map(r => r.id)
-                        : null;
+                // Swap/delete/create: after structural changes, sync default names to new ordinals
+                if (me.action === 'swap' || me.action === 'delete' || me.action === 'create') {
+                    // Snapshot all roles with default names before ordinals shift
+                    const preChangeDefaults = this._template.roles
+                        .filter(r => r.name === 'Participant ' + r.ordinal)
+                        .map(r => r.id);
                     return Promise.resolve(matchData.bind(this)(result)).then(() => {
                         const updates = [];
-                        if (preSwapDefaults) {
-                            for (const { id, hadDefault } of preSwapDefaults) {
-                                if (!hadDefault)
-                                    continue;
-                                const fresh = this._template.roles.find(r => r.id === id);
-                                if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
-                                    updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
-                                        if (r !== 'invalid')
-                                            matchData.bind(this)(r);
-                                    }));
-                                }
-                            }
-                        }
-                        if (preDeleteDefaults) {
-                            for (const id of preDeleteDefaults) {
-                                const fresh = this._template.roles.find(r => r.id === id);
-                                if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
-                                    updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
-                                        if (r !== 'invalid')
-                                            matchData.bind(this)(r);
-                                    }));
-                                }
+                        for (const id of preChangeDefaults) {
+                            const fresh = this._template.roles.find(r => r.id === id);
+                            if (fresh && fresh.name !== 'Participant ' + fresh.ordinal) {
+                                updates.push(this.adapter.handleEvent({ action: 'update', data: { ...fresh, name: 'Participant ' + fresh.ordinal } }, this.token).then(r => {
+                                    if (r !== 'invalid')
+                                        matchData.bind(this)(r);
+                                }));
                             }
                         }
                         return Promise.all(updates);
@@ -31433,12 +31417,12 @@ const LsDocumentViewer = class {
             return false;
     }
     render() {
-        return (h(Host, { key: 'd734589f21701f8842ff21fd0ac3bc57910bd2c0', class: { 'ls-dv-preview-mode': this.mode === 'preview' } }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '6b23095cce9f80d65cc87b4faf91026652f142cb', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'eb04b9206ef97083fce40574ebb40a8edf43f9d1', size: this.loaderSize, colour: "var(--primary-60)" })), h("div", { key: '0af81d1b030f2400814b2d473723cb4363bb602d', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '799c57bd60af30258893249ad79e744f388e6dac', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: 'e74211a77b7ead319e51bcfc5afc28f25ed441a5' }))), this.error && (h("div", { key: 'd144ffbf258f67471a3e8586026539c9a2ec2a13', class: "ls-dv-error-state" }, h("div", { key: '3f079e5d855dd5f8eba85d3c16fe8f13a9e3e1fd', class: "ls-dv-error-card" }, h("ls-icon", { key: 'ab4e94ed151e1bc97525c0d411c184f19ed91568', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: 'aa24a956c9ebd3074855dbb242b3967282f0525c', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: '4e25d629fbc1fa4eae29e66a46787a60c8168862', class: "ls-dv-error-message" }, this.error)))), this.mode !== 'preview' && (h("div", { key: '789a5c3f027fad8525e1e78f9f6398669e8a4904', class: "ls-dv-page-header" }, h("div", { key: '5175792e24c98fa7f7a94fb0b659acf885d7d814', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: '64befda9960e0fd65cf6d2e00243ce7d3b4fb81c', name: "left-button" })), h("div", { key: '6e31a97e1d7cea55753e817989483a9c43dba7c1', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: '41643bf4389b31651e53ad5624329c31d30ea412', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '3d29c1a560cc02004aad498b4cbe7bf89c4a9e50' }, h("span", { key: '64dfbc6b09d33376f8a6c260cff2388f3f0975c8', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: 'e73339a4c2ed2e074ed005242c078504e5ce1157' }, "/"), h("span", { key: '5e710d23a37d8273c06734514aa7e2735fbb6c69', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: '2aded4d932f536ab2537638d77225a6891a2bf11', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: 'fb6aa36cc708ce2edb8fc757015abaa2b79b47f3', name: "top-bar" }))))), h("form", { key: 'bd78ca4c151d1d8a55adacf4f3700b9682cab687', id: "ls-editor-form" }, h("ls-left-bar", { key: '9099ccbcbb93d38e0b9b22f019dc7ef2ed92b053', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
+        return (h(Host, { key: '6925b686269e3d749f204a27e5796f1048c3aaad', class: { 'ls-dv-preview-mode': this.mode === 'preview' } }, h(h.Fragment, null, this.isLoading && (h(h.Fragment, null, h("div", { key: '12b2c3abb07dbc64945ad37fc6c2792b5b4a7a5c', class: 'ls-dv-page-loader' }, h("ls-loading-logo", { key: 'f62f216786f319e16981b35c989284fdd87ed235', size: this.loaderSize, colour: "var(--primary-60)" })), h("div", { key: '3c819f4c204cffd94e24cc9e2ec552e65a72b499', class: 'ls-dv-custom-loader-slot' }, h("slot", { key: '12e5ef2a4607ccfb5e6d6850a71e085cb6161fae', name: "custom-loader" })), this.mode === 'compose' && h("ls-compose-loader", { key: '8c05f297c5943c1c3aa016b7701251e7ac485b21' }))), this.error && (h("div", { key: '80f66943b5d4734bfef646160f279b5e5f08eec0', class: "ls-dv-error-state" }, h("div", { key: '835de0650f0dd03a42915ce6950f0ea203ff1605', class: "ls-dv-error-card" }, h("ls-icon", { key: '719a3555d5f274a1b37a53c1681f10a19a06c2ce', name: "exclamation-circle-icon", size: 32, style: { color: 'var(--red-60, #dc2626)' } }), h("p", { key: '0b069574fe88ad72e6b6f7468793aa62ae221c86', class: "ls-dv-error-title" }, this.errorTitle), h("p", { key: '1e2df5165e7437a237ca1539d32f501572150ec6', class: "ls-dv-error-message" }, this.error)))), this.mode !== 'preview' && (h("div", { key: '3542403c9e72b945efc504e9772eac2c1b7eaa29', class: "ls-dv-page-header" }, h("div", { key: '9d3287b94a8e0e5a46a9ba0485e3f0607cf67378', class: 'ls-dv-left-slot-wrapper' }, h("slot", { key: 'deda3110e22cb589222f66a305937f98e475c363', name: "left-button" })), h("div", { key: '2cb52b5a7114f3dccb0425482d4d53a0c9974f0b', class: 'ls-dv-right-slot-wrapper' }, h("slot", { key: 'e11fcd1981c37df448f860465f54a5e2bf7bbcc8', name: "right-button" })), this.mode === 'editor' && (h("div", { key: '54acbf6d5ff640b4457b50f17b4027072fc6ca29' }, h("span", { key: '49c79e2f6cbc772ddc8c3ace58528951aedad88a', class: "ls-dv-header-text-1" }, dvI18n.t('viewer.templatecreation')), h("span", { key: '26707a892a9643ac56b15f92572e96a3fae5a617' }, "/"), h("span", { key: '1d6bd71349cc7be1c1560413914416937baec1f3', class: "ls-dv-header-text-2" }, this._template?.title))), this.mode === 'compose' && (h("div", { key: 'd8781b678e7f53cc11b1dd3ef887dbc10b676811', style: { display: 'flex', alignItems: 'center', gap: '0.25rem' } }, h("slot", { key: '2db9adbdfa9aaebe971466ae3fd35f444b07a310', name: "top-bar" }))))), h("form", { key: '51e6eb22153a66619e7ffb76b094d04ae2db3095', id: "ls-editor-form" }, h("ls-left-bar", { key: 'a1b6eae9d2ba749204be3124964774f47e9bf9b1', mode: this.mode, selected: this.selected, manager: this.manager, signer: this.signer, filtertoolbox: this.filtertoolbox, template: this._template, recipients: this._recipients, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, displayTable: this.displayTable, selectedDataItems: this.selectedDataItems, busy: this.isMutating, onManagerChange: e => this.handleManagerChange(e.detail), onClearSelected: () => {
                 this.unselect();
                 const toolbar = this.component.shadowRoot.getElementById('ls-toolbar');
                 if (toolbar)
                     toolbar.dataItem = [];
-            } }, h("slot", { key: '37e04c506b0873adddea9c169c1a632a9ea9ede6', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '9aa0ad70bb133613c365bf69798b5b27f51cbb27', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), h("div", { key: '9c2eeaa67b5473208a9d5320b48ef604908c1df6', id: "ls-mid-area" }, h("div", { key: 'df4ba6a3410ff6edaa8538afd803dedd57fb02b9', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'bf48a7c3cf559b270df8864227a1d2a6a8d0143f', id: "ls-document-frame" }, h("canvas", { key: '4b7f07726adc44b8e27205ea15c08ed7087a78e0', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: 'f1eb1f06bca632256cfd867ccfb3530481221a22', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: '4fa14c5ce6226b44c0ceb2f80b41a1d7532fd088', id: "ls-box-selector" }), h("div", { key: '9916c9ee0872f6c76618e48befa8719da3c7fb9b', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '14b56e30f7a303a73185c3ec7b9c92f3826919b3', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '40ece1aad83e25dff73755d84d113b832dc72916', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '3c6edda9a51b4db3248e9edb9c543df4c69ee41b', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode, canUndo: canUndo(), canRedo: canRedo() }), this.mode === 'editor' && (h("div", { key: '7fb7451962f8588877e98d9c7499adce82e0d008', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '6a7d69b7d842d9ce1f11fb55a3f1ec82d8971c65', validationErrors: this.validationErrors }), h("slot", { key: '55befd61a78b45f3ea6c47f79aa3153258943909', name: "next-button" })))))), h("ls-tooltip", { key: '3da47138b36d20a454b0fcd3e42d3fb439685cbd', tooltipId: "ls-dv-tooltip" })));
+            } }, h("slot", { key: 'e472bd7b6faf855a2675358aa8355870fadfcc54', name: "recipient-panel", slot: "recipient-panel" })), h("ls-toolbar", { key: '14c180e17852602940522a6ecff5ebbade07e7a4', id: "ls-toolbar", template: this._template, editor: this, groupInfo: this.groupInfo, mode: this.mode, signer: this.signer, selected: this.selected, pageNum: this.pageNum }), h("div", { key: '8792aa4059d402b8ead3bd765f936b6c3dd134f0', id: "ls-mid-area" }, h("div", { key: 'e4322372e3e27c06cbbe290461a3b46adcee2775', class: { 'ls-dv-document-frame-wrapper': true, 'ls-dv-document-frame-wrapper--preview': this.mode === 'preview' }, id: "document-frame-wrapper" }, h("div", { key: 'f8262f5264321a3d66504912640a602cb67bb85c', id: "ls-document-frame" }, h("canvas", { key: '6730cb75b8ea2504e0161051ab565d7902f174c2', id: "pdf-canvas", class: this.displayTable || this.isLoading ? 'ls-dv-hidden' : '' }), h("ls-editor-table", { key: '250257cdd9d8df3244fda6168ff8991a4ac9d3d9', editor: this, class: this.displayTable ? '' : 'ls-dv-hidden' }), h("div", { key: 'fd4c974ee347ba31434dadfffae0196c065bd716', id: "ls-box-selector" }), h("div", { key: '5d75e51175f811e03a00b18874a4b8b82f47ca58', id: "ls-drag-selector" }), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '23adf3e49d6d6d634657987cfde2c0bdccedb0ad', class: "ls-dv-select-menu-position", selected: this.selected, pageNum: this.pageNum, editor: this })), this.mode !== 'preview' && !this._template?.locked && !this.isLoading && this._template?.elementConnection?.templateElements?.length > 0 && (h("ls-select-menu", { key: '9050928787a3a0a34ce96d163fd2dcb0fe1a7583', class: "ls-dv-select-menu-floating", selected: this.selected, pageNum: this.pageNum, editor: this, floating: true })))), h("ls-statusbar", { key: '7017129ee8c6bee0a4d2861594f1743c8c51a7c2', editor: this, page: this.pageNum, pageCount: this.pageCount, mode: this.mode, canUndo: canUndo(), canRedo: canRedo() }), this.mode === 'editor' && (h("div", { key: '7af711472a1141a5206971e077e9b0013927c739', class: 'ls-dv-validation-tag-wrapper' }, h("ls-validation-tag", { key: '1d9612986c19ab56ff7a94e39dbe5a654f927bd4', validationErrors: this.validationErrors }), h("slot", { key: '8e067bc84dcb3a3ebdb50cfa40dd9b034ac8edda', name: "next-button" })))))), h("ls-tooltip", { key: '776c8cb9be69077b47556a50f4045df65ecd6a57', tooltipId: "ls-dv-tooltip" })));
     }
     static get watchers() { return {
         "templateid": ["templateIdChanged"],