@leavittsoftware/web 8.7.2 → 8.8.0

package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.d.ts

@@ -0,0 +1,168 @@
+import '@material/web/textfield/outlined-text-field';
+import { MdOutlinedTextField } from '@material/web/textfield/outlined-text-field';
+import { LitElement } from 'lit';
+import { TextFieldType, UnsupportedTextFieldType } from '@material/web/textfield/internal/text-field';
+export declare class ExtendableOutlinedTextField extends LitElement {
+    accessor input: MdOutlinedTextField;
+    /**
+     * 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()`.
+     */
+    accessor error: boolean;
+    accessor disabled: boolean;
+    /**
+     * 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()`.
+     */
+    accessor errorText: string;
+    accessor label: string;
+    accessor required: boolean;
+    /**
+     * The current value of the text field. It is always a string.
+     */
+    accessor value: string;
+    /**
+     * An optional prefix to display before the input value.
+     */
+    accessor prefixText: string;
+    /**
+     * An optional suffix to display after the input value.
+     */
+    accessor suffixText: string;
+    /**
+     * Whether or not the text field has a leading icon. Used for SSR.
+     */
+    accessor hasLeadingIcon: boolean;
+    /**
+     * Whether or not the text field has a trailing icon. Used for SSR.
+     */
+    accessor hasTrailingIcon: boolean;
+    /**
+     * Conveys additional information below the text field, such as how it should
+     * be used.
+     */
+    accessor supportingText: string;
+    /**
+     * Override the input text CSS `direction`. Useful for RTL languages that use
+     * LTR notation for fractions.
+     */
+    accessor textDirection: string;
+    /**
+     * The number of rows to display for a `type="textarea"` text field.
+     * Defaults to 2.
+     */
+    accessor rows: number;
+    /**
+     * The number of cols to display for a `type="textarea"` text field.
+     * Defaults to 20.
+     */
+    accessor cols: number;
+    accessor inputMode: string;
+    /**
+     * Defines the greatest value in the range of permitted values.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
+     */
+    accessor max: string;
+    /**
+     * 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
+     */
+    accessor maxLength: number;
+    /**
+     * Defines the most negative value in the range of permitted values.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
+     */
+    accessor min: string;
+    /**
+     * The minimum 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#minlength
+     */
+    accessor minLength: number;
+    /**
+     * A regular expression that the text field's value must match to pass
+     * constraint validation.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern
+     */
+    accessor pattern: string;
+    accessor placeholder: string;
+    /**
+     * Indicates whether or not a user should be able to edit the text field's
+     * value.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly
+     */
+    accessor readOnly: boolean;
+    /**
+     * Indicates that input accepts multiple email addresses.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple
+     */
+    accessor multiple: boolean;
+    /**
+     * Returns or sets the element's step attribute, which works with min and max
+     * to limit the increments at which a numeric or date-time value can be set.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
+     */
+    accessor step: string;
+    /**
+     * The `<input>` type to use, defaults to "text". The type greatly changes how
+     * the text field behaves.
+     *
+     * Text fields support a limited number of `<input>` types:
+     *
+     * - text
+     * - textarea
+     * - email
+     * - number
+     * - password
+     * - search
+     * - tel
+     * - url
+     *
+     * See
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+     * for more details on each input type.
+     */
+    accessor type: TextFieldType | UnsupportedTextFieldType;
+    /**
+     * Describes what, if any, type of autocomplete functionality the input
+     * should provide.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+     */
+    accessor autocomplete: string;
+    /**
+     * Describes what, if any, type of spellcheck functionality the input
+     * should provide.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck
+     */
+    accessor spellcheck: any;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    select(): void;
+    setCustomValidity(error: string): void;
+    setRangeText(replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;
+    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
+    stepDown(stepDecrement?: number): void;
+    stepUp(stepDecrement?: number): void;
+    reset(): void;
+    focus(): void;
+    protected renderMainSlot(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=extendable-outlined-text-field.d.ts.map

package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js

@@ -0,0 +1,373 @@
+import { __decorate } from "tslib";
+import '@material/web/textfield/outlined-text-field';
+import { LitElement, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { stringConverter } from '@material/web/internal/controller/string-converter';
+import { redispatchEvent } from '@material/web/internal/events/redispatch-event';
+export class ExtendableOutlinedTextField extends LitElement {
+    #input_accessor_storage;
+    get input() { return this.#input_accessor_storage; }
+    set input(value) { this.#input_accessor_storage = value; }
+    #error_accessor_storage = false;
+    /**
+     * 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; }
+    #disabled_accessor_storage = false;
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_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; }
+    #label_accessor_storage = '';
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #required_accessor_storage = false;
+    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 = false;
+    /**
+     * 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 = false;
+    /**
+     * 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; }
+    #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; }
+    #textDirection_accessor_storage = '';
+    /**
+     * Override the input text CSS `direction`. Useful for RTL languages that use
+     * LTR notation for fractions.
+     */
+    get textDirection() { return this.#textDirection_accessor_storage; }
+    set textDirection(value) { this.#textDirection_accessor_storage = value; }
+    #rows_accessor_storage = 2;
+    /**
+     * The number of rows to display for a `type="textarea"` text field.
+     * Defaults to 2.
+     */
+    get rows() { return this.#rows_accessor_storage; }
+    set rows(value) { this.#rows_accessor_storage = value; }
+    #cols_accessor_storage = 20;
+    /**
+     * The number of cols to display for a `type="textarea"` text field.
+     * Defaults to 20.
+     */
+    get cols() { return this.#cols_accessor_storage; }
+    set cols(value) { this.#cols_accessor_storage = value; }
+    #inputMode_accessor_storage = '';
+    // <input> properties
+    get inputMode() { return this.#inputMode_accessor_storage; }
+    set inputMode(value) { this.#inputMode_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 = -1;
+    /**
+     * 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; }
+    #minLength_accessor_storage = -1;
+    /**
+     * The minimum 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#minlength
+     */
+    get minLength() { return this.#minLength_accessor_storage; }
+    set minLength(value) { this.#minLength_accessor_storage = value; }
+    #pattern_accessor_storage = '';
+    /**
+     * A regular expression that the text field's value must match to pass
+     * constraint validation.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern
+     */
+    get pattern() { return this.#pattern_accessor_storage; }
+    set pattern(value) { this.#pattern_accessor_storage = value; }
+    #placeholder_accessor_storage = '';
+    get placeholder() { return this.#placeholder_accessor_storage; }
+    set placeholder(value) { this.#placeholder_accessor_storage = value; }
+    #readOnly_accessor_storage = false;
+    /**
+     * Indicates whether or not a user should be able to edit the text field's
+     * value.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#readonly
+     */
+    get readOnly() { return this.#readOnly_accessor_storage; }
+    set readOnly(value) { this.#readOnly_accessor_storage = value; }
+    #multiple_accessor_storage = false;
+    /**
+     * Indicates that input accepts multiple email addresses.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#multiple
+     */
+    get multiple() { return this.#multiple_accessor_storage; }
+    set multiple(value) { this.#multiple_accessor_storage = value; }
+    #step_accessor_storage = '';
+    /**
+     * Returns or sets the element's step attribute, which works with min and max
+     * to limit the increments at which a numeric or date-time value can be set.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step
+     */
+    get step() { return this.#step_accessor_storage; }
+    set step(value) { this.#step_accessor_storage = value; }
+    #type_accessor_storage = 'text';
+    /**
+     * The `<input>` type to use, defaults to "text". The type greatly changes how
+     * the text field behaves.
+     *
+     * Text fields support a limited number of `<input>` types:
+     *
+     * - text
+     * - textarea
+     * - email
+     * - number
+     * - password
+     * - search
+     * - tel
+     * - url
+     *
+     * See
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+     * for more details on each input type.
+     */
+    get type() { return this.#type_accessor_storage; }
+    set type(value) { this.#type_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; }
+    #spellcheck_accessor_storage;
+    /**
+     * Describes what, if any, type of spellcheck functionality the input
+     * should provide.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck
+     */
+    get spellcheck() { return this.#spellcheck_accessor_storage; }
+    set spellcheck(value) { this.#spellcheck_accessor_storage = value; }
+    checkValidity() {
+        return this.input.checkValidity();
+    }
+    reportValidity() {
+        return this.input.reportValidity();
+    }
+    select() {
+        this.input.select();
+    }
+    setCustomValidity(error) {
+        this.input.setCustomValidity(error);
+    }
+    setRangeText(replacement, start, end, selectionMode) {
+        this.input.setRangeText(replacement, start, end, selectionMode);
+    }
+    setSelectionRange(start, end, direction) {
+        this.input.setSelectionRange(start, end, direction);
+    }
+    stepDown(stepDecrement) {
+        this.input.stepDown(stepDecrement);
+    }
+    stepUp(stepDecrement) {
+        this.input.stepUp(stepDecrement);
+    }
+    reset() {
+        this.input.reset();
+    }
+    focus() {
+        this.input.focus();
+    }
+    renderMainSlot() {
+        return html `
+      <slot></slot>
+      <slot name="trailing-icon" slot="trailing-icon"></slot>
+      <slot name="leading-icon" slot="leading-icon"></slot>
+    `;
+    }
+    render() {
+        return html `
+      <md-outlined-text-field
+        part="text-field"
+        @input=${(e) => (this.value = e.target.value)}
+        @blur=${(e) => redispatchEvent(this, e)}
+        @focus=${(e) => redispatchEvent(this, e)}
+        @change=${(e) => redispatchEvent(this, e)}
+        @invalid=${(e) => redispatchEvent(this, e)}
+        .disabled=${this.disabled}
+        .required=${this.required}
+        .error=${this.error}
+        .autocomplete=${this.autocomplete}
+        .spellcheck=${this.spellcheck}
+        .errorText=${this.errorText}
+        .hasLeadingIcon=${this.hasLeadingIcon}
+        .hasTrailingIcon=${this.hasTrailingIcon}
+        .label=${this.label}
+        .max=${this.max}
+        .maxLength=${this.maxLength}
+        .minLength=${this.minLength}
+        .pattern=${this.pattern}
+        .placeholder=${this.placeholder}
+        .prefixText=${this.prefixText}
+        .readOnly=${this.readOnly}
+        .rows=${this.rows}
+        .step=${this.step}
+        .suffixText=${this.suffixText}
+        .supportingText=${this.supportingText}
+        .textDirection=${this.textDirection}
+        .type=${this.type}
+        .value=${this.value}
+      >
+        ${this.renderMainSlot()}
+      </md-outlined-text-field>
+    `;
+    }
+}
+__decorate([
+    query('md-outlined-text-field')
+], ExtendableOutlinedTextField.prototype, "input", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExtendableOutlinedTextField.prototype, "error", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExtendableOutlinedTextField.prototype, "disabled", null);
+__decorate([
+    property({ attribute: 'error-text' })
+], ExtendableOutlinedTextField.prototype, "errorText", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "label", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExtendableOutlinedTextField.prototype, "required", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "value", null);
+__decorate([
+    property({ attribute: 'prefix-text' })
+], ExtendableOutlinedTextField.prototype, "prefixText", null);
+__decorate([
+    property({ attribute: 'suffix-text' })
+], ExtendableOutlinedTextField.prototype, "suffixText", null);
+__decorate([
+    property({ type: Boolean, attribute: 'has-leading-icon' })
+], ExtendableOutlinedTextField.prototype, "hasLeadingIcon", null);
+__decorate([
+    property({ type: Boolean, attribute: 'has-trailing-icon' })
+], ExtendableOutlinedTextField.prototype, "hasTrailingIcon", null);
+__decorate([
+    property({ attribute: 'supporting-text' })
+], ExtendableOutlinedTextField.prototype, "supportingText", null);
+__decorate([
+    property({ attribute: 'text-direction' })
+], ExtendableOutlinedTextField.prototype, "textDirection", null);
+__decorate([
+    property({ type: Number })
+], ExtendableOutlinedTextField.prototype, "rows", null);
+__decorate([
+    property({ type: Number })
+], ExtendableOutlinedTextField.prototype, "cols", null);
+__decorate([
+    property({ reflect: true })
+], ExtendableOutlinedTextField.prototype, "inputMode", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "max", null);
+__decorate([
+    property({ type: Number })
+], ExtendableOutlinedTextField.prototype, "maxLength", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "min", null);
+__decorate([
+    property({ type: Number })
+], ExtendableOutlinedTextField.prototype, "minLength", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "pattern", null);
+__decorate([
+    property({ reflect: true, converter: stringConverter })
+], ExtendableOutlinedTextField.prototype, "placeholder", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExtendableOutlinedTextField.prototype, "readOnly", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ExtendableOutlinedTextField.prototype, "multiple", null);
+__decorate([
+    property()
+], ExtendableOutlinedTextField.prototype, "step", null);
+__decorate([
+    property({ reflect: true })
+], ExtendableOutlinedTextField.prototype, "type", null);
+__decorate([
+    property({ reflect: true, type: String })
+], ExtendableOutlinedTextField.prototype, "autocomplete", null);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], ExtendableOutlinedTextField.prototype, "spellcheck", null);
+//# sourceMappingURL=extendable-outlined-text-field.js.map

package/titanium/extendable-outlined-text-field/extendable-outlined-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendable-outlined-text-field.js","sourceRoot":"","sources":["extendable-outlined-text-field.ts"],"names":[],"mappings":";AAAA,OAAO,6CAA6C,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAGrF,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,MAAM,OAAO,2BAA4B,SAAQ,UAAU;IACf,wBAA2B;IAA3B,IAAA,KAAK,2CAAsB;IAA3B,IAAA,KAAK,iDAAsB;IAQhB,0BAAQ,KAAK,CAAC;IANnE;;;;;OAKG;IACkD,IAAA,KAAK,2CAAS;IAAd,IAAA,KAAK,iDAAS;IAEd,6BAAW,KAAK,CAAC;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IAUtB,8BAAY,EAAE,CAAC;IAR/D;;;;;;;OAOG;IAC6C,IAAA,SAAS,+CAAM;IAAf,IAAA,SAAS,qDAAM;IAE1C,0BAAQ,EAAE,CAAC;IAAX,IAAA,KAAK,2CAAM;IAAX,IAAA,KAAK,iDAAM;IAEqB,6BAAW,KAAK,CAAC;IAAjB,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IAKjD,0BAAQ,EAAE,CAAC;IAHhC;;OAEG;IACkB,IAAA,KAAK,2CAAM;IAAX,IAAA,KAAK,iDAAM;IAKiB,+BAAa,EAAE,CAAC;IAHjE;;OAEG;IAC8C,IAAA,UAAU,gDAAM;IAAhB,IAAA,UAAU,sDAAM;IAKhB,+BAAa,EAAE,CAAC;IAHjE;;OAEG;IAC8C,IAAA,UAAU,gDAAM;IAAhB,IAAA,UAAU,sDAAM;IAMxD,mCAAiB,KAAK,CAAC;IAJhC;;OAEG;IAEM,IAAA,cAAc,oDAAS;IAAvB,IAAA,cAAc,0DAAS;IAMvB,oCAAkB,KAAK,CAAC;IAJjC;;OAEG;IAEM,IAAA,eAAe,qDAAS;IAAxB,IAAA,eAAe,2DAAS;IAMoB,mCAAiB,EAAE,CAAC;IAJzE;;;OAGG;IACkD,IAAA,cAAc,oDAAM;IAApB,IAAA,cAAc,0DAAM;IAMrB,kCAAgB,EAAE,CAAC;IAJvE;;;OAGG;IACiD,IAAA,aAAa,mDAAM;IAAnB,IAAA,aAAa,yDAAM;IAMlC,yBAAO,CAAC,CAAC;IAJ9C;;;OAGG;IACkC,IAAA,IAAI,0CAAK;IAAT,IAAA,IAAI,gDAAK;IAMT,yBAAO,EAAE,CAAC;IAJ/C;;;OAGG;IACkC,IAAA,IAAI,0CAAM;IAAV,IAAA,IAAI,gDAAM;IAGA,8BAAY,EAAE,CAAC;IAD9D,qBAAqB;IAC0B,IAAA,SAAS,+CAAM;IAAf,IAAA,SAAS,qDAAM;IAOzC,wBAAM,EAAE,CAAC;IAL9B;;;;OAIG;IACkB,IAAA,GAAG,yCAAM;IAAT,IAAA,GAAG,+CAAM;IAQO,8BAAY,CAAC,CAAC,CAAC;IANpD;;;;;OAKG;IACkC,IAAA,SAAS,+CAAM;IAAf,IAAA,SAAS,qDAAM;IAO/B,wBAAM,EAAE,CAAC;IAL9B;;;;OAIG;IACkB,IAAA,GAAG,yCAAM;IAAT,IAAA,GAAG,+CAAM;IAQO,8BAAY,CAAC,CAAC,CAAC;IANpD;;;;;OAKG;IACkC,IAAA,SAAS,+CAAM;IAAf,IAAA,SAAS,qDAAM;IAQ/B,4BAAU,EAAE,CAAC;IANlC;;;;;OAKG;IACkB,IAAA,OAAO,6CAAM;IAAb,IAAA,OAAO,mDAAM;IAEgC,gCAAc,EAAE,CAAC;IAAjB,IAAA,WAAW,iDAAM;IAAjB,IAAA,WAAW,uDAAM;IAQ9B,6BAAW,KAAK,CAAC;IANtE;;;;;OAKG;IACkD,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IAOjB,6BAAW,KAAK,CAAC;IALtE;;;;OAIG;IACkD,IAAA,QAAQ,8CAAS;IAAjB,IAAA,QAAQ,oDAAS;IAQjD,yBAAO,EAAE,CAAC;IAN/B;;;;;OAKG;IACkB,IAAA,IAAI,0CAAM;IAAV,IAAA,IAAI,gDAAM;IAqBO,yBAAiD,MAAM,CAAC;IAnB9F;;;;;;;;;;;;;;;;;;OAkBG;IACmC,IAAA,IAAI,0CAAoD;IAAxD,IAAA,IAAI,gDAAoD;IAQ1C,iCAAe,EAAE,CAAC;IANtE;;;;;OAKG;IACiD,IAAA,YAAY,kDAAM;IAAlB,IAAA,YAAY,wDAAM;IAQjB,6BAAW;IANhE;;;;;OAKG;IACkD,IAAA,UAAU,gDAAC;IAAX,IAAA,UAAU,sDAAC;IAEhE,aAAa;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IACtB,CAAC;IAED,iBAAiB,CAAC,KAAa;QAC7B,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAED,YAAY,CAAC,WAAmB,EAAE,KAAa,EAAE,GAAW,EAAE,aAA6B;QACzF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;IAClE,CAAC;IAED,iBAAiB,CAAC,KAAoB,EAAE,GAAkB,EAAE,SAA2C;QACrG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC;IAED,QAAQ,CAAC,aAAsB;QAC7B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACrC,CAAC;IAED,MAAM,CAAC,aAAsB;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;iBAGE,CAAC,CAAgC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;iBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;kBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;mBAC9B,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC;oBAC9B,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;iBAChB,IAAI,CAAC,KAAK;wBACH,IAAI,CAAC,YAAY;sBACnB,IAAI,CAAC,UAAU;qBAChB,IAAI,CAAC,SAAS;0BACT,IAAI,CAAC,cAAc;2BAClB,IAAI,CAAC,eAAe;iBAC9B,IAAI,CAAC,KAAK;eACZ,IAAI,CAAC,GAAG;qBACF,IAAI,CAAC,SAAS;qBACd,IAAI,CAAC,SAAS;mBAChB,IAAI,CAAC,OAAO;uBACR,IAAI,CAAC,WAAW;sBACjB,IAAI,CAAC,UAAU;oBACjB,IAAI,CAAC,QAAQ;gBACjB,IAAI,CAAC,IAAI;gBACT,IAAI,CAAC,IAAI;sBACH,IAAI,CAAC,UAAU;0BACX,IAAI,CAAC,cAAc;yBACpB,IAAI,CAAC,aAAa;gBAC3B,IAAI,CAAC,IAAI;iBACR,IAAI,CAAC,KAAK;;UAEjB,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;CACF;AAzQ2C;IAAzC,KAAK,CAAC,wBAAwB,CAAC;wDAAqC;AAQhB;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAAwB;AAEd;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAA2B;AAUtB;IAA/C,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;4DAAyB;AAE1C;IAApB,QAAQ,EAAE;wDAAqB;AAEqB;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAA2B;AAKjD;IAApB,QAAQ,EAAE;wDAAqB;AAKiB;IAAhD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;6DAA0B;AAKhB;IAAhD,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;6DAA0B;AAMxD;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iEAC3B;AAMvB;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;kEAC3B;AAMoB;IAApD,QAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;iEAA8B;AAMrB;IAAnD,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;gEAA6B;AAMlC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAmB;AAMT;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAoB;AAGA;IAA9C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAAkC;AAOzC;IAApB,QAAQ,EAAE;sDAAmB;AAQO;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAyB;AAO/B;IAApB,QAAQ,EAAE;sDAAmB;AAQO;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAyB;AAQ/B;IAApB,QAAQ,EAAE;0DAAuB;AAEgC;IAAjE,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;8DAA2B;AAQ9B;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAA2B;AAOjB;IAApD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DAA2B;AAQjD;IAApB,QAAQ,EAAE;uDAAoB;AAqBO;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAkE;AAQ1C;IAAnD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+DAA4B;AAQjB;IAApD,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAqB"}

package/titanium/full-page-loading-indicator/full-page-loading-indicator.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import '@material/web/progress/linear-progress';
+/**
+ * A simple full-screen veil with loading indicator that uses promise driven pending-state-events
+ *
+ * @element titanium-full-page-loading-indicator
+ *
+ *
+ */
+export declare class TitaniumFullPageLoadingIndicator extends LitElement {
+    #private;
+    private accessor open;
+    firstUpdated(): void;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=full-page-loading-indicator.d.ts.map

package/titanium/full-page-loading-indicator/full-page-loading-indicator.js

@@ -0,0 +1,121 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { PendingStateEvent } from '../types/pending-state-event';
+import '@material/web/progress/linear-progress';
+/**
+ * A simple full-screen veil with loading indicator that uses promise driven pending-state-events
+ *
+ * @element titanium-full-page-loading-indicator
+ *
+ *
+ */
+let TitaniumFullPageLoadingIndicator = class TitaniumFullPageLoadingIndicator extends LitElement {
+    #open_accessor_storage;
+    get open() { return this.#open_accessor_storage; }
+    set open(value) { this.#open_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 = 350;
+    #timeOpen;
+    #openCount = 0;
+    firstUpdated() {
+        this.popover = 'manual';
+        this.addEventListener('toggle', (e) => (this.open = e.newState === 'open'));
+        window.addEventListener(PendingStateEvent.eventType, async (e) => {
+            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();
+            if (this.showPopover) {
+                this.showPopover();
+            }
+            else {
+                this.open = true;
+            }
+            this.style.display = 'block';
+        }, 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(() => {
+            if (this.hidePopover) {
+                this.hidePopover();
+            }
+            else {
+                this.open = false;
+            }
+            this.style.display = 'none';
+        }, closeDelay);
+    }
+    static { this.styles = css `
+    :host {
+      width: 100%;
+      height: 100%;
+      max-width: 100vw;
+      max-height: 100vh;
+
+      border: 0;
+      inset: unset;
+      top: 0;
+      right: 0;
+      left: 0;
+      bottom: 0;
+      margin: 0;
+      padding: 0;
+      background: transparent;
+    }
+
+    :host::backdrop {
+      background-color: var(--md-sys-color-scrim, #000);
+      backdrop-filter: blur(6px);
+    }
+
+    :host(:popover-open)::backdrop {
+      opacity: 0.32;
+    }
+
+    md-linear-progress {
+      position: absolute;
+      width: 100%;
+      top: 0;
+      right: 0;
+      left: 0;
+    }
+  `; }
+    render() {
+        return html ` <md-linear-progress ?indeterminate=${this.open} ?hide=${!this.open}></md-linear-progress> `;
+    }
+};
+__decorate([
+    state()
+], TitaniumFullPageLoadingIndicator.prototype, "open", null);
+TitaniumFullPageLoadingIndicator = __decorate([
+    customElement('titanium-full-page-loading-indicator')
+], TitaniumFullPageLoadingIndicator);
+export { TitaniumFullPageLoadingIndicator };
+//# sourceMappingURL=full-page-loading-indicator.js.map