@leavittsoftware/web 8.7.1 → 8.7.3

package/titanium/circle-loading-indicator/circle-loading-indicator.js

@@ -0,0 +1,122 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '@material/web/progress/circular-progress';
+import { PendingStateEvent } from '@leavittsoftware/web/titanium/types/pending-state-event';
+/**
+ * A simple circle with loading indicator that uses promise driven pending-state-events
+ *
+ * @element titanium-circle-loading-indicator
+ *
+ *
+ */
+let TitaniumCircleLoadingIndicator = class TitaniumCircleLoadingIndicator extends LitElement {
+    #pendingStateElement_accessor_storage;
+    get pendingStateElement() { return this.#pendingStateElement_accessor_storage; }
+    set pendingStateElement(value) { this.#pendingStateElement_accessor_storage = value; }
+    #open_accessor_storage;
+    get open() { return this.#open_accessor_storage; }
+    set open(value) { this.#open_accessor_storage = value; }
+    #closed_accessor_storage;
+    get closed() { return this.#closed_accessor_storage; }
+    set closed(value) { this.#closed_accessor_storage = value; }
+    #openDelayTimer;
+    #closeDelayTimer;
+    //Promises faster than this do not cause the scrim to open at all
+    //Prevents flicker for fast promises
+    #openDelay = 75;
+    // min time scrim has to remain open
+    #minTimeOpen = 400;
+    #timeOpen;
+    #openCount = 0;
+    firstUpdated() {
+        const element = this.pendingStateElement ?? this;
+        element.addEventListener(PendingStateEvent.eventType, async (e) => {
+            e.stopPropagation();
+            this.#open();
+            this.#openCount++;
+            try {
+                await e.detail.promise;
+            }
+            catch {
+                // Do nothing, this will be handled by others
+            }
+            finally {
+                this.#openCount--;
+                if (this.#openCount === 0) {
+                    this.#close();
+                }
+            }
+        });
+    }
+    #open() {
+        window.clearTimeout(this.#openDelayTimer);
+        //If re-opened while close timer is running, prevent the close
+        window.clearTimeout(this.#closeDelayTimer);
+        this.#openDelayTimer = window.setTimeout(() => {
+            this.#timeOpen = performance.now();
+            // add the inert attribute to the parent element
+            this.parentElement?.setAttribute('inert', '');
+            this.open = true;
+            this.closed = false;
+        }, this.#openDelay);
+    }
+    #close() {
+        window.clearTimeout(this.#openDelayTimer);
+        const totalTimeOpened = performance.now() - this.#timeOpen;
+        const closeDelay = Math.max(this.#minTimeOpen - totalTimeOpened, 0);
+        this.#closeDelayTimer = window.setTimeout(() => {
+            this.open = false;
+            this.closed = true;
+            this.parentElement?.removeAttribute('inert');
+        }, closeDelay);
+    }
+    static { this.styles = css `
+    :host {
+      display: none;
+      opacity: 0;
+
+      position: absolute;
+      inset: 0;
+
+      z-index: 1000;
+      background-color: rgb(from var(--md-sys-color-scrim, #000) r g b / 0.52);
+      backdrop-filter: blur(2px);
+
+      transition:
+        display 0.2s ease,
+        opacity 0.2s ease;
+      transition-behavior: allow-discrete;
+    }
+
+    :host([open]) {
+      display: grid;
+      opacity: 1;
+
+      @starting-style {
+        opacity: 0;
+      }
+    }
+
+    md-circular-progress {
+      place-self: center;
+    }
+  `; }
+    render() {
+        return html ` <md-circular-progress ?indeterminate=${this.open} ?hide=${!this.open}></md-circular-progress>`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumCircleLoadingIndicator.prototype, "pendingStateElement", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumCircleLoadingIndicator.prototype, "open", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumCircleLoadingIndicator.prototype, "closed", null);
+TitaniumCircleLoadingIndicator = __decorate([
+    customElement('titanium-circle-loading-indicator')
+], TitaniumCircleLoadingIndicator);
+export { TitaniumCircleLoadingIndicator };
+//# sourceMappingURL=circle-loading-indicator.js.map

package/titanium/circle-loading-indicator/circle-loading-indicator.js.map

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

package/titanium/collapsible-container/collapsible-container.d.ts

@@ -0,0 +1,12 @@
+import '@material/web/ripple/ripple';
+import '@material/web/focus/md-focus-ring';
+import '@material/web/elevation/elevation';
+import '@material/web/icon/icon';
+import { LitElement } from 'lit';
+export declare class TitaniumCollapsibleContainer extends LitElement {
+    accessor disabled: boolean;
+    accessor opened: boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=collapsible-container.d.ts.map

package/titanium/collapsible-container/collapsible-container.js

@@ -0,0 +1,115 @@
+import { __decorate } from "tslib";
+import '@material/web/ripple/ripple';
+import '@material/web/focus/md-focus-ring';
+import '@material/web/elevation/elevation';
+import '@material/web/icon/icon';
+import { css, html, LitElement } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+let TitaniumCollapsibleContainer = class TitaniumCollapsibleContainer extends LitElement {
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #opened_accessor_storage = false;
+    get opened() { return this.#opened_accessor_storage; }
+    set opened(value) { this.#opened_accessor_storage = value; }
+    static { this.styles = css `
+    :host {
+      display: grid;
+      --titanium-collapsible-container-border-radius: 12px;
+      border-radius: var(--titanium-collapsible-container-border-radius);
+    }
+
+    button {
+      display: grid;
+      position: relative;
+
+      grid-auto-columns: 1fr auto;
+      grid-auto-flow: column;
+      padding: 12px;
+      margin: 0;
+      outline: none;
+
+      text-align: left;
+
+      cursor: pointer;
+      color: inherit;
+      background-color: inherit;
+
+      border: none;
+      align-items: center;
+      box-sizing: border-box;
+
+      border-radius: var(--titanium-collapsible-container-border-radius);
+      --md-focus-ring-shape: var(--titanium-collapsible-container-border-radius);
+
+      width: 100%;
+
+      md-icon {
+        transition: transform 0.35s;
+      }
+    }
+
+    main {
+      display: grid;
+
+      color: inherit;
+      background-color: inherit;
+
+      interpolate-size: allow-keywords;
+
+      height: 0;
+      overflow: hidden;
+      transition: all 0.35s;
+
+      border-radius: 0 0 var(--titanium-collapsible-container-border-radius) var(--titanium-collapsible-container-border-radius);
+      box-sizing: border-box;
+
+      @starting-style {
+        height: 0px;
+      }
+    }
+
+    :host([opened]) {
+      main {
+        height: auto;
+      }
+
+      md-icon {
+        transform: rotate(-180deg);
+      }
+
+      button {
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+        --md-focus-ring-shape-end-start: 0;
+        --md-focus-ring-shape-end-end: 0;
+      }
+    }
+  `; }
+    render() {
+        return html `
+      <button part="button" draggable="false" @click=${() => (this.opened = !this.opened)}>
+        <header><slot name="header"></slot></header>
+        <md-icon arrow>expand_more</md-icon>
+
+        <md-ripple ?disabled=${this.disabled}></md-ripple>
+        <md-focus-ring inward ?inward=${!this.opened}></md-focus-ring>
+      </button>
+      <main part="main">
+        <slot name="content"></slot>
+      </main>
+      <md-elevation></md-elevation>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumCollapsibleContainer.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumCollapsibleContainer.prototype, "opened", null);
+TitaniumCollapsibleContainer = __decorate([
+    customElement('titanium-collapsible-container')
+], TitaniumCollapsibleContainer);
+export { TitaniumCollapsibleContainer };
+//# sourceMappingURL=collapsible-container.js.map

package/titanium/collapsible-container/collapsible-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-container.js","sourceRoot":"","sources":["collapsible-container.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU;IACL,6BAAoB,KAAK,CAAC;IAA1B,IAAA,QAAQ,8CAAkB;IAA1B,IAAA,QAAQ,oDAAkB;IAC1B,2BAAkB,KAAK,CAAC;IAAxB,IAAA,MAAM,4CAAkB;IAAxB,IAAA,MAAM,kDAAkB;aAEtE,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyElB,AAzEY,CAyEX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;uDACwC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;;;;+BAI1D,IAAI,CAAC,QAAQ;wCACJ,CAAC,IAAI,CAAC,MAAM;;;;;;KAM/C,CAAC;IACJ,CAAC;;AA5FoD;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAAoC;AAC1B;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAAkC;AAFlE,4BAA4B;IADxC,aAAa,CAAC,gCAAgC,CAAC;GACnC,4BAA4B,CA8FxC"}

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,104 @@
+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';
+import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
+import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
+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);
+      }
+
+      b,
+      strong {
+        font-weight: 500;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <md-dialog
+        @open=${(e) => {
+            dialogZIndexHack(e.target);
+            dialogOpenNavigationHack(e.target);
+        }}
+        @close=${(e) => {
+            dialogCloseNavigationHack(e.target);
+            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;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAGvF,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;;;;;;;;;;;;;;KAcF;KACF,AAjBY,CAiBX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,CAAC,CAAqB,EAAE,EAAE;YAChC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAC3B,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACrC,CAAC;iBACQ,CAAC,CAAqB,EAAE,EAAE;YACjC,yBAAyB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACpC,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,KAAK,WAAW,EAAE,CAAC;gBACzC,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;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;;AA/E2B;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,CAiFzC;eAjFoB,qBAAqB"}

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

@@ -0,0 +1,19 @@
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import '@material/web/button/filled-tonal-button';
+import { LitElement } from 'lit';
+import { MdDialog } from '@material/web/dialog/dialog';
+export default class TitaniumConfirmationDialog extends LitElement {
+    #private;
+    accessor text: string;
+    accessor headline: string;
+    accessor confirmActionText: string;
+    accessor cancelActionText: string;
+    accessor disableConfirmationAction: boolean;
+    accessor disableCancelAction: boolean;
+    protected accessor dialog: MdDialog;
+    open: (headline: string, text: string) => Promise<"cancel" | "confirmed">;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=confirmation-dialog.d.ts.map

package/titanium/confirmation-dialog/confirmation-dialog.js

@@ -0,0 +1,124 @@
+import { __decorate } from "tslib";
+import '@material/web/dialog/dialog';
+import '@material/web/button/text-button';
+import '@material/web/button/filled-tonal-button';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { p } from '../styles/p';
+import { dialogZIndexHack } from '../hacks/dialog-zindex-hack';
+import { dialogCloseNavigationHack, dialogOpenNavigationHack } from '../hacks/dialog-navigation-hack';
+let TitaniumConfirmationDialog = class TitaniumConfirmationDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.#confirmActionText_accessor_storage = 'Confirm';
+        this.#cancelActionText_accessor_storage = 'Cancel';
+        this.#disableConfirmationAction_accessor_storage = false;
+        this.#disableCancelAction_accessor_storage = false;
+        this.open = async (headline, text) => {
+            this.headline = headline;
+            this.text = text;
+            this.dialog.returnValue = '';
+            this.dialog.show();
+            return await new Promise((resolve) => {
+                this.#resolve = resolve;
+            });
+        };
+    }
+    #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; }
+    #confirmActionText_accessor_storage;
+    get confirmActionText() { return this.#confirmActionText_accessor_storage; }
+    set confirmActionText(value) { this.#confirmActionText_accessor_storage = value; }
+    #cancelActionText_accessor_storage;
+    get cancelActionText() { return this.#cancelActionText_accessor_storage; }
+    set cancelActionText(value) { this.#cancelActionText_accessor_storage = value; }
+    #disableConfirmationAction_accessor_storage;
+    get disableConfirmationAction() { return this.#disableConfirmationAction_accessor_storage; }
+    set disableConfirmationAction(value) { this.#disableConfirmationAction_accessor_storage = value; }
+    #disableCancelAction_accessor_storage;
+    get disableCancelAction() { return this.#disableCancelAction_accessor_storage; }
+    set disableCancelAction(value) { this.#disableCancelAction_accessor_storage = value; }
+    #dialog_accessor_storage;
+    get dialog() { return this.#dialog_accessor_storage; }
+    set dialog(value) { this.#dialog_accessor_storage = value; }
+    #resolve;
+    static { this.styles = [
+        p,
+        css `
+      main {
+        display: grid;
+        padding: 6px 24px 0 24px;
+        gap: 12px;
+      }
+
+      md-dialog {
+        max-width: 550px;
+        max-height: calc(100vh - 24px);
+      }
+
+      b,
+      strong {
+        font-weight: 500;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <md-dialog
+        @open=${(e) => {
+            dialogZIndexHack(e.target);
+            dialogOpenNavigationHack(e.target);
+        }}
+        @close=${(e) => {
+            dialogCloseNavigationHack(e.target);
+            if (e.target.returnValue === 'confirmed') {
+                return this.#resolve('confirmed');
+            }
+            return this.#resolve('cancel');
+        }}
+      >
+        <div slot="headline">${this.headline}</div>
+        <main slot="content" part="content-container">
+          ${this.text ? html `<p>${this.text}</p>` : nothing}
+          <slot></slot>
+        </main>
+        <div slot="actions">
+          <md-text-button ?disabled=${this.disableCancelAction} @click=${() => this.dialog.close('cancel')}>${this.cancelActionText}</md-text-button>
+          <md-filled-tonal-button ?disabled=${this.disableConfirmationAction} @click=${() => this.dialog.close('confirmed')}
+            >${this.confirmActionText}</md-filled-tonal-button
+          >
+        </div>
+      </md-dialog>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumConfirmationDialog.prototype, "text", null);
+__decorate([
+    property({ type: String })
+], TitaniumConfirmationDialog.prototype, "headline", null);
+__decorate([
+    property({ type: String, attribute: 'confirm-action-text' })
+], TitaniumConfirmationDialog.prototype, "confirmActionText", null);
+__decorate([
+    property({ type: String, attribute: 'cancel-action-text' })
+], TitaniumConfirmationDialog.prototype, "cancelActionText", null);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-confirmation-action' })
+], TitaniumConfirmationDialog.prototype, "disableConfirmationAction", null);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-cancel-action' })
+], TitaniumConfirmationDialog.prototype, "disableCancelAction", null);
+__decorate([
+    query('md-dialog')
+], TitaniumConfirmationDialog.prototype, "dialog", null);
+TitaniumConfirmationDialog = __decorate([
+    customElement('titanium-confirmation-dialog')
+], TitaniumConfirmationDialog);
+export default TitaniumConfirmationDialog;
+//# sourceMappingURL=confirmation-dialog.js.map

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

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

package/titanium/data-table/data-table-action-bar.d.ts

@@ -0,0 +1,11 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class TitaniumDataTableActionBar<T extends object> extends LitElement {
+    accessor selected: Array<Partial<T>>;
+    private accessor hasSelected;
+    private accessor hasAddButton;
+    private accessor addButtonElements;
+    updated(changedProps: PropertyValues<this>): void;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table-action-bar.d.ts.map