@leavittsoftware/web 8.7.2 → 8.7.3

package/titanium/date-input/date-input.js

@@ -0,0 +1,548 @@
+import { __decorate } from "tslib";
+import { LitElement, css } from 'lit';
+import { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { redispatchEvent } from '@material/web/internal/events/redispatch-event';
+import { stringConverter } from '@material/web/internal/controller/string-converter';
+import '@material/web/field/outlined-field';
+import '@material/web/field/filled-field';
+import '@material/web/icon/icon';
+import '@material/web/iconbutton/icon-button';
+import { html, literal } from 'lit/static-html.js';
+/**
+ * A date input the works in Firefox, Safari and Chrome
+ *
+ * @element titanium-date-input
+ *
+ */
+let TitaniumDateInput = class TitaniumDateInput extends LitElement {
+    constructor() {
+        super();
+        this.onInvalid = (invalidEvent) => {
+            if (this.isCheckingValidity || this.isReportingValidity) {
+                return;
+            }
+            this.showErrorMessage(false, invalidEvent);
+        };
+        this.#disabled_accessor_storage = false;
+        this.#error_accessor_storage = false;
+        this.#errorText_accessor_storage = '';
+        this.#noAsterisk_accessor_storage = false;
+        this.#label_accessor_storage = '';
+        this.#filled_accessor_storage = false;
+        this.#required_accessor_storage = false;
+        this.#value_accessor_storage = '';
+        this.#prefixText_accessor_storage = '';
+        this.#suffixText_accessor_storage = '';
+        this.#hasLeadingIcon_accessor_storage = false;
+        this.#hasTrailingIcon_accessor_storage = false;
+        this.#max_accessor_storage = '';
+        this.#maxLength_accessor_storage = -1;
+        this.#min_accessor_storage = '';
+        this.#supportingText_accessor_storage = '';
+        this.#placeholder_accessor_storage = '';
+        this.#type_accessor_storage = 'date';
+        this.#dirty_accessor_storage = false;
+        this.#focused_accessor_storage = false;
+        this.#nativeError_accessor_storage = false;
+        this.#nativeErrorText_accessor_storage = '';
+        this.#autocomplete_accessor_storage = '';
+        this.isCheckingValidity = false;
+        this.isReportingValidity = false;
+        // Needed for Safari, see https://bugs.webkit.org/show_bug.cgi?id=261432
+        // Replace with this[internals].validity.customError when resolved.
+        this.hasCustomValidityError = false;
+        this.internals_ = this.attachInternals();
+    }
+    static { this.formAssociated = true; }
+    attributeChangedCallback(attribute, newValue, oldValue) {
+        if (attribute === 'value' && this.dirty) {
+            // After user input, changing the value attribute no longer updates the
+            // text field's value (until reset). This matches native <input> behavior.
+            return;
+        }
+        super.attributeChangedCallback(attribute, newValue, oldValue);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        // Handles the case where the user submits the form and native validation
+        // error pops up. We want the error styles to show.
+        this.addEventListener('invalid', this.onInvalid);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('invalid', this.onInvalid);
+    }
+    #disabled_accessor_storage;
+    /**
+     *  Whether or not the input should be disabled
+     */
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #error_accessor_storage;
+    /**
+     * Gets or sets whether or not the text field is in a visually invalid state.
+     *
+     * This error state overrides the error state controlled by
+     * `reportValidity()`.
+     */
+    get error() { return this.#error_accessor_storage; }
+    set error(value) { this.#error_accessor_storage = value; }
+    #errorText_accessor_storage;
+    /**
+     * The error message that replaces supporting text when `error` is true. If
+     * `errorText` is an empty string, then the supporting text will continue to
+     * show.
+     *
+     * This error message overrides the error message displayed by
+     * `reportValidity()`.
+     */
+    get errorText() { return this.#errorText_accessor_storage; }
+    set errorText(value) { this.#errorText_accessor_storage = value; }
+    #noAsterisk_accessor_storage;
+    /**
+     *  Whether or not to show an asterisk next to the label.
+     */
+    get noAsterisk() { return this.#noAsterisk_accessor_storage; }
+    set noAsterisk(value) { this.#noAsterisk_accessor_storage = value; }
+    #label_accessor_storage;
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #filled_accessor_storage;
+    /**
+     *  Swaps out outlined text field for a filled text field.
+     */
+    get filled() { return this.#filled_accessor_storage; }
+    set filled(value) { this.#filled_accessor_storage = value; }
+    #required_accessor_storage;
+    get required() { return this.#required_accessor_storage; }
+    set required(value) { this.#required_accessor_storage = value; }
+    #value_accessor_storage;
+    /**
+     * The current value of the text field. It is always a string.
+     */
+    get value() { return this.#value_accessor_storage; }
+    set value(value) { this.#value_accessor_storage = value; }
+    #prefixText_accessor_storage;
+    /**
+     * An optional prefix to display before the input value.
+     */
+    get prefixText() { return this.#prefixText_accessor_storage; }
+    set prefixText(value) { this.#prefixText_accessor_storage = value; }
+    #suffixText_accessor_storage;
+    /**
+     * An optional suffix to display after the input value.
+     */
+    get suffixText() { return this.#suffixText_accessor_storage; }
+    set suffixText(value) { this.#suffixText_accessor_storage = value; }
+    #hasLeadingIcon_accessor_storage;
+    /**
+     * Whether or not the text field has a leading icon. Used for SSR.
+     */
+    get hasLeadingIcon() { return this.#hasLeadingIcon_accessor_storage; }
+    set hasLeadingIcon(value) { this.#hasLeadingIcon_accessor_storage = value; }
+    #hasTrailingIcon_accessor_storage;
+    /**
+     * Whether or not the text field has a trailing icon. Used for SSR.
+     */
+    get hasTrailingIcon() { return this.#hasTrailingIcon_accessor_storage; }
+    set hasTrailingIcon(value) { this.#hasTrailingIcon_accessor_storage = value; }
+    #max_accessor_storage;
+    /**
+     * Defines the greatest value in the range of permitted values.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
+     */
+    get max() { return this.#max_accessor_storage; }
+    set max(value) { this.#max_accessor_storage = value; }
+    #maxLength_accessor_storage;
+    /**
+     * The maximum number of characters a user can enter into the text field. Set
+     * to -1 for none.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength
+     */
+    get maxLength() { return this.#maxLength_accessor_storage; }
+    set maxLength(value) { this.#maxLength_accessor_storage = value; }
+    #min_accessor_storage;
+    /**
+     * Defines the most negative value in the range of permitted values.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
+     */
+    get min() { return this.#min_accessor_storage; }
+    set min(value) { this.#min_accessor_storage = value; }
+    #supportingText_accessor_storage;
+    /**
+     * Conveys additional information below the text field, such as how it should
+     * be used.
+     */
+    get supportingText() { return this.#supportingText_accessor_storage; }
+    set supportingText(value) { this.#supportingText_accessor_storage = value; }
+    #placeholder_accessor_storage;
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #type_accessor_storage;
+    get type() { return this.#type_accessor_storage; }
+    set type(value) { this.#type_accessor_storage = value; }
+    #dirty_accessor_storage;
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    get dirty() { return this.#dirty_accessor_storage; }
+    set dirty(value) { this.#dirty_accessor_storage = value; }
+    #focused_accessor_storage;
+    get focused() { return this.#focused_accessor_storage; }
+    set focused(value) { this.#focused_accessor_storage = value; }
+    #nativeError_accessor_storage;
+    /**
+     * Whether or not a native error has been reported via `reportValidity()`.
+     */
+    get nativeError() { return this.#nativeError_accessor_storage; }
+    set nativeError(value) { this.#nativeError_accessor_storage = value; }
+    #nativeErrorText_accessor_storage;
+    /**
+     * The validation message displayed from a native error via
+     * `reportValidity()`.
+     */
+    get nativeErrorText() { return this.#nativeErrorText_accessor_storage; }
+    set nativeErrorText(value) { this.#nativeErrorText_accessor_storage = value; }
+    #autocomplete_accessor_storage;
+    /**
+     * Describes what, if any, type of autocomplete functionality the input
+     * should provide.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     */
+    get autocomplete() { return this.#autocomplete_accessor_storage; }
+    set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
+    #input_accessor_storage;
+    get input() { return this.#input_accessor_storage; }
+    set input(value) { this.#input_accessor_storage = value; }
+    #leadingIcons_accessor_storage;
+    get leadingIcons() { return this.#leadingIcons_accessor_storage; }
+    set leadingIcons(value) { this.#leadingIcons_accessor_storage = value; }
+    #trailingIcons_accessor_storage;
+    get trailingIcons() { return this.#trailingIcons_accessor_storage; }
+    set trailingIcons(value) { this.#trailingIcons_accessor_storage = value; }
+    checkValidity() {
+        this.isCheckingValidity = true;
+        this.syncValidity();
+        const isValid = this.internals_.checkValidity();
+        this.isCheckingValidity = false;
+        return isValid;
+    }
+    reportValidity() {
+        this.isReportingValidity = true;
+        let invalidEvent;
+        this.addEventListener('invalid', (event) => {
+            invalidEvent = event;
+        }, { once: true });
+        const valid = this.checkValidity();
+        this.showErrorMessage(valid, invalidEvent);
+        this.isReportingValidity = false;
+        return valid;
+    }
+    get validationMessage() {
+        this.syncValidity();
+        return this.internals_.validationMessage;
+    }
+    /**
+     * Returns a `ValidityState` object that represents the validity states of the
+     * text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState
+     */
+    get validity() {
+        this.syncValidity();
+        return this.internals_.validity;
+    }
+    syncValidity() {
+        // Sync the internal <input>'s validity and the host's ElementInternals
+        // validity. We do this to re-use native `<input>` validation messages.
+        const input = this.input;
+        if (this.hasCustomValidityError) {
+            input.setCustomValidity(this.internals_.validationMessage);
+        }
+        else {
+            input.setCustomValidity('');
+        }
+        this.internals_.setValidity(input.validity, input.validationMessage, this.input);
+    }
+    handleIconChange() {
+        this.hasLeadingIcon = this.leadingIcons.length > 0;
+        this.hasTrailingIcon = this.trailingIcons.length > 0;
+    }
+    getErrorText() {
+        return this.error ? this.errorText : this.nativeErrorText;
+    }
+    showErrorMessage(valid, invalidEvent) {
+        if (invalidEvent?.defaultPrevented) {
+            return valid;
+        }
+        const prevMessage = this.getErrorText();
+        this.nativeError = !valid;
+        this.nativeErrorText = this.validationMessage;
+        if (prevMessage === this.getErrorText()) {
+            this.shadowRoot?.querySelector(this.filled ? 'md-filled-field' : 'md-outlined-field')?.reannounceError();
+        }
+        return valid;
+    }
+    /**
+     * Selects all the text in the text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select
+     */
+    select() {
+        this.input.select();
+    }
+    setCustomValidity(error) {
+        this.hasCustomValidityError = !!error;
+        this.internals_.setValidity({ customError: !!error }, error, this.input);
+    }
+    reset() {
+        this.dirty = false;
+        this.value = this.getAttribute('value') ?? '';
+        this.nativeError = false;
+        this.nativeErrorText = '';
+        this.error = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    :host([filled]) {
+      --md-filled-field-container-shape: 16px;
+
+      --md-filled-field-active-indicator-height: 0;
+      --md-filled-field-error-active-indicator-height: 0;
+      --md-filled-field-hover-active-indicator-height: 0;
+      --md-filled-field-focus-active-indicator-height: 0;
+      --md-filled-field-disabled-active-indicator-height: 0;
+
+      --md-filled-field-label-text-populated-line-height: 14px;
+    }
+
+    :host(:not([filled])) {
+      --md-outlined-field-top-space: 15px;
+      --md-outlined-field-bottom-space: 15px;
+    }
+
+    md-outlined-field,
+    md-filled-field {
+      width: 100%;
+    }
+
+    input::-webkit-calendar-picker-indicator {
+      display: none;
+      -webkit-appearance: none;
+    }
+
+    md-icon-button {
+      margin-right: 8px;
+    }
+
+    /* Safari Only */
+    _::-webkit-full-page-media,
+    _:future,
+    input {
+      padding-top: 14px;
+      padding-bottom: 7px;
+    }
+
+    :host([filled]) _::-webkit-full-page-media,
+    :host([filled]) _:future,
+    :host([filled]) input {
+      padding-top: 21px;
+      padding-bottom: 0;
+    }
+
+    _::-webkit-full-page-media,
+    _:future,
+    md-icon-button[open-picker] {
+      display: none;
+    }
+
+    @supports (-webkit-touch-callout: none) {
+      /* CSS specific to iOS devices */
+      input::-webkit-date-and-time-value {
+        text-align: left;
+      }
+
+      input {
+        min-width: 100px;
+        padding-bottom: 10px;
+        padding-top: 16px;
+        height: 30px;
+      }
+
+      :host([filled]) input {
+        padding-bottom: 3px;
+        padding-top: 23px;
+      }
+    }
+
+    /* FireFox specific hacks! */
+    @-moz-document url-prefix() {
+      input {
+        min-width: 186px;
+      }
+
+      input[type='datetime-local'] {
+        min-width: 285px;
+      }
+
+      md-icon-button[open-picker] {
+        display: none;
+      }
+
+      :host([filled]) {
+        --md-filled-field-label-text-populated-line-height: 16px;
+      }
+
+      :host(:not([filled])) {
+        --md-outlined-field-top-space: 16px;
+        --md-outlined-field-bottom-space: 16px;
+      }
+    }
+  `; }
+    render() {
+        /* eslint-disable lit/binding-positions, lit/no-invalid-html */
+        return html `
+      <${this.filled ? literal `md-filled-field` : literal `md-outlined-field`}
+        ?disabled=${this.disabled}
+        ?error=${this.error || this.nativeError}
+        error-text=${this.getErrorText()}
+        ?focused=${this.focused}
+        ?has-end=${this.hasTrailingIcon}
+        ?has-start=${this.hasLeadingIcon}
+        label=${this.label}
+        ?populated=${!!this.value}
+        ?required=${this.required}
+        supporting-text=${this.supportingText}
+        ?no-asterisk=${this.noAsterisk}
+      >
+        <span class="icon leading" slot="start">
+          <slot name="leading-icon" @slotchange=${this.handleIconChange}></slot>
+        </span>
+        <input
+          type=${this.type}
+          ?disabled=${this.disabled}
+          aria-describedby="description"
+          aria-invalid=${this.error || this.nativeError}
+          aria-label=${this.label}
+          placeholder=${this.placeholder || ''}
+          ?required=${this.required}
+          .value=${live(this.value)}
+          @change=${(e) => redispatchEvent(this, e)}
+          @focusin=${() => (this.focused = true)}
+          @focusout=${() => (this.focused = false)}
+          .autocomplete=${this.autocomplete}
+          max=${this.max}
+          min=${this.min}
+          @blur=${(e) => redispatchEvent(this, e)}
+          @input=${(event) => {
+            this.dirty = true;
+            this.value = event.target.value;
+            // Sync validity so that clients can check validity on input.
+            this.syncValidity();
+        }}
+          @select=${(e) => redispatchEvent(this, e)}
+        />
+        <span class="icon trailing" slot="end">
+          <slot name="trailing-icon" @slotchange=${this.handleIconChange}>
+            <md-icon-button open-picker @click=${() => this.input?.showPicker()}>
+              <md-icon>calendar_today</md-icon>
+            </md-icon-button>
+          </slot>
+        </span>
+      </${this.filled ? literal `md-filled-field` : literal `md-outlined-field`}>
+    `;
+        /* eslint-enable lit/binding-positions, lit/no-invalid-html */
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumDateInput.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumDateInput.prototype, "error", null);
+__decorate([
+    property({ attribute: 'error-text' })
+], TitaniumDateInput.prototype, "errorText", null);
+__decorate([
+    property({ type: Boolean, attribute: 'no-asterisk' })
+], TitaniumDateInput.prototype, "noAsterisk", null);
+__decorate([
+    property()
+], TitaniumDateInput.prototype, "label", null);
+__decorate([
+    property({ type: Boolean, attribute: 'filled' })
+], TitaniumDateInput.prototype, "filled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], TitaniumDateInput.prototype, "required", null);
+__decorate([
+    property()
+], TitaniumDateInput.prototype, "value", null);
+__decorate([
+    property({ attribute: 'prefix-text' })
+], TitaniumDateInput.prototype, "prefixText", null);
+__decorate([
+    property({ attribute: 'suffix-text' })
+], TitaniumDateInput.prototype, "suffixText", null);
+__decorate([
+    property({ type: Boolean, attribute: 'has-leading-icon' })
+], TitaniumDateInput.prototype, "hasLeadingIcon", null);
+__decorate([
+    property({ type: Boolean, attribute: 'has-trailing-icon' })
+], TitaniumDateInput.prototype, "hasTrailingIcon", null);
+__decorate([
+    property()
+], TitaniumDateInput.prototype, "max", null);
+__decorate([
+    property({ type: Number })
+], TitaniumDateInput.prototype, "maxLength", null);
+__decorate([
+    property()
+], TitaniumDateInput.prototype, "min", null);
+__decorate([
+    property({ attribute: 'supporting-text' })
+], TitaniumDateInput.prototype, "supportingText", null);
+__decorate([
+    property({ reflect: true, converter: stringConverter })
+], TitaniumDateInput.prototype, "placeholder", null);
+__decorate([
+    property({ reflect: true })
+], TitaniumDateInput.prototype, "type", null);
+__decorate([
+    state()
+], TitaniumDateInput.prototype, "dirty", null);
+__decorate([
+    state()
+], TitaniumDateInput.prototype, "focused", null);
+__decorate([
+    state()
+], TitaniumDateInput.prototype, "nativeError", null);
+__decorate([
+    state()
+], TitaniumDateInput.prototype, "nativeErrorText", null);
+__decorate([
+    property({ reflect: true, type: String })
+], TitaniumDateInput.prototype, "autocomplete", null);
+__decorate([
+    query('input')
+], TitaniumDateInput.prototype, "input", null);
+__decorate([
+    queryAssignedElements({ slot: 'leading-icon' })
+], TitaniumDateInput.prototype, "leadingIcons", null);
+__decorate([
+    queryAssignedElements({ slot: 'trailing-icon' })
+], TitaniumDateInput.prototype, "trailingIcons", null);
+TitaniumDateInput = __decorate([
+    customElement('titanium-date-input')
+], TitaniumDateInput);
+export { TitaniumDateInput };
+//# sourceMappingURL=date-input.js.map

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

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

package/titanium/date-range-selector/date-range-change-event.d.ts

@@ -0,0 +1,8 @@
+export declare class DateRangeChangedEvent extends Event {
+    range: string;
+    startDate: string;
+    endDate: string;
+    static eventType: string;
+    constructor(range: string, startDate: string, endDate: string, eventInitDict?: EventInit);
+}
+//# sourceMappingURL=date-range-change-event.d.ts.map

package/titanium/date-range-selector/date-range-change-event.js

@@ -0,0 +1,10 @@
+export class DateRangeChangedEvent extends Event {
+    static { this.eventType = 'date-range-changed'; }
+    constructor(range, startDate, endDate, eventInitDict) {
+        super(DateRangeChangedEvent.eventType, { bubbles: false, composed: true, ...eventInitDict });
+        this.range = range;
+        this.startDate = startDate;
+        this.endDate = endDate;
+    }
+}
+//# sourceMappingURL=date-range-change-event.js.map

package/titanium/date-range-selector/date-range-change-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-change-event.js","sourceRoot":"","sources":["date-range-change-event.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,qBAAsB,SAAQ,KAAK;aACvC,cAAS,GAAG,oBAAoB,CAAC;IAExC,YACS,KAAa,EACb,SAAiB,EACjB,OAAe,EACtB,aAAyB;QAEzB,KAAK,CAAC,qBAAqB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC,CAAC;QALtF,UAAK,GAAL,KAAK,CAAQ;QACb,cAAS,GAAT,SAAS,CAAQ;QACjB,YAAO,GAAP,OAAO,CAAQ;IAIxB,CAAC"}

package/titanium/date-range-selector/date-range-selector.d.ts

@@ -0,0 +1,71 @@
+import '@material/web/icon/icon';
+import '@material/web/field/outlined-field';
+import '@material/web/field/filled-field';
+import '@material/web/menu/menu';
+import '@material/web/button/text-button';
+import '@material/web/list/list';
+import '@material/web/list/list-item';
+import '../date-input/date-input';
+import { LitElement } from 'lit';
+import { DateRangeOption } from './types/date-range-option';
+/**
+ *  Date range selector that allows selection from a list of pre-defined ranges or a custom range
+ *
+ *  @element titanium-date-range-selector
+ *
+ *  @fires date-range-changed - Fired when a range selection is made or cleared or the start or end date are changed to a valid combination
+ *
+ */
+export declare class TitaniumDateRangeSelector extends LitElement {
+    #private;
+    /**
+     *  The selected selected range.
+     */
+    accessor range: string;
+    /**
+    //  *  The selected start date.
+    //  */
+    accessor startDate: string;
+    accessor endDate: string;
+    /**
+     *  Sets floating label value.
+     */
+    accessor label: string;
+    /**
+     *  Type of date inputs
+     */
+    accessor type: 'date' | 'datetime-local';
+    /**
+     *  Whether or not the input should be disabled
+     */
+    accessor disabled: boolean;
+    /**
+     *  Whether or not the input should be filled
+     */
+    accessor filled: boolean;
+    /**
+     *  Override default ranges with custom options. Needs to contain, at least, 'allTime'.
+     */
+    accessor customDateRanges: Map<string, DateRangeOption> | null;
+    /**
+     * Conveys additional information below the text field, such as how it should
+     * be used.
+     */
+    accessor supportingText: string;
+    accessor positioning: 'absolute' | 'fixed' | 'document' | 'popover';
+    private accessor menu;
+    private accessor list;
+    private accessor proposedRange;
+    private accessor proposedStartDate;
+    private accessor proposedEndDate;
+    protected accessor open: boolean;
+    private accessor focused;
+    updated(changedProps: any): Promise<void>;
+    /**
+     * resets the validity of the start and end date inputs
+     */
+    reset(): Promise<void>;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult;
+}
+//# sourceMappingURL=date-range-selector.d.ts.map