@leavittsoftware/web 8.7.2 → 8.7.3

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

@@ -0,0 +1,31 @@
+import { PropertyValues } from 'lit';
+import { MdFilledTextField } from '@material/web/textfield/filled-text-field';
+import duration from 'dayjs/esm/plugin/duration';
+/**
+ * titanium-filled-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-filled-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+export declare class TitaniumFilledDurationInput extends MdFilledTextField {
+    #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.
+     */
+    accessor duration: duration.Duration | null;
+    label: string;
+    placeholder: string;
+    autocomplete: string;
+    spellcheck: boolean;
+    updated(changedProps: PropertyValues<this>): void;
+    firstUpdated(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    reset(): Promise<void>;
+    static styles: import("lit").CSSResultOrNative[];
+}
+//# sourceMappingURL=filled-duration-input.d.ts.map

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

@@ -0,0 +1,123 @@
+import { __decorate } from "tslib";
+import { property, customElement } from 'lit/decorators.js';
+import { css } from 'lit';
+import { MdFilledTextField } from '@material/web/textfield/filled-text-field';
+import dayjs from 'dayjs/esm';
+import duration from 'dayjs/esm/plugin/duration';
+import humanInterval, { durationToString } from './human-interval';
+dayjs.extend(duration);
+/**
+ * titanium-filled-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-filled-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+let TitaniumFilledDurationInput = class TitaniumFilledDurationInput extends MdFilledTextField {
+    constructor() {
+        super(...arguments);
+        this.#duration_accessor_storage = null;
+        this.label = 'Duration';
+        this.placeholder = '3 hours and 30 minutes';
+        this.autocomplete = 'off';
+        this.spellcheck = false;
+    }
+    #duration_accessor_storage;
+    /**
+     *  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.
+     */
+    get duration() { return this.#duration_accessor_storage; }
+    set duration(value) { this.#duration_accessor_storage = value; }
+    updated(changedProps) {
+        if (changedProps.has('duration') && changedProps.get('duration') !== this.duration) {
+            if (this.duration) {
+                this.value = durationToString(this.duration);
+            }
+            else {
+                this.duration = null;
+                this.value = '';
+            }
+        }
+    }
+    firstUpdated() {
+        this.addEventListener('change', () => {
+            this.reportValidity();
+            const dur = this.#textToInterval(this.value);
+            if (dur?.asMilliseconds() != this.duration?.asMilliseconds()) {
+                this.duration = dur;
+                this.dispatchEvent(new Event('duration-change'));
+            }
+        });
+    }
+    checkValidity() {
+        return super.checkValidity() && this.#customCheckValidity(this.value);
+    }
+    reportValidity() {
+        if (!this.#customCheckValidity(this.value)) {
+            this.error = true;
+            this.errorText = 'Duration was entered in an incorrect format. Try "3 hours and 30 minutes"';
+        }
+        else {
+            this.error = false;
+            this.errorText = '';
+        }
+        return super.reportValidity();
+    }
+    #customCheckValidity(input) {
+        if (input && !this.#textToInterval(input)) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    #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;
+    }
+    static { this.styles = [
+        ...(Array.isArray(MdFilledTextField.styles) ? MdFilledTextField.styles : [MdFilledTextField.styles]),
+        css `
+      :host {
+        --md-filled-text-field-container-shape: 16px;
+        --md-filled-text-field-active-indicator-height: 0;
+        --md-filled-text-field-error-active-indicator-height: 0;
+        --md-filled-text-field-hover-active-indicator-height: 0;
+        --md-filled-text-field-focus-active-indicator-height: 0;
+        --md-filled-text-field-disabled-active-indicator-height: 0;
+      }
+    `,
+    ]; }
+};
+__decorate([
+    property({ type: Object })
+], TitaniumFilledDurationInput.prototype, "duration", null);
+__decorate([
+    property({ type: String })
+], TitaniumFilledDurationInput.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumFilledDurationInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumFilledDurationInput.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumFilledDurationInput.prototype, "spellcheck", void 0);
+TitaniumFilledDurationInput = __decorate([
+    customElement('titanium-filled-duration-input')
+], TitaniumFilledDurationInput);
+export { TitaniumFilledDurationInput };
+//# sourceMappingURL=filled-duration-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-duration-input.js","sourceRoot":"","sources":["filled-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,73 @@
+// https://github.com/agenda/human-interval
+// Does not support esm
+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/duration-input/outlined-duration-input.d.ts

@@ -0,0 +1,30 @@
+import { PropertyValues } from 'lit';
+import { MdOutlinedTextField } from '@material/web/textfield/outlined-text-field';
+import duration from 'dayjs/esm/plugin/duration';
+/**
+ * titanium-outlined-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-outlined-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+export declare class TitaniumOutlinedDurationInput extends MdOutlinedTextField {
+    #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.
+     */
+    accessor duration: duration.Duration | null;
+    label: string;
+    supportingText: string;
+    autocomplete: string;
+    spellcheck: boolean;
+    updated(changedProps: PropertyValues<this>): void;
+    firstUpdated(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    reset(): Promise<void>;
+}
+//# sourceMappingURL=outlined-duration-input.d.ts.map

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

@@ -0,0 +1,109 @@
+import { __decorate } from "tslib";
+import { property, customElement } from 'lit/decorators.js';
+import { MdOutlinedTextField } from '@material/web/textfield/outlined-text-field';
+import dayjs from 'dayjs/esm';
+import duration from 'dayjs/esm/plugin/duration';
+import humanInterval, { durationToString } from './human-interval';
+dayjs.extend(duration);
+/**
+ * titanium-outlined-duration-input is a human readable duration textfield.
+ *
+ * @element titanium-outlined-duration-input
+ *
+ * @fires duration-change The duration can be accessed via event.target.duration
+ *
+ */
+let TitaniumOutlinedDurationInput = class TitaniumOutlinedDurationInput extends MdOutlinedTextField {
+    constructor() {
+        super(...arguments);
+        this.#duration_accessor_storage = null;
+        this.label = 'Duration';
+        this.supportingText = 'Enter a duration ex. "3 hours and 30 minutes"';
+        this.autocomplete = 'off';
+        this.spellcheck = false;
+    }
+    #duration_accessor_storage;
+    /**
+     *  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.
+     */
+    get duration() { return this.#duration_accessor_storage; }
+    set duration(value) { this.#duration_accessor_storage = value; }
+    updated(changedProps) {
+        if (changedProps.has('duration') && changedProps.get('duration') !== this.duration) {
+            if (this.duration) {
+                this.value = durationToString(this.duration);
+            }
+            else {
+                this.duration = null;
+                this.value = '';
+            }
+        }
+    }
+    firstUpdated() {
+        this.addEventListener('change', () => {
+            this.reportValidity();
+            const dur = this.#textToInterval(this.value);
+            if (dur?.asMilliseconds() != this.duration?.asMilliseconds()) {
+                this.duration = dur;
+                this.dispatchEvent(new Event('duration-change'));
+            }
+        });
+    }
+    checkValidity() {
+        return super.checkValidity() && this.#customCheckValidity(this.value);
+    }
+    reportValidity() {
+        if (!this.#customCheckValidity(this.value)) {
+            this.error = true;
+            this.errorText = 'Duration was entered in an incorrect format. Try "3 hours and 30 minutes"';
+        }
+        else {
+            this.error = false;
+            this.errorText = '';
+        }
+        return super.reportValidity();
+    }
+    #customCheckValidity(input) {
+        if (input && !this.#textToInterval(input)) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    #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 })
+], TitaniumOutlinedDurationInput.prototype, "duration", null);
+__decorate([
+    property({ type: String })
+], TitaniumOutlinedDurationInput.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumOutlinedDurationInput.prototype, "supportingText", void 0);
+__decorate([
+    property({ type: String })
+], TitaniumOutlinedDurationInput.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Boolean })
+], TitaniumOutlinedDurationInput.prototype, "spellcheck", void 0);
+TitaniumOutlinedDurationInput = __decorate([
+    customElement('titanium-outlined-duration-input')
+], TitaniumOutlinedDurationInput);
+export { TitaniumOutlinedDurationInput };
+//# sourceMappingURL=outlined-duration-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-duration-input.js","sourceRoot":"","sources":["outlined-duration-input.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
+     */
+    accessor 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,95 @@
+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 {
+    #message_accessor_storage = 'We were unable to find the page you are looking for...';
+    /**
+     * Reason text for the error
+     */
+    get message() { return this.#message_accessor_storage; }
+    set message(value) { this.#message_accessor_storage = value; }
+    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", null);
+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;IAIV,4BAAkB,wDAAwD,CAAC;IAHhH;;OAEG;IACkC,IAAA,OAAO,6CAAoE;IAA3E,IAAA,OAAO,mDAAoE;aAEzG,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DlB,AA5DY,CA4DX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;cAGD,IAAI,CAAC,OAAO;;;KAGrB,CAAC;IACJ,CAAC;;AAxEoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAqF;AAJrG,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":"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"}