@leavittsoftware/web 1.0.0

package/titanium/drawer/drawer.js

@@ -0,0 +1,233 @@
+var TitaniumDrawer_1;
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+/**
+ * Titanium drawer - a minimalist fly-out style drawer based on a native dialog
+ *
+ * @element titanium-drawer
+ * @slot - Main drawer content slot
+ * @csspart dialog - internal native dialog element
+ * @cssprop {Color} [--md-sys-color-outline-variant] Color of left border when open
+ * @cssprop {Color} [--md-sys-color-on-background] Color of slotted h3 and h4
+ */
+let TitaniumDrawer = class TitaniumDrawer extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Set the position of content fixed when menu is closed. Only takes effect if always-show-content is set.
+         */
+        this.fixed = false;
+        /**
+         * Show the slotted content regardless if the menu is open or closed
+         */
+        this.alwayShowContent = false;
+    }
+    static { TitaniumDrawer_1 = this; }
+    async firstUpdated() {
+        let touchstartX = 0;
+        let touchendX = 0;
+        this.addEventListener('touchstart', e => {
+            touchstartX = e.changedTouches[0].screenX;
+        });
+        this.addEventListener('touchend', e => {
+            touchendX = e.changedTouches[0].screenX;
+            if (touchendX < touchstartX) {
+                this.close();
+            }
+        });
+        this.dialog?.addEventListener('click', e => {
+            if (e.target instanceof Element && e.target?.nodeName === 'DIALOG') {
+                this.close();
+            }
+        });
+        this.dialog?.addEventListener('cancel', event => {
+            event.preventDefault();
+            this.close();
+        });
+        window.addEventListener('popstate', () => this.dialog?.close(), false);
+        // prevent page load @keyframes playing
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        await TitaniumDrawer_1.animationsComplete(this.dialog);
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        await TitaniumDrawer_1.animationsComplete(this.dialog);
+        this.dialog?.removeAttribute('loading');
+    }
+    static async animationsComplete(element) {
+        return await Promise.allSettled(element.getAnimations().map(animation => animation.finished));
+    }
+    /**
+     *  Opens drawer
+     */
+    open() {
+        this.dialog?.showModal();
+        this.dialog?.removeAttribute('hide');
+        this.setBodyOverflow('hidden');
+    }
+    /**
+     *  Closes drawer
+     */
+    async close() {
+        if (this.dialog?.open) {
+            this.dialog?.setAttribute('hide', '');
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            await TitaniumDrawer_1.animationsComplete(this.dialog);
+            this.dialog?.close();
+            this.dialog?.removeAttribute('hide');
+        }
+    }
+    /**
+     *  Closes drawer without animations
+     */
+    closeQuick() {
+        if (this.dialog?.open) {
+            this.dialog?.close();
+        }
+    }
+    setBodyOverflow(value) {
+        const htmlNode = document.querySelector('html');
+        if (htmlNode) {
+            htmlNode.style.overflow = value;
+        }
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    dialog {
+      background-color: var(--md-sys-color-background);
+      color: var(--md-sys-color-on-background);
+    }
+
+    dialog[loading] {
+      visibility: hidden;
+    }
+
+    dialog[open] {
+      display: flex;
+      inset-inline-end: inherit;
+      border: 0;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+      flex-direction: column;
+      width: 300px;
+
+      min-height: 100vh;
+      max-height: -webkit-fill-available;
+
+      border-right: 1px solid var(--md-sys-color-outline-variant);
+      padding-right: 8px;
+      animation: show 0.25s ease normal;
+    }
+
+    :host([always-show-content]) dialog:not([open]) {
+      display: flex;
+      inset-inline-start: initial;
+      inset-inline-end: inherit;
+      border: 0;
+      position: relative;
+      min-width: 300px;
+      padding: 0;
+      margin: 0;
+      width: 100%;
+      flex-direction: column;
+
+      animation: show 0.25s ease normal;
+    }
+
+    :host([always-show-content][fixed]) dialog:not([open]) {
+      position: fixed;
+      top: 56px;
+      max-width: 300px;
+      max-height: calc(100vh - 56px);
+      overflow-y: auto;
+    }
+
+    ::slotted(h3) {
+      font-family: 'Metropolis';
+      color: var(--md-sys-color-on-background);
+      margin: 0px;
+      font-weight: 400;
+      padding: 12px 0px 8px 24px;
+    }
+
+    ::slotted(h4) {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      color: var(--md-sys-color-on-background);
+      font-weight: 400;
+      cursor: pointer;
+      margin: 0px;
+      padding: 16px 24px 8px 24px;
+      min-height: 24px;
+    }
+
+    ::slotted(h4[sub]) {
+      font-weight: 300;
+      font-size: 14px;
+      padding: 0px 12px 6px 66px;
+      cursor: inherit;
+    }
+
+    dialog[hide] {
+      animation: close 0.25s ease normal;
+    }
+
+    @keyframes show {
+      from {
+        transform: translateX(-110%);
+      }
+      to {
+        transform: translateX(0%);
+      }
+    }
+
+    @keyframes close {
+      to {
+        transform: translateX(-110%);
+      }
+    }
+
+    dialog::backdrop {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
+      dialog::backdrop {
+        background-color: rgba(255, 255, 255, 0.7);
+        -webkit-backdrop-filter: blur(3px);
+        backdrop-filter: blur(3px);
+        /* Not supported yet */
+        transition: backdrop-filter 0.5s ease;
+      }
+    }
+  `; }
+    render() {
+        return html `<dialog
+      loading
+      @close=${() => {
+            this.setBodyOverflow('');
+        }}
+      part="dialog"
+    >
+      <slot></slot>
+    </dialog>`;
+    }
+};
+__decorate([
+    query('dialog')
+], TitaniumDrawer.prototype, "dialog", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumDrawer.prototype, "fixed", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'always-show-content' })
+], TitaniumDrawer.prototype, "alwayShowContent", void 0);
+TitaniumDrawer = TitaniumDrawer_1 = __decorate([
+    customElement('titanium-drawer')
+], TitaniumDrawer);
+export { TitaniumDrawer };
+//# sourceMappingURL=drawer.js.map

package/titanium/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["drawer.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;;;;;;GAQG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGL;;WAEG;QACyC,UAAK,GAAY,KAAK,CAAC;QAEnE;;WAEG;QAC2E,qBAAgB,GAAY,KAAK,CAAC;IA+MlH,CAAC;;IA7MC,KAAK,CAAC,YAAY;QAChB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE;YACtC,WAAW,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE;YACpC,SAAS,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YACxC,IAAI,SAAS,GAAG,WAAW,EAAE;gBAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YACzC,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,KAAK,QAAQ,EAAE;gBAClE,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC;QAEvE,uCAAuC;QACvC,oEAAoE;QACpE,MAAM,gBAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;QACtD,oEAAoE;QACpE,MAAM,gBAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;QACtD,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAoB;QAClD,OAAO,MAAM,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChG,CAAC;IAED;;OAEG;IACH,IAAI;QACF,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC;QACzB,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,KAAK;QACT,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE;YACrB,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACtC,oEAAoE;YACpE,MAAM,gBAAc,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAO,CAAC,CAAC;YACtD,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;YACrB,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;SACtC;IACH,CAAC;IAED;;OAEG;IACH,UAAU;QACR,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE;YACrB,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;SACtB;IACH,CAAC;IAES,eAAe,CAAC,KAAa;QACrC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;SACjC;IACH,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkHlB,AAlHY,CAkHX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;eAEA,GAAG,EAAE;YACZ,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;;;;cAIO,CAAC;IACb,CAAC;;AAxNwB;IAAxB,KAAK,CAAC,QAAQ,CAAC;8CAA0C;AAKd;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAwB;AAKW;IAA7E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;wDAAmC;AAXrG,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CA0N1B"}

package/titanium/duration-input/duration-input.d.ts

@@ -0,0 +1,26 @@
+import { PropertyValues } from 'lit';
+import duration from 'dayjs/esm/plugin/duration';
+import { ExtendableOutlinedTextField } from '../extendable-outlined-text-field/extendable-outlined-text-field';
+/**
+ * titanium-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+export declare class TitaniumDurationInput extends ExtendableOutlinedTextField {
+    #private;
+    /**
+     *  Dayjs duration object. This is the main property you will interact with because the value
+     *  property of this component is actually the human readable string and not the duration you most likely
+     *  want to work with. When changed a duration-change event will be dispatched.
+     */
+    duration: duration.Duration | null;
+    firstUpdated(): void;
+    updated(changedProps: PropertyValues<this>): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    reset(): Promise<void>;
+}
+//# sourceMappingURL=duration-input.d.ts.map

package/titanium/duration-input/duration-input.js

@@ -0,0 +1,86 @@
+import { __decorate } from "tslib";
+import { property, customElement } from 'lit/decorators.js';
+import dayjs from 'dayjs/esm';
+import duration from 'dayjs/esm/plugin/duration';
+import { ExtendableOutlinedTextField } from '../extendable-outlined-text-field/extendable-outlined-text-field';
+import humanInterval from './human-interval';
+dayjs.extend(duration);
+/**
+ * titanium-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+let TitaniumDurationInput = class TitaniumDurationInput extends ExtendableOutlinedTextField {
+    constructor() {
+        super(...arguments);
+        /**
+         *  Dayjs duration object. This is the main property you will interact with because the value
+         *  property of this component is actually the human readable string and not the duration you most likely
+         *  want to work with. When changed a duration-change event will be dispatched.
+         */
+        this.duration = null;
+    }
+    firstUpdated() {
+        this.label = 'Duration';
+        this.supportingText = 'Enter a duration e.g. "3 hours and 30 minutes"';
+    }
+    updated(changedProps) {
+        if (changedProps.has('value')) {
+            this.#customReportValidity(this.input.value);
+            const dur = this.#textToInterval(this.input.value);
+            if (dur?.asMilliseconds() != this.duration?.asMilliseconds()) {
+                this.duration = dur;
+                this.dispatchEvent(new Event('duration-change'));
+            }
+        }
+    }
+    checkValidity() {
+        return super.checkValidity() && this.#customCheckValidity(this.input.value);
+    }
+    reportValidity() {
+        this.#customReportValidity(this.input.value);
+        return super.reportValidity();
+    }
+    #customCheckValidity(input) {
+        if (input && !this.#textToInterval(input)) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    #customReportValidity(input) {
+        if (!this.#customCheckValidity(input)) {
+            this.error = true;
+            this.errorText = 'Duration was entered in an incorrect format';
+        }
+        else {
+            this.error = false;
+            this.errorText = '';
+        }
+    }
+    #textToInterval(input) {
+        if (!input) {
+            return null;
+        }
+        const ms = humanInterval(input);
+        return isNaN(ms) ? null : dayjs.duration(ms, 'ms');
+    }
+    async reset() {
+        super.reset();
+        this.error = false;
+        this.errorText = '';
+        this.duration = null;
+    }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumDurationInput.prototype, "duration", void 0);
+TitaniumDurationInput = __decorate([
+    customElement('titanium-duration-input')
+], TitaniumDurationInput);
+export { TitaniumDurationInput };
+//# sourceMappingURL=duration-input.js.map

package/titanium/duration-input/duration-input.js.map

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

package/titanium/duration-input/human-interval.d.ts

@@ -0,0 +1,19 @@
+import duration from 'dayjs/esm/plugin/duration';
+declare const humanInterval: {
+    (time: any): any;
+    languageMap: {
+        one: number;
+        two: number;
+        three: number;
+        four: number;
+        five: number;
+        six: number;
+        seven: number;
+        eight: number;
+        nine: number;
+        ten: number;
+    };
+};
+export declare function durationToString(d: duration.Duration | null | undefined): string;
+export default humanInterval;
+//# sourceMappingURL=human-interval.d.ts.map

package/titanium/duration-input/human-interval.js

@@ -0,0 +1,74 @@
+// https://github.com/agenda/human-interval
+// Does not support esm
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const units = {};
+units.second = 1000;
+units.minute = units.second * 60;
+units.hour = units.minute * 60;
+units.day = units.hour * 24;
+units.week = units.day * 7;
+units.month = units.day * 30;
+units.year = units.day * 365;
+const languageMap = {
+    one: 1,
+    two: 2,
+    three: 3,
+    four: 4,
+    five: 5,
+    six: 6,
+    seven: 7,
+    eight: 8,
+    nine: 9,
+    ten: 10,
+};
+const swapLanguageToDecimals = time => {
+    const language = languageMap;
+    const languageMapRegex = new RegExp('(' + Object.keys(language).join('|') + ')', 'g');
+    const matches = time.match(languageMapRegex);
+    if (!matches) {
+        return time;
+    }
+    matches.forEach(match => {
+        const matchStr = language[match] > 1 ? language[match] : language[match].toString().slice(1);
+        time = time.replace(match, matchStr);
+    });
+    return time;
+};
+const processUnits = time => {
+    if (time.match(/(second|minute|hour|day|week|month|year)s?/) === null) {
+        return undefined;
+    }
+    const num = parseFloat(time) || 1;
+    const unit = time.match(/(second|minute|hour|day|week|month|year)s?/)[1];
+    return units[unit] * num;
+};
+const humanInterval = time => {
+    if (!time) {
+        return time;
+    }
+    if (typeof time === 'number') {
+        return time;
+    }
+    time = swapLanguageToDecimals(time);
+    time = time.replace(/(second|minute|hour|day|week|month|year)s?(?! ?(s )?and |s?$)/, '$1,');
+    return time.split(/and|,/).reduce((sum, group) => sum + (group ? processUnits(group) : 0), 0);
+};
+humanInterval.languageMap = languageMap;
+export function durationToString(d) {
+    if (d === null || d === undefined) {
+        return '';
+    }
+    return Object.entries({
+        years: d.years(),
+        months: d.months(),
+        days: d.days(),
+        hours: d.hours(),
+        minutes: d.minutes(),
+        seconds: d.seconds(),
+    })
+        .filter(value => value[1] !== 0)
+        .map(value => `${value[1]} ${value[1] === 1 ? value[0].slice(0, -1) : value[0]}`)
+        .join(' and ');
+}
+export default humanInterval;
+//# sourceMappingURL=human-interval.js.map

package/titanium/duration-input/human-interval.js.map

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

package/titanium/error-page/error-page.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+/**
+ * A pre-styled error page
+ *
+ * @element titanium-error-page
+ *
+ */
+export declare class TitaniumErrorPage extends LitElement {
+    /**
+     * Reason text for the error
+     */
+    message: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=error-page.d.ts.map

package/titanium/error-page/error-page.js

@@ -0,0 +1,96 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+/**
+ * A pre-styled error page
+ *
+ * @element titanium-error-page
+ *
+ */
+let TitaniumErrorPage = class TitaniumErrorPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Reason text for the error
+         */
+        this.message = 'We were unable to find the page you are looking for...';
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+
+      font-family: Roboto, sans-serif;
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-font-smoothing: antialiased;
+
+      max-width: 1300px;
+    }
+
+    header {
+      flex: 1 1 auto;
+      margin-right: 24px;
+    }
+
+    h1 {
+      font-family: Metropolis, 'Roboto', 'Noto', sans-serif;
+      font-weight: 600;
+      font-size: 75px;
+      line-height: 85px;
+      margin: 0;
+    }
+
+    h2 {
+      font-weight: 400;
+      margin: 8px 0 0 4px;
+      max-width: 75%;
+    }
+
+    img {
+      flex-shrink: 0;
+      height: 280px;
+      width: 280px;
+    }
+
+    @media (max-width: 768px) {
+      :host {
+        margin-top: 24px;
+      }
+
+      h2 {
+        max-width: inherit;
+        font-size: 21px;
+      }
+
+      img {
+        height: 120px;
+        width: 120px;
+        align-self: flex-start;
+      }
+
+      h1 {
+        font-size: 55px;
+        line-height: 65px;
+      }
+    }
+  `; }
+    render() {
+        return html `
+      <header>
+        <h1>Oops!</h1>
+        <h2>${this.message}</h2>
+      </header>
+      <img src="https://www.leavitt.com/images/alert.svg" />
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], TitaniumErrorPage.prototype, "message", void 0);
+TitaniumErrorPage = __decorate([
+    customElement('titanium-error-page')
+], TitaniumErrorPage);
+export { TitaniumErrorPage };
+//# sourceMappingURL=error-page.js.map

package/titanium/error-page/error-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page.js","sourceRoot":"","sources":["error-page.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;GAKG;AAGI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QACL;;WAEG;QACyB,YAAO,GAAW,wDAAwD,CAAC;IAyEzG,CAAC;aAvEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DlB,AA5DY,CA4DX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;cAGD,IAAI,CAAC,OAAO;;;KAGrB,CAAC;IACJ,CAAC;;AAxE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAA4E;AAJ5F,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA6E7B"}

package/titanium/event-bus/event-bus.d.ts

@@ -0,0 +1,10 @@
+export type CrudEventTypes = 'Add' | 'Update' | 'Remove';
+export type EventCallback<TArg> = (arg: TArg) => void;
+export declare class EventBus<TEntityTypes, TEventTypes> {
+    #private;
+    subscribe<TArg>(entityType: TEntityTypes | TEntityTypes[], eventTypes: TEventTypes | TEventTypes[], callback: EventCallback<TArg>): void;
+    subscribeAll(entityType: TEntityTypes | TEntityTypes[], callback: () => void): void;
+    unsubscribe(entityType: TEntityTypes | TEntityTypes[], eventTypes: TEventTypes | TEventTypes[], callback: EventCallback<TEntityTypes>): void;
+    dispatch<TArg>(entityType: TEntityTypes, eventTypes: TEventTypes, object?: TArg): void;
+}
+//# sourceMappingURL=event-bus.d.ts.map

package/titanium/event-bus/event-bus.js

@@ -0,0 +1,52 @@
+export class EventBus {
+    #subscribers = [];
+    subscribe(entityType, eventTypes, callback) {
+        if (Array.isArray(entityType)) {
+            entityType.forEach(o => this.subscribe(o, eventTypes, callback));
+        }
+        else {
+            if (Array.isArray(eventTypes)) {
+                eventTypes.forEach(o => this.subscribe(entityType, o, callback));
+            }
+            else {
+                this.#addSubscription(entityType, eventTypes, callback);
+            }
+        }
+    }
+    subscribeAll(entityType, callback) {
+        if (Array.isArray(entityType)) {
+            entityType.forEach(o => this.#addSubscription(o, 'All', callback));
+        }
+        else {
+            this.#addSubscription(entityType, 'All', callback);
+        }
+    }
+    #addSubscription(entityType, eventTypes, callback) {
+        const subscription = {
+            entityType: entityType,
+            eventTypes,
+            callback,
+        };
+        this.#subscribers.push(subscription);
+    }
+    unsubscribe(entityType, eventTypes, callback) {
+        if (Array.isArray(entityType)) {
+            entityType.forEach(o => this.unsubscribe(o, eventTypes, callback));
+        }
+        else {
+            if (Array.isArray(eventTypes)) {
+                eventTypes.forEach(o => this.unsubscribe(entityType, o, callback));
+            }
+            else {
+                this.#removeSubscription(entityType, eventTypes, callback);
+            }
+        }
+    }
+    #removeSubscription(entityType, eventTypes, callback) {
+        this.#subscribers = this.#subscribers.filter(s => s.callback !== callback || s.entityType !== entityType || s.eventTypes !== eventTypes);
+    }
+    dispatch(entityType, eventTypes, object) {
+        this.#subscribers.filter(s => s.entityType === entityType && (s.eventTypes === 'All' || s.eventTypes === eventTypes)).forEach(s => s.callback(object));
+    }
+}
+//# sourceMappingURL=event-bus.js.map

package/titanium/event-bus/event-bus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-bus.js","sourceRoot":"","sources":["event-bus.ts"],"names":[],"mappings":"AAUA,MAAM,OAAO,QAAQ;IACnB,YAAY,GAAmD,EAAE,CAAC;IAElE,SAAS,CAAO,UAAyC,EAAE,UAAuC,EAAE,QAA6B;QAC/H,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;SAClE;aAAM;YACL,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;aAClE;iBAAM;gBACL,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;aACzD;SACF;IACH,CAAC;IAED,YAAY,CAAC,UAAyC,EAAE,QAAoB;QAC1E,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;SACpE;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SACpD;IACH,CAAC;IAED,gBAAgB,CAAC,UAAwB,EAAE,UAA+B,EAAE,QAAgC;QAC1G,MAAM,YAAY,GAA4C;YAC5D,UAAU,EAAE,UAAU;YACtB,UAAU;YACV,QAAQ;SACT,CAAC;QACF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC;IAED,WAAW,CAAC,UAAyC,EAAE,UAAuC,EAAE,QAAqC;QACnI,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;SACpE;aAAM;YACL,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC7B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;aACpE;iBAAM;gBACL,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;aAC5D;SACF;IACH,CAAC;IAED,mBAAmB,CAAC,UAAwB,EAAE,UAAuB,EAAE,QAAqC;QAC1G,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC;IAC3I,CAAC;IAED,QAAQ,CAAO,UAAwB,EAAE,UAAuB,EAAE,MAAa;QAC7E,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,IAAI,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IACzJ,CAAC;CACF"}