@leavittsoftware/web 8.7.2 → 8.8.0

package/titanium/data-table/page-control.js

@@ -0,0 +1,236 @@
+import { __decorate } from "tslib";
+import { css, LitElement } from 'lit';
+import { property, customElement, queryAsync } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { literal, html } from 'lit/static-html.js';
+import '@material/web/iconbutton/icon-button';
+import '@material/web/select/outlined-select.js';
+import '@material/web/select/filled-select.js';
+import '@material/web/select/select-option.js';
+/**
+ * Material design page control with page size selector!
+ *
+ * @element titanium-page-control
+ *
+ * @fires action - Fired when take or page is changed by click or keyboard action. Replaces `take-changed` and `page-changed`.
+ *
+ * @cssprop [--titanium-page-control-font-family=Roboto, Noto, sans-serif] - page control font family
+ */
+let TitaniumPageControl = class TitaniumPageControl extends LitElement {
+    #pageSizes_accessor_storage = [10, 15, 20, 50];
+    /**
+     * Available page sizes
+     */
+    get pageSizes() { return this.#pageSizes_accessor_storage; }
+    set pageSizes(value) { this.#pageSizes_accessor_storage = value; }
+    #defaultPageSize_accessor_storage = 10;
+    /**
+     * The default page size before the user changes it
+     */
+    get defaultPageSize() { return this.#defaultPageSize_accessor_storage; }
+    set defaultPageSize(value) { this.#defaultPageSize_accessor_storage = value; }
+    #page_accessor_storage = 0;
+    /**
+     * Current page of data the table is on
+     */
+    get page() { return this.#page_accessor_storage; }
+    set page(value) { this.#page_accessor_storage = value; }
+    #count_accessor_storage;
+    /**
+     * Total number of items in all pages.
+     */
+    get count() { return this.#count_accessor_storage; }
+    set count(value) { this.#count_accessor_storage = value; }
+    #localStorageKey_accessor_storage;
+    /**
+     * Local storage key to save the current page size.
+     */
+    get localStorageKey() { return this.#localStorageKey_accessor_storage; }
+    set localStorageKey(value) { this.#localStorageKey_accessor_storage = value; }
+    #label_accessor_storage = 'Items per page';
+    /**
+     * Label for the page control. If not provided, defaults to 'Items per page'.
+     */
+    get label() { return this.#label_accessor_storage; }
+    set label(value) { this.#label_accessor_storage = value; }
+    #disabled_accessor_storage;
+    /**
+     * Disables the page control select and page navigation buttons when true
+     */
+    get disabled() { return this.#disabled_accessor_storage; }
+    set disabled(value) { this.#disabled_accessor_storage = value; }
+    #filled_accessor_storage = false;
+    /**
+     *  Swaps out outlined select for a filled select.
+     */
+    get filled() { return this.#filled_accessor_storage; }
+    set filled(value) { this.#filled_accessor_storage = value; }
+    #select_accessor_storage;
+    get select() { return this.#select_accessor_storage; }
+    set select(value) { this.#select_accessor_storage = value; }
+    /**
+     * Gets or sets take value and assigns it to local storage.
+     */
+    get take() {
+        const take = Number(window.localStorage.getItem(this.localStorageKey)) || 0;
+        if (take > 0) {
+            return take;
+        }
+        const defaultTake = this.pageSizes.includes(this.defaultPageSize) ? this.defaultPageSize : (this.pageSizes?.[0] ?? 1);
+        return defaultTake;
+    }
+    set take(val) {
+        this.page = 0;
+        if (!this.pageSizes.includes(val)) {
+            this.pageSizes = [...this.pageSizes, val].sort((a, b) => a - b);
+        }
+        localStorage.setItem(this.localStorageKey, String(val));
+    }
+    #getPageStats(page, count) {
+        if (!count) {
+            return '0-0 of 0';
+        }
+        const startOfPage = count === 0 ? count : page * this.take + 1;
+        const endOfPage = (page + 1) * this.take > count ? count : (page + 1) * this.take;
+        return `${startOfPage}-${endOfPage} of ${count}`;
+    }
+    #handleNextPageClick() {
+        const nextPage = this.page + 1;
+        if (nextPage * this.take >= this.count) {
+            return;
+        }
+        this.#setPage(this.page + 1);
+        this.dispatchEvent(new CustomEvent('action', { composed: true }));
+    }
+    #handleLastPageClick() {
+        if (this.page === 0) {
+            return;
+        }
+        this.#setPage(this.page - 1);
+        this.dispatchEvent(new CustomEvent('action', { composed: true }));
+    }
+    #setPage(value) {
+        this.page = value;
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+      font-family: var(--titanium-page-control-font-family, Roboto, Noto, sans-serif);
+      -webkit-font-smoothing: antialiased;
+    }
+
+    table-controls {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: start;
+      align-items: center;
+      max-width: 450px;
+      min-width: 0;
+
+      font-size: 14px;
+      font-weight: 400;
+      letter-spacing: 0.011em;
+      line-height: 20px;
+      gap: 12px;
+      user-select: none;
+    }
+
+    table-paging {
+      display: flex;
+    }
+
+    md-outlined-select {
+      min-width: 100px;
+      --md-outlined-field-top-space: 4px;
+      --md-outlined-field-bottom-space: 4px;
+      --md-outlined-select-text-field-container-shape: 8px;
+    }
+
+    md-filled-select {
+      min-width: 100px;
+      overflow: hidden;
+      border-radius: 8px;
+      --md-filled-select-text-field-container-color: var(--md-sys-color-surface-container-high);
+      --md-filled-select-text-field-container-shape: 8px;
+      --md-menu-container-shape: 8px;
+
+      --md-filled-select-text-field-active-indicator-height: 0;
+      --md-filled-select-text-field-error-active-indicator-height: 0;
+      --md-filled-select-text-field-hover-active-indicator-height: 0;
+      --md-filled-select-text-field-disabled-active-indicator-height: 0;
+
+      --md-filled-field-top-space: 4px;
+      --md-filled-field-bottom-space: 4px;
+    }
+
+    [hidden] {
+      display: none;
+    }
+  `; }
+    render() {
+        /* eslint-disable lit/binding-positions, lit/no-invalid-html */
+        return html `
+      <table-controls>
+          <div ellipsis>${this.label}</div>
+          <${this.filled ? literal `md-filled-select` : literal `md-outlined-select`}
+            ?disabled=${this.disabled}
+            @request-selection=${(e) => {
+            e.stopPropagation();
+            this.take = Number(e.target.value);
+            this.dispatchEvent(new CustomEvent('action', { composed: true }));
+        }}
+          >
+            ${repeat(this.pageSizes, (o) => o, (o) => html ` <md-select-option ?selected=${this.take === o} value=${o}>
+                  <div slot="headline">${o}</div>
+                </md-select-option>`)}
+          </${this.filled ? literal `md-filled-select` : literal `md-outlined-select`}>
+        ${this.#getPageStats(this.page, this.count)}
+        <table-paging>
+          <md-icon-button @click=${this.#handleLastPageClick} ?disabled=${this.page === 0 || !this.count || this.disabled}>
+            <md-icon>keyboard_arrow_left</md-icon>
+          </md-icon-button>
+          <md-icon-button @click=${this.#handleNextPageClick} ?disabled=${!this.count || (this.page + 1) * this.take >= this.count || this.disabled}>
+            <md-icon>keyboard_arrow_right</md-icon>
+          </md-icon-button>
+        </table-paging>
+      </table-controls>
+    `;
+        /* eslint-enable lit/binding-positions, lit/no-invalid-html */
+    }
+};
+__decorate([
+    property({ type: Array })
+], TitaniumPageControl.prototype, "pageSizes", null);
+__decorate([
+    property({ type: Number, attribute: 'default-page-size' })
+], TitaniumPageControl.prototype, "defaultPageSize", null);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "page", null);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "count", null);
+__decorate([
+    property({ type: String, attribute: 'local-storage-key' })
+], TitaniumPageControl.prototype, "localStorageKey", null);
+__decorate([
+    property({ type: String })
+], TitaniumPageControl.prototype, "label", null);
+__decorate([
+    property({ type: Boolean })
+], TitaniumPageControl.prototype, "disabled", null);
+__decorate([
+    property({ type: Boolean, attribute: 'filled' })
+], TitaniumPageControl.prototype, "filled", null);
+__decorate([
+    queryAsync('md-select')
+], TitaniumPageControl.prototype, "select", null);
+__decorate([
+    property({ type: Number })
+], TitaniumPageControl.prototype, "take", null);
+TitaniumPageControl = __decorate([
+    customElement('titanium-page-control')
+], TitaniumPageControl);
+export { TitaniumPageControl };
+//# sourceMappingURL=page-control.js.map

package/titanium/data-table/page-control.js.map

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

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

@@ -0,0 +1,149 @@
+import { LitElement } from 'lit';
+import '@material/web/field/outlined-field';
+import '@material/web/field/filled-field';
+import '@material/web/icon/icon';
+import '@material/web/iconbutton/icon-button';
+/**
+ * A date input the works in Firefox, Safari and Chrome
+ *
+ * @element titanium-date-input
+ *
+ */
+export declare class TitaniumDateInput extends LitElement {
+    constructor();
+    static readonly formAssociated = true;
+    private readonly onInvalid;
+    attributeChangedCallback(attribute: string, newValue: string | null, oldValue: string | null): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     *  Whether or not the input should be disabled
+     */
+    accessor disabled: boolean;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     *  Whether or not to show an asterisk next to the label.
+     */
+    accessor noAsterisk: boolean;
+    accessor label: string;
+    /**
+     *  Swaps out outlined text field for a filled text field.
+     */
+    accessor filled: boolean;
+    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;
+    /**
+     * 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;
+    /**
+     * Conveys additional information below the text field, such as how it should
+     * be used.
+     */
+    accessor supportingText: string;
+    accessor placeholder: string;
+    accessor type: 'date' | 'datetime-local';
+    /**
+     * Returns true when the text field has been interacted with. Native
+     * validation errors only display in response to user interactions.
+     */
+    private accessor dirty;
+    private accessor focused;
+    /**
+     * Whether or not a native error has been reported via `reportValidity()`.
+     */
+    private accessor nativeError;
+    /**
+     * The validation message displayed from a native error via
+     * `reportValidity()`.
+     */
+    private accessor nativeErrorText;
+    /**
+     * 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;
+    private accessor input;
+    private accessor leadingIcons;
+    private accessor trailingIcons;
+    private isCheckingValidity;
+    private isReportingValidity;
+    private hasCustomValidityError;
+    private internals_;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    get validationMessage(): string;
+    /**
+     * 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(): ValidityState;
+    private syncValidity;
+    private handleIconChange;
+    private getErrorText;
+    private showErrorMessage;
+    /**
+     * Selects all the text in the text field.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select
+     */
+    select(): void;
+    setCustomValidity(error: string): void;
+    reset(): void;
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult;
+}
+//# sourceMappingURL=date-input.d.ts.map