@leavittsoftware/web 1.2.2 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavittsoftware/web",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "license": "Apache-2.0",
   "description": "",
   "files": [
@@ -34,5 +34,5 @@
     "url": "https://github.com/LeavittSoftware/titanium-elements/issues"
   },
   "homepage": "https://github.com/LeavittSoftware/titanium-elements/#readme",
-  "gitHead": "b10ae9a6bd83a16c8d4c1665f0c34cdf9263c93a"
+  "gitHead": "3de8cd3d1b933a26870ae663633b0b4f29c004c9"
 }

package/titanium/confirm-dialog/confirm-dialog-open-event.d.ts

@@ -0,0 +1,10 @@
+import { TemplateResult } from 'lit';
+export declare class ConfirmDialogOpenEvent extends Event {
+    static eventType: string;
+    header: string;
+    text: string | TemplateResult;
+    dialogResult: Promise<boolean>;
+    resolver: (confirmed: boolean) => void;
+    constructor(header: string, text: string | TemplateResult);
+}
+//# sourceMappingURL=confirm-dialog-open-event.d.ts.map

package/titanium/confirm-dialog/confirm-dialog-open-event.js

@@ -0,0 +1,12 @@
+export class ConfirmDialogOpenEvent extends Event {
+    static { this.eventType = 'confirm-dialog-open'; }
+    constructor(header, text) {
+        super(ConfirmDialogOpenEvent.eventType, { bubbles: true, composed: true });
+        this.header = header;
+        this.text = text;
+        this.dialogResult = new Promise((res) => {
+            this.resolver = res;
+        });
+    }
+}
+//# sourceMappingURL=confirm-dialog-open-event.js.map

package/titanium/confirm-dialog/confirm-dialog-open-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog-open-event.js","sourceRoot":"","sources":["confirm-dialog-open-event.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,sBAAuB,SAAQ,KAAK;aACxC,cAAS,GAAG,qBAAqB,CAAC;IAMzC,YAAY,MAAc,EAAE,IAA6B;QACvD,KAAK,CAAC,sBAAsB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,YAAY,GAAG,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC"}

package/titanium/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,25 @@
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import { LitElement, TemplateResult } from 'lit';
+import { ConfirmDialogOpenEvent } from './confirm-dialog-open-event';
+import { MdDialog } from '@material/web/dialog/dialog';
+export default class TitaniumConfirmDialog extends LitElement {
+    #private;
+    protected accessor text: string | TemplateResult;
+    protected accessor headline: string;
+    protected accessor dialog: MdDialog;
+    /**
+     * This method is used to set up the event listener to capture the confirm dialog open event
+     * You can skip using this method and set up the event listener yourself (recommended)
+     */
+    listenOn(el: HTMLElement): void;
+    /**
+     * This method is used after capturing the confirm dialog open event
+     * usually in the same class where the confirm-dialog element is used.
+     * After capturing the event pass it directly into this method `this.dialog.handleEvent(e);`
+     */
+    handleEvent(event: ConfirmDialogOpenEvent): Promise<void>;
+    static styles: import("lit").CSSResult[];
+    render(): TemplateResult<1>;
+}
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/titanium/confirm-dialog/confirm-dialog.js

@@ -0,0 +1,92 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import { css, html, LitElement } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { ConfirmDialogOpenEvent } from './confirm-dialog-open-event';
+import { p } from '../styles/p';
+let TitaniumConfirmDialog = class TitaniumConfirmDialog extends LitElement {
+    #text_accessor_storage;
+    get text() { return this.#text_accessor_storage; }
+    set text(value) { this.#text_accessor_storage = value; }
+    #headline_accessor_storage;
+    get headline() { return this.#headline_accessor_storage; }
+    set headline(value) { this.#headline_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    #resolve;
+    /**
+     * This method is used to set up the event listener to capture the confirm dialog open event
+     * You can skip using this method and set up the event listener yourself (recommended)
+     */
+    listenOn(el) {
+        el.addEventListener(ConfirmDialogOpenEvent.eventType, async (event) => {
+            this.#openDialogWithEvent(event);
+        });
+    }
+    /**
+     * This method is used after capturing the confirm dialog open event
+     * usually in the same class where the confirm-dialog element is used.
+     * After capturing the event pass it directly into this method `this.dialog.handleEvent(e);`
+     */
+    async handleEvent(event) {
+        this.#openDialogWithEvent(event);
+    }
+    #openDialogWithEvent = async (event) => {
+        this.headline = event.header;
+        this.text = event.text;
+        this.dialog.returnValue = '';
+        this.dialog.show();
+        const result = await new Promise((resolve) => {
+            this.#resolve = resolve;
+        });
+        event.resolver(result === 'confirmed');
+    };
+    static { this.styles = [
+        p,
+        css `
+      p {
+        margin: 6px 24px 0 24px;
+      }
+
+      md-dialog {
+        max-width: 550px;
+        max-height: calc(100vh - 24px);
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <md-dialog
+        @close=${(e) => {
+            if (e.target.returnValue === 'confirmed') {
+                return this.#resolve('confirmed');
+            }
+            return this.#resolve('cancel');
+        }}
+      >
+        <div slot="headline">${this.headline}</div>
+        <p slot="content">${this.text}</p>
+        <div slot="actions">
+          <md-text-button @click=${() => this.dialog.close('cancel')}>Cancel</md-text-button>
+          <md-text-button @click=${() => this.dialog.close('confirmed')}>Confirm</md-text-button>
+        </div>
+      </md-dialog>
+    `;
+    }
+};
+__decorate([
+    state()
+], TitaniumConfirmDialog.prototype, "text", null);
+__decorate([
+    state()
+], TitaniumConfirmDialog.prototype, "headline", null);
+__decorate([
+    query('md-dialog')
+], TitaniumConfirmDialog.prototype, "dialog", null);
+TitaniumConfirmDialog = __decorate([
+    customElement('titanium-confirm-dialog')
+], TitaniumConfirmDialog);
+export default TitaniumConfirmDialog;
+//# sourceMappingURL=confirm-dialog.js.map

package/titanium/confirm-dialog/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","sourceRoot":"","sources":["confirm-dialog.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAGrE,OAAO,EAAE,CAAC,EAAE,MAAM,aAAa,CAAC;AAGjB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAC/B,uBAA8B;IAA9B,IAAA,IAAI,0CAA0B;IAA9B,IAAA,IAAI,gDAA0B;IAC9B,2BAAiB;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IACN,yBAAkB;IAAlB,IAAA,MAAM,4CAAY;IAAlB,IAAA,MAAM,kDAAY;IACzD,QAAQ,CAA0C;IAElD;;;OAGG;IACH,QAAQ,CAAC,EAAe;QACtB,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,SAAS,EAAE,KAAK,EAAE,KAA6B,EAAE,EAAE;YAC5F,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,KAA6B;QAC7C,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,oBAAoB,GAAG,KAAK,EAAE,KAA6B,EAAE,EAAE;QAC7D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAEnB,MAAM,MAAM,GAAG,MAAM,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;YACnE,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;IACzC,CAAC,CAAC;aAEK,WAAM,GAAG;QACd,CAAC;QACD,GAAG,CAAA;;;;;;;;;KASF;KACF,AAZY,CAYX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,CAAC,CAAqB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,KAAK,WAAW,EAAE;gBACxC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;aACnC;YACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;;+BAEsB,IAAI,CAAC,QAAQ;4BAChB,IAAI,CAAC,IAAI;;mCAEF,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;mCACjC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;;;KAGlE,CAAC;IACJ,CAAC;;AArE2B;IAA3B,KAAK,EAAE;iDAAkD;AAC9B;IAA3B,KAAK,EAAE;qDAAqC;AACN;IAAtC,KAAK,CAAC,WAAW,CAAC;mDAAsC;AAHtC,qBAAqB;IADzC,aAAa,CAAC,yBAAyB,CAAC;GACpB,qBAAqB,CAuEzC;eAvEoB,qBAAqB"}