npm - legalesign-document-viewer - Versions diffs - 1.0.0 → 1.0.2 - Mend

legalesign-document-viewer 1.0.0 → 1.0.2

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

Files changed (279) hide show

package/dist/components/{p-C-5L6LAY.js → p-CgoyKNia.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { d as defineCustomElement$2 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
@@ -146,6 +146,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsAssigneeSelect as L, defineCustomElement as d };
-//# sourceMappingURL=p-C-5L6LAY.js.map
+//# sourceMappingURL=p-CgoyKNia.js.map
-//# sourceMappingURL=p-C-5L6LAY.js.map
+//# sourceMappingURL=p-CgoyKNia.js.map

package/dist/components/{p-C-5L6LAY.js.map → p-CgoyKNia.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C-5L6LAY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-assignee-select/ls-assignee-select.scss?tag=ls-assignee-select&encapsulation=shadow","src/components/ls-assignee-select/ls-assignee-select.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-assignee-dropdown {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-assignee-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem;\n padding-left: 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $gray-40;\n background: $gray-10;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n position: relative;\n}\n\n.ls-dv-assignee-header.ls-dv-disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.ls-dv-leading-icon {\n color: $gray-80;\n flex-shrink: 0;\n}\n\n.ls-dv-assignee-name {\n flex: 1;\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-100;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family);\n}\n\n.ls-dv-reassign-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: 0.625rem;\n border: 1px solid $gray-40;\n background: $white;\n color: $gray-80;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.ls-dv-reassign-btn:hover {\n border-color: $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-assignee-list {\n position: absolute;\n top: calc(100% + 0.25rem);\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n z-index: 100;\n max-height: 15rem;\n overflow-y: auto;\n}\n\n.ls-dv-assignee-item {\n display: flex;\n padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n border-radius: 0.75rem;\n cursor: pointer;\n}\n\n.ls-dv-assignee-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled:hover {\n background: transparent;\n}\n\n.ls-dv-assignee-item.ls-dv-selected,\n.ls-dv-assignee-item.ls-dv-selected:hover {\n background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-role-icon {\n display: flex;\n padding: 0.375rem;\n border-radius: 0.5rem;\n flex-shrink: 0;\n}\n\n.ls-dv-role-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.ls-dv-role-name {\n color: $gray-100;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-role-type {\n color: $gray-70;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-check-icon {\n color: $gray-40;\n flex-shrink: 0;\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-name {\n color: var(--role-name-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-type {\n color: var(--role-type-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-assignee-select',\n styleUrl: 'ls-assignee-select.scss',\n shadow: true,\n})\nexport class LsAssigneeSelect {\n @Element() el: HTMLElement;\n\n @Prop() signer: number;\n @Prop() roles: LSApiRole[] = [];\n @Prop() disabled: boolean = false;\n /** Tooltip reason why Sender is disabled. Empty string = enabled. /\n @Prop() disabledSenderReason: string = '';\n /* Tooltip reason why Approvers are disabled. Empty string = enabled. /\n @Prop() disabledApproverReason: string = '';\n /* Show mixed state (for multi-select when signers differ) */\n @Prop() mixed: boolean = false;\n\n @State() isOpen: boolean = false;\n\n @Event() assigneeChange: EventEmitter<number>;\n\n @Watch('signer')\n handleSignerChange() {\n // force re-render\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private getSelectedRole(): { signerIndex: number; name: string; roleType: string } {\n if (this.mixed) {\n return { signerIndex: 0, name: dvI18n.t('fieldproperties.mixed'), roleType: 'MIXED' };\n }\n if (this.signer === 0) {\n return { signerIndex: 0, name: dvI18n.t('fieldproperties.sender'), roleType: 'SENDER' };\n }\n const role = this.roles?.find(r => r.signerIndex === this.signer);\n if (role) {\n return { signerIndex: role.signerIndex, name: role.name \|\| dvI18n.t('participants.participant', { index: role.signerIndex }), roleType: role.roleType };\n }\n return { signerIndex: this.signer, name: dvI18n.t('participants.participant', { index: this.signer }), roleType: 'SIGNER' };\n }\n\n private getRoleIcon(roleType: string) {\n switch (roleType) {\n case 'SENDER':\n return 'user-icon';\n case 'APPROVER':\n return 'check-circle-icon';\n case 'WITNESS':\n return 'eye-icon';\n case 'MIXED':\n return 'user-icon';\n default:\n return 'signature-icon';\n }\n }\n\n private selectRole(signerIndex: number) {\n this.isOpen = false;\n this.assigneeChange.emit(signerIndex);\n }\n\n private toggleDropdown = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n };\n\n render() {\n const selected = this.getSelectedRole();\n const senderDisabled = !!this.disabledSenderReason;\n\n return (\n <Host>\n <div class=\"ls-dv-assignee-dropdown\">\n <div class={`ls-dv-assignee-header ${this.disabled ? 'ls-dv-disabled' : ''}`}>\n <ls-icon class=\"ls-dv-leading-icon\" name={this.getRoleIcon(selected.roleType) as any} size={18} />\n <span class=\"ls-dv-assignee-name\">{selected.name}</span>\n {!this.disabled && (\n <button\n class=\"ls-dv-reassign-btn\"\n onClick={e => {\n e.stopPropagation();\n this.toggleDropdown();\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('fieldproperties.reassign')}\n >\n <ls-icon name=\"switch-horizontal-icon\" size={16} />\n </button>\n )}\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-assignee-list\">\n <div\n class={`ls-dv-assignee-item ${this.signer === 0 && !this.mixed ? 'ls-dv-selected' : ''} ${senderDisabled ? 'ls-dv-item-disabled' : ''}`}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--role-name-selected': defaultRolePalette[0].s80,\n '--role-type-selected': defaultRolePalette[0].s80,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => !senderDisabled && this.selectRole(0)}\n data-tooltip-id={senderDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n data-tooltip-html={\n senderDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledSenderReason}</span>` : undefined\n }\n >\n <div\n class=\"ls-dv-role-icon\"\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" size={16} />\n </div>\n <div class=\"ls-dv-role-text\">\n <p class=\"ls-dv-role-name\">{dvI18n.t('fieldproperties.sender')}</p>\n </div>\n {senderDisabled ? (\n <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n ) : (\n <ls-icon class=\"ls-dv-check-icon\" name={this.signer === 0 && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'} solid={this.signer === 0 && !this.mixed} />\n )}\n </div>\n {this.roles.map(r => {\n const isApproverDisabled = r.roleType === 'APPROVER' && !!this.disabledApproverReason;\n return (\n <div\n class={`ls-dv-assignee-item ${r.signerIndex === this.signer && !this.mixed ? 'ls-dv-selected' : ''} ${isApproverDisabled ? 'ls-dv-item-disabled' : ''}`}\n style={{\n '--background-selected': defaultRolePalette[r.signerIndex % 100].s10,\n '--role-name-selected': defaultRolePalette[r.signerIndex % 100].s100,\n '--role-type-selected': defaultRolePalette[r.signerIndex % 100].s80,\n '--check-icon-selected': defaultRolePalette[r.signerIndex % 100].s50,\n }}\n onClick={() => !isApproverDisabled && this.selectRole(r.signerIndex)}\n data-tooltip-id={isApproverDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n data-tooltip-html={\n isApproverDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledApproverReason}</span>` : undefined\n }\n >\n <div\n class=\"ls-dv-role-icon\"\n style={{\n background: defaultRolePalette[r.signerIndex % 100].s40,\n color: defaultRolePalette[r.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.getRoleIcon(r.roleType) as any} size={16} />\n </div>\n <div class=\"ls-dv-role-text\">\n <p class=\"ls-dv-role-name\">\n {r.name \|\|\n (r.signerIndex > 100\n ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 })\n : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p class=\"ls-dv-role-type\">\n {r.roleType === 'WITNESS'\n ? dvI18n.t('participants.witness')\n : r.roleType === 'APPROVER'\n ? dvI18n.t('participants.approver')\n : dvI18n.t('participants.signer')}\n </p>\n </div>\n {isApproverDisabled ? (\n <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n ) : (\n <ls-icon\n class=\"ls-dv-check-icon\"\n name={r.signerIndex === this.signer && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.signer && !this.mixed}\n />\n )}\n </div>\n );\n })}\n </div>\n )}\n </div>\n <ls-tooltip tooltipId=\"ls-dv-assignee-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CgoyKNia.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,MAAM,CAAC,ikFAAikF,CAAC;;MCUxlF,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGnB,IAAA,MAAM;IACN,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;;IAEzB,oBAAoB,GAAW,EAAE;;IAEjC,sBAAsB,GAAW,EAAE;;IAEnC,KAAK,GAAY,KAAK;IAErB,MAAM,GAAY,KAAK;AAEvB,IAAA,cAAc;IAGvB,kBAAkB,GAAA;;;AAKlB,IAAA,iBAAiB,CAAC,KAAiB,EAAA;QACjC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAS,CAAC,EAAE;AAChF,YAAA,IAAI,CAAC,MAAM,GAAG,KAAK;;;IAIf,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,YAAA,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE;;AAEvF,QAAA,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACrB,YAAA,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;;QAEzF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,CAAC;QACjE,IAAI,IAAI,EAAE;AACR,YAAA,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE;;AAEzJ,QAAA,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;;AAGrH,IAAA,WAAW,CAAC,QAAgB,EAAA;QAClC,QAAQ,QAAQ;AACd,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,mBAAmB;AAC5B,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,WAAW;AACpB,YAAA;AACE,gBAAA,OAAO,gBAAgB;;;AAIrB,IAAA,UAAU,CAAC,WAAmB,EAAA;AACpC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;;IAG/B,cAAc,GAAG,MAAK;QAC5B,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;AAC5B,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,EAAE;AACvC,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,oBAAoB;QAElD,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,sBAAA,EAAyB,IAAI,CAAC,QAAQ,GAAG,gBAAgB,GAAG,EAAE,CAAA,CAAE,EAAA,EAC1E,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAQ,EAAE,IAAI,EAAE,EAAE,EAAI,CAAA,EAClG,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAC,IAAI,CAAQ,EACvD,CAAC,IAAI,CAAC,QAAQ,KACb,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,CAAC,IAAG;gBACX,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,CAAC,cAAc,EAAE;aACtB,EAAA,iBAAA,EACe,eAAe,EACT,sBAAA,EAAA,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,EAAA,EAE1D,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,wBAAwB,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,CAC5C,CACV,CACG,EACL,IAAI,CAAC,MAAM,KACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAAA,oBAAA,EAAuB,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,EAAE,CAAI,CAAA,EAAA,cAAc,GAAG,qBAAqB,GAAG,EAAE,CAAA,CAAE,EACvI,KAAK,EAAE;AACL,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AAClD,gBAAA,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACjD,gBAAA,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACjD,gBAAA,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;aACnD,EACD,OAAO,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAA,iBAAA,EACnC,cAAc,GAAG,wBAAwB,GAAG,SAAS,EAAA,mBAAA,EAEpE,cAAc,GAAG,CAAA,qFAAA,EAAwF,IAAI,CAAC,oBAAoB,CAAA,OAAA,CAAS,GAAG,SAAS,EAAA,EAGzJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACrC,gBAAA,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG;AACjC,aAAA,EAAA,EAED,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,CAClC,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAK,CAC/D,EACL,cAAc,IACb,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,yBAAyB,EAAA,CAAG,KAEnE,CAAA,CAAA,SAAA,EAAA,EAAS,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,mBAAmB,GAAG,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAI,CAAA,CACjK,CACG,EACL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAG;AAClB,YAAA,MAAM,kBAAkB,GAAG,CAAC,CAAC,QAAQ,KAAK,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,sBAAsB;AACrF,YAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,oBAAA,EAAuB,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,gBAAgB,GAAG,EAAE,IAAI,kBAAkB,GAAG,qBAAqB,GAAG,EAAE,CAAE,CAAA,EACvJ,KAAK,EAAE;oBACL,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;oBACpE,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,IAAI;oBACpE,sBAAsB,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;oBACnE,uBAAuB,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;iBACrE,EACD,OAAO,EAAE,MAAM,CAAC,kBAAkB,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,qBACnD,kBAAkB,GAAG,wBAAwB,GAAG,SAAS,EAAA,mBAAA,EAExE,kBAAkB,GAAG,CAAwF,qFAAA,EAAA,IAAI,CAAC,sBAAsB,CAAS,OAAA,CAAA,GAAG,SAAS,EAAA,EAG/J,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,iBAAiB,EACvB,KAAK,EAAE;oBACL,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;oBACvD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,GAAG;iBACnD,EAAA,EAED,CAAA,CAAA,SAAA,EAAA,EAAS,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAC5D,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,iBAAiB,EACvB,EAAA,CAAC,CAAC,IAAI;AACL,iBAAC,CAAC,CAAC,WAAW,GAAG;AACf,sBAAE,MAAM,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,GAAG,GAAG,EAAE;AAC5E,sBAAE,MAAM,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CACnE,EACJ,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EACvB,CAAC,CAAC,QAAQ,KAAK;AACd,kBAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB;AACjC,kBAAE,CAAC,CAAC,QAAQ,KAAK;AACf,sBAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB;AAClC,sBAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CACnC,CACA,EACL,kBAAkB,IACjB,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,yBAAyB,GAAG,KAEnE,CAAA,CAAA,SAAA,EAAA,EACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,mBAAmB,GAAG,kBAAkB,EAC7F,KAAK,EAAE,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAA,CACnD,CACH,CACG;SAET,CAAC,CACE,CACP,CACG,EACN,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,SAAS,EAAC,wBAAwB,EAAG,CAAA,CAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-assignee-select/ls-assignee-select.scss?tag=ls-assignee-select&encapsulation=shadow","src/components/ls-assignee-select/ls-assignee-select.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-assignee-dropdown {\n position: relative;\n width: 100%;\n}\n\n.ls-dv-assignee-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.25rem;\n padding-left: 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $gray-40;\n background: $gray-10;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n position: relative;\n}\n\n.ls-dv-assignee-header.ls-dv-disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.ls-dv-leading-icon {\n color: $gray-80;\n flex-shrink: 0;\n}\n\n.ls-dv-assignee-name {\n flex: 1;\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-100;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-family: var(--font-family);\n}\n\n.ls-dv-reassign-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n border-radius: 0.625rem;\n border: 1px solid $gray-40;\n background: $white;\n color: $gray-80;\n cursor: pointer;\n flex-shrink: 0;\n}\n\n.ls-dv-reassign-btn:hover {\n border-color: $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-assignee-list {\n position: absolute;\n top: calc(100% + 0.25rem);\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n padding: 0.25rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n z-index: 100;\n max-height: 15rem;\n overflow-y: auto;\n}\n\n.ls-dv-assignee-item {\n display: flex;\n padding: 0.5rem 0.75rem 0.5rem 0.5rem;\n align-items: center;\n gap: 0.75rem;\n border-radius: 0.75rem;\n cursor: pointer;\n}\n\n.ls-dv-assignee-item:hover {\n background: $gray-10;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.ls-dv-assignee-item.ls-dv-item-disabled:hover {\n background: transparent;\n}\n\n.ls-dv-assignee-item.ls-dv-selected,\n.ls-dv-assignee-item.ls-dv-selected:hover {\n background: var(--background-selected, $gray-10);\n}\n\n.ls-dv-role-icon {\n display: flex;\n padding: 0.375rem;\n border-radius: 0.5rem;\n flex-shrink: 0;\n}\n\n.ls-dv-role-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.ls-dv-role-name {\n color: $gray-100;\n font-size: 0.75rem;\n font-weight: 500;\n line-height: 1rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.ls-dv-role-type {\n color: $gray-70;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-check-icon {\n color: $gray-40;\n flex-shrink: 0;\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-check-icon {\n color: var(--check-icon-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-name {\n color: var(--role-name-selected);\n}\n\n.ls-dv-assignee-item.ls-dv-selected .ls-dv-role-type {\n color: var(--role-type-selected);\n}\n","import { Component, Element, Host, Listen, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-assignee-select',\n styleUrl: 'ls-assignee-select.scss',\n shadow: true,\n})\nexport class LsAssigneeSelect {\n @Element() el: HTMLElement;\n\n @Prop() signer: number;\n @Prop() roles: LSApiRole[] = [];\n @Prop() disabled: boolean = false;\n /** Tooltip reason why Sender is disabled. Empty string = enabled. /\n @Prop() disabledSenderReason: string = '';\n /* Tooltip reason why Approvers are disabled. Empty string = enabled. /\n @Prop() disabledApproverReason: string = '';\n /* Show mixed state (for multi-select when signers differ) */\n @Prop() mixed: boolean = false;\n\n @State() isOpen: boolean = false;\n\n @Event() assigneeChange: EventEmitter<number>;\n\n @Watch('signer')\n handleSignerChange() {\n // force re-render\n }\n\n @Listen('click', { target: 'window' })\n handleWindowClick(event: MouseEvent) {\n if (this.isOpen && !this.el.shadowRoot.contains(event.composedPath()[0] as Node)) {\n this.isOpen = false;\n }\n }\n\n private getSelectedRole(): { signerIndex: number; name: string; roleType: string } {\n if (this.mixed) {\n return { signerIndex: 0, name: dvI18n.t('fieldproperties.mixed'), roleType: 'MIXED' };\n }\n if (this.signer === 0) {\n return { signerIndex: 0, name: dvI18n.t('fieldproperties.sender'), roleType: 'SENDER' };\n }\n const role = this.roles?.find(r => r.signerIndex === this.signer);\n if (role) {\n return { signerIndex: role.signerIndex, name: role.name \|\| dvI18n.t('participants.participant', { index: role.signerIndex }), roleType: role.roleType };\n }\n return { signerIndex: this.signer, name: dvI18n.t('participants.participant', { index: this.signer }), roleType: 'SIGNER' };\n }\n\n private getRoleIcon(roleType: string) {\n switch (roleType) {\n case 'SENDER':\n return 'user-icon';\n case 'APPROVER':\n return 'check-circle-icon';\n case 'WITNESS':\n return 'eye-icon';\n case 'MIXED':\n return 'user-icon';\n default:\n return 'signature-icon';\n }\n }\n\n private selectRole(signerIndex: number) {\n this.isOpen = false;\n this.assigneeChange.emit(signerIndex);\n }\n\n private toggleDropdown = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n };\n\n render() {\n const selected = this.getSelectedRole();\n const senderDisabled = !!this.disabledSenderReason;\n\n return (\n <Host>\n <div class=\"ls-dv-assignee-dropdown\">\n <div class={`ls-dv-assignee-header ${this.disabled ? 'ls-dv-disabled' : ''}`}>\n <ls-icon class=\"ls-dv-leading-icon\" name={this.getRoleIcon(selected.roleType) as any} size={18} />\n <span class=\"ls-dv-assignee-name\">{selected.name}</span>\n {!this.disabled && (\n <button\n class=\"ls-dv-reassign-btn\"\n onClick={e => {\n e.stopPropagation();\n this.toggleDropdown();\n }}\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('fieldproperties.reassign')}\n >\n <ls-icon name=\"switch-horizontal-icon\" size={16} />\n </button>\n )}\n </div>\n {this.isOpen && (\n <div class=\"ls-dv-assignee-list\">\n <div\n class={`ls-dv-assignee-item ${this.signer === 0 && !this.mixed ? 'ls-dv-selected' : ''} ${senderDisabled ? 'ls-dv-item-disabled' : ''}`}\n style={{\n '--background-selected': defaultRolePalette[0].s10,\n '--role-name-selected': defaultRolePalette[0].s80,\n '--role-type-selected': defaultRolePalette[0].s80,\n '--check-icon-selected': defaultRolePalette[0].s50,\n }}\n onClick={() => !senderDisabled && this.selectRole(0)}\n data-tooltip-id={senderDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n data-tooltip-html={\n senderDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledSenderReason}</span>` : undefined\n }\n >\n <div\n class=\"ls-dv-role-icon\"\n style={{\n background: defaultRolePalette[0].s50,\n color: defaultRolePalette[0].s80,\n }}\n >\n <ls-icon name=\"user-icon\" size={16} />\n </div>\n <div class=\"ls-dv-role-text\">\n <p class=\"ls-dv-role-name\">{dvI18n.t('fieldproperties.sender')}</p>\n </div>\n {senderDisabled ? (\n <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n ) : (\n <ls-icon class=\"ls-dv-check-icon\" name={this.signer === 0 && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'} solid={this.signer === 0 && !this.mixed} />\n )}\n </div>\n {this.roles.map(r => {\n const isApproverDisabled = r.roleType === 'APPROVER' && !!this.disabledApproverReason;\n return (\n <div\n class={`ls-dv-assignee-item ${r.signerIndex === this.signer && !this.mixed ? 'ls-dv-selected' : ''} ${isApproverDisabled ? 'ls-dv-item-disabled' : ''}`}\n style={{\n '--background-selected': defaultRolePalette[r.signerIndex % 100].s10,\n '--role-name-selected': defaultRolePalette[r.signerIndex % 100].s100,\n '--role-type-selected': defaultRolePalette[r.signerIndex % 100].s80,\n '--check-icon-selected': defaultRolePalette[r.signerIndex % 100].s50,\n }}\n onClick={() => !isApproverDisabled && this.selectRole(r.signerIndex)}\n data-tooltip-id={isApproverDisabled ? 'ls-dv-assignee-tooltip' : undefined}\n data-tooltip-html={\n isApproverDisabled ? `<span style=\"white-space:normal;word-break:break-word;max-width:19rem;display:block\">${this.disabledApproverReason}</span>` : undefined\n }\n >\n <div\n class=\"ls-dv-role-icon\"\n style={{\n background: defaultRolePalette[r.signerIndex % 100].s40,\n color: defaultRolePalette[r.signerIndex % 100].s90,\n }}\n >\n <ls-icon name={this.getRoleIcon(r.roleType) as any} size={16} />\n </div>\n <div class=\"ls-dv-role-text\">\n <p class=\"ls-dv-role-name\">\n {r.name \|\|\n (r.signerIndex > 100\n ? dvI18n.t('participants.participantwitness', { index: r.signerIndex - 100 })\n : dvI18n.t('participants.participant', { index: r.signerIndex }))}\n </p>\n <p class=\"ls-dv-role-type\">\n {r.roleType === 'WITNESS'\n ? dvI18n.t('participants.witness')\n : r.roleType === 'APPROVER'\n ? dvI18n.t('participants.approver')\n : dvI18n.t('participants.signer')}\n </p>\n </div>\n {isApproverDisabled ? (\n <ls-icon class=\"ls-dv-check-icon\" name=\"exclamation-circle-icon\" />\n ) : (\n <ls-icon\n class=\"ls-dv-check-icon\"\n name={r.signerIndex === this.signer && !this.mixed ? 'check-circle-icon' : 'base-circle-icon'}\n solid={r.signerIndex === this.signer && !this.mixed}\n />\n )}\n </div>\n );\n })}\n </div>\n )}\n </div>\n <ls-tooltip tooltipId=\"ls-dv-assignee-tooltip\" />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-M4AweDeo.js → p-CgqKV0xf.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$n } from './p-C-5L6LAY.js';
+import { d as defineCustomElement$n } from './p-CgoyKNia.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$l } from './p-Bxlq9ywP.js';
-import { d as defineCustomElement$k } from './p-BiQfNAXm.js';
-import { d as defineCustomElement$j } from './p-C0fuTQ5C.js';
-import { d as defineCustomElement$i } from './p-MKp33FTH.js';
-import { d as defineCustomElement$h } from './p-DUhCihul.js';
-import { d as defineCustomElement$g } from './p-CJIhr6ns.js';
-import { d as defineCustomElement$f } from './p-C7WYjjf5.js';
-import { d as defineCustomElement$e } from './p-883oa-R7.js';
+import { d as defineCustomElement$l } from './p-CvMzUIlC.js';
+import { d as defineCustomElement$k } from './p-DNx0Ngpa.js';
+import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
+import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
+import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
+import { d as defineCustomElement$g } from './p-BgIA-QAy.js';
+import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
+import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -36,14 +36,16 @@ const LsFieldPropertiesGeneral = /*@__PURE__*/ proxyCustomElement(class LsFieldP
     dataItem;
     roles = [];
     readonly = false;
+    filtertoolbox = null;
     render() {
-        return (h(Host, { key: '9190845c512c0a86c637b36f629250b9367797f0' }, h("ls-field-properties-container", { key: '248100e296bf44b4c2865f2e1306b15389d4661c', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '28cc12f82845da0e46f72867cffba61d2815b0e0', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '0949141174d0b1818b29f453e0d5bf0be13896a0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '532628012bfcad35a89fd0d6b58d31baa3251065', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f9d83e55e8bb2436689aa774c45ae41b14172f54', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '546c287b29b8c1b5d7281b27db8df09216f829b7', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'ad3163bb3ae27c233779aa75f38788f31644ee29', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '32352a0b668c764bc81d8940378c22776e09a31b', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'ab7d4eb83d246a09f0fd15ca5589c0a7ef990069', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '7c8edc0216d3e5e5f889958f794f2f394eb9dbe2' }, h("ls-field-properties-container", { key: '6f0d875b173e2036f83369759e07598333544992', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '271eba04231b73e7e0657782f31602c015f3e2fd', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '4e73bdea22250a80f27d21f334e503df6684f697', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '500a9255c6932ec679e7fca70f122a259d30c5cc', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '12600b719767007a7cbc6ebd3229513c961bbecb', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'db10044f498b5f3c4ddc98ca98ad64cfecac235b', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '97889bebbe0f619c7ab809a56cb44e0757ed65a8', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '7cd50f495e06755adb4b1cd737e81707b85c9d1f', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'f4234e8871ebdbe309bf142810f97ef7c3129ea0', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get style() { return lsFieldPropertiesGeneralCss(); }
 }, [769, "ls-field-properties-general", {
         "dataItem": [16],
         "roles": [16],
-        "readonly": [4]
+        "readonly": [4],
+        "filtertoolbox": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -176,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
-//# sourceMappingURL=p-M4AweDeo.js.map
+//# sourceMappingURL=p-CgqKV0xf.js.map
-//# sourceMappingURL=p-M4AweDeo.js.map
+//# sourceMappingURL=p-CgqKV0xf.js.map

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

@@ -0,0 +1 @@

+ {"file":"p-CgqKV0xf.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSt4J,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B,IAAA,QAAQ;IACR,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,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,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,EAAA,CAAI,CACrE,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-general/ls-field-properties-general.scss?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.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-general',\n styleUrl: 'ls-field-properties-general.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\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} 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} 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-CNxS5_JA.js → p-CmsA9-sZ.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { t as transformTag, p as proxyCustomElement, H, h, a as Host } from './p-DIvmRYeB.js';
-import { d as defineCustomElement$n } from './p-C-5L6LAY.js';
+import { d as defineCustomElement$n } from './p-CgoyKNia.js';
 import { d as defineCustomElement$m } from './p-PwhF9_IW.js';
-import { d as defineCustomElement$l } from './p-Bxlq9ywP.js';
-import { d as defineCustomElement$k } from './p-BiQfNAXm.js';
-import { d as defineCustomElement$j } from './p-C0fuTQ5C.js';
-import { d as defineCustomElement$i } from './p-MKp33FTH.js';
-import { d as defineCustomElement$h } from './p-DUhCihul.js';
-import { d as defineCustomElement$g } from './p-CJIhr6ns.js';
-import { d as defineCustomElement$f } from './p-C7WYjjf5.js';
-import { d as defineCustomElement$e } from './p-883oa-R7.js';
+import { d as defineCustomElement$l } from './p-CvMzUIlC.js';
+import { d as defineCustomElement$k } from './p-DNx0Ngpa.js';
+import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
+import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
+import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
+import { d as defineCustomElement$g } from './p-BgIA-QAy.js';
+import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
+import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
 import { d as defineCustomElement$c } from './p-BHeJScTh.js';
 import { d as defineCustomElement$b } from './p-Brq7Gduk.js';
@@ -36,14 +36,16 @@ const LsFieldPropertiesDate = /*@__PURE__*/ proxyCustomElement(class LsFieldProp
     dataItem;
     roles = [];
     readonly = false;
+    filtertoolbox = null;
     render() {
-        return (h(Host, { key: 'e61351642fcdbf459521474addf3d1c9fc1bc957' }, h("ls-field-properties-container", { key: '4c3e177015f1ff6f49e2e53ca6f46f046f69d5cf', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'aa5f876e65d0094b5ef89f6cf41d3719d408281a', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '6db302195d8829ef8f35a8c77ef00e4dd4d8c0ce', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly }), h("ls-field-properties-advanced", { key: '02bb9daf6f0d98c091e48f3e2eda57aba010793f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '667d8e3ba20d8e3c89fc9020bac6606fed4bbf7a', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'c9943df8fdf39d64b34e7050bcee2ad53d21ec9f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: 'f37f079fe060a3a6be2aae8be5631404c5ee2b49', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'd7c6151b44937bc178c47217c915243435ad23d0', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: 'f0ff03b2ae936e20c36745e0ca54b39f77bc9725', dataItem: this.dataItem, readonly: this.readonly })));
+        return (h(Host, { key: '3e6f3fdd376d40701f31f6bcf44beeb93f1ea1ff' }, h("ls-field-properties-container", { key: '985442dd20a50388ed810f007bce28f4fe4dd898', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '7fda234a6058ea334b6057814b02d9abe870b011', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'df9355d5a37cbfe6d547bab66f668e0c7bee86b0', dataItem: this.dataItem, roles: this.roles, readonly: this.readonly, filtertoolbox: this.filtertoolbox }), h("ls-field-properties-advanced", { key: '875c883f195f26319a828516aaf02d5c2977ee1f', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '3e12c8a5eeb01b3505e8b78206a524e04081929e', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e700e34a44e4bf257e49803cab1a823f90ceb06c', dataItem: this.dataItem, readonly: this.readonly })), h("div", { key: '43e6c957074beb3e2c7144aae12c1f45399644b5', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: 'b94ff186f88cd2e67bfe4f3ab5384dcea93cf3ed', dataItem: this.dataItem, readonly: this.readonly }))), h("ls-field-footer", { key: '150e3b500ae9851da612d236787e41eb75dd2362', dataItem: this.dataItem, readonly: this.readonly })));
     }
     static get style() { return lsFieldPropertiesDateCss(); }
 }, [769, "ls-field-properties-date", {
         "dataItem": [16],
         "roles": [16],
-        "readonly": [4]
+        "readonly": [4],
+        "filtertoolbox": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -176,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesDate as L, defineCustomElement as d };
-//# sourceMappingURL=p-CNxS5_JA.js.map
+//# sourceMappingURL=p-CmsA9-sZ.js.map
-//# sourceMappingURL=p-CNxS5_JA.js.map
+//# sourceMappingURL=p-CmsA9-sZ.js.map

package/dist/components/p-CmsA9-sZ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-CmsA9-sZ.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,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,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,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,EAAA,CAAI,CACrE,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-date/ls-field-properties-date.scss?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.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.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-date',\n styleUrl: 'ls-field-properties-date.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesDate {\n @Prop() dataItem: LSApiElement;\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} 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} 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-BmDtavNK.js → p-Cts0eCoL.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
-import { d as defineCustomElement$6 } from './p-CCSMbgUt.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
+import { d as defineCustomElement$6 } from './p-BUAS2e6p.js';
 import { d as defineCustomElement$5 } from './p-BHeJScTh.js';
 import { d as defineCustomElement$4 } from './p-MzXqai7c.js';
 import { d as defineCustomElement$3 } from './p-CKoM9Y6t.js';
-import { d as defineCustomElement$2 } from './p-Bi_4Swkx.js';
+import { d as defineCustomElement$2 } from './p-Biay9ys2.js';
 import { d as defineCustomElement$1 } from './p-XnnsjcVC.js';
 const lsToolbarCss = () => `.ls-dv-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;width:100%;align-items:center;justify-content:center;padding:0.375rem;gap:0.5rem;width:fit-content;border-radius:1.125rem;border:1px solid var(--gray-20, #edeff2);background:var(--white, #ffffff);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-banner{position:absolute;top:4.75rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.25rem 0.375rem 0.625rem;border-radius:0.75rem;border:1px solid var(--primary-30, #9dc3fc);background:var(--primary-10, #eff4ff);color:var(--primary-70, #2134dc);font-size:var(--text-sm);line-height:var(--text-sm);white-space:nowrap;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.ls-dv-selection-dot{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--primary-50, #5185ff);margin-right:0.25rem}.ls-dv-selection-banner-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-60, #4456f6);padding:0.125rem;min-height:unset;min-width:unset;border-radius:0.375rem;cursor:pointer;margin-right:-0.125rem}.ls-dv-selection-banner-close:hover{background:var(--primary-20, #c7ddff);color:var(--primary-70, #2134dc)}.ls-dv-invisible{display:none}p{color:var(--gray-80, #6f7176);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem}.ls-dv-input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6f7176)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #ffffff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #ffffff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type=checkbox]{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type=checkbox]:checked,input[type=checkbox].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type=checkbox]:checked::after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type=checkbox].ls-dv-indeterminate::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type=checkbox]:checked:hover,input[type=checkbox].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type=checkbox]:hover{border:1px solid #9ca3af}input[type=checkbox]:focus,input[type=checkbox]:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type=checkbox]:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type=checkbox]:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #4456f6)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #6f7176)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6f7176)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}.ls-dv-locked-banner{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.75rem;padding:0.625rem;border-radius:1.125rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--yellow-10, #fffcef);z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);white-space:nowrap}.ls-dv-locked-banner-text{display:flex;flex-direction:column;gap:0}.ls-dv-locked-banner-title{color:var(--yellow-100, #70350d);font-size:var(--text-sm);font-weight:500;line-height:1.25rem}.ls-dv-locked-banner-subtitle{color:var(--yellow-90, #8a3f0e);font-size:0.6875rem;font-weight:400;line-height:1rem}.ls-dv-locked-banner-icon{padding:0.5rem;background:var(--yellow-20, #fff3c2);color:var(--yellow-80, #9e5913);border-radius:50%;display:flex;align-items:center;justify-content:center}.ls-dv-locked-banner-unlock{display:flex;align-items:center;gap:0.375rem;padding:0.5rem 0.75rem;border-radius:0.75rem;border:1px solid var(--yellow-30, #fcec9d);background:var(--white, #ffffff);color:var(--yellow-90, #8a3f0e);font-size:var(--text-sm);font-weight:500;cursor:pointer;min-height:unset}.ls-dv-locked-banner-unlock:hover{background:var(--yellow-20, #fff3c2);border-color:var(--yellow-40, #ffe561)}`;
@@ -145,6 +145,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsToolbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-BmDtavNK.js.map
+//# sourceMappingURL=p-Cts0eCoL.js.map
-//# sourceMappingURL=p-BmDtavNK.js.map
+//# sourceMappingURL=p-Cts0eCoL.js.map

package/dist/components/{p-BmDtavNK.js.map → p-Cts0eCoL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BmDtavNK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbar/ls-toolbar.scss?tag=ls-toolbar&encapsulation=shadow","src/components/ls-toolbar/ls-toolbar.tsx"],"sourcesContent":[".ls-dv-toolbar {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 0.375rem;\n gap: 0.5rem;\n width: fit-content;\n border-radius: 1.125rem;\n border: 1px solid $gray-20;\n background: $white;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-banner {\n position: absolute;\n top: 4.75rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.375rem 0.25rem 0.375rem 0.625rem;\n border-radius: 0.75rem;\n border: 1px solid $primary-30;\n background: $primary-10;\n color: $primary-70;\n font-size: var(--text-sm);\n line-height: var(--text-sm);\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: $primary-50;\n margin-right: 0.25rem;\n}\n\n.ls-dv-selection-banner-close {\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n color: $primary-60;\n padding: 0.125rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.375rem;\n cursor: pointer;\n margin-right: -0.125rem;\n}\n\n.ls-dv-selection-banner-close:hover {\n background: $primary-20;\n color: $primary-70;\n}\n\n.ls-dv-invisible {\n display: none;\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: 400;\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\n.ls-dv-locked-banner {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem;\n border-radius: 1.125rem;\n border: 1px solid $yellow-30;\n background: $yellow-10;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n white-space: nowrap;\n}\n\n.ls-dv-locked-banner-text {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.ls-dv-locked-banner-title {\n color: $yellow-100;\n font-size: var(--text-sm);\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-locked-banner-subtitle {\n color: $yellow-90;\n font-size: 0.6875rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-locked-banner-icon {\n padding: 0.5rem;\n background: $yellow-20;\n color: $yellow-80;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ls-dv-locked-banner-unlock {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.5rem 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $yellow-30;\n background: $white;\n color: $yellow-90;\n font-size: var(--text-sm);\n font-weight: 500;\n cursor: pointer;\n min-height: unset;\n}\n\n.ls-dv-locked-banner-unlock:hover {\n background: $yellow-20;\n border-color: $yellow-40;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.scss',\n shadow: true,\n})\nexport class LsToolbar {\n @Element() component: HTMLElement;\n\n /\n The selected items information (as JSON).\n * {LSApiElement[]}\n /\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n /\n The group and experience information.\n * {object}\n /\n @Prop() groupInfo: object;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The main editor.\n * {LSDocumentViewer}\n */\n @Prop({\n mutable: true,\n })\n editor: LsDocumentViewer;\n\n @Prop() mode: string;\n\n @Prop() signer: number;\n\n @Prop() selected: any[];\n\n @Prop() pageNum: number;\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 // @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'click', 'dblclick', 'contextmenu'].forEach(eventType => {\n this.component.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n }\n\n private renderEditor() {\n return (\n <div class=\"ls-dv-toolbar\">\n {this.dataItem && this.dataItem.length > 1 ? (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n </div>\n ) : (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-participant-select\n id=\"ls-participant-select\"\n roles={this.template?.roles}\n signer={this.signer}\n style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }}\n />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n )}\n\n <slot></slot>\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div class={this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : ''}>\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n\n <slot></slot>\n </div>\n );\n }\n\n private renderSelectionBanner() {\n if (!this.selected \|\| this.selected.length === 0) return null;\n\n const pageNum = this.pageNum;\n const onThisPage = this.selected.filter(f => f.dataItem?.page === pageNum).length;\n const onOtherPages = this.selected.length - onThisPage;\n\n if (onOtherPages === 0) return null;\n\n return (\n <div class=\"ls-dv-selection-banner\">\n <ls-icon style={{ marginRight: '0.125rem' }} name=\"target-icon\" size={16} />\n <span>\n <span style={{ fontWeight: '500' }}>{dvI18n.t('toolbar.fieldsselectedcount', { total: this.selected.length })}</span>{' '}\n {dvI18n.t('toolbar.fieldsselecteddetail', { thispage: onThisPage, otherpages: onOtherPages })}\n </span>\n <button\n class=\"ls-dv-selection-banner-close\"\n onClick={() => this.editor.unselect()}\n data-tooltip-id=\"ls-dv-selection-tooltip\"\n data-tooltip-content={dvI18n.t('toolbar.deselectall')}\n data-tooltip-place=\"bottom\"\n >\n <ls-icon name=\"x-icon\" size={16} />\n </button>\n <ls-tooltip tooltipId=\"ls-dv-selection-tooltip\" />\n </div>\n );\n }\n\n private renderLockedBanner() {\n return (\n <div class=\"ls-dv-locked-banner\">\n <div class=\"ls-dv-locked-banner-icon\">\n <ls-icon name=\"lock-closed-icon\" size={20} />\n </div>\n <div class=\"ls-dv-locked-banner-text\">\n <span class=\"ls-dv-locked-banner-title\">{dvI18n.t('toolbar.templatelocked')}</span>\n <span class=\"ls-dv-locked-banner-subtitle\">{dvI18n.t('toolbar.editingdisabled')}</span>\n </div>\n <button class=\"ls-dv-locked-banner-unlock\" onClick={() => this.mutate.emit([{ action: 'update', data: { ...this.template, locked: false } }])}>\n {dvI18n.t('toolbar.unlock')}\n </button>\n </div>\n );\n }\n\n render() {\n if (this.template?.locked) {\n return this.renderLockedBanner();\n }\n return [this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null, this.renderSelectionBanner()];\n }\n}\n"],"version":3}
1	+ {"file":"p-Cts0eCoL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-toolbar/ls-toolbar.scss?tag=ls-toolbar&encapsulation=shadow","src/components/ls-toolbar/ls-toolbar.tsx"],"sourcesContent":[".ls-dv-toolbar {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n padding: 0.375rem;\n gap: 0.5rem;\n width: fit-content;\n border-radius: 1.125rem;\n border: 1px solid $gray-20;\n background: $white;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-banner {\n position: absolute;\n top: 4.75rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.25rem;\n padding: 0.375rem 0.25rem 0.375rem 0.625rem;\n border-radius: 0.75rem;\n border: 1px solid $primary-30;\n background: $primary-10;\n color: $primary-70;\n font-size: var(--text-sm);\n line-height: var(--text-sm);\n white-space: nowrap;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n}\n\n.ls-dv-selection-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background: $primary-50;\n margin-right: 0.25rem;\n}\n\n.ls-dv-selection-banner-close {\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n color: $primary-60;\n padding: 0.125rem;\n min-height: unset;\n min-width: unset;\n border-radius: 0.375rem;\n cursor: pointer;\n margin-right: -0.125rem;\n}\n\n.ls-dv-selection-banner-close:hover {\n background: $primary-20;\n color: $primary-70;\n}\n\n.ls-dv-invisible {\n display: none;\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: 400;\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\n.ls-dv-locked-banner {\n position: absolute;\n top: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem;\n border-radius: 1.125rem;\n border: 1px solid $yellow-30;\n background: $yellow-10;\n z-index: 1000;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n white-space: nowrap;\n}\n\n.ls-dv-locked-banner-text {\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.ls-dv-locked-banner-title {\n color: $yellow-100;\n font-size: var(--text-sm);\n font-weight: 500;\n line-height: 1.25rem;\n}\n\n.ls-dv-locked-banner-subtitle {\n color: $yellow-90;\n font-size: 0.6875rem;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-locked-banner-icon {\n padding: 0.5rem;\n background: $yellow-20;\n color: $yellow-80;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ls-dv-locked-banner-unlock {\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.5rem 0.75rem;\n border-radius: 0.75rem;\n border: 1px solid $yellow-30;\n background: $white;\n color: $yellow-90;\n font-size: var(--text-sm);\n font-weight: 500;\n cursor: pointer;\n min-height: unset;\n}\n\n.ls-dv-locked-banner-unlock:hover {\n background: $yellow-20;\n border-color: $yellow-40;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.scss',\n shadow: true,\n})\nexport class LsToolbar {\n @Element() component: HTMLElement;\n\n /\n The selected items information (as JSON).\n * {LSApiElement[]}\n /\n @Prop({\n mutable: true,\n })\n dataItem: LSApiElement[];\n\n /\n The group and experience information.\n * {object}\n /\n @Prop() groupInfo: object;\n\n /\n The base template information (as JSON).\n * {LSApiTemplate}\n /\n @Prop() template: LSApiTemplate;\n\n /\n The main editor.\n * {LSDocumentViewer}\n */\n @Prop({\n mutable: true,\n })\n editor: LsDocumentViewer;\n\n @Prop() mode: string;\n\n @Prop() signer: number;\n\n @Prop() selected: any[];\n\n @Prop() pageNum: number;\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 // @Element() component: HTMLElement;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n });\n\n this.dataItem = diffs.map(d => d.data as LSApiElement);\n this.mutate.emit(diffs);\n }\n\n componentDidLoad() {\n ['mousedown', 'mouseup', 'mousemove', 'mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'click', 'dblclick', 'contextmenu'].forEach(eventType => {\n this.component.addEventListener(eventType, e => {\n e.stopPropagation();\n });\n });\n }\n\n private renderEditor() {\n return (\n <div class=\"ls-dv-toolbar\">\n {this.dataItem && this.dataItem.length > 1 ? (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n </div>\n ) : (\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-participant-select\n id=\"ls-participant-select\"\n roles={this.template?.roles}\n signer={this.signer}\n style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }}\n />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n )}\n\n <slot></slot>\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div class={this.dataItem && this.dataItem.length > 0 ? 'ls-dv-toolbar' : ''}>\n <div class=\"rowbox\">\n <ls-field-format dataItem={this.dataItem} />\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n </div>\n\n <slot></slot>\n </div>\n );\n }\n\n private renderSelectionBanner() {\n if (!this.selected \|\| this.selected.length === 0) return null;\n\n const pageNum = this.pageNum;\n const onThisPage = this.selected.filter(f => f.dataItem?.page === pageNum).length;\n const onOtherPages = this.selected.length - onThisPage;\n\n if (onOtherPages === 0) return null;\n\n return (\n <div class=\"ls-dv-selection-banner\">\n <ls-icon style={{ marginRight: '0.125rem' }} name=\"target-icon\" size={16} />\n <span>\n <span style={{ fontWeight: '500' }}>{dvI18n.t('toolbar.fieldsselectedcount', { total: this.selected.length })}</span>{' '}\n {dvI18n.t('toolbar.fieldsselecteddetail', { thispage: onThisPage, otherpages: onOtherPages })}\n </span>\n <button\n class=\"ls-dv-selection-banner-close\"\n onClick={() => this.editor.unselect()}\n data-tooltip-id=\"ls-dv-selection-tooltip\"\n data-tooltip-content={dvI18n.t('toolbar.deselectall')}\n data-tooltip-place=\"bottom\"\n >\n <ls-icon name=\"x-icon\" size={16} />\n </button>\n <ls-tooltip tooltipId=\"ls-dv-selection-tooltip\" />\n </div>\n );\n }\n\n private renderLockedBanner() {\n return (\n <div class=\"ls-dv-locked-banner\">\n <div class=\"ls-dv-locked-banner-icon\">\n <ls-icon name=\"lock-closed-icon\" size={20} />\n </div>\n <div class=\"ls-dv-locked-banner-text\">\n <span class=\"ls-dv-locked-banner-title\">{dvI18n.t('toolbar.templatelocked')}</span>\n <span class=\"ls-dv-locked-banner-subtitle\">{dvI18n.t('toolbar.editingdisabled')}</span>\n </div>\n <button class=\"ls-dv-locked-banner-unlock\" onClick={() => this.mutate.emit([{ action: 'update', data: { ...this.template, locked: false } }])}>\n {dvI18n.t('toolbar.unlock')}\n </button>\n </div>\n );\n }\n\n render() {\n if (this.template?.locked) {\n return this.renderLockedBanner();\n }\n return [this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null, this.renderSelectionBanner()];\n }\n}\n"],"version":3}

package/dist/components/{p-Bxlq9ywP.js → p-CvMzUIlC.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { t as transformTag, p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-DIvmRYeB.js';
-import { d as dvI18n } from './p-Dbp-hj8N.js';
+import { d as dvI18n } from './p-WVWIAGo_.js';
 import { a as updateCreatedId } from './p-DydgLtEF.js';
 import { d as defaultRolePalette } from './p-BKrsDBDB.js';
 import { f as forceCloseDatePicker } from './index.js';
@@ -560,7 +560,7 @@ function getInputType(validation) {
     return inputType === null ? validationTypes[0] : inputType;
 }
-const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;box-sizing:content-box;isolation:isolate;min-height:16px}:host .ls-editor-field{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.ls-dv-editor-field-editable{font-family:inherit;font-size:inherit;color:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;margin:0;margin-top:auto;padding:0px 0px 0px 0px;min-width:2em;width:calc(100% - 13px);max-height:100%}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:flex;align-items:flex-end;font-family:inherit;font-size:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;min-width:2px;height:100%;width:calc(100% - 13px);margin-top:auto}.ls-dv-hidden-field{display:none}.ls-dv-date-field-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;top:0;left:0}input,textarea{all:unset;color:inherit}textarea{resize:none;overflow:hidden;word-break:break-all;white-space:pre-wrap}textarea::placeholder{color:inherit;opacity:0.5}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15, 23, 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #6f7176);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #5e6066)}.resize-handles{pointer-events:none}.resize-handle{position:absolute;background:var(--field-border-color);border-radius:1px}.handle-e{width:4px;height:16px;right:0px;top:50%;transform:translateY(-50%)}.handle-s{width:16px;height:4px;bottom:0px;left:50%;transform:translateX(-50%)}.handle-se{width:6px;height:6px;right:0px;bottom:0px}`;
+const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate;min-height:16px}:host .ls-editor-field{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.ls-dv-editor-field-editable{font-family:inherit;font-size:inherit;color:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;margin:0;margin-top:auto;padding:0px 0px 0px 0px;min-width:2em;width:calc(100% - 13px);max-height:100%}.ls-dv-editor-field-editable:focus{outline:none}.ls-dv-editor-field-draggable{display:flex;align-items:flex-end;font-family:inherit;font-size:inherit;overflow:hidden;word-break:break-all;white-space:pre-wrap;min-width:2px;height:100%;width:calc(100% - 13px);margin-top:auto}.ls-dv-hidden-field{display:none}.ls-dv-date-field-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;top:0.5rem;left:0}.ls-dv-date-field-active{pointer-events:auto}input,textarea{all:unset;color:inherit}textarea{resize:none;overflow:hidden;word-break:break-all;white-space:pre-wrap}textarea::placeholder{color:inherit;opacity:0.5}.ls-dv-draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.ls-dv-editing-input{caret-color:rgb(15, 23, 42);caret-shape:auto;height:100%;width:100%}.ls-dv-required-icon{color:var(--red-60, #f64a44)}.ls-dv-x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #6f7176);border-radius:50%;top:0;right:0}.ls-dv-x-button:hover{background:var(--gray-90, #5e6066)}.resize-handles{pointer-events:none}.resize-handle{position:absolute;background:var(--field-border-color);border-radius:1px}.handle-e{width:4px;height:16px;right:0px;top:50%;transform:translateY(-50%)}.handle-s{width:16px;height:4px;bottom:0px;left:50%;transform:translateX(-50%)}.handle-se{width:6px;height:6px;right:0px;bottom:0px}`;
 const fieldTypeKeyMap = {
     'signature': 'toolbox.signature',
@@ -664,6 +664,10 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
             }));
             return;
         }
+        // Let Delete/Backspace propagate for date fields (no text to edit)
+        if ((e.key === 'Delete' || e.key === 'Backspace') && this.isDateField()) {
+            return;
+        }
         e.stopPropagation();
     }
     handleMouseMove(e) {
@@ -709,13 +713,19 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
         }
     }
     handleDoubleClick(e) {
-        if (this.readonly || LsEditorField.NO_EDIT_TYPES.includes(this.dataItem.formElementType)) {
+        if (this.readonly) {
             e.preventDefault();
             e.stopPropagation();
             return;
         }
-        // Date fields use selection to open picker, skip dblclick
+        // Date fields open the picker on double-click
         if (this.isDateField()) {
+            this.isEditing = true;
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        if (LsEditorField.NO_EDIT_TYPES.includes(this.dataItem.formElementType)) {
             e.preventDefault();
             e.stopPropagation();
             return;
@@ -770,6 +780,13 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
             this.component.style.background = 'rgba(255,255,255,0.5)';
             this.component.style.boxShadow = 'none';
             this.isEditing = false;
+            // Flush pending debounced mutate so validation fires immediately
+            if (this.labeltimer) {
+                clearTimeout(this.labeltimer);
+                this.labeltimer = null;
+            }
+            // Always emit mutate on deselect to catch pending changes from ls-field-content
+            this.mutate.emit([{ action: 'update', data: this.dataItem }]);
             // Force close date picker (Safari ignores blur)
             const input = this.component.shadowRoot?.getElementById('editing-input');
             if (input && input.type === 'date') {
@@ -784,8 +801,10 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
         this.mutate.emit([{ action: 'delete', data: this.dataItem }]);
         this.update.emit([{ action: 'delete', data: this.dataItem }]);
     };
-    componentDidLoad() {
+    componentWillLoad() {
         this.valueError = validateFieldValue(this.dataItem?.formElementType, this.dataItem?.validation, this.dataItem?.value, this.dataItem?.options);
+    }
+    componentDidLoad() {
         this.sizeObserver = new ResizeObserver(entries => {
             for (const entry of entries) {
                 if (entry.contentRect) {
@@ -884,35 +903,45 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
             ? 'var(--red-50, #FF5C56)'
             : defaultRolePalette[this.dataItem?.signer % 100].s60;
         const hostStyle = this.floatingActive && !this.readonly
-            ? { border: `2px ${borderColor} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '--field-border-color': borderColor }
-            : { border: `2px ${borderColor} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, '--field-border-color': borderColor };
+            ? { outline: `2px ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'} ${borderColor}`, outlineOffset: '-2px', boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '--field-border-color': borderColor }
+            : { outline: `2px ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'} ${borderColor}`, outlineOffset: '-2px', '--field-border-color': borderColor };
         const zoomValue = parseFloat(this.zoom) || 1;
         // const topOffset = (this.dataItem.height ?? 1) + 4;
         const topOffset = 24;
-        return (h(Host, { key: '8e9426287de57ff4921ce7e898a869398adde655', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'c560675018f1867fb2df40f44b95ccc220cf6257', class: {
+        return (h(Host, { key: '69d421bcf112299e4454b1f0d7e19f023c24eba3', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '2132f3425a824952bc1c0a94df36c5ec5d543a53', class: {
                 'ls-editor-field': true,
                 'is-selected': this.selected,
-            } }, !this.dataItem?.optional && this.dataItem?.formElementType !== 'checkbox' && (h("ls-icon", { key: 'fb0916d5a15194ce902ea5fc5da35a41edf4a8a5', name: "required-icon", size: Math.round(12 * zoomValue), class: "ls-dv-required-icon", customStyle: {
+            } }, !this.dataItem?.optional && this.dataItem?.formElementType !== 'checkbox' && (h("ls-icon", { key: '0febe96c93a9336d91662187290a4e829db46d12', name: "required-icon", size: Math.round(12 * zoomValue), class: "ls-dv-required-icon", customStyle: {
                 position: 'absolute',
                 top: '50%',
                 right: `${0.25 * zoomValue}rem`,
                 transform: 'translateY(-50%)',
                 lineHeight: '1',
                 fontSize: `${0.75 * zoomValue}rem`,
-            } })), !this.dataItem?.optional && this.dataItem?.formElementType === 'checkbox' && (h("ls-icon", { key: '0b68f4f83a918629e85f5ed62b3b95001d7d6a38', name: "required-icon", size: Math.round(8 * zoomValue), class: "ls-dv-required-icon", customStyle: {
+            } })), !this.dataItem?.optional && this.dataItem?.formElementType === 'checkbox' && (h("ls-icon", { key: '7bd57a9fa64c996a872a4a02628f015d55293a7d', name: "required-icon", size: Math.round(8 * zoomValue), class: "ls-dv-required-icon", customStyle: {
                 position: 'absolute',
                 top: `-${3 * zoomValue}px`,
                 right: `-${3 * zoomValue}px`,
                 lineHeight: '1',
                 fontSize: `${0.5 * zoomValue}rem`,
-            } })), this.isDateField() ? (h("input", { id: "editing-input", class: "ls-dv-date-field-input", type: "date", style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.toISODate(this.dataItem?.value), checked: this.dataItem?.value ? true : false, onInput: e => {
+            } })), this.isDateField() ? (this.isEditing ? (h("input", { id: "editing-input", class: "ls-dv-date-field-input ls-dv-date-field-active", type: "date", "aria-label": dvI18n.t('toolbox.date'), style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.toISODate(this.dataItem?.value), onInput: e => {
                 const val = e.target.value;
                 this.alter({ value: this.formatDateFromISO(val) });
             }, onChange: e => {
                 const input = e.target;
                 this.alter({ value: this.formatDateFromISO(input.value) });
+                this.isEditing = false;
                 forceCloseDatePicker(input);
-            } })) : (h("textarea", { id: "editing-input", class: this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.dataItem?.value, placeholder: dvI18n.t(this.getFieldTypeKey()), rows: 1, onInput: e => {
+            }, onBlur: () => {
+                this.isEditing = false;
+            }, ref: el => {
+                if (el) {
+                    requestAnimationFrame(() => {
+                        el.focus();
+                        el.showPicker?.();
+                    });
+                }
+            } })) : null) : (h("textarea", { id: "editing-input", class: this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.dataItem?.value, placeholder: dvI18n.t(this.getFieldTypeKey()), rows: 1, onInput: e => {
                 const el = e.target;
                 el.style.height = 'auto';
                 el.style.height = el.scrollHeight + 'px';
@@ -925,9 +954,9 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
                         el.style.height = el.scrollHeight + 'px';
                     });
                 }
-            } })), h("div", { key: 'd7ee15ab42dcc2226f1dbe48b00965b04749b9fe', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, ...(this.dataItem?.formElementType === 'checkbox' ? { width: '100%', overflow: 'visible', justifyContent: 'center', alignItems: 'center' } : {}) } }, h("span", { key: '12a7f963f4a7553d087577ebcec3701d75af0d92', style: { width: '100%', display: 'block', textAlign: this.dataItem?.formElementType === 'checkbox' ? 'center' : 'inherit' } }, this.dataItem?.formElementType === 'checkbox'
+            } })), h("div", { key: 'e9fa09079c0a79d48689e250eac9d0920c61b679', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, ...(this.dataItem?.formElementType === 'checkbox' ? { width: '100%', overflow: 'visible', justifyContent: 'center', alignItems: 'center' } : {}) } }, h("span", { key: '4bb8e6d406a70926c0ad037f6d22a91c7532a4eb', style: { width: '100%', display: 'block', textAlign: this.dataItem?.formElementType === 'checkbox' ? 'center' : 'inherit' } }, this.dataItem?.formElementType === 'checkbox'
             ? this.getCheckboxSymbol()
-            : this.dataItem?.value || dvI18n.t(this.getFieldTypeKey()))), (this.floatingActive || this.selected) && !this.multiSelected && this.dataItem?.label && (h("div", { key: '7fb009c332e4bad62c59a5369dfe6b485a9b7fd5', style: {
+            : this.dataItem?.value || dvI18n.t(this.getFieldTypeKey()))), (this.floatingActive || this.selected) && !this.multiSelected && this.dataItem?.label && (h("div", { key: '14f10072270d2155b5db94c3ffeaa7867259a6b5', style: {
                 position: 'absolute',
                 background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
                 color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
@@ -939,7 +968,7 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
                 left: `-${2 * zoomValue}px`,
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && !this.multiSelected && (h("p", { key: '3b6017817f8d3129acb427a564a41fe202ca1f70', style: {
+            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && !this.multiSelected && (h("p", { key: 'de3107a8e0529f9878b084a9b9ca78cc88117199', style: {
                 position: 'absolute',
                 color: 'var(--gray-80, #3a3a3a)',
                 bottom: `-${1.75 * zoomValue}rem`,
@@ -950,7 +979,7 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
                 textOverflow: 'ellipsis',
                 maxWidth: `${10 * zoomValue}rem`,
                 fontFamily: 'sans-serif',
-            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.selected && !this.multiSelected && (h("div", { key: '19a9fde506d26a3e4d75f38d8d4ad0d5d126b458', class: "resize-handles" }, h("div", { key: '900a3de272a7ccd81383747564ac6fc944a1ea2a', class: "resize-handle handle-e" }), h("div", { key: '97b0e302ba3c06e0332864d6587a1f5c5ca5346a', class: "resize-handle handle-s" }), h("div", { key: '7ea01bf7b7a88dac5a0706928f28d3953cebb012', class: "resize-handle handle-se" }))), this.floatingActive && !this.readonly && (h("button", { key: '266be9a46d26ef058853dd966d298d2d26f96fe0', class: 'ls-dv-x-button', style: {
+            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.selected && !this.multiSelected && (h("div", { key: '7634c594ac826f92c4ac4358583e50e7ea82ef11', class: "resize-handles" }, h("div", { key: 'b0ff296db4fbc7f6c6d5d42369961b45e7fddf6d', class: "resize-handle handle-e" }), h("div", { key: '0915ee6760657bf8acd4512f4fa56c689239f99e', class: "resize-handle handle-s" }), h("div", { key: '49e9a7ed9cf23fdf155b23cbab370b26c5231274', class: "resize-handle handle-se" }))), this.floatingActive && !this.readonly && (h("button", { key: 'ce655a363c3bdc85c7a7015b981ed13630f49e16', class: 'ls-dv-x-button', style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -959,7 +988,7 @@ const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField exten
                 lineHeight: `${0.75 * zoomValue}rem`,
                 fontSize: `${0.75 * zoomValue}rem`,
                 ...(this.dataItem?.formElementType === 'checkbox' ? { transform: `translate(75%, -75%)` } : {}),
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: 'b01ecd2b0b553512cd83c326444d35bb2c0e8496', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
+            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '7fe51c2ef42fd9cfdbb9c19849e2d5b53a58ab9a', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
     }
     static get watchers() { return {
         "dataItem": ["dataItemChanged", "watchDataItemHandler"],
@@ -1012,6 +1041,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsEditorField as L, validationTypes as a, findIn as b, matchData as c, defineCustomElement as d, validate as e, findDimensions as f, getInputType as g, getApiType as h, addField as i, getTemplate as j, moveField as m, oob as o, recalculateCoordinates as r, syncRoles as s, updateTemplate as u, validateFieldValue as v };
-//# sourceMappingURL=p-Bxlq9ywP.js.map
+//# sourceMappingURL=p-CvMzUIlC.js.map
-//# sourceMappingURL=p-Bxlq9ywP.js.map
+//# sourceMappingURL=p-CvMzUIlC.js.map