@leavittsoftware/web 4.21.0 → 4.22.0

package/titanium/helpers/load-while.d.ts

@@ -35,7 +35,7 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         hidePopover(): void;
         showPopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         togglePopover(force: boolean): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -44,7 +44,8 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         floatingLabelFoundation?: import("@material/floating-label/foundation").MDCFloatingLabelFoundation;
         lineRippleFoundation?: import("@material/line-ripple/foundation").MDCLineRippleFoundation;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -59,7 +60,8 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -136,7 +138,7 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         readonly previousSibling: ChildNode | null;
         textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -198,6 +200,7 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -239,7 +242,8 @@ export declare const LoadWhile: <C extends Constructor<HTMLElement>>(base: C) =>
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;

package/titanium/single-select-base/single-select-base.d.ts

@@ -39,7 +39,7 @@ declare const TitaniumSingleSelectBase_base: {
         hidePopover(): void;
         showPopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         togglePopover(force: boolean): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -48,7 +48,8 @@ declare const TitaniumSingleSelectBase_base: {
         floatingLabelFoundation?: import("@material/floating-label/foundation").MDCFloatingLabelFoundation;
         lineRippleFoundation?: import("@material/line-ripple/foundation").MDCLineRippleFoundation;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -63,7 +64,8 @@ declare const TitaniumSingleSelectBase_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -140,7 +142,7 @@ declare const TitaniumSingleSelectBase_base: {
         readonly previousSibling: ChildNode | null;
         textContent: string | null;
         appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -202,6 +204,7 @@ declare const TitaniumSingleSelectBase_base: {
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -243,7 +246,8 @@ declare const TitaniumSingleSelectBase_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;

package/titanium/smart-attachment-input/crop-and-save-image-dialog.d.ts

@@ -2,12 +2,16 @@ import '@material/web/dialog/dialog';
 import '@material/web/icon/icon';
 import '@material/web/button/text-button';
 import '@material/web/iconbutton/icon-button';
-export declare type CropperOptions = Cropper.Options & {
-    shape?: 'square' | 'circle';
-};
+import 'cropperjs';
 import { LitElement } from 'lit';
-import Cropper from 'cropperjs';
+import { CropperCanvas, CropperImage, CropperSelection } from 'cropperjs';
 import { MdDialog } from '@material/web/dialog/dialog';
+export declare type CropperOptions = {
+    shape?: 'square' | 'circle';
+    canvasHideBackground?: boolean;
+    selectionHideGrid?: boolean;
+    selectionAspectRatio?: number | null | undefined;
+};
 declare const CropAndSaveImageDialog_base: {
     new (...args: any[]): {
         "__#4@#promiseCount": number;
@@ -39,7 +43,7 @@ declare const CropAndSaveImageDialog_base: {
         hidePopover(): void;
         showPopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         togglePopover(force: boolean): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -48,7 +52,8 @@ declare const CropAndSaveImageDialog_base: {
         floatingLabelFoundation?: import("@material/floating-label/foundation").MDCFloatingLabelFoundation;
         lineRippleFoundation?: import("@material/line-ripple/foundation").MDCLineRippleFoundation;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -63,7 +68,8 @@ declare const CropAndSaveImageDialog_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -140,7 +146,7 @@ declare const CropAndSaveImageDialog_base: {
         readonly previousSibling: ChildNode | null;
         textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -202,6 +208,7 @@ declare const CropAndSaveImageDialog_base: {
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -243,7 +250,8 @@ declare const CropAndSaveImageDialog_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -368,21 +376,22 @@ declare const CropAndSaveImageDialog_base: {
 export declare class CropAndSaveImageDialog extends CropAndSaveImageDialog_base {
     #private;
     accessor dialog: MdDialog;
-    accessor img: HTMLImageElement;
-    /**
-     *  Configurable CropperJs options.
-     */
-    accessor options: CropperOptions;
+    accessor main: HTMLElement;
+    accessor cropperCanvas: CropperCanvas;
+    accessor cropperSelection: CropperSelection;
+    accessor cropperImage: CropperImage;
     /**
      *  Forces cropper to output PNG's
      */
     accessor forcePNGOutput: boolean;
+    accessor options: CropperOptions;
     protected accessor fileName: string;
+    protected accessor src: string;
     firstUpdated(): void;
-    static styles: import("lit").CSSResult[];
     open(url: string, filename: string, saveCroppedImageFunc?: (file: File, previewDataUrl: string) => Promise<void>): Promise<"cancel" | "cropped">;
     reset(): void;
     blobToFile(blob: Blob, fileName: string): File;
+    static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/titanium/smart-attachment-input/crop-and-save-image-dialog.js

@@ -3,13 +3,14 @@ import '@material/web/dialog/dialog';
 import '@material/web/icon/icon';
 import '@material/web/button/text-button';
 import '@material/web/iconbutton/icon-button';
+import 'cropperjs';
 import { dialogZIndexHack } from '../../titanium/hacks/dialog-zindex-hack';
 import { css, html, LitElement } from 'lit';
 import { property, customElement, query, state } from 'lit/decorators.js';
-import Cropper from 'cropperjs';
 import { cropperCSS } from './cropper-styles';
 import { h1, p } from '../../titanium/styles/styles';
 import { LoadWhile } from '../../titanium/helpers/load-while';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import Bowser from 'bowser';
 const LoaderGif = new URL('./images/duck-loader.gif', import.meta.url).href;
 /**
@@ -22,144 +23,84 @@ let CropAndSaveImageDialog = class CropAndSaveImageDialog extends LoadWhile(LitE
     #dialog_accessor_storage;
     get dialog() { return this.#dialog_accessor_storage; }
     set dialog(value) { this.#dialog_accessor_storage = value; }
-    #img_accessor_storage;
-    get img() { return this.#img_accessor_storage; }
-    set img(value) { this.#img_accessor_storage = value; }
-    #options_accessor_storage = {};
-    /**
-     *  Configurable CropperJs options.
-     */
-    get options() { return this.#options_accessor_storage; }
-    set options(value) { this.#options_accessor_storage = value; }
+    #main_accessor_storage;
+    get main() { return this.#main_accessor_storage; }
+    set main(value) { this.#main_accessor_storage = value; }
+    #cropperCanvas_accessor_storage;
+    get cropperCanvas() { return this.#cropperCanvas_accessor_storage; }
+    set cropperCanvas(value) { this.#cropperCanvas_accessor_storage = value; }
+    #cropperSelection_accessor_storage;
+    get cropperSelection() { return this.#cropperSelection_accessor_storage; }
+    set cropperSelection(value) { this.#cropperSelection_accessor_storage = value; }
+    #cropperImage_accessor_storage;
+    get cropperImage() { return this.#cropperImage_accessor_storage; }
+    set cropperImage(value) { this.#cropperImage_accessor_storage = value; }
     #forcePNGOutput_accessor_storage;
     /**
      *  Forces cropper to output PNG's
      */
     get forcePNGOutput() { return this.#forcePNGOutput_accessor_storage; }
     set forcePNGOutput(value) { this.#forcePNGOutput_accessor_storage = value; }
+    #options_accessor_storage;
+    get options() { return this.#options_accessor_storage; }
+    set options(value) { this.#options_accessor_storage = value; }
     #fileName_accessor_storage = '';
     get fileName() { return this.#fileName_accessor_storage; }
     set fileName(value) { this.#fileName_accessor_storage = value; }
-    #cropper;
+    #src_accessor_storage = '';
+    get src() { return this.#src_accessor_storage; }
+    set src(value) { this.#src_accessor_storage = value; }
     #mimeType = '';
     #extension = '';
+    #isReady = false;
     firstUpdated() {
         const bowser = Bowser.getParser(window.navigator.userAgent);
         const os = bowser?.getOS?.()?.name ?? '';
         this.#mimeType = os === 'iOS' || os === 'macOS' || this.forcePNGOutput ? 'image/png' : 'image/webp';
         this.#extension = os === 'iOS' || os === 'macOS' || this.forcePNGOutput ? 'png' : 'webp';
+        this.#setUpResizeObserver();
+    }
+    #resizeObserver;
+    #setUpResizeObserver() {
+        this.#resizeObserver = new ResizeObserver(() => {
+            if (this.#isReady) {
+                this.cropperImage.$center('cover');
+            }
+        });
+        this.#resizeObserver.observe(this.main);
     }
-    static { this.styles = [
-        h1,
-        p,
-        cropperCSS,
-        css `
-      :host {
-        display: block;
-      }
-
-      md-dialog {
-        max-width: calc(100vw - 24px);
-        max-height: calc(100vh - 24px);
-      }
-
-      main {
-        display: flex;
-        position: relative;
-        align-self: center;
-      }
-
-      loading-animation {
-        display: flex;
-        flex-direction: column;
-        place-content: center;
-        place-items: center;
-        width: 100%;
-      }
-
-      loading-animation img {
-        height: 300px;
-      }
-
-      section[crop] {
-        display: grid;
-        width: 100%;
-        grid: 'cropper buttons' / 1fr 58px;
-      }
-
-      cropper-container {
-        grid-area: cropper;
-
-        display: block;
-        max-width: 800px;
-        max-height: 600px;
-        overflow: hidden;
-      }
-
-      cropper-container img {
-        display: block;
-        /* This rule is very important, please don't ignore this */
-        max-width: 100%;
-      }
-
-      crop-buttons {
-        grid-area: buttons;
-
-        display: grid;
-        align-content: start;
-        grid-auto-flow: row;
-
-        padding: 0 8px;
-        gap: 8px;
-      }
-
-      @media (max-width: 600px) {
-        section[crop] {
-          grid:
-            'cropper'
-            'buttons';
-        }
-
-        crop-buttons {
-          justify-content: end;
-          grid-auto-flow: column;
-          padding: 8px 0;
-        }
-      }
-
-      [hidden] {
-        display: none !important;
-      }
-    `,
-    ]; }
     #saveCroppedImageFunc;
     #resolve;
     async open(url, filename, saveCroppedImageFunc) {
+        this.#isReady = false;
         this.#saveCroppedImageFunc = saveCroppedImageFunc;
         this.dialog.returnValue = '';
         this.reset();
         this.fileName = filename;
-        this.#setCropperImage(url);
+        this.src = url;
+        await this.updateComplete;
         this.dialog.show();
+        this.cropperImage.$ready(async (image) => {
+            this.cropperCanvas.style.width = `${image.naturalWidth}px`;
+            this.cropperCanvas.style.aspectRatio = `${image.naturalWidth} / ${image.naturalHeight}`;
+            const rect = this.cropperCanvas.getBoundingClientRect();
+            this.cropperSelection.width = rect.width / 2;
+            this.cropperSelection.height = rect.height / 2;
+            this.cropperImage.$center('cover');
+            this.#isReady = true;
+            await this.updateComplete;
+            this.cropperSelection.$center();
+        });
         return await new Promise((resolve) => {
             this.#resolve = resolve;
         });
     }
     reset() {
-        this.img.src = '';
-        this.#cropper?.destroy();
+        this.cropperImage.$resetTransform();
     }
     blobToFile(blob, fileName) {
         return new File([blob], fileName, { lastModified: new Date().getTime() });
     }
-    #setCropperImage(url) {
-        this.img.src = url;
-        this.#cropper = new Cropper(this.img, {
-            viewMode: 2,
-            aspectRatio: this.options.shape === 'circle' ? 1 : this.options.aspectRatio,
-            ...this.options,
-        });
-    }
     #changeFileExtension(fileName, ext) {
         return fileName.slice(0, fileName.lastIndexOf('.')) + `.${ext}`;
     }
@@ -196,6 +137,66 @@ let CropAndSaveImageDialog = class CropAndSaveImageDialog extends LoadWhile(LitE
         image.src = dataUrl;
         return await imagePromise;
     }
+    static { this.styles = [
+        h1,
+        p,
+        cropperCSS,
+        css `
+      :host {
+        display: block;
+      }
+
+      md-dialog {
+        max-width: calc(100vw - 24px);
+        max-height: calc(100vh - 24px);
+      }
+
+      main {
+        display: flex;
+        position: relative;
+        align-self: center;
+
+        padding: 18px 24px 0px 24px;
+      }
+
+      loading-animation {
+        display: flex;
+        flex-direction: column;
+        place-content: center;
+        place-items: center;
+        width: 100%;
+      }
+
+      loading-animation img {
+        height: 300px;
+      }
+
+      cropper-container {
+        display: grid;
+        grid-template-areas:
+          'cropper'
+          'buttons';
+        gap: 8px 0;
+      }
+
+      cropper-canvas {
+        max-width: min(800px, calc(100vw - 115px));
+        max-height: calc(100vh - 250px);
+      }
+
+      crop-buttons {
+        grid-area: buttons;
+        display: flex;
+        flex-direction: row;
+        justify-content: end;
+        gap: 8px;
+      }
+
+      [hidden] {
+        display: none !important;
+      }
+    `,
+    ]; }
     render() {
         return html `
       <md-dialog
@@ -207,25 +208,40 @@ let CropAndSaveImageDialog = class CropAndSaveImageDialog extends LoadWhile(LitE
             e.preventDefault();
         }}
       >
-        <div slot="headline">Crop and save image</div>
+        <div slot="headline">Crop image</div>
         <main slot="content">
           <loading-animation ?hidden=${!this.isLoading}>
             <img src=${LoaderGif} />
             <p>Uploading image...</p>
           </loading-animation>
-          <section crop ?hidden=${this.isLoading}>
-            <cropper-container ?circle=${this.options.shape === 'circle'}>
-              <img />
-            </cropper-container>
+          <cropper-container ?hidden=${this.isLoading}>
+            <cropper-canvas ?background=${!this.options?.canvasHideBackground}>
+              <cropper-image initial-center-size="cover" .src=${this.src} alt="Picture" rotatable scalable skewable translatable></cropper-image>
+              <cropper-shade hidden></cropper-shade>
+              <cropper-handle action="select" plain></cropper-handle>
+              <cropper-selection movable resizable aspect-ratio=${this.options?.shape === 'circle' ? 1 : ifDefined(this.options?.selectionAspectRatio)}>
+                <cropper-grid role="grid" covered ?hidden=${this.options?.selectionHideGrid}></cropper-grid>
+                <cropper-crosshair centered></cropper-crosshair>
+                <cropper-handle theme-color="rgba(255, 255, 255, 0.35)" action="move"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="n-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="e-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="s-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="w-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="ne-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="nw-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="se-resize"></cropper-handle>
+                <cropper-handle theme-color="var(--md-sys-color-primary)" action="sw-resize"></cropper-handle>
+              </cropper-selection>
+            </cropper-canvas>
             <crop-buttons>
-              <md-icon-button label="Rotate right" title="Rotate right" @click=${() => this.#cropper?.rotate(90)}
-                ><md-icon>rotate_right</md-icon></md-icon-button
-              >
-              <md-icon-button label="Rotate left" title="Rotate left" @click=${() => this.#cropper?.rotate(-90)}>
+              <md-icon-button label="Rotate right" title="Rotate right" @click=${() => this.cropperImage?.$rotate('90deg')}>
+                <md-icon>rotate_right</md-icon>
+              </md-icon-button>
+              <md-icon-button label="Rotate left" title="Rotate left" @click=${() => this.cropperImage.$rotate('-90deg')}>
                 <md-icon>rotate_left</md-icon>
               </md-icon-button>
             </crop-buttons>
-          </section>
+          </cropper-container>
         </main>
         <div slot="actions">
           <md-text-button
@@ -241,13 +257,11 @@ let CropAndSaveImageDialog = class CropAndSaveImageDialog extends LoadWhile(LitE
             @click=${async () => {
             this.isLoading = true;
             await this.updateComplete;
-            //WORKAROUND: The first call to this func can result in a corrupt image, esp seen in Android when picture comes from camera
-            this.#cropper?.getCroppedCanvas();
-            const canvas = this.#cropper?.getCroppedCanvas();
+            const canvas = await this.cropperSelection?.$toCanvas();
             if (!canvas) {
                 return;
             }
-            const previewDataUrl = this.options.shape === 'circle' ? await this.#applyCircleMask(canvas.toDataURL(this.#mimeType)) : canvas.toDataURL(this.#mimeType);
+            const previewDataUrl = this.options?.shape === 'circle' ? await this.#applyCircleMask(canvas.toDataURL(this.#mimeType)) : canvas.toDataURL(this.#mimeType);
             const response = await fetch(previewDataUrl);
             const file = this.blobToFile(await response.blob(), this.#changeFileExtension(this.fileName, this.#extension));
             const save = this.#saveCroppedImageFunc?.(file, previewDataUrl) || Promise.resolve();
@@ -267,17 +281,29 @@ __decorate([
     query('md-dialog')
 ], CropAndSaveImageDialog.prototype, "dialog", null);
 __decorate([
-    query('cropper-container > img')
-], CropAndSaveImageDialog.prototype, "img", null);
+    query('main')
+], CropAndSaveImageDialog.prototype, "main", null);
 __decorate([
-    property({ type: Object })
-], CropAndSaveImageDialog.prototype, "options", null);
+    query('cropper-canvas')
+], CropAndSaveImageDialog.prototype, "cropperCanvas", null);
+__decorate([
+    query('cropper-selection')
+], CropAndSaveImageDialog.prototype, "cropperSelection", null);
+__decorate([
+    query('cropper-image')
+], CropAndSaveImageDialog.prototype, "cropperImage", null);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'force-png' })
 ], CropAndSaveImageDialog.prototype, "forcePNGOutput", null);
+__decorate([
+    property({ type: Object })
+], CropAndSaveImageDialog.prototype, "options", null);
 __decorate([
     state()
 ], CropAndSaveImageDialog.prototype, "fileName", null);
+__decorate([
+    state()
+], CropAndSaveImageDialog.prototype, "src", null);
 CropAndSaveImageDialog = __decorate([
     customElement('crop-and-save-image-dialog')
 ], CropAndSaveImageDialog);

package/titanium/smart-attachment-input/crop-and-save-image-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"crop-and-save-image-dialog.js","sourceRoot":"","sources":["crop-and-save-image-dialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"crop-and-save-image-dialog.js","sourceRoot":"","sources":["crop-and-save-image-dialog.ts"],"names":[],"mappings":"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"}

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

@@ -11,9 +11,7 @@ import { CropAndSaveImageDialog, CropperOptions } from './crop-and-save-image-di
 import { SmartAttachment } from './type/smart-attachment';
 import { ImagePreviewDialog } from './image-preview-dialog';
 import { IDatabaseAttachment } from '@leavittsoftware/lg-core-typescript/lg.net.system';
-export type TitaniumSmartInputOptions = Cropper.Options & {
-    shape?: 'square' | 'circle';
-};
+export type TitaniumSmartInputOptions = CropperOptions;
 /**
  * Material outline image input with cropper
  *

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

@@ -116,7 +116,7 @@ let TitaniumSmartAttachmentInput = class TitaniumSmartAttachmentInput extends Li
      */
     get noItemsText() { return this.#noItemsText_accessor_storage; }
     set noItemsText(value) { this.#noItemsText_accessor_storage = value; }
-    #options_accessor_storage = {};
+    #options_accessor_storage;
     /**
      *  Configurable CropperJs options.
      */