@leavittsoftware/web 8.7.2 → 8.8.0

package/leavitt/app/app-navigation-footer.d.ts

@@ -0,0 +1,18 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class LeavittAppNavigationFooter extends LitElement {
+    #private;
+    private accessor isOverflowed;
+    accessor maxWidth: string | null;
+    accessor scrollableParent: Element | null;
+    private accessor hasLeading;
+    private accessor hasTrailing;
+    private accessor leadingElements;
+    private accessor trailingElements;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues<this>): Promise<void>;
+    isOverflown(element: Element): boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-navigation-footer.d.ts.map

package/leavitt/app/app-navigation-footer.js

@@ -0,0 +1,142 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
+import { findScrollableParent } from '../../titanium/helpers/find-scrollable-parent';
+import { styleMap } from 'lit/directives/style-map.js';
+let LeavittAppNavigationFooter = class LeavittAppNavigationFooter extends LitElement {
+    #isOverflowed_accessor_storage = false;
+    get isOverflowed() { return this.#isOverflowed_accessor_storage; }
+    set isOverflowed(value) { this.#isOverflowed_accessor_storage = value; }
+    #maxWidth_accessor_storage = '640px';
+    get maxWidth() { return this.#maxWidth_accessor_storage; }
+    set maxWidth(value) { this.#maxWidth_accessor_storage = value; }
+    #scrollableParent_accessor_storage = null;
+    get scrollableParent() { return this.#scrollableParent_accessor_storage; }
+    set scrollableParent(value) { this.#scrollableParent_accessor_storage = value; }
+    #hasLeading_accessor_storage = false;
+    get hasLeading() { return this.#hasLeading_accessor_storage; }
+    set hasLeading(value) { this.#hasLeading_accessor_storage = value; }
+    #hasTrailing_accessor_storage = false;
+    get hasTrailing() { return this.#hasTrailing_accessor_storage; }
+    set hasTrailing(value) { this.#hasTrailing_accessor_storage = value; }
+    #leadingElements_accessor_storage;
+    get leadingElements() { return this.#leadingElements_accessor_storage; }
+    set leadingElements(value) { this.#leadingElements_accessor_storage = value; }
+    #trailingElements_accessor_storage;
+    get trailingElements() { return this.#trailingElements_accessor_storage; }
+    set trailingElements(value) { this.#trailingElements_accessor_storage = value; }
+    #scrollableParent = null;
+    #resizeObserver = null;
+    async connectedCallback() {
+        super.connectedCallback();
+        const fallbackScrollableParent = await findScrollableParent(this);
+        this.#scrollableParent = this.scrollableParent || fallbackScrollableParent;
+        if (this.#scrollableParent) {
+            this.#resizeObserver = new ResizeObserver(() => {
+                this.#onResize();
+            });
+            this.#resizeObserver.observe(this.#scrollableParent);
+        }
+    }
+    disconnectedCallback() {
+        if (this.#scrollableParent) {
+            this.#resizeObserver?.disconnect();
+        }
+        super.disconnectedCallback();
+    }
+    async updated(changedProps) {
+        if (changedProps.has('scrollableParent')) {
+            this.#resizeObserver?.disconnect();
+            const fallbackScrollableParent = await findScrollableParent(this);
+            this.#scrollableParent = this.scrollableParent || fallbackScrollableParent;
+            if (this.#scrollableParent) {
+                this.#resizeObserver = new ResizeObserver(() => {
+                    this.#onResize();
+                });
+                this.#resizeObserver.observe(this.#scrollableParent);
+            }
+        }
+    }
+    isOverflown(element) {
+        return element.scrollHeight > element.clientHeight;
+    }
+    #onResize() {
+        if (this.#scrollableParent) {
+            this.isOverflowed = this.isOverflown(this.#scrollableParent);
+        }
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+
+        position: sticky;
+        bottom: 0;
+        min-height: 64px;
+
+        background-color: var(--md-sys-color-surface-container-lowest);
+        z-index: 2;
+      }
+
+      :host([is-overflowed]) {
+        border-top: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      main {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        justify-self: center;
+        padding: 12px 16px;
+        width: 100%;
+        box-sizing: border-box;
+      }
+
+      section {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 12px;
+      }
+
+      :host([has-leading][has-trailing]) main {
+        gap: 16px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <main part="main" style=${this.maxWidth ? styleMap({ maxWidth: this.maxWidth }) : nothing}>
+        <section part="leading"><slot @slotchange=${() => (this.hasLeading = this.leadingElements.length > 0)} name="leading"></slot></section>
+        <section part="trailing"><slot @slotchange=${() => (this.hasTrailing = this.trailingElements.length > 0)} name="trailing"></slot></section>
+      </main>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'is-overflowed' })
+], LeavittAppNavigationFooter.prototype, "isOverflowed", null);
+__decorate([
+    property({ type: String, attribute: 'max-width' })
+], LeavittAppNavigationFooter.prototype, "maxWidth", null);
+__decorate([
+    property({ type: Object, attribute: 'scrollable-parent' })
+], LeavittAppNavigationFooter.prototype, "scrollableParent", null);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'has-leading' })
+], LeavittAppNavigationFooter.prototype, "hasLeading", null);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'has-trailing' })
+], LeavittAppNavigationFooter.prototype, "hasTrailing", null);
+__decorate([
+    queryAssignedElements({ slot: 'leading' })
+], LeavittAppNavigationFooter.prototype, "leadingElements", null);
+__decorate([
+    queryAssignedElements({ slot: 'trailing' })
+], LeavittAppNavigationFooter.prototype, "trailingElements", null);
+LeavittAppNavigationFooter = __decorate([
+    customElement('leavitt-app-navigation-footer')
+], LeavittAppNavigationFooter);
+export { LeavittAppNavigationFooter };
+//# sourceMappingURL=app-navigation-footer.js.map

package/leavitt/app/app-navigation-footer.js.map

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

package/leavitt/app/app-navigation-header.d.ts

@@ -0,0 +1,22 @@
+import '@material/web/icon/icon';
+import { LitElement, PropertyValues } from 'lit';
+export declare class LeavittAppNavigationHeader extends LitElement {
+    #private;
+    accessor stickyTop: boolean;
+    accessor scrollableParent: Element | null;
+    accessor level1Text: string | null;
+    accessor level1Href: string | null;
+    accessor level2Text: string | null;
+    accessor level2Href: string | null;
+    accessor level3Text: string | null;
+    accessor level3Href: string | null;
+    accessor level4Text: string | null;
+    accessor level4Href: string | null;
+    private accessor isScrolled;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    updated(changedProps: PropertyValues<this>): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-navigation-header.d.ts.map

package/leavitt/app/app-navigation-header.js

@@ -0,0 +1,239 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ellipsis, h1 } from '@leavittsoftware/web/titanium/styles/styles';
+import { findScrollableParent } from '../../titanium/helpers/find-scrollable-parent';
+let LeavittAppNavigationHeader = class LeavittAppNavigationHeader extends LitElement {
+    #stickyTop_accessor_storage = false;
+    get stickyTop() { return this.#stickyTop_accessor_storage; }
+    set stickyTop(value) { this.#stickyTop_accessor_storage = value; }
+    #scrollableParent_accessor_storage = null;
+    get scrollableParent() { return this.#scrollableParent_accessor_storage; }
+    set scrollableParent(value) { this.#scrollableParent_accessor_storage = value; }
+    #level1Text_accessor_storage;
+    get level1Text() { return this.#level1Text_accessor_storage; }
+    set level1Text(value) { this.#level1Text_accessor_storage = value; }
+    #level1Href_accessor_storage;
+    get level1Href() { return this.#level1Href_accessor_storage; }
+    set level1Href(value) { this.#level1Href_accessor_storage = value; }
+    #level2Text_accessor_storage;
+    get level2Text() { return this.#level2Text_accessor_storage; }
+    set level2Text(value) { this.#level2Text_accessor_storage = value; }
+    #level2Href_accessor_storage;
+    get level2Href() { return this.#level2Href_accessor_storage; }
+    set level2Href(value) { this.#level2Href_accessor_storage = value; }
+    #level3Text_accessor_storage;
+    get level3Text() { return this.#level3Text_accessor_storage; }
+    set level3Text(value) { this.#level3Text_accessor_storage = value; }
+    #level3Href_accessor_storage;
+    get level3Href() { return this.#level3Href_accessor_storage; }
+    set level3Href(value) { this.#level3Href_accessor_storage = value; }
+    #level4Text_accessor_storage;
+    get level4Text() { return this.#level4Text_accessor_storage; }
+    set level4Text(value) { this.#level4Text_accessor_storage = value; }
+    #level4Href_accessor_storage;
+    get level4Href() { return this.#level4Href_accessor_storage; }
+    set level4Href(value) { this.#level4Href_accessor_storage = value; }
+    #isScrolled_accessor_storage = false;
+    get isScrolled() { return this.#isScrolled_accessor_storage; }
+    set isScrolled(value) { this.#isScrolled_accessor_storage = value; }
+    #scrollableParent = null;
+    static { this.styles = [
+        h1,
+        ellipsis,
+        css `
+      :host {
+        display: grid;
+        grid:
+          'main gap trailing'
+          'footer footer footer'
+          / auto 1fr auto;
+        align-items: start;
+
+        min-height: 64px;
+        background-color: var(--md-sys-color-surface-container-lowest);
+        box-sizing: border-box;
+        z-index: 2;
+
+        position: relative;
+      }
+
+      :host([is-scrolled][sticky-top]) {
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      :host([sticky-top]) {
+        position: sticky;
+        top: 0;
+      }
+
+      :host(:not([sticky-top])) {
+        border-bottom: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      aside {
+        grid-area: trailing;
+        display: flex;
+        flex-direction: row;
+        gap: 4px;
+        align-items: center;
+        padding: 8px 16px 0 0;
+      }
+
+      footer {
+        display: grid;
+        grid-area: footer;
+      }
+
+      main {
+        grid-area: main;
+        display: flex;
+        flex-direction: row;
+
+        padding: 20px 8px 0 16px;
+
+        /* position: sticky;
+        left: 16px; */
+        align-items: center;
+
+        gap: 4px;
+      }
+      h1 {
+        opacity: 0.8;
+      }
+
+      h1 > a:visited,
+      h1 > a {
+        text-decoration: none;
+        color: var(--md-sys-color-on-surface);
+      }
+
+      h1 > a:hover {
+        text-decoration: underline;
+      }
+
+      h1:last-child {
+        opacity: 1;
+      }
+
+      md-icon {
+        opacity: 0.8;
+      }
+
+      @container (width < 920px) {
+        :host {
+          min-height: 54px;
+        }
+
+        main {
+          padding: 16px 8px 0 16px;
+        }
+
+        h1 {
+          font-size: 16px;
+          line-height: 18px;
+        }
+      }
+    `,
+    ]; }
+    async connectedCallback() {
+        super.connectedCallback();
+        const fallbackScrollableParent = await findScrollableParent(this);
+        this.#scrollableParent = this.scrollableParent || fallbackScrollableParent;
+        if (this.#scrollableParent) {
+            this.#scrollableParent.addEventListener('scroll', this.#onScroll.bind(this), false);
+        }
+    }
+    async disconnectedCallback() {
+        if (this.#scrollableParent) {
+            this.#scrollableParent.removeEventListener('scroll', this.#onScroll.bind(this), false);
+        }
+        super.disconnectedCallback();
+    }
+    async updated(changedProps) {
+        if (changedProps.has('scrollableParent')) {
+            this.#scrollableParent?.removeEventListener('scroll', this.#onScroll.bind(this), false);
+            const fallbackScrollableParent = await findScrollableParent(this);
+            this.#scrollableParent = this.scrollableParent || fallbackScrollableParent;
+            if (this.#scrollableParent) {
+                this.#scrollableParent.addEventListener('scroll', this.#onScroll.bind(this), false);
+            }
+        }
+    }
+    #onScroll() {
+        this.isScrolled = (this.#scrollableParent?.scrollTop || 0) > 0;
+    }
+    render() {
+        return html `
+      <main ellipsis part="main">
+        ${this.level1Text
+            ? this.level1Href
+                ? html `<h1 ellipsis><a title=${this.level1Text} href=${this.level1Href}>${this.level1Text}</a></h1>`
+                : html `<h1 ellipsis>${this.level1Text}</h1>`
+            : nothing}
+        ${this.level2Text
+            ? this.level2Href
+                ? html ` <md-icon>chevron_right</md-icon>
+                <h1 ellipsis><a title=${this.level2Text} href=${this.level2Href}>${this.level2Text}</a></h1>`
+                : html ` <md-icon>chevron_right</md-icon>
+                <h1 ellipsis>${this.level2Text}</h1>`
+            : nothing}
+        ${this.level3Text
+            ? this.level3Href
+                ? html `<md-icon>chevron_right</md-icon>
+                <h1 ellipsis><a title=${this.level3Text} href=${this.level3Href}>${this.level3Text}</a></h1>`
+                : html `<md-icon>chevron_right</md-icon>
+                <h1 ellipsis>${this.level3Text}</h1>`
+            : nothing}
+        ${this.level4Text
+            ? this.level4Href
+                ? html `<md-icon>chevron_right</md-icon>
+                <h1 ellipsis><a title=${this.level4Text} href=${this.level4Href}>${this.level4Text}</a></h1>`
+                : html `<md-icon>chevron_right</md-icon>
+                <h1 ellipsis>${this.level4Text}</h1>`
+            : nothing}
+      </main>
+      <aside part="trailing"><slot name="trailing"></slot></aside>
+      <footer part="footer"><slot name="footer"></slot></footer>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'sticky-top' })
+], LeavittAppNavigationHeader.prototype, "stickyTop", null);
+__decorate([
+    property({ type: Object, attribute: 'scrollable-parent' })
+], LeavittAppNavigationHeader.prototype, "scrollableParent", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level1Text", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level1Href", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level2Text", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level2Href", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level3Text", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level3Href", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level4Text", null);
+__decorate([
+    property({ type: String })
+], LeavittAppNavigationHeader.prototype, "level4Href", null);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'is-scrolled' })
+], LeavittAppNavigationHeader.prototype, "isScrolled", null);
+LeavittAppNavigationHeader = __decorate([
+    customElement('leavitt-app-navigation-header')
+], LeavittAppNavigationHeader);
+export { LeavittAppNavigationHeader };
+//# sourceMappingURL=app-navigation-header.js.map

package/leavitt/app/app-navigation-header.js.map

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

package/leavitt/app/app-width-limiter.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class LeavittAppWidthLimiter extends LitElement {
+    accessor maxWidth: string;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-width-limiter.d.ts.map

package/leavitt/app/app-width-limiter.js

@@ -0,0 +1,39 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let LeavittAppWidthLimiter = class LeavittAppWidthLimiter extends LitElement {
+    #maxWidth_accessor_storage = '640px';
+    get maxWidth() { return this.#maxWidth_accessor_storage; }
+    set maxWidth(value) { this.#maxWidth_accessor_storage = value; }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+        padding: 12px 16px 0 16px;
+        width: 100%;
+        justify-self: center;
+        box-sizing: border-box;
+
+        align-content: start;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <style>
+        :host {
+          max-width: ${this.maxWidth};
+        }
+      </style>
+      <slot></slot>
+    `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'max-width' })
+], LeavittAppWidthLimiter.prototype, "maxWidth", null);
+LeavittAppWidthLimiter = __decorate([
+    customElement('leavitt-app-width-limiter')
+], LeavittAppWidthLimiter);
+export { LeavittAppWidthLimiter };
+//# sourceMappingURL=app-width-limiter.js.map

package/leavitt/app/app-width-limiter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-width-limiter.js","sourceRoot":"","sources":["app-width-limiter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IACS,6BAAmB,OAAO,CAAC;IAA3B,IAAA,QAAQ,8CAAmB;IAA3B,IAAA,QAAQ,oDAAmB;aAEjF,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;KAUF;KACF,AAZY,CAYX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;;;uBAGQ,IAAI,CAAC,QAAQ;;;;KAI/B,CAAC;IACJ,CAAC;;AAzB4D;IAA5D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;sDAAqC;AAD7E,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA2BlC"}

package/leavitt/app/contexts/main-menu-position-context.d.ts

@@ -0,0 +1,4 @@
+export declare const mainMenuPositionContext: {
+    __context__: string;
+};
+//# sourceMappingURL=main-menu-position-context.d.ts.map

package/leavitt/app/contexts/main-menu-position-context.js

@@ -0,0 +1,3 @@
+import { createContext } from '@lit/context';
+export const mainMenuPositionContext = createContext('mainMenuPositionContext');
+//# sourceMappingURL=main-menu-position-context.js.map

package/leavitt/app/contexts/main-menu-position-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-position-context.js","sourceRoot":"","sources":["main-menu-position-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAS,yBAAyB,CAAC,CAAC"}

package/leavitt/company-select/company-select.d.ts

@@ -0,0 +1,53 @@
+import { PropertyValues } from 'lit';
+import '@material/web/icon/icon';
+import '@material/web/textfield/outlined-text-field';
+import '@material/web/menu/menu';
+import '@material/web/menu/menu-item';
+import { Company } from '@leavittsoftware/lg-core-typescript/lg.net.core';
+import ApiService from '../api-service/api-service';
+import { TitaniumSingleSelectBase } from '../../titanium/single-select-base/single-select-base';
+/**
+ *  Single select input that searches Leavitt Group companies
+ *
+ *  @element leavitt-company-select
+ *
+ *  @fires selected - Fired when selection is made or cleared
+ *
+ */
+export declare class LeavittCompanySelect extends TitaniumSingleSelectBase<Partial<Company>> {
+    #private;
+    accessor label: string;
+    accessor placeholder: string;
+    accessor pathToSelectedText: string;
+    accessor companies: Array<Partial<Company>>;
+    /**
+     *  Required
+     */
+    accessor apiService: ApiService;
+    /**
+     *  Disables automatic loading of companies on firstUpdated
+     */
+    accessor disableAutoLoad: boolean;
+    /**
+     *  Odata parts for the Company API call
+     */
+    accessor odataParts: Array<string>;
+    /**
+     *  Set the name of the API controller to use
+     */
+    accessor apiControllerName: string;
+    accessor autocomplete: string;
+    accessor spellcheck: boolean;
+    accessor renderMenuItemContentTemplate: (company: Partial<Company>) => import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    updated(changedProps: PropertyValues<this>): Promise<void>;
+    /**
+     *  Force the list of companies to reload from remote
+     */
+    reloadCompanies(): Promise<void>;
+    static styles: import("lit").CSSResult[];
+    protected onInputChanged(searchTerm: string): void;
+    protected renderSelectedLeadingInputSlot(entity: Partial<Company>): import("lit-html").TemplateResult<1>;
+    protected renderSuggestion(company: Partial<Company>): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=company-select.d.ts.map