npm - legalesign-document-viewer - Versions diffs - 0.4.9 → 0.5.0 - Mend

legalesign-document-viewer 0.4.9 → 0.5.0

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 (432) hide show

package/dist/collection/components/ls-statusbar/ls-statusbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,OAAO,WAAW;IACX,SAAS,CAAc;IAClC;;;OAGG;IACsB,IAAI,CAAS;IACb,IAAI,CAAS;IACb,SAAS,CAAS;IAE3C;;;OAGG;IACK,MAAM,CAAmB;IAEjC,OAAO,CAAC,KAAa;QACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,eAAe;QACb,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,WAAW,CAAqB,CAAC;QAE5F,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/D,CAAC;IAED,QAAQ;QACN,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAC/E,MAAM,~~KAAK~~,GAAG,~~MAAM~~,CAAC,MAAM,CAAC,KAAK,GAAG,OAAO,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,wBAAwB;~~QAEtF~~,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACvF,MAAM,KAAK,GAAW,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAClE,~~OAAO,CAAC,GAAG,CAAC,~~IAAI,CAAC,~~KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,~~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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { debounce } from '../ls-document-viewer/editorUtils';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.css',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /*\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n handleZoomInput() {\n const zoomInput = this.component.shadowRoot.getElementById('zoomRange') as HTMLInputElement;\n\n debounce(this.setZoom(parseInt(zoomInput.value) / 100), 700);\n }\n\n fitWidth() {\n const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');\n const ~~space~~ = ~~window~~.~~screen~~.~~width~~ - leftBox.clientWidth - 60; // 40 for padding/margin\n\n console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);\n const scale: number = space / this.editor.pageDimensions[0].width;\n ~~console.log(Math.round(scale 1e2) / 1e2);\n~~ this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n fitHeight() {\n const space = window.screen.height - 40; // 40 for padding/margin\n const scale: number = space / this.editor.pageDimensions[0].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n this.zoom = this.editor.zoom;\n }\n\n render() {\n return (\n <Host>\n <div class={'controls-bar'}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template\" /></button> /}\n <div class={'status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip=\"Zoom Out\">\n <ls-icon name=\"zoom-out\" />\n </button>\n <div>\n <input type=\"range\" min=\"1\" max=\"300\" value={this.zoom * 100} class=\"slider\" id=\"zoomRange\" onInput={() => this.handleZoomInput()} />\n </div>\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip=\"Zoom In\">\n <ls-icon name=\"zoom-in\" />\n </button>\n </div>\n <div class={'status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip=\"Fit Width\">\n <ls-icon name=\"fit-width\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip=\"Fit Height\">\n <ls-icon name=\"fit-height\" />\n </button>\n </div>\n <div class={'status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip={this.page === 1 ? 'No Previous Page' : 'Previous Page'}\n >\n <ls-icon name=\"chevron-left\" />\n </button>\n <p>\n {this.page} / {this.pageCount}\n </p>\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip={this.page === this.pageCount ? 'No Next Page' : 'Next Page'}\n >\n <ls-icon name=\"chevron-right\" />\n </button>\n </div>\n </div>\n <ls-helper-bar />\n <ls-tooltip id=\"ls-tooltip-master\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-statusbar.js","sourceRoot":"","sources":["../../../src/components/ls-statusbar/ls-statusbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { debounce } from '../ls-document-viewer/editorUtils';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.css',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /*\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n handleZoomInput() {\n const zoomInput = this.component.shadowRoot.getElementById('zoomRange') as HTMLInputElement;\n\n debounce(this.setZoom(parseInt(zoomInput.value) / 100), 700);\n }\n\n fitWidth() {\n const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');\n const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const space = midBox.clientWidth - leftBox.clientWidth - 60; // 60 for padding/margin\n\n \n console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);\n const scale: number = space / this.editor.pageDimensions[0].width;\n this.setZoom(Math.round(scale 1e2) / 1e2);\n }\n\n fitHeight() {\n const space = window.screen.height - 40; // 40 for padding/margin\n const scale: number = space / this.editor.pageDimensions[0].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n componentDidLoad() {\n attachAllTooltips(this.component.shadowRoot);\n this.zoom = this.editor.zoom;\n }\n\n render() {\n return (\n <Host>\n <div class={'controls-bar'}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template\" /></button> /}\n <div class={'status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip=\"Zoom Out\">\n <ls-icon name=\"zoom-out\" />\n </button>\n <div>\n <input type=\"range\" min=\"1\" max=\"300\" value={this.zoom * 100} class=\"slider\" id=\"zoomRange\" onInput={() => this.handleZoomInput()} />\n </div>\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip=\"Zoom In\">\n <ls-icon name=\"zoom-in\" />\n </button>\n </div>\n <div class={'status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip=\"Fit Width\">\n <ls-icon name=\"fit-width\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip=\"Fit Height\">\n <ls-icon name=\"fit-height\" />\n </button>\n </div>\n <div class={'status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip={this.page === 1 ? 'No Previous Page' : 'Previous Page'}\n >\n <ls-icon name=\"chevron-left\" />\n </button>\n <p>\n {this.page} / {this.pageCount}\n </p>\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip={this.page === this.pageCount ? 'No Next Page' : 'Next Page'}\n >\n <ls-icon name=\"chevron-right\" />\n </button>\n </div>\n </div>\n <ls-helper-bar />\n <ls-tooltip id=\"ls-tooltip-master\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-title-input/ls-title-input.js CHANGED Viewed

@@ -4,7 +4,6 @@ export class LsTitleInput {
     template;
     editTitle = false;
     mutate;
-    update;
     // Send one or more mutations up the chain
     // The source of the chain fires the mutation
     // NOTE this alter is debounced to account for typing
@@ -18,12 +17,11 @@ export class LsTitleInput {
         this.titletimer = setTimeout(() => {
             this.template = { ...this.template, ...diff };
             const diffs = [{ action: 'update', data: this.template }];
-            this.update.emit(diffs);
             this.mutate.emit(diffs);
         }, delay);
     }
     render() {
-        return (h(Host, { key: '48cae0d9c9d29f199cdabb4ab274bdfaef0891d1' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
+        return (h(Host, { key: 'df0dddae77292b9d87eeca2b53137055abd1b732' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
                 e.preventDefault();
                 this.alter({ title: e.target.value });
             }, onKeyUp: e => {
@@ -51,7 +49,6 @@ export class LsTitleInput {
         return {
             "template": {
                 "type": "unknown",
-                "attribute": "template",
                 "mutable": true,
                 "complexType": {
                     "original": "LSApiTemplate",
@@ -102,27 +99,6 @@ export class LsTitleInput {
                         }
                     }
                 }
-            }, {
-                "method": "update",
-                "name": "update",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "LSMutateEvent[]",
-                    "resolved": "LSMutateEvent[]",
-                    "references": {
-                        "LSMutateEvent": {
-                            "location": "import",
-                            "path": "../../types/LSMutateEvent",
-                            "id": "src/types/LSMutateEvent.ts::LSMutateEvent"
-                        }
-                    }
-                }
             }];
     }
     static get elementRef() { return "component"; }

package/dist/collection/components/ls-title-input/ls-title-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-title-input.js","sourceRoot":"","sources":["../../../src/components/ls-title-input/ls-title-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAS9F,MAAM,OAAO,YAAY;IACZ,SAAS,CAAc;IACM,QAAQ,CAAgB;IAEvD,SAAS,GAAY,KAAK,CAAC;IAOpC,MAAM,CAAgC;~~IAOtC,MAAM,CAAgC;~~IAEtC,0CAA0C;IAC1C,6CAA6C;IAC7C,qDAAqD;IACrD,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC3B,CAAC;IAEO,UAAU,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,KAAK;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC3E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;~~YACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;~~QAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE;YAClE,aACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,EACxE,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC9D,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE;wBAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACpE,CAAC,GACD;YACF,eACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACzB,CAAC,GACD,CACE,CACP,CAAC,CAAC,CAAC,CACF,WACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACnC,CAAC;YAED,aAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAK,CACzB,CACP,CACI,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-title-input',\n styleUrl: 'ls-title-input.css',\n shadow: true,\n})\nexport class LsTitleInput {\n @Element() component: HTMLElement;\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n ~~@Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n~~ // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.~~update.emit(diffs);\n this.~~mutate.emit(diffs);\n }, delay);\n }\n\n\n render() {\n return (\n <Host>\n {this.editTitle ? (\n <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>\n <input\n value={this.template?.title}\n style={{ height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n <ls-icon\n name=\"check\"\n size=\"1rem\"\n class='editButton'\n onClick={() => {\n this.editTitle = false;\n }}\n />\n </div>\n ) : (\n <div\n class=\"template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-title-input.js","sourceRoot":"","sources":["../../../src/components/ls-title-input/ls-title-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAS9F,MAAM,OAAO,YAAY;IACZ,SAAS,CAAc;IACM,QAAQ,CAAgB;IAEvD,SAAS,GAAY,KAAK,CAAC;IAOpC,MAAM,CAAgC;IAEtC,0CAA0C;IAC1C,6CAA6C;IAC7C,qDAAqD;IACrD,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC3B,CAAC;IAEO,UAAU,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,KAAK;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC3E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE;YAClE,aACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,EACxE,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC9D,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,EAAE;wBAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACpE,CAAC,GACD;YACF,eACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACzB,CAAC,GACD,CACE,CACP,CAAC,CAAC,CAAC,CACF,WACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACnC,CAAC;YAED,aAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAK,CACzB,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n tag: 'ls-title-input',\n styleUrl: 'ls-title-input.css',\n shadow: true,\n})\nexport class LsTitleInput {\n @Element() component: HTMLElement;\n @Prop({ mutable: true, reflect: true }) template: LSApiTemplate;\n\n @State() editTitle: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.debounce(diff, 500);\n }\n\n private titletimer;\n\n debounce(diff, delay) {\n if (this.titletimer) clearTimeout(this.titletimer);\n\n this.titletimer = setTimeout(() => {\n this.template = { ...this.template, ...diff };\n const diffs: LSMutateEvent[] = [{ action: 'update', data: this.template }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n\n render() {\n return (\n <Host>\n {this.editTitle ? (\n <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>\n <input\n value={this.template?.title}\n style={{ height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }}\n onInput={e => {\n e.preventDefault();\n this.alter({ title: (e.target as HTMLInputElement).value });\n }}\n onKeyUp={e => {\n if (e.key === 'Enter' \|\| e.keyCode === 13) this.editTitle = false;\n }}\n />\n <ls-icon\n name=\"check\"\n size=\"1rem\"\n class='editButton'\n onClick={() => {\n this.editTitle = false;\n }}\n />\n </div>\n ) : (\n <div\n class=\"template-title\"\n onClick={() => {\n this.editTitle = !this.editTitle;\n }}\n >\n <p>{this.template?.title}</p>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-toggle/ls-toggle.js CHANGED Viewed

@@ -26,7 +26,6 @@ export class LsToggle {
         return {
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -41,11 +40,11 @@ export class LsToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "checked"
             },
             "indeterminate": {
                 "type": "boolean",
-                "attribute": "indeterminate",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -60,7 +59,8 @@ export class LsToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "indeterminate"
             }
         };
     }

package/dist/collection/components/ls-toolbar/ls-toolbar.js CHANGED Viewed

@@ -32,10 +32,9 @@ export class LsToolbar {
         });
         this.dataItem = diffs.map(d => d.data);
         this.mutate.emit(diffs);
-        this.update.emit(diffs);
     }
     render() {
-        return (h(Host, { key: 'bafb88d0050349a95e68e5c2424c6ef4cb60dd31' }, (this.dataItem && this.dataItem.length > 1) ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { key: '4cf0e3dd34be8dfff87525ebe0c87d106d49335d', id: "ls-tooltip-master" }), h("slot", { key: '2eaa4c5de2ed24e5405a4e85821b59e934b77db4' })));
+        return (h(Host, { key: '55d84a2c19190fb4149d658151ccdb369b32da84' }, (this.dataItem && this.dataItem.length > 1) ? (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem }))) : (h("div", { class: 'rowbox' }, h("ls-field-format", { dataItem: this?.dataItem, style: { visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' } }), h("ls-participant-select", { id: "ls-participant-select", roles: this.template?.roles, style: { display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' } }))), h("ls-tooltip", { key: 'c700f50c2fe2829bc653a5a8c791f642ce966a8f', id: "ls-tooltip-master" }), h("slot", { key: '09a19a62da326c4131cdbddced63de71106da892' })));
     }
     static get is() { return "ls-toolbar"; }
     static get encapsulation() { return "shadow"; }
@@ -53,7 +52,6 @@ export class LsToolbar {
         return {
             "dataItem": {
                 "type": "unknown",
-                "attribute": "data-item",
                 "mutable": true,
                 "complexType": {
                     "original": "LSApiElement[]",
@@ -77,7 +75,6 @@ export class LsToolbar {
             },
             "groupInfo": {
                 "type": "unknown",
-                "attribute": "group-info",
                 "mutable": false,
                 "complexType": {
                     "original": "object",
@@ -95,7 +92,6 @@ export class LsToolbar {
             },
             "template": {
                 "type": "unknown",
-                "attribute": "template",
                 "mutable": false,
                 "complexType": {
                     "original": "LSApiTemplate",
@@ -119,7 +115,6 @@ export class LsToolbar {
             },
             "editor": {
                 "type": "unknown",
-                "attribute": "editor",
                 "mutable": true,
                 "complexType": {
                     "original": "LsDocumentViewer",

package/dist/collection/components/ls-toolbar/ls-toolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-toolbar.js","sourceRoot":"","sources":["../../../src/components/ls-toolbar/ls-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAQvF,MAAM,OAAO,SAAS;IACT,SAAS,CAAc;IAElC;;;OAGG;IAIH,QAAQ,CAAiB;IAGzB;;;KAGC;IACO,SAAS,CAAS;IAE1B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC;;;OAGG;IAGA,MAAM,CAAmB;IAO5B,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC,qCAAqC;IAErC,0CAA0C;IAC1C,6CAA6C;IAC7C,KAAK,CAAC,IAAY;QAEhB,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;~~QACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;~~IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI;gBACxI,6BAAuB,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,CACjK,CACP;YACD,mEAAY,EAAE,EAAC,mBAAmB,GAAG;YACrC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.css',\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 /\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 }) editor: LsDocumentViewer;\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\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 ~~this.update.emit(diffs);\n~~ }\n\n render() {\n return (\n <Host>\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} style={{ visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' }} />\n <ls-participant-select id=\"ls-participant-select\" roles={this.template?.roles} style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }} />\n </div>\n )}\n <ls-tooltip id=\"ls-tooltip-master\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-toolbar.js","sourceRoot":"","sources":["../../../src/components/ls-toolbar/ls-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAQvF,MAAM,OAAO,SAAS;IACT,SAAS,CAAc;IAElC;;;OAGG;IAIH,QAAQ,CAAiB;IAGzB;;;KAGC;IACO,SAAS,CAAS;IAE1B;;;OAGG;IACK,QAAQ,CAAgB;IAEhC;;;OAGG;IAGA,MAAM,CAAmB;IAO5B,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC,qCAAqC;IAErC,0CAA0C;IAC1C,6CAA6C;IAC7C,KAAK,CAAC,IAAY;QAEhB,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACnD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE,CAAC;QACvE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACD,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9C,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,CACzC,CACP,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAE,QAAQ;gBAClB,uBAAiB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI;gBACxI,6BAAuB,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,CACjK,CACP;YACD,mEAAY,EAAE,EAAC,mBAAmB,GAAG;YACrC,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSApiTemplate, LsDocumentViewer, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-toolbar',\n styleUrl: 'ls-toolbar.css',\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 /\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 }) editor: LsDocumentViewer;\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\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 render() {\n return (\n <Host>\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} style={{ visibility: this.dataItem && this.dataItem.length === 1 ? 'visible' : 'hidden' }} />\n <ls-participant-select id=\"ls-participant-select\" roles={this.template?.roles} style={{ display: this.dataItem && this.dataItem.length === 1 ? 'none' : 'block' }} />\n </div>\n )}\n <ls-tooltip id=\"ls-tooltip-master\" />\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-toolbox-field/ls-toolbox-field.js CHANGED Viewed

@@ -104,7 +104,6 @@ export class LsToolboxField {
         return {
             "formElementType": {
                 "type": "string",
-                "attribute": "form-element-type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -119,11 +118,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-element-type"
             },
             "elementType": {
                 "type": "string",
-                "attribute": "element-type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,11 +137,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "element-type"
             },
             "validation": {
                 "type": "number",
-                "attribute": "validation",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -158,11 +157,11 @@ export class LsToolboxField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "validation",
                 "defaultValue": "0"
             },
             "fixedAspect": {
                 "type": "number",
-                "attribute": "fixed-aspect",
                 "mutable": false,
                 "complexType": {
                     "original": "number | null",
@@ -178,11 +177,11 @@ export class LsToolboxField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "fixed-aspect",
                 "defaultValue": "null"
             },
             "redDot": {
                 "type": "boolean",
-                "attribute": "red-dot",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -198,11 +197,11 @@ export class LsToolboxField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "red-dot",
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -217,11 +216,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "Icon",
@@ -242,11 +241,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             },
             "tooltip": {
                 "type": "string",
-                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -261,11 +260,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "tooltip"
             },
             "defaultHeight": {
                 "type": "number",
-                "attribute": "default-height",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -280,11 +279,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-height"
             },
             "defaultWidth": {
                 "type": "number",
-                "attribute": "default-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -299,11 +298,11 @@ export class LsToolboxField {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-width"
             },
             "signer": {
                 "type": "number",
-                "attribute": "signer",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -319,11 +318,11 @@ export class LsToolboxField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "signer",
                 "defaultValue": "0"
             },
             "isSelected": {
                 "type": "boolean",
-                "attribute": "is-selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -339,6 +338,7 @@ export class LsToolboxField {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-selected",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/ls-tooltip/ls-tooltip.js CHANGED Viewed

@@ -69,7 +69,6 @@ export class LsTooltip {
         return {
             "referenceElement": {
                 "type": "unknown",
-                "attribute": "reference-element",
                 "mutable": true,
                 "complexType": {
                     "original": "HTMLElement",
@@ -92,7 +91,6 @@ export class LsTooltip {
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": true,
                 "complexType": {
                     "original": "'top' | 'bottom' | 'left' | 'right'",
@@ -108,11 +106,11 @@ export class LsTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'top'"
             },
             "tooltipText": {
                 "type": "string",
-                "attribute": "tooltip-text",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -127,11 +125,11 @@ export class LsTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "tooltip-text"
             },
             "tooltipTitle": {
                 "type": "string",
-                "attribute": "tooltip-title",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -146,11 +144,11 @@ export class LsTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "tooltip-title"
             },
             "tooltipLocked": {
                 "type": "boolean",
-                "attribute": "tooltip-locked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -166,6 +164,7 @@ export class LsTooltip {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "tooltip-locked",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/ls-tooltip/ls-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-tooltip.js","sourceRoot":"","sources":["../../../src/components/ls-tooltip/ls-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO3E,MAAM,OAAO,SAAS;IACT,EAAE,CAAc;IACF,gBAAgB,CAAc;IAC9B,SAAS,GAAwC,KAAK,CAAC;IACvD,WAAW,CAAS;IACpB,YAAY,CAAS;IACtC,aAAa,GAAG,KAAK,CAAC;IAG9B,sBAAsB,CAAC,YAAyB;QAC9C,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;QACpE,IAAI,CAAC,SAAS,GAAI,YAAY,CAAC,YAAY,CAAC,wBAAwB,CAAyC,IAAI,KAAK,CAAC;QAEvH,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,kBAAkB,CAAgB,CAAC;QAE1F,eAAe,CAAC,IAAI,CAAC,gBAAgB,EAAE,YAAY,EAAE;YACnD,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;SACzF,CAAC;aACC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;YAC5C,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE;gBAChC,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,CAAC,IAAI;aACd,CAAC,CAAC;YAEH,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,KAAK,IAAI,EAAE,CAAC;YAC5D,MAAM,UAAU,GAAG;gBACjB,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,OAAO;aACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE3B,MAAM,CAAC,MAAM,CAAE,YAA4B,CAAC,KAAK,EAAE;gBACjD,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;gBACzC,GAAG,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,EAAE;gBACxC,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,CAAC,UAAU,CAAC,EAAE,MAAM;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;aACD,IAAI,CAAC,GAAG,EAAE;YACT,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACtC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC,CAAC;IACP,CAAC;IAGD,KAAK,CAAC,IAAI;QACR,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,kBAAkB,CAAgB,CAAC;QAC1F,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzC,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,EAAE,EAAC,kBAAkB,EAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS;YAC9D,4DAAK,EAAE,EAAC,OAAO,GAAO;YACrB,IAAI,CAAC,YAAY,IAAI,0DAAG,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAK;YACrE,IAAI,CAAC,WAAW;YACjB,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { arrow, computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport { Component, Element, Method, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-tooltip',\n styleUrl: 'ls-tooltip.css',\n shadow: true,\n})\nexport class LsTooltip {\n @Element() el: HTMLElement;\n @Prop({ mutable: true }) referenceElement: HTMLElement;\n @Prop({ mutable: true }) placement: 'top' \| 'bottom' \| 'left' \| 'right' = 'top';\n @Prop({ mutable: true }) tooltipText: string;\n @Prop({ mutable: true }) tooltipTitle: string;\n @Prop() tooltipLocked = false;\n\n @Watch('referenceElement')\n updateReferenceHandler(newReference: HTMLElement) {\n if (!newReference) return;\n\n this.tooltipText = newReference.getAttribute('data-tooltip');\n this.tooltipTitle = newReference.getAttribute('data-tooltip-title');\n this.placement = (newReference.getAttribute('data-tooltip-placement') as 'top' \| 'bottom' \| 'left' \| 'right') \|\| 'top';\n\n const arrowElement = this.el.shadowRoot.querySelector('#arrow');\n const innerTooltip = this.el.shadowRoot.getElementById('ls-tooltip-inner') as HTMLElement;\n\n computePosition(this.referenceElement, innerTooltip, {\n placement: this.placement,\n middleware: [offset(6), flip(), shift({ padding: 5 }), arrow({ element: arrowElement })],\n })\n .then(({ x, y, placement, middlewareData }) => {\n Object.assign(innerTooltip.style, {\n left: `${x}px`,\n top: `${y}px`,\n });\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow \|\| {};\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n Object.assign((arrowElement as HTMLElement).style, {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n [staticSide]: '-4px',\n });\n })\n .then(() => {\n innerTooltip.classList.remove('hidden');\n innerTooltip.classList.add('visible');\n this.referenceElement = null;\n });\n }\n\n @Method()\n async hide() {\n const innerTooltip = this.el.shadowRoot.getElementById('ls-tooltip-inner') as HTMLElement;\n innerTooltip.classList.remove('visible');\n innerTooltip.classList.add('hidden');\n }\n\n render() {\n return (\n <div id=\"ls-tooltip-inner\" class=\"tooltip hidden\" role=\"tooltip\">\n <div id=\"arrow\"></div>\n {this.tooltipTitle && <p class=\"tooltip-title\">{this.tooltipTitle}</p>}\n {this.tooltipText}\n <slot />\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-tooltip.js","sourceRoot":"","sources":["../../../src/components/ls-tooltip/ls-tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { arrow, computePosition, flip, offset, shift } from '@floating-ui/dom';\nimport { Component, Element, Method, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'ls-tooltip',\n styleUrl: 'ls-tooltip.css',\n shadow: true,\n})\nexport class LsTooltip {\n @Element() el: HTMLElement;\n @Prop({ mutable: true }) referenceElement: HTMLElement;\n @Prop({ mutable: true }) placement: 'top' \| 'bottom' \| 'left' \| 'right' = 'top';\n @Prop({ mutable: true }) tooltipText: string;\n @Prop({ mutable: true }) tooltipTitle: string;\n @Prop() tooltipLocked = false;\n\n @Watch('referenceElement')\n updateReferenceHandler(newReference: HTMLElement) {\n if (!newReference) return;\n\n this.tooltipText = newReference.getAttribute('data-tooltip');\n this.tooltipTitle = newReference.getAttribute('data-tooltip-title');\n this.placement = (newReference.getAttribute('data-tooltip-placement') as 'top' \| 'bottom' \| 'left' \| 'right') \|\| 'top';\n\n const arrowElement = this.el.shadowRoot.querySelector('#arrow');\n const innerTooltip = this.el.shadowRoot.getElementById('ls-tooltip-inner') as HTMLElement;\n\n computePosition(this.referenceElement, innerTooltip, {\n placement: this.placement,\n middleware: [offset(6), flip(), shift({ padding: 5 }), arrow({ element: arrowElement })],\n })\n .then(({ x, y, placement, middlewareData }) => {\n Object.assign(innerTooltip.style, {\n left: `${x}px`,\n top: `${y}px`,\n });\n\n const { x: arrowX, y: arrowY } = middlewareData.arrow \|\| {};\n const staticSide = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n Object.assign((arrowElement as HTMLElement).style, {\n left: arrowX != null ? `${arrowX}px` : '',\n top: arrowY != null ? `${arrowY}px` : '',\n right: '',\n bottom: '',\n [staticSide]: '-4px',\n });\n })\n .then(() => {\n innerTooltip.classList.remove('hidden');\n innerTooltip.classList.add('visible');\n this.referenceElement = null;\n });\n }\n\n @Method()\n async hide() {\n const innerTooltip = this.el.shadowRoot.getElementById('ls-tooltip-inner') as HTMLElement;\n innerTooltip.classList.remove('visible');\n innerTooltip.classList.add('hidden');\n }\n\n render() {\n return (\n <div id=\"ls-tooltip-inner\" class=\"tooltip hidden\" role=\"tooltip\">\n <div id=\"arrow\"></div>\n {this.tooltipTitle && <p class=\"tooltip-title\">{this.tooltipTitle}</p>}\n {this.tooltipText}\n <slot />\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/ls-validation-manager/ls-validation-manager.js CHANGED Viewed

@@ -36,7 +36,6 @@ export class LsValidationManager {
         return {
             "validationErrors": {
                 "type": "unknown",
-                "attribute": "validation-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "ValidationError[]",

package/dist/collection/components/ls-validation-manager/ls-validation-manager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-validation-manager.js","sourceRoot":"","sources":["../../../src/components/ls-validation-manager/ls-validation-manager.tsx"],"names":[],"mappings":"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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.css',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /*\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'validation-section-title'}>Action Required</div>\n <p class=\"toolbox-section-description\">\n This document needs fields added or corrected before it can be sent.\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'required-field-items-left'}>\n <div class={'dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType.toLowerCase() \|\| `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label=\"Signature\"\n defaultHeight={27}\n defaultWidth={120}\n validation={0}\n icon=\"signature\"\n tooltip=\"Use this field to collect Signatures from Participants\"\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-validation-manager.js","sourceRoot":"","sources":["../../../src/components/ls-validation-manager/ls-validation-manager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n tag: 'ls-validation-manager',\n styleUrl: 'ls-validation-manager.css',\n shadow: true,\n})\n\nexport class LsValidationManager {\n\n /*\n The template information (as JSON).\n * {LSApiTemplate}\n */\n @Prop() validationErrors: ValidationError[];\n\n render() {\n return (\n <Host>\n <div>\n <div>\n <div class={'validation-section-title'}>Action Required</div>\n <p class=\"toolbox-section-description\">\n This document needs fields added or corrected before it can be sent.\n </p>\n </div>\n {this.validationErrors && this.validationErrors.map((field, idx) => {\n const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n const pallette = defaultRolePalette[signerIndex \|\| field?.element?.signer \|\| 0];\n\n return (\n <div\n key={idx}\n class={'required-field'}\n style={{\n '--field-background': pallette.s10,\n '--field-border-color': pallette.s10,\n '--field-background-hover': pallette.s20,\n '--field-text-color': pallette.s70,\n '--field-text-color-hover': pallette.s80,\n '--field-border-color-hover': pallette.s60,\n }}\n >\n <div class={'required-field-items-left'}>\n <div class={'dot'} style={{ background: pallette.s60 }} />\n {field?.role && (\n <div class={'required-field-items-left'}>\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `Signer ${field?.role?.signerIndex + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.role?.roleType.toLowerCase() \|\| `Signer ${field.role?.signerIndex + 1}`}\n </div>\n </div>\n )}\n {field?.element && (\n <>\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label=\"Signature\"\n defaultHeight={27}\n defaultWidth={120}\n validation={0}\n icon=\"signature\"\n tooltip=\"Use this field to collect Signatures from Participants\"\n signer={field.element.signer}\n />\n\n <p style={{ color: pallette.s80 }}>{field.role?.name \|\| `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n <div class={'role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n {field.description}\n </div>\n </>\n )}\n </div>\n </div>\n );\n })}\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-validation-tag/ls-validation-tag.js CHANGED Viewed

@@ -44,7 +44,6 @@ export class LsValidationTag {
         return {
             "status": {
                 "type": "string",
-                "attribute": "status",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class LsValidationTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "status",
                 "defaultValue": "'Invalid'"
             },
             "validationErrors": {
                 "type": "unknown",
-                "attribute": "validation-errors",
                 "mutable": true,
                 "complexType": {
                     "original": "ValidationError[]",
@@ -89,7 +88,6 @@ export class LsValidationTag {
             },
             "isExpanded": {
                 "type": "boolean",
-                "attribute": "is-expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -105,11 +103,11 @@ export class LsValidationTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-expanded",
                 "defaultValue": "false"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'compose' | 'default'",
@@ -125,11 +123,11 @@ export class LsValidationTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'default'"
             },
             "showDropDown": {
                 "type": "boolean",
-                "attribute": "show-drop-down",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -145,6 +143,7 @@ export class LsValidationTag {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "show-drop-down",
                 "defaultValue": "true"
             }
         };