@leavittsoftware/web 1.0.0

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

@@ -0,0 +1,422 @@
+import { __decorate } from "tslib";
+import '../chip-multi-select/chip-multi-select';
+import './crop-and-save-image-dialog';
+import './image-preview-dialog';
+import '@material/web/dialog/dialog';
+import '@material/web/icon/icon';
+import '@material/web/button/text-button';
+import '@material/web/button/outlined-button';
+import '@material/web/chips/input-chip';
+import { css, html, LitElement } from 'lit';
+import { property, customElement, query } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { getExtension, getFileIcon, imageFormats } from './image-formats';
+import { delay, middleEllipsis } from '../../titanium/helpers/helpers';
+import { getCdnDownloadUrl, getCdnInlineUrl } from '../../titanium/helpers/leavitt-cdn';
+/**
+ * Material outline image input with cropper
+ *
+ * @element titanium-smart-attachment-input
+ *
+ * @fires change - Fired when image is attached or removed from input.
+ *
+ *
+ */
+let TitaniumSmartAttachmentInput = class TitaniumSmartAttachmentInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.files = [];
+        this.isOver = false;
+        this.previewSrc = undefined;
+        this.#originalFiles = [];
+        /**
+         *  File types to accept ex. "image/*,.pdf"
+         */
+        this.accept = 'image/*,.pdf';
+        /**
+         *  Allow multiple attachments
+         */
+        this.multiple = false;
+        /**
+         *  Requires at least one attachment on validate
+         */
+        this.required = false;
+        /**
+         *  Whether or not the input should be disabled
+         */
+        this.disabled = false;
+        /**
+         *  Requires user to confirm when delete of an attachment is requested
+         */
+        this.confirmDelete = false;
+        /**
+         *  Delete confirmation header text
+         */
+        this.confirmDeleteHeader = 'Confirm delete';
+        /**
+         *  Delete confirmation paragraph text
+         */
+        this.confirmDeleteText = 'Are you sure you would like to delete this attachment?';
+        /**
+         *  Add button label text
+         */
+        this.addButtonLabel = 'Add attachment';
+        /**
+         *  Label of input
+         */
+        this.label = 'Attachments';
+        /**
+         *  Text to show when there are no attachments
+         */
+        this.noItemsText = 'No attachments';
+        /**
+         *  Configurable CropperJs options.
+         */
+        this.options = {};
+        /**
+         *  Image formats here are sent to the cropper
+         */
+        this.croppableImageFormats = [
+            'tiff',
+            'pjp',
+            'jfif',
+            'bmp',
+            'gif',
+            'svg',
+            'png',
+            'xbm',
+            'dib',
+            'jxl',
+            'jpeg',
+            'svgz',
+            'jpg',
+            'webp',
+            'ico',
+            'tif',
+            'pjpeg',
+            'avif',
+        ];
+        this.#fileToDelete = null;
+    }
+    #originalFiles;
+    /**
+     *  File object of cropped image.
+     */
+    getFiles() {
+        return this.files;
+    }
+    /**
+     *  Use to preset input to existing image.
+     */
+    setFiles(...files) {
+        this.files = [...files].map((o) => ({ file: new File([''], o.fileName), previewSrc: o.previewSrc, downloadSrc: o.downloadSrc, id: o.id }));
+        this.#originalFiles = structuredClone(this.files);
+    }
+    /**
+     *  Use to preset input to existing image.
+     */
+    setFilesFromDatabaseAttachments(...attachments) {
+        this.files = [...attachments]
+            .filter((o) => o.Name && o.Extension)
+            .map((o) => ({
+            id: o.Id,
+            file: new File([''], `${o?.Name}.${o?.Extension}`),
+            previewSrc: getCdnInlineUrl(o, 512),
+            downloadSrc: getCdnDownloadUrl(o),
+        }));
+        this.#originalFiles = structuredClone(this.files);
+    }
+    /**
+     *  Returns true if the input passes validity checks.
+     */
+    checkValidity() {
+        return this.chipMultiSelect.checkValidity();
+    }
+    /**
+     *  Runs checkValidity() method, and if it returns false, then it reports to the user that the input is invalid.
+     */
+    reportValidity() {
+        return this.chipMultiSelect.reportValidity();
+    }
+    /**
+     *  Returns true if the images have been added, removed or edited.
+     */
+    hasChanges() {
+        return JSON.stringify(this.#originalFiles) !== JSON.stringify(this.files);
+    }
+    /**
+     *  Resets the inputs state.
+     */
+    async reset() {
+        this.#originalFiles = [];
+        this.previewSrc = undefined;
+        this.files = [];
+        this.isOver = false;
+        await this.updateComplete;
+        this.chipMultiSelect.reset();
+    }
+    async handleNewFile(files) {
+        let shouldNotify = false;
+        for (let i = 0; i < (files?.length ?? 0); i++) {
+            const file = files?.item(i);
+            if (file) {
+                const shouldCrop = this.croppableImageFormats.some((o) => file.name.endsWith(o));
+                if (shouldCrop) {
+                    const cropResult = await this.cropperDialog.open(URL.createObjectURL(file), file.name, async (croppedImage, previewDataUrl) => {
+                        const croppedFile = { file: croppedImage, previewSrc: previewDataUrl ?? undefined };
+                        if (this.multiple) {
+                            this.files = [...this.files, croppedFile];
+                        }
+                        else {
+                            this.files = [croppedFile];
+                        }
+                    });
+                    if (cropResult === 'cropped') {
+                        this.reportValidity();
+                        shouldNotify = true;
+                    }
+                    await delay(500);
+                }
+                else {
+                    const _file = { file: file };
+                    const isImage = imageFormats.some((o) => file.name.endsWith(o));
+                    if (isImage) {
+                        try {
+                            const fileAsBase64 = await this.toBase64(file);
+                            if (typeof fileAsBase64 === 'string') {
+                                _file.previewSrc = fileAsBase64 ?? undefined;
+                            }
+                        }
+                        catch (error) { }
+                    }
+                    if (this.multiple) {
+                        this.files = [...this.files, _file];
+                    }
+                    else {
+                        this.files = [_file];
+                    }
+                    this.reportValidity();
+                    shouldNotify = true;
+                }
+            }
+        }
+        if (shouldNotify) {
+            this.#notifyChange();
+        }
+    }
+    #fileToDelete;
+    #deleteFile(file) {
+        const i = this.files.findIndex((o) => o === file);
+        this.files.splice(i, 1);
+        this.requestUpdate('files');
+        this.reportValidity();
+        this.#notifyChange();
+    }
+    toBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = (error) => reject(error);
+        });
+    }
+    #notifyChange() {
+        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;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <titanium-chip-multi-select
+        .supportingText=${this.supportingText}
+        .required=${this.required}
+        ?disabled=${this.disabled}
+        @drop=${(e) => {
+            if (this.disabled) {
+                return;
+            }
+            const files = e.dataTransfer?.files ?? new FileList();
+            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}
+          @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}
+              @remove=${async (e) => {
+            e.preventDefault();
+            if (this.confirmDelete) {
+                this.#fileToDelete = o;
+                this.confirmDeleteDialog?.show();
+            }
+            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}"
+          @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
+            @click=${() => {
+            if (this.#fileToDelete) {
+                this.#deleteFile(this.#fileToDelete);
+            }
+            this.confirmDeleteDialog.close();
+        }}
+            >Confirm</md-text-button
+          >
+        </div>
+      </md-dialog>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], TitaniumSmartAttachmentInput.prototype, "files", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'is-over' })
+], TitaniumSmartAttachmentInput.prototype, "isOver", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "previewSrc", void 0);
+__decorate([
+    query('input')
+], TitaniumSmartAttachmentInput.prototype, "input", void 0);
+__decorate([
+    query('image-preview-dialog')
+], TitaniumSmartAttachmentInput.prototype, "imagePreviewDialog", void 0);
+__decorate([
+    query('crop-and-save-image-dialog')
+], TitaniumSmartAttachmentInput.prototype, "cropperDialog", void 0);
+__decorate([
+    query('md-dialog[confirm-delete]')
+], TitaniumSmartAttachmentInput.prototype, "confirmDeleteDialog", void 0);
+__decorate([
+    query('titanium-chip-multi-select')
+], TitaniumSmartAttachmentInput.prototype, "chipMultiSelect", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "accept", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumSmartAttachmentInput.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumSmartAttachmentInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumSmartAttachmentInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumSmartAttachmentInput.prototype, "confirmDelete", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "confirmDeleteHeader", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "confirmDeleteText", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "addButtonLabel", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "supportingText", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumSmartAttachmentInput.prototype, "noItemsText", void 0);
+__decorate([
+    property({ type: Object })
+], TitaniumSmartAttachmentInput.prototype, "options", void 0);
+__decorate([
+    property({ type: Array })
+], TitaniumSmartAttachmentInput.prototype, "croppableImageFormats", void 0);
+TitaniumSmartAttachmentInput = __decorate([
+    customElement('titanium-smart-attachment-input')
+], TitaniumSmartAttachmentInput);
+export { TitaniumSmartAttachmentInput };
+//# sourceMappingURL=smart-attachment-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-attachment-input.js","sourceRoot":"","sources":["smart-attachment-input.ts"],"names":[],"mappings":"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"}

package/titanium/smart-attachment-input/type/smart-attachment.d.ts

@@ -0,0 +1,7 @@
+export type SmartAttachment = {
+    id?: number;
+    file: File;
+    previewSrc?: string;
+    downloadSrc?: string;
+};
+//# sourceMappingURL=smart-attachment.d.ts.map

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=smart-attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"smart-attachment.js","sourceRoot":"","sources":["smart-attachment.ts"],"names":[],"mappings":""}

package/titanium/snackbar/snackbar.d.ts

@@ -0,0 +1,79 @@
+import { HttpError } from '../../leavitt/api-service/HttpError';
+import { LitElement, TemplateResult } from 'lit';
+import '@material/web/button/text-button';
+export declare class BasicSnackBar {
+    _isComponent: boolean;
+    open(message: string | TemplateResult, options?: SnackbarOptions): void;
+    close(): void;
+}
+export declare let TitaniumSnackbarSingleton: BasicSnackBar;
+export type SnackbarOptions = {
+    actionText?: string | null;
+    autoHide?: boolean;
+    noAction?: boolean;
+};
+/**
+ * Material design snackbar.
+ *
+ * @element titanium-snackbar
+ *
+ * Only one snackbar is intended to be used per site.
+ * Use TitaniumSnackbarSingleton export to fetch the instance of the snackbar when you need to use it.
+ * ex.
+ * import { TitaniumSnackbarSingleton } from '@leavittsoftware/web/snackbar/snackbar';
+ * TitaniumSnackbarSingleton.open('Hello world');
+ *
+ * @cssprop {Color} [--titanium-snackbar-background-color=#323232] - Snackbar background color
+ * @cssprop {Color} [--titanium-snackbar-text-color=#f1f1f1] - Color of the text in the snackbar
+ * @cssprop {Color} [--app-light-text-color=#707175] - Color used on http error and status
+ *
+ */
+export declare class TitaniumSnackbar extends LitElement implements BasicSnackBar {
+    #private;
+    /**
+     * True when opened
+     */
+    protected opened: boolean;
+    /**
+     * True when closing
+     */
+    protected closing: boolean;
+    /**
+     * True when opening
+     */
+    protected opening: boolean;
+    /**
+     * Hides the action button
+     */
+    protected noaction: boolean;
+    /**
+     * Text used on the button
+     */
+    protected actionText: string;
+    /**
+     * Message used in the snackbar.
+     */
+    protected message: string | TemplateResult;
+    /**
+     * @ignore
+     */
+    _isComponent: boolean;
+    constructor();
+    /**
+     * Opens the snackbar with the supplied message.
+     *
+     * optional options object:
+     * actionText?: string | null;
+     * autoHide?: boolean;
+     * noAction?: boolean;
+     *
+     */
+    open(message: string | TemplateResult | HttpError, options?: SnackbarOptions): Promise<unknown>;
+    /**
+     * Closes the snackbar
+     */
+    close(): void;
+    static styles: import("lit").CSSResult;
+    render(): TemplateResult<1>;
+}
+//# sourceMappingURL=snackbar.d.ts.map