@leavittsoftware/web 1.0.0 → 1.2.0

package/titanium/smart-attachment-input/smart-attachment-input.js

@@ -224,40 +224,40 @@ let TitaniumSmartAttachmentInput = class TitaniumSmartAttachmentInput extends Li
         this.dispatchEvent(new Event('change'));
     }
     static { this.styles = [
-        css `
-      :host {
-        display: block;
-      }
-
-      :host([is-over]:not([disabled])) drop-scrim {
-        background-color: var(--md-sys-color-outline-variant);
-        opacity: 0.08;
-      }
-
-      titanium-chip-multi-select {
-        position: relative;
-      }
-
-      drop-scrim {
-        position: absolute;
-        pointer-events: none;
-        top: 0;
-        right: 0;
-        left: 0;
-        bottom: 0;
-      }
-
-      [hidden] {
-        display: none !important;
-      }
+        css `
+      :host {
+        display: block;
+      }
+
+      :host([is-over]:not([disabled])) drop-scrim {
+        background-color: var(--md-sys-color-outline-variant);
+        opacity: 0.08;
+      }
+
+      titanium-chip-multi-select {
+        position: relative;
+      }
+
+      drop-scrim {
+        position: absolute;
+        pointer-events: none;
+        top: 0;
+        right: 0;
+        left: 0;
+        bottom: 0;
+      }
+
+      [hidden] {
+        display: none !important;
+      }
     `,
     ]; }
     render() {
-        return html `
-      <titanium-chip-multi-select
-        .supportingText=${this.supportingText}
-        .required=${this.required}
-        ?disabled=${this.disabled}
+        return html `
+      <titanium-chip-multi-select
+        .supportingText=${this.supportingText}
+        .required=${this.required}
+        ?disabled=${this.disabled}
         @drop=${(e) => {
             if (this.disabled) {
                 return;
@@ -266,36 +266,36 @@ let TitaniumSmartAttachmentInput = class TitaniumSmartAttachmentInput extends Li
             this.handleNewFile(files);
             e.preventDefault();
             this.isOver = false;
-        }}
+        }}
         @dragover=${(e) => {
             e.preventDefault();
-        }}
+        }}
         @dragenter=${(e) => {
             this.isOver = e.dataTransfer?.types?.[0] === 'Files';
             e.preventDefault();
-        }}
+        }}
         @dragleave=${() => {
             this.isOver = false;
-        }}
-        label="${this.label} ${this.files.length ? ` (${this.files.length})` : ''}"
-        noItemsText=${this.noItemsText}
-        .hasItems=${!!this.files.length}
-      >
-        <drop-scrim></drop-scrim>
-        <md-outlined-button
-          ?hidden=${!this.multiple && !!this.files.length}
-          .disabled=${this.disabled}
+        }}
+        label="${this.label} ${this.files.length ? ` (${this.files.length})` : ''}"
+        noItemsText=${this.noItemsText}
+        .hasItems=${!!this.files.length}
+      >
+        <drop-scrim></drop-scrim>
+        <md-outlined-button
+          ?hidden=${!this.multiple && !!this.files.length}
+          .disabled=${this.disabled}
           @click=${() => {
             if (!this.disabled) {
                 this.input.value = '';
                 this.input.click();
             }
-        }}
-          >${this.addButtonLabel} <md-icon slot="icon">add</md-icon></md-outlined-button
-        >
-        ${repeat(this.files, (o) => o.file.name, (o) => html `<md-input-chip
-              label=${middleEllipsis(o.file.name)}
-              ?closeable=${!this.disabled}
+        }}
+          >${this.addButtonLabel} <md-icon slot="icon">add</md-icon></md-outlined-button
+        >
+        ${repeat(this.files, (o) => o.file.name, (o) => html `<md-input-chip
+              label=${middleEllipsis(o.file.name)}
+              ?closeable=${!this.disabled}
               @remove=${async (e) => {
             e.preventDefault();
             if (this.confirmDelete) {
@@ -305,50 +305,50 @@ let TitaniumSmartAttachmentInput = class TitaniumSmartAttachmentInput extends Li
             else {
                 this.#deleteFile(o);
             }
-        }}
+        }}
               @click=${() => {
             if (o.previewSrc || o.downloadSrc) {
                 this.imagePreviewDialog.open(o.previewSrc || getFileIcon(getExtension(o.file.name)), o.downloadSrc, o.file.name);
             }
-        }}
-            >
-              <img draggable="false" slot="icon" src="${o.previewSrc || getFileIcon(getExtension(o.file.name))}" />
-            </md-input-chip>`)}
-      </titanium-chip-multi-select>
-
-      <label hidden for="upload">
-        <input
-          hidden
-          type="file"
-          id="input"
-          name="image"
-          ?multiple=${this.multiple}
-          accept="${this.accept}"
+        }}
+            >
+              <img draggable="false" slot="icon" src="${o.previewSrc || getFileIcon(getExtension(o.file.name))}" />
+            </md-input-chip>`)}
+      </titanium-chip-multi-select>
+
+      <label hidden for="upload">
+        <input
+          hidden
+          type="file"
+          id="input"
+          name="image"
+          ?multiple=${this.multiple}
+          accept="${this.accept}"
           @change=${(e) => {
             const files = e.target.files;
             this.handleNewFile(files);
-        }}
-        />
-      </label>
-      <crop-and-save-image-dialog .options=${this.options}></crop-and-save-image-dialog>
-      <image-preview-dialog></image-preview-dialog>
-
-      <md-dialog confirm-delete>
-        <div slot="headline">${this.confirmDeleteHeader}</div>
-        <div slot="content"><p>${this.confirmDeleteText}</p></div>
-        <div slot="actions">
-          <md-text-button @click=${() => this.confirmDeleteDialog.close()}>Cancel</md-text-button>
-          <md-text-button
+        }}
+        />
+      </label>
+      <crop-and-save-image-dialog .options=${this.options}></crop-and-save-image-dialog>
+      <image-preview-dialog></image-preview-dialog>
+
+      <md-dialog confirm-delete>
+        <div slot="headline">${this.confirmDeleteHeader}</div>
+        <div slot="content"><p>${this.confirmDeleteText}</p></div>
+        <div slot="actions">
+          <md-text-button @click=${() => this.confirmDeleteDialog.close()}>Cancel</md-text-button>
+          <md-text-button
             @click=${() => {
             if (this.#fileToDelete) {
                 this.#deleteFile(this.#fileToDelete);
             }
             this.confirmDeleteDialog.close();
-        }}
-            >Confirm</md-text-button
-          >
-        </div>
-      </md-dialog>
+        }}
+            >Confirm</md-text-button
+          >
+        </div>
+      </md-dialog>
     `;
     }
 };

package/titanium/snackbar/snackbar.js

@@ -68,11 +68,11 @@ let TitaniumSnackbar = class TitaniumSnackbar extends LitElement {
             this.actionText = 'DISMISS';
             if (typeof message !== 'string' && message?.type === 'HttpError') {
                 const error = message;
-                this.message = html ` <http-error>
-          <span error>${this.#addNewLineBreaks(error.message)}</span>
-          <span status>${error.statusCode}</span>
-          <span action>${error.action}</span>
-          ${error.detail ? html ` <code detail>${this.#addNewLineBreaks(error.detail)}</code>` : nothing}
+                this.message = html ` <http-error>
+          <span error>${this.#addNewLineBreaks(error.message)}</span>
+          <span status>${error.statusCode}</span>
+          <span action>${error.action}</span>
+          ${error.detail ? html ` <code detail>${this.#addNewLineBreaks(error.detail)}</code>` : nothing}
         </http-error>`;
             }
             else if (message) {
@@ -141,139 +141,139 @@ let TitaniumSnackbar = class TitaniumSnackbar extends LitElement {
         const l = lines.length;
         return lines.map((line, i) => (i === l - 1 ? line : html `${line}<br />`));
     }
-    static { this.styles = css `
-    :host {
-      display: none;
-      min-width: 240px;
-      flex-direction: column;
-      font-family: Roboto, Noto, sans-serif;
-      -webkit-font-smoothing: antialiased;
-      position: fixed;
-      bottom: 0;
-      left: 0;
-      margin: 16px;
-      padding: 8px;
-      border-radius: 4px;
-      background: var(--md-sys-color-inverse-surface);
-      color: var(--md-sys-color-inverse-on-surface);
-      font-size: 14px;
-      -webkit-box-shadow:
-        0 3px 5px -1px rgba(0, 0, 0, 0.2),
-        0 6px 10px 0 rgba(0, 0, 0, 0.14),
-        0 1px 18px 0 rgba(0, 0, 0, 0.12);
-      box-shadow:
-        0 3px 5px -1px rgba(0, 0, 0, 0.2),
-        0 6px 10px 0 rgba(0, 0, 0, 0.14),
-        0 1px 18px 0 rgba(0, 0, 0, 0.12);
-
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      -webkit-transform: scale(0.8);
-      -ms-transform: scale(0.8);
-      transform: scale(0.8);
-      z-index: 2;
-      opacity: 0;
-    }
-
-    :host([opening]),
-    :host([opened]),
-    :host([closing]) {
-      display: flex;
-    }
-
-    :host([closing]) {
-      -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-      transform: scale(1);
-      -webkit-transition: opacity 75ms linear;
-      -o-transition: opacity 75ms linear;
-      transition: opacity 75ms linear;
-    }
-
-    :host([opening]) {
-      -webkit-transition:
-        opacity 75ms linear,
-        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
-      transition:
-        opacity 75ms linear,
-        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
-      -o-transition:
-        opacity 75ms linear,
-        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
-      transition:
-        opacity 75ms linear,
-        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
-      transition:
-        opacity 75ms linear,
-        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1),
-        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
-    }
-
-    :host([opened]) {
-      -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-      transform: scale(1);
-      opacity: 1;
-    }
-
-    http-error {
-      display: grid;
-      gap: 24px;
-      grid:
-        'action status'
-        'error error';
-    }
-
-    http-error [detail] {
-      font-size: 12px;
-      overflow-y: auto;
-      overflow-y: auto;
-      max-height: 400px;
-      grid-column: 1 / -1;
-    }
-
-    http-error [error] {
-      grid-area: error;
-    }
-
-    http-error [status] {
-      grid-area: status;
-      font-size: 12px;
-      justify-self: end;
-    }
-
-    http-error [action] {
-      grid-area: action;
-
-      font-size: 12px;
-    }
-
-    span[main] {
-      max-width: 600px;
-      overflow: hidden;
-      margin: 12px;
-    }
-
-    md-text-button {
-      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
-      align-self: flex-end;
-    }
-
-    [hidden] {
-      display: none !important;
-    }
+    static { this.styles = css `
+    :host {
+      display: none;
+      min-width: 240px;
+      flex-direction: column;
+      font-family: Roboto, Noto, sans-serif;
+      -webkit-font-smoothing: antialiased;
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      margin: 16px;
+      padding: 8px;
+      border-radius: 4px;
+      background: var(--md-sys-color-inverse-surface);
+      color: var(--md-sys-color-inverse-on-surface);
+      font-size: 14px;
+      -webkit-box-shadow:
+        0 3px 5px -1px rgba(0, 0, 0, 0.2),
+        0 6px 10px 0 rgba(0, 0, 0, 0.14),
+        0 1px 18px 0 rgba(0, 0, 0, 0.12);
+      box-shadow:
+        0 3px 5px -1px rgba(0, 0, 0, 0.2),
+        0 6px 10px 0 rgba(0, 0, 0, 0.14),
+        0 1px 18px 0 rgba(0, 0, 0, 0.12);
+
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      -webkit-transform: scale(0.8);
+      -ms-transform: scale(0.8);
+      transform: scale(0.8);
+      z-index: 2;
+      opacity: 0;
+    }
+
+    :host([opening]),
+    :host([opened]),
+    :host([closing]) {
+      display: flex;
+    }
+
+    :host([closing]) {
+      -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+      transform: scale(1);
+      -webkit-transition: opacity 75ms linear;
+      -o-transition: opacity 75ms linear;
+      transition: opacity 75ms linear;
+    }
+
+    :host([opening]) {
+      -webkit-transition:
+        opacity 75ms linear,
+        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+      transition:
+        opacity 75ms linear,
+        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+      -o-transition:
+        opacity 75ms linear,
+        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+      transition:
+        opacity 75ms linear,
+        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+      transition:
+        opacity 75ms linear,
+        transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1),
+        -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
+    }
+
+    :host([opened]) {
+      -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+      transform: scale(1);
+      opacity: 1;
+    }
+
+    http-error {
+      display: grid;
+      gap: 24px;
+      grid:
+        'action status'
+        'error error';
+    }
+
+    http-error [detail] {
+      font-size: 12px;
+      overflow-y: auto;
+      overflow-y: auto;
+      max-height: 400px;
+      grid-column: 1 / -1;
+    }
+
+    http-error [error] {
+      grid-area: error;
+    }
+
+    http-error [status] {
+      grid-area: status;
+      font-size: 12px;
+      justify-self: end;
+    }
+
+    http-error [action] {
+      grid-area: action;
+
+      font-size: 12px;
+    }
+
+    span[main] {
+      max-width: 600px;
+      overflow: hidden;
+      margin: 12px;
+    }
+
+    md-text-button {
+      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
+      align-self: flex-end;
+    }
+
+    [hidden] {
+      display: none !important;
+    }
   `; }
     render() {
-        return html `
-      <span main>${this.message}</span>
-      <md-text-button
-        ?hidden=${this.noaction}
+        return html `
+      <span main>${this.message}</span>
+      <md-text-button
+        ?hidden=${this.noaction}
         @click=${() => {
             clearTimeout(this.#closeTimeoutHandle);
             this.close();
-        }}
-        >${this.actionText}
-      </md-text-button>
+        }}
+        >${this.actionText}
+      </md-text-button>
     `;
     }
 };

package/titanium/styles/a.js

@@ -1,18 +1,18 @@
 import { css } from 'lit';
-export const a = css `
-  [anchor],
-  a {
-    text-decoration: none;
-    font-size: 14px;
-    color: var(--md-sys-color-primary);
-
-    font-family: var(--titanium-styles-a-font-family, Metropolis, Roboto, Noto, sans-serif);
-    font-weight: 400;
-  }
-
-  [anchor]:hover,
-  a:hover {
-    text-decoration: underline;
-  }
+export const a = css `
+  [anchor],
+  a {
+    text-decoration: none;
+    font-size: 14px;
+    color: var(--md-sys-color-primary);
+
+    font-family: var(--titanium-styles-a-font-family, Metropolis, Roboto, Noto, sans-serif);
+    font-weight: 400;
+  }
+
+  [anchor]:hover,
+  a:hover {
+    text-decoration: underline;
+  }
 `;
 //# sourceMappingURL=a.js.map

package/titanium/styles/data-row.js

@@ -4,49 +4,49 @@ import { p } from './p';
 export const dataRow = [
     h5,
     p,
-    css `
-    data-row {
-      display: grid;
-      grid: 'label text' / 150px 1fr;
-      align-items: center;
-      gap: 16px;
-
-      padding: 16px 24px 16px 0;
-      margin-left: 24px;
-
-      border-bottom: 1px solid var(--md-sys-color-outline-variant);
-    }
-
-    data-row:last-of-type {
-      border: none;
-    }
-
-    [data-row-container] {
-      container-type: inline-size;
-    }
-
-    data-row p {
-      font-size: 16px;
-    }
-
-    data-row h5 {
-      margin: 0 0 4px 0;
-    }
-
-    [image] {
-      display: inline-flex;
-      align-items: center;
-      gap: 12px;
-    }
-
-    @container (max-width: 500px) {
-      data-row {
-        grid:
-          'label'
-          'text';
-        gap: 6px;
-      }
-    }
+    css `
+    data-row {
+      display: grid;
+      grid: 'label text' / 150px 1fr;
+      align-items: center;
+      gap: 16px;
+
+      padding: 16px 24px 16px 0;
+      margin-left: 24px;
+
+      border-bottom: 1px solid var(--md-sys-color-outline-variant);
+    }
+
+    data-row:last-of-type {
+      border: none;
+    }
+
+    [data-row-container] {
+      container-type: inline-size;
+    }
+
+    data-row p {
+      font-size: 16px;
+    }
+
+    data-row h5 {
+      margin: 0 0 4px 0;
+    }
+
+    [image] {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    @container (max-width: 500px) {
+      data-row {
+        grid:
+          'label'
+          'text';
+        gap: 6px;
+      }
+    }
   `,
 ];
 //# sourceMappingURL=data-row.js.map

package/titanium/styles/ellipsis.js

@@ -1,9 +1,9 @@
 import { css } from 'lit';
-export const ellipsis = css `
-  [ellipsis] {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+export const ellipsis = css `
+  [ellipsis] {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 `;
 //# sourceMappingURL=ellipsis.js.map

package/titanium/styles/h1.js

@@ -1,17 +1,17 @@
 import { css } from 'lit';
-export const h1 = css `
-  [heading1],
-  h1 {
-    font-family: var(--titanium-styles-h1-font-family, Metropolis, Roboto, Noto, sans-serif);
-    -webkit-font-smoothing: antialiased;
-    letter-spacing: -0.264px;
-    font-weight: 300;
-    font-size: 22px;
-    line-height: 28px;
-    text-wrap: balance;
-
-    margin: 0;
-    padding: 0;
-  }
+export const h1 = css `
+  [heading1],
+  h1 {
+    font-family: var(--titanium-styles-h1-font-family, Metropolis, Roboto, Noto, sans-serif);
+    -webkit-font-smoothing: antialiased;
+    letter-spacing: -0.264px;
+    font-weight: 300;
+    font-size: 22px;
+    line-height: 28px;
+    text-wrap: balance;
+
+    margin: 0;
+    padding: 0;
+  }
 `;
 //# sourceMappingURL=h1.js.map