@leavittsoftware/web 5.14.4 → 5.15.1

package/leavitt/app/app-logo.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+declare const LeavittAppLogo_base: import("@leavittsoftware/web/leavitt/theme/theme-preference").Constructor<import("@leavittsoftware/web/leavitt/theme/theme-preference").ThemePreferenceInterface> & typeof LitElement;
+export declare class LeavittAppLogo extends LeavittAppLogo_base {
+    accessor href: string;
+    accessor title: string;
+    accessor appName: string | null;
+    static styles: import("lit").CSSResult[];
+    renderLGLogoText(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=app-logo.d.ts.map

package/leavitt/app/app-logo.js

@@ -0,0 +1,129 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ThemePreference } from '@leavittsoftware/web/leavitt/theme/theme-preference';
+let LeavittAppLogo = class LeavittAppLogo extends ThemePreference(LitElement) {
+    #href_accessor_storage = '/';
+    get href() { return this.#href_accessor_storage; }
+    set href(value) { this.#href_accessor_storage = value; }
+    #title_accessor_storage = 'Back to home';
+    get title() { return this.#title_accessor_storage; }
+    set title(value) { this.#title_accessor_storage = value; }
+    #appName_accessor_storage;
+    get appName() { return this.#appName_accessor_storage; }
+    set appName(value) { this.#appName_accessor_storage = value; }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+      }
+
+      :host(:hover) {
+        span[lg-logo] {
+          opacity: 1;
+        }
+
+        span[app-name] {
+          opacity: 0;
+        }
+      }
+
+      a {
+        display: grid;
+        grid: 'logo text' / auto 1fr;
+        align-items: center;
+
+        font-family: zurchlc, Metropolis;
+        font-size: 26px;
+        line-height: 26px;
+        word-spacing: -4px;
+        font-weight: 300;
+        color: var(--md-sys-color-on-surface);
+        text-decoration: none;
+
+        overflow: hidden;
+
+        img {
+          grid-area: logo;
+          height: 22px;
+          width: 22px;
+          margin-right: 4px;
+        }
+
+        span {
+          transition: opacity 0.4s ease-in-out 0.3s;
+
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        span[lg-logo],
+        span[app-name] {
+          grid-area: text;
+        }
+
+        span[lg-logo] {
+          opacity: 0;
+        }
+
+        span[app-name] {
+          opacity: 1;
+        }
+
+        span[app-name],
+        span[lg-leavitt] {
+          color: #15467b;
+        }
+
+        span[lg-group] {
+          color: #919294;
+        }
+      }
+
+      :host([theme-preference='dark']) {
+        span[app-name],
+        span[lg-leavitt],
+        span[lg-group] {
+          color: #fff;
+        }
+      }
+
+      @media (max-width: 920px) {
+        span[lg-logo],
+        span[app-name] {
+          font-size: 20px;
+        }
+        a {
+          img {
+            width: 18px;
+            height: 18px;
+          }
+        }
+      }
+    `,
+    ]; }
+    renderLGLogoText() {
+        return html `<span lg-logo><span lg-leavitt>Leavitt</span> <span lg-group>Group</span></span>`;
+    }
+    render() {
+        return html `<a mark href=${this.href} title=${this.title}>
+      <img src=${this.themePreference === 'dark' ? 'https://cdn.leavitt.com/company-mark-57-dark.svg' : 'https://cdn.leavitt.com/company-mark-57.svg'} />
+      <span app-name>${this.appName}</span>${this.renderLGLogoText()}
+    </a>`;
+    }
+};
+__decorate([
+    property({ type: String })
+], LeavittAppLogo.prototype, "href", null);
+__decorate([
+    property({ type: String })
+], LeavittAppLogo.prototype, "title", null);
+__decorate([
+    property({ type: String, attribute: 'app-name' })
+], LeavittAppLogo.prototype, "appName", null);
+LeavittAppLogo = __decorate([
+    customElement('leavitt-app-logo')
+], LeavittAppLogo);
+export { LeavittAppLogo };
+//# sourceMappingURL=app-logo.js.map

package/leavitt/app/app-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-logo.js","sourceRoot":"","sources":["app-logo.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;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAG/E,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,eAAe,CAAC,UAAU,CAAC;IACxB,yBAAe,GAAG,CAAC;IAAnB,IAAA,IAAI,0CAAe;IAAnB,IAAA,IAAI,gDAAe;IACnB,0BAAgB,cAAc,CAAC;IAA/B,IAAA,KAAK,2CAA0B;IAA/B,IAAA,KAAK,iDAA0B;IACR,0BAAuB;IAAvB,IAAA,OAAO,6CAAgB;IAAvB,IAAA,OAAO,mDAAgB;aAE5E,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwFF;KACF,AA1FY,CA0FX;IAEF,gBAAgB;QACd,OAAO,IAAI,CAAA,kFAAkF,CAAC;IAChG,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,UAAU,IAAI,CAAC,KAAK;iBAC3C,IAAI,CAAC,eAAe,KAAK,MAAM,CAAC,CAAC,CAAC,kDAAkD,CAAC,CAAC,CAAC,6CAA6C;uBAC9H,IAAI,CAAC,OAAO,UAAU,IAAI,CAAC,gBAAgB,EAAE;SAC3D,CAAC;IACR,CAAC;;AAzGoC;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAA6B;AACnB;IAApC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAyC;AACR;IAA3D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;6CAAiC;AAHxE,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA2G1B"}

package/leavitt/app/app-main-content-container.d.ts

@@ -0,0 +1,9 @@
+import '../../titanium/circle-loading-indicator/circle-loading-indicator';
+import { LitElement } from 'lit';
+export declare class LeavittAppContentContainer extends LitElement {
+    private accessor pendingStateElement;
+    mainMenuPosition: string;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-main-content-container.d.ts.map

package/leavitt/app/app-main-content-container.js

@@ -0,0 +1,59 @@
+import { __decorate } from "tslib";
+import '../../titanium/circle-loading-indicator/circle-loading-indicator';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { mainMenuPositionContext } from './contexts/main-menu-position-context';
+import { consume } from '@lit/context';
+let LeavittAppContentContainer = class LeavittAppContentContainer extends LitElement {
+    #pendingStateElement_accessor_storage;
+    get pendingStateElement() { return this.#pendingStateElement_accessor_storage; }
+    set pendingStateElement(value) { this.#pendingStateElement_accessor_storage = value; }
+    static { this.styles = [
+        css `
+      :host {
+        display: grid;
+        border-radius: 28px;
+        background-color: var(--md-sys-color-surface-container-lowest);
+        height: calc(100dvh - (64px + 12px));
+        box-sizing: border-box;
+        overflow: hidden;
+
+        position: relative;
+
+        margin-right: 16px;
+      }
+
+      :host([main-menu-position='drawer']) {
+        border-radius: 0;
+        height: calc(100dvh - (54px + 12px));
+        margin-right: 0;
+      }
+
+      scroll-container {
+        display: grid;
+        overflow-y: auto;
+
+        scrollbar-color: var(--md-sys-color-surface-container-highest) transparent;
+        border-radius: 28px;
+      }
+    `,
+    ]; }
+    render() {
+        return html `
+      <titanium-circle-loading-indicator .pendingStateElement=${this.pendingStateElement}></titanium-circle-loading-indicator>
+      <scroll-container><slot></slot></scroll-container>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object })
+], LeavittAppContentContainer.prototype, "pendingStateElement", null);
+__decorate([
+    consume({ context: mainMenuPositionContext, subscribe: true }),
+    property({ type: String, reflect: true, attribute: 'main-menu-position' })
+], LeavittAppContentContainer.prototype, "mainMenuPosition", void 0);
+LeavittAppContentContainer = __decorate([
+    customElement('leavitt-app-main-content-container')
+], LeavittAppContentContainer);
+export { LeavittAppContentContainer };
+//# sourceMappingURL=app-main-content-container.js.map

package/leavitt/app/app-main-content-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-main-content-container.js","sourceRoot":"","sources":["app-main-content-container.ts"],"names":[],"mappings":";AAAA,OAAO,kEAAkE,CAAC;AAE1E,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGhC,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IACX,sCAAoC;IAApC,IAAA,mBAAmB,yDAAiB;IAApC,IAAA,mBAAmB,+DAAiB;aAM1E,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BF;KACF,AA7BY,CA6BX;IAEF,MAAM;QACJ,OAAO,IAAI,CAAA;gEACiD,IAAI,CAAC,mBAAmB;;KAEnF,CAAC;IACJ,CAAC;;AA1C4C;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qEAAsD;AAI1E;IAFN,OAAO,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC9D,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;oEAC3C;AALrB,0BAA0B;IADtC,aAAa,CAAC,oCAAoC,CAAC;GACvC,0BAA0B,CA4CtC"}

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(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: PropertyValues<this>): 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;
+    connectedCallback() {
+        super.connectedCallback();
+        this.#scrollableParent = this.scrollableParent ?? findScrollableParent(this);
+        if (this.#scrollableParent) {
+            this.#resizeObserver = new ResizeObserver(() => {
+                this.#onResize();
+            });
+            this.#resizeObserver.observe(this.#scrollableParent);
+        }
+    }
+    disconnectedCallback() {
+        if (this.#scrollableParent) {
+            this.#resizeObserver?.disconnect();
+        }
+        super.disconnectedCallback();
+    }
+    updated(changedProps) {
+        if (changedProps.has('scrollableParent')) {
+            this.#resizeObserver?.disconnect();
+            this.#scrollableParent = this.scrollableParent ?? findScrollableParent(this);
+            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;
+
+        padding: 0 16px;
+        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 0;
+
+        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,20 @@
+import '@material/web/icon/icon';
+import { LitElement } from 'lit';
+export declare class LeavittAppNavigationHeader extends LitElement {
+    #private;
+    accessor stickyTop: boolean;
+    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(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=app-navigation-header.d.ts.map

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

@@ -0,0 +1,221 @@
+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; }
+    #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; }
+    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 {
+        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;
+        }
+      }
+    `,
+    ]; }
+    #scrollableParent = null;
+    connectedCallback() {
+        super.connectedCallback();
+        this.#scrollableParent = findScrollableParent(this);
+        if (this.#scrollableParent) {
+            this.#scrollableParent.addEventListener('scroll', this.#onScroll.bind(this), false);
+        }
+    }
+    disconnectedCallback() {
+        if (this.#scrollableParent) {
+            this.#scrollableParent.removeEventListener('scroll', this.#onScroll, false);
+        }
+        super.disconnectedCallback();
+    }
+    #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: 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