legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/collection/components/ls-statusbar/ls-statusbar.js

@@ -1,143 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { attachAllTooltips } from "../../utils/tooltip";
-export class LsStatusbar {
-    component;
-    /**
-     * The zoom or scale level 100 === 100%.
-     * {number}
-     */
-    zoom;
-    page;
-    pageCount;
-    /**
-     * The parent editor control.
-     * {LsDocumentViewer}
-     */
-    editor;
-    setZoom(value) {
-        this.editor.setZoom(value);
-        this.zoom = value;
-    }
-    fitWidth() {
-        const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');
-        const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
-        const space = midBox.clientWidth - leftBox.clientWidth - 60; // 60 for padding/margin
-        console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);
-        const scale = space / this.editor.pageDimensions[0].width;
-        this.setZoom(Math.round(scale * 1e2) / 1e2);
-    }
-    fitHeight() {
-        const space = window.screen.height - 40; // 40 for padding/margin
-        const scale = space / this.editor.pageDimensions[0].height;
-        this.setZoom(Math.round(scale * 1e2) / 1e2);
-    }
-    componentDidLoad() {
-        attachAllTooltips(this.component.shadowRoot);
-        this.zoom = this.editor.zoom;
-    }
-    render() {
-        return (h(Host, { key: '69daa9251f31cf28501fd47c5536a3a0e76d48cf' }, h("div", { key: 'f1204ff3c369c48389df4ed8c5cb45457bb087a4', class: 'controls-bar' }, h("div", { key: '268b93d93af4689dbd477e292db3dbb45c88e40c', class: 'status-bar-section' }, h("button", { key: '50ed0b096d871252132eb8315d7b667ff2c1dbed', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '278a53a799c94c202b1167ea4ee4ac2d93f69907', name: "zoom-out" })), h("button", { key: '5e54b379f8b62bcec29ae9b2a93a3f2c18e4d2cf', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: 'e1442756c0f2a116ef5c73bfdc8c1a6d4175f2f7', name: "zoom-in" }))), h("div", { key: '2b8f781d778751430c6c0a092480951da8e19bb6', class: 'status-bar-section' }, h("button", { key: 'a4c2ecf2fe768c08da4b62a79650c68497cb1284', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '1aabfc52e2ee40e1987013df6c289b1e061c44fc', name: "fit-width" })), h("button", { key: 'd0c118e1bccd4ecf46ee1d69443e88f8f28aa840', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: '64c11d4a5ec0baa1d00b37ce0fef036b0be4135d', name: "fit-height" }))), h("div", { key: '88aacd1a5d7f93cc32ffdf06ffc80466dedf81f7', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'b50e21a2c4e81bfd74c8e28e0434e9e87efd5ecf', onClick: () => {
-                this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '186439c2ec1aaf4c28115b127aefa5fba822e0bc', name: "chevron-left" })), h("p", { key: '6fd3361abd38ee35deb8a17c79c760a2ffa756c4' }, this.page, " / ", this.pageCount), h("button", { key: 'f2b8a8b7f01d054f8c8134f1dadfb14d1f7c3029', onClick: () => {
-                this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: 'fb8afc77276ed238b9e1eb54b89c9b34ee488371', name: "chevron-right" })))), h("ls-helper-bar", { key: '91f843e993768fcccdfad5a7dfc0ea3657a11bb5' }), h("ls-tooltip", { key: '1234000b8e14762eee8ec59474c700b454f8794d', id: "ls-tooltip-master" }), h("slot", { key: '81c53b7c086941ca205bb8991e275a7e270c09d9' })));
-    }
-    static get is() { return "ls-statusbar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ls-statusbar.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ls-statusbar.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "zoom": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The zoom or scale level 100 === 100%.\n{number}"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "zoom"
-            },
-            "page": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "page"
-            },
-            "pageCount": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "page-count"
-            },
-            "editor": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "LsDocumentViewer",
-                    "resolved": "LsDocumentViewer",
-                    "references": {
-                        "LsDocumentViewer": {
-                            "location": "import",
-                            "path": "../ls-document-viewer/ls-document-viewer",
-                            "id": "src/components/ls-document-viewer/ls-document-viewer.tsx::LsDocumentViewer"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The parent editor control.\n{LsDocumentViewer}"
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get elementRef() { return "component"; }
-}
-//# sourceMappingURL=ls-statusbar.js.map

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

@@ -1 +0,0 @@
-{"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 { 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  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          <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.css

@@ -1,320 +0,0 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-:host {
-  display: block;
-}
-
-.template-title {
-  border-radius: 0.5rem;
-  padding: 0 0.25rem;
-  color: var(--gray-100, #45484d);
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 500;
-  cursor: pointer;
-
-}
-
-.template-title:hover {
-  background: var(--gray-10, #f7f8fa);
-}
-
-
-.editButton {
-  margin: 0px;
-  padding: 0px;
-  max-height: 1.25rem !important;
-  max-width: 1.25rem !important;
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  color: var(--gray-70);
-}
-
-.editButton:hover {
-  color: var(--gray-80);
-}
-
-/* Global Styles */
-
-p {
-  color: var(--gray-80, #6c6e73);
-  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);
-}
-
-.button-link,
-.button-link:hover {
-  all: unset;
-}
-
-select {
-  appearance: none;
-  height: 2.25rem;
-}
-
-.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, #6c6e73);
-}
-
-#selectLeadingIcon {
-  position: absolute;
-  top: 50%;
-  left: 0.675rem;
-  transform: translateY(-50%);
-  pointer-events: none;
-  color: var(--gray-80, #6c6e73);
-}
-
-.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.5rem;
-  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, #fff);
-}
-
-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, #fff);
-}
-
-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'].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'].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'].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;
-}
-
-.checkbox-container {
-  display: flex;
-  gap: 0.5rem;
-  width: 100%;
-}
-
-.checkbox-label {
-  color: var(--gray-100, #45484d);
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1rem;
-}
-
-.form-label {
-  color: var(--gray-100, #45484d);
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 1.5rem;
-}
-
-.form-field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  width: 100%;
-}
-
-.loading-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100vh;
-  color: var(--primary-60, #0c7cba);
-}
-
-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.tertiaryGrey {
-  border: 1px solid var(--gray-40, #d8d9dc);
-  background-color: white;
-  color: var(--gray-80, #787a80);
-}
-
-button.tertiaryGrey:hover {
-  border: 1px solid var(--gray-50, #c8c9cc);
-  background: var(--gray-10, #f7f8fa);
-}
-
-.button-group {
-  display: flex;
-  border-radius: 0.5rem;
-  border: 1px solid var(--gray-30, #e0e2e5);
-  background: var(--white, #ffffff);
-  overflow: clip;
-}
-
-.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, #6c6e73);
-}
-
-.button-group button:hover {
-  background: var(--gray-10, #f7f8fa);
-}
-
-.button-group > :first-child {
-  border-radius: 0.5rem 0 0 0.5rem;
-}
-
-.button-group > :last-child {
-  border-radius: 0 0.5rem 0.5rem 0;
-}
-
-.button-group > :not(:first-child) {
-  border-left: 1px solid var(--gray-30, #e0e2e5);
-}
-

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

@@ -1,106 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class LsTitleInput {
-    component;
-    template;
-    editTitle = false;
-    mutate;
-    // 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
-    alter(diff) {
-        this.debounce(diff, 500);
-    }
-    titletimer;
-    debounce(diff, delay) {
-        if (this.titletimer)
-            clearTimeout(this.titletimer);
-        this.titletimer = setTimeout(() => {
-            this.template = { ...this.template, ...diff };
-            const diffs = [{ action: 'update', data: this.template }];
-            this.mutate.emit(diffs);
-        }, delay);
-    }
-    render() {
-        return (h(Host, { key: '954a32dad8c48be15367eff9fa0adbb55234655b' }, 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 => {
-                if (e.key === 'Enter' || e.keyCode === 13)
-                    this.editTitle = false;
-            } }), h("ls-icon", { name: "check", size: "1rem", class: 'editButton', onClick: () => {
-                this.editTitle = false;
-            } }))) : (h("div", { class: "template-title", onClick: () => {
-                this.editTitle = !this.editTitle;
-            } }, h("p", null, this.template?.title)))));
-    }
-    static get is() { return "ls-title-input"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ls-title-input.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ls-title-input.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "template": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "LSApiTemplate",
-                    "resolved": "{ id: string; title: string; pageCount: number; fileName: string; link: string; autoArchive: boolean; valid: boolean; locked: boolean; tags: string[]; groupId: string; roles: LSApiRole[]; canOpenSign: boolean; directLinks: []; elementConnection: { templateElements: LSApiElement[]; totalCount: number; }; elements: LSApiElement[]; createdBy: string; created: Date; modified: Date; lastSent: Date; pageDimensionArray: [number, number][]; pageDimensions: string; fixSignatureScale?: boolean; documentRetentionDays: number; }",
-                    "references": {
-                        "LSApiTemplate": {
-                            "location": "import",
-                            "path": "../../types/LSApiTemplate",
-                            "id": "src/types/LSApiTemplate.ts::LSApiTemplate"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "editTitle": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "mutate",
-                "name": "mutate",
-                "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"; }
-}
-//# sourceMappingURL=ls-title-input.js.map

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

@@ -1 +0,0 @@
-{"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.css

@@ -1,90 +0,0 @@
-:host {
-  display: block;
-}
-
-/* The switch - the box around the slider */
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 2.75rem;
-  height: 1.5rem;
-}
-
-/* Hide default HTML checkbox */
-.switch input {
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-
-/* The slider */
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--gray-20, #edeff2);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-
-.indeterminate {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: var(--primary-60, #4456f6);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-
-.slider:before {
-  position: absolute;
-  content: '';
-  height: 1.25rem;
-  width: 1.25rem;
-  left: 0.125rem;
-  bottom: 0.125rem;
-  background-color: white;
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-
-.indeterminate::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 0.75rem;
-  height: 0.125rem;
-  background-color: white;
-}
-
-input:checked + .slider {
-  background-color: var(--primary-60, #4456f6);
-}
-
-input:focus + .slider {
-  box-shadow: 0 0 1px var(--primary-60, #4456f6);
-  outline: 0.25rem solid var(--primary-20, #e3e6ff);
-}
-
-input:checked + .slider:before {
-  -webkit-transform: translateX(1.25rem);
-  -ms-transform: translateX(1.25rem);
-  transform: translateX(1.25rem);
-}
-
-/* Rounded sliders */
-.slider.round, .indeterminate.round {
-  border-radius: 2.125rem;
-}
-
-.slider.round:before {
-  border-radius: 50%;
-}