@aquera/nile-elements 2.0.4 → 2.0.6

package/dist/src/nile-app-shell/nile-app-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-app-shell.js","sourceRoot":"","sources":["../../../src/nile-app-shell/nile-app-shell.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styles } from './nile-app-shell.css';\nimport { renderGlyph } from '../internal/glyph';\nimport NileElement from '../internal/nile-element';\nimport '../nile-button/nile-button';\n\n/** The mode the AI panel is currently in. */\nexport type NileAppShellPanelMode = 'docked' | 'overlay';\n\n/** Where the top bar is mounted. */\nexport type NileAppShellTopBarPlacement = 'content' | 'shell';\n\n/** How the main region lays its content out. */\nexport type NileAppShellContentAlign = 'fluid' | 'centered';\n\n/** The shell's own track and region widths, in px. */\ninterface ShellGeometry {\n  nav: number;\n  rail: number;\n  gutter: number;\n  content: number;\n  aside: number;\n  panel: number;\n}\n\n/**\n * @summary The application frame every route inherits: a side nav, a content\n * container, an optional aside and an AI assistant panel. It holds anything —\n * the shell owns the boxes, the page owns what goes in them.\n *\n * @status stable\n * @since 2.0\n *\n * @tag nile-app-shell\n *\n * @dependency nile-button\n * @dependency nile-glyph\n *\n * @slot - The page body, inside the content container.\n * @slot banner - A full-width strip above every other region.\n * @slot top-bar - The page-title bar. Mounted inside the container by default,\n *   or spanning the shell when `top-bar-placement=\"shell\"`. The nav toggle is\n *   rendered before whatever is slotted here.\n * @slot top-bar-actions - Controls pinned to the end of the top bar.\n * @slot tabs - A hoisted second-level tab strip, flush under the top bar and\n *   outside `<main>`'s scroller, so it never scrolls away. The region carries\n *   the strip's height, padding and rule, so slot a `<nile-tab-group>` or the\n *   tab controls themselves.\n * @slot side-nav - The navigation track. Works best with `<nile-side-bar>`.\n * @slot aside - A secondary column between the content container and the panel.\n * @slot panel - The AI panel's body. When nothing is slotted here the panel is\n *   unmounted and `openPanel()` is a no-op.\n * @slot panel-header - Replaces the default panel heading (mark plus title).\n * @slot panel-actions - Controls added before the panel's close button.\n * @slot panel-footer - A bar docked below the panel's scroll region, for a\n *   composer.\n *\n * @event nile-nav-toggle - Emitted after the nav's collapsed state or its\n *   forced-rail lock changes. `detail: { collapsed, locked }`.\n * @event nile-panel-toggle - Emitted after the panel opens or closes.\n *   `detail: { open, mode }`.\n * @event nile-panel-mode-change - Emitted when the panel flips between docked\n *   and overlay. `detail: { mode }`.\n *\n * @csspart skip-link - The skip-to-content link.\n * @csspart banner - The banner region.\n * @csspart shell-top-bar - The top bar when it spans the shell.\n * @csspart top-bar - The top bar, in either placement.\n * @csspart nav-toggle - The built-in nav toggle button.\n * @csspart rule - The vertical rule after the nav toggle.\n * @csspart top-bar-actions - The end-aligned top bar action group. Unmounted\n *   when it holds neither slotted actions nor the Ask button, so it reserves\n *   no gap.\n * @csspart ask - The built-in Ask button, the shell's single door to the panel.\n *   A `<nile-button>`; its inner surface and label are exported as\n *   `ask__base` and `ask__label`.\n * @csspart tabs - The hoisted tab-strip region, under the top bar.\n * @csspart side-nav - The navigation track.\n * @csspart content-section - The flex row holding container, aside and panel.\n * @csspart container - The content container.\n * @csspart main - The scrolling page body.\n * @csspart aside - The aside region.\n * @csspart panel - The AI panel.\n * @csspart panel-header - The panel's header bar.\n * @csspart panel-title - The panel's title text.\n * @csspart panel-actions - The panel's header action group.\n * @csspart panel-close - The panel's close button.\n * @csspart panel-body - The panel's scroll region.\n * @csspart panel-footer - The panel's footer.\n *\n * @cssproperty [--nile-app-shell-side-nav-width=260px] - Expanded nav track.\n * @cssproperty [--nile-app-shell-side-nav-rail-width=64px] - Collapsed track.\n * @cssproperty [--nile-app-shell-side-nav-bg=transparent] - Surface behind a\n *   slotted side nav. Transparent by default: the nav and the page share one\n *   surface.\n * @cssproperty [--nile-app-shell-side-nav-border=0] - Edge on a slotted side\n *   nav.\n * @cssproperty [--nile-app-shell-gutter=8px] - Content-section padding, and the\n *   gap between container, aside and panel.\n * @cssproperty [--nile-app-shell-content-padding=24px] - Container inner\n *   padding. The origin every top bar starts at.\n * @cssproperty [--nile-app-shell-top-bar-height=56px] - Top bar and panel\n *   header height. Drops to 48px under 600px of viewport height.\n * @cssproperty [--nile-app-shell-tabs-height=48px] - Tab strip height.\n * @cssproperty [--nile-app-shell-panel-width=480px] - Docked panel width, and\n *   the `min()` ceiling for the overlay drawer.\n * @cssproperty [--nile-app-shell-panel-min-width=360px] - How far a docked\n *   panel shrinks to keep pushing rather than covering the page.\n * @cssproperty [--nile-app-shell-aside-width=320px] - Aside width.\n * @cssproperty [--nile-app-shell-aside-min-width=240px] - How far the aside\n *   shrinks before the page is asked for room.\n * @cssproperty [--nile-app-shell-content-min-width=640px] - Container floor.\n * @cssproperty [--nile-app-shell-min-width=768px] - Below this the window\n *   scrolls rather than the shell compressing.\n * @cssproperty [--nile-app-shell-centered-width=824px] - Column width under\n *   `content-align=\"centered\"`.\n * @cssproperty [--nile-app-shell-utility-size=32px] - Height of the Ask\n *   button. The toggle and close controls are nile-buttons and size themselves.\n * @cssproperty [--nile-app-shell-radius=16px] - Container, aside and panel\n *   radius.\n * @cssproperty [--nile-app-shell-duration=250ms] - Track and panel motion.\n * @cssproperty [--nile-app-shell-ease] - Easing for moves and resizes.\n *\n * @method openPanel() - Open the AI panel. No-op when the panel is unavailable.\n * @method closePanel() - Close the AI panel.\n * @method togglePanel(force?) - Toggle, or force a specific open state.\n * @method expandNav() - Expand the side nav.\n * @method collapseNav() - Collapse the side nav to a rail.\n * @method toggleNav(force?) - Toggle, or force a specific collapsed state.\n */\n@customElement('nile-app-shell')\nexport class NileAppShell extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /**\n   * The user's nav preference. The nav can still render as a rail while this is\n   * false — see `navLocked`.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'nav-collapsed' })\n  navCollapsed: boolean = false;\n\n  /** Whether the AI panel is open. */\n  @property({ type: Boolean, reflect: true, attribute: 'panel-open' })\n  panelOpen: boolean = false;\n\n  /**\n   * Unmounts the AI panel for this route even when the `panel` slot is filled.\n   * `openPanel()` becomes a no-op.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'no-panel' })\n  noPanel: boolean = false;\n\n  /** The default panel heading. Ignored when `panel-header` is slotted. */\n  @property({ type: String, attribute: 'panel-label' })\n  panelLabel: string = 'Ask Aquera';\n\n  /** Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself. */\n  @property({ type: Boolean, reflect: true, attribute: 'no-nav-toggle' })\n  noNavToggle: boolean = false;\n\n  /** Drops the Cmd/Ctrl+J and Escape panel shortcuts. */\n  @property({ type: Boolean, attribute: 'no-panel-shortcut' })\n  noPanelShortcut: boolean = false;\n\n  /** Hides the skip-to-content link. */\n  @property({ type: Boolean, reflect: true, attribute: 'no-skip-link' })\n  noSkipLink: boolean = false;\n\n  /** Label for the skip-to-content link. */\n  @property({ type: String, attribute: 'skip-link-label' })\n  skipLinkLabel: string = 'Skip to main content';\n\n  /** Where the top bar is mounted: inside the container, or spanning the shell. */\n  @property({ type: String, reflect: true, attribute: 'top-bar-placement' })\n  topBarPlacement: NileAppShellTopBarPlacement = 'content';\n\n  /** `centered` caps the page body at `--nile-app-shell-centered-width`. */\n  @property({ type: String, reflect: true, attribute: 'content-align' })\n  contentAlign: NileAppShellContentAlign = 'fluid';\n\n  /**\n   * Makes the slotted page root a size query container, so page CSS can size\n   * against the content container instead of the viewport. Query it unnamed —\n   * `@container (min-width: 720px)` — because a container name declared inside\n   * the shell's shadow tree is not visible to page CSS. Opt-in, because it\n   * also applies layout containment to that element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'content-container' })\n  contentContainer: boolean = false;\n\n  /** Drops the container's card chrome for a full-bleed page. */\n  @property({ type: Boolean, reflect: true })\n  flat: boolean = false;\n\n  /** Removes the container's inner padding. */\n  @property({ type: Boolean, reflect: true, attribute: 'no-padding' })\n  noPadding: boolean = false;\n\n  /**\n   * The label on the built-in Ask button.\n   *\n   * The button is the shell's, not the app's: it is the one control that has\n   * to know whether a panel is mounted for this route and how to open it, and\n   * slotted content can see neither. Everything else in the bar — the\n   * breadcrumb, the page actions, the tab strip — is slotted markup.\n   */\n  @property({ type: String, attribute: 'ask-label' })\n  askLabel: string = 'Ask';\n\n  /** Drops the built-in Ask button, for a bar that renders its own. */\n  @property({ type: Boolean, reflect: true, attribute: 'no-ask' })\n  noAsk: boolean = false;\n\n  /** Sizes the shell to the viewport instead of its parent. */\n  @property({ type: Boolean, reflect: true, attribute: 'full-height' })\n  fullHeight: boolean = false;\n\n  /**\n   * Below this shell width the panel overlays the content instead of pushing\n   * it, and the nav is forced to a rail.\n   *\n   * Zero — the default — means never: the panel is furniture that squeezes the\n   * page, at every width. It earns its room from the nav rail first and from\n   * its own width next (see `--nile-app-shell-panel-min-width`), so it does\n   * not have to cover the page to fit. Set a width here to opt back into an\n   * overlay drawer below it.\n   */\n  @property({ type: Number, attribute: 'overlay-breakpoint' })\n  overlayBreakpoint: number = 0;\n\n  /**\n   * Below this shell width an open docked panel forces the nav to a rail.\n   * A floor, not the whole rule: the nav also rails as soon as the expanded\n   * track is what stops the row from fitting. This is the first thing the\n   * panel takes room from, so it can push rather than cover.\n   */\n  @property({ type: Number, attribute: 'docked-rail-breakpoint' })\n  dockedRailBreakpoint: number = 1440;\n\n  /**\n   * Persists the nav preference and the docked panel state under this key.\n   * Overlay panel state is never persisted — a reload opens closed.\n   */\n  @property({ type: String, attribute: 'persist-key' })\n  persistKey?: string;\n\n  /** The panel's current mode. Derived from the shell's width. */\n  @state() private _panelMode: NileAppShellPanelMode = 'docked';\n\n  /** Whether the nav is held at a rail by the shell's width. */\n  @state() private _navLocked: boolean = false;\n\n  @state() private _hasBanner: boolean = false;\n  @state() private _hasSideNav: boolean = false;\n  @state() private _hasTopBar: boolean = false;\n  @state() private _hasTopBarActions: boolean = false;\n  @state() private _hasTabs: boolean = false;\n  @state() private _hasPanel: boolean = false;\n  @state() private _hasPanelFooter: boolean = false;\n\n  /**\n   * True when a `nile-app-shell-panel` is slotted. That component owns the\n   * panel's heading, actions, close button and footer, so the shell renders a\n   * bare region and keeps only the geometry and the open state — the same\n   * hand-off as `no-nav-toggle` plus `nile-app-shell-nav-toggle`.\n   */\n  @state() private _panelOwnsChrome: boolean = false;\n  @state() private _hasAside: boolean = false;\n\n  @query('.main') private _main?: HTMLElement;\n\n  private _width: number = 0;\n  private _resizeObserver?: ResizeObserver;\n  private _restoredPanelOpen: boolean | null = null;\n\n  /** The panel's current mode: `docked` or `overlay`. */\n  public get panelMode(): NileAppShellPanelMode {\n    return this._panelMode;\n  }\n\n  /** Whether the shell is holding the nav at a rail. The toggle is disabled. */\n  public get navLocked(): boolean {\n    return this._navLocked;\n  }\n\n  /** Whether a panel is mounted for this route. */\n  public get panelAvailable(): boolean {\n    return this._hasPanel && !this.noPanel;\n  }\n\n  /** Whether the built-in Ask button is rendered. */\n  public get askVisible(): boolean {\n    return this.panelAvailable && !this.noAsk;\n  }\n\n  /** Whether the nav renders as a rail right now, preference or lock. */\n  public get rail(): boolean {\n    return this.navCollapsed || this._navLocked;\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n    this._restore();\n    this._resizeObserver = new ResizeObserver(entries => {\n      const entry = entries[entries.length - 1];\n      this._measure(entry.contentRect.width);\n    });\n    this._resizeObserver.observe(this);\n    document.addEventListener('keydown', this._onKeyDown);\n  }\n\n  public disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._resizeObserver?.disconnect();\n    this._resizeObserver = undefined;\n    document.removeEventListener('keydown', this._onKeyDown);\n  }\n\n  protected willUpdate(changed: PropertyValues<this>): void {\n    if (\n      changed.has('panelOpen') ||\n      changed.has('noPanel') ||\n      changed.has('overlayBreakpoint') ||\n      changed.has('dockedRailBreakpoint') ||\n      // Mounting an aside changes what a docked panel has to fit beside.\n      // Private state is outside `keyof this`, so ask the map directly.\n      (changed as Map<string, unknown>).has('_hasAside') ||\n      (changed as Map<string, unknown>).has('_hasSideNav')\n    ) {\n      this._recompute();\n    }\n  }\n\n  protected updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n\n    // Derived state the stylesheet and consumers read off the host.\n    this.toggleAttribute('rail', this.rail);\n    this.toggleAttribute('nav-locked', this._navLocked);\n    this.toggleAttribute('has-banner', this._hasBanner);\n    this.toggleAttribute('has-side-nav', this._hasSideNav);\n    this.toggleAttribute(\n      'has-top-bar',\n      this._hasTopBar || (!this.noNavToggle && this._hasSideNav)\n    );\n    this.toggleAttribute('has-top-bar-actions', this._hasTopBarActions);\n    this.toggleAttribute('has-ask', this.askVisible);\n    this.toggleAttribute('has-tabs', this._hasTabs);\n    this.toggleAttribute('has-aside', this._hasAside);\n    this.toggleAttribute('has-panel', this.panelAvailable);\n    this.toggleAttribute('has-panel-footer', this._hasPanelFooter);\n    this.setAttribute('panel-mode', this._panelMode);\n    this.setAttribute(\n      'panel-chrome',\n      this._panelOwnsChrome ? 'external' : 'internal'\n    );\n\n    this._syncSideNav();\n  }\n\n  /** Open the AI panel. No-op when no panel is mounted for this route. */\n  public openPanel(): void {\n    if (!this.panelAvailable) return;\n    this._setPanelOpen(true);\n  }\n\n  /** Close the AI panel. */\n  public closePanel(): void {\n    this._setPanelOpen(false);\n  }\n\n  /**\n   * Toggle the panel, or force a state. Call `openPanel()` from a page action —\n   * a page action that toggles closes the panel for a user who already had it\n   * open.\n   */\n  public togglePanel(force?: boolean): void {\n    const next = force ?? !this.panelOpen;\n    if (next) this.openPanel();\n    else this.closePanel();\n  }\n\n  /** Expand the side nav. */\n  public expandNav(): void {\n    this._setNavCollapsed(false);\n  }\n\n  /** Collapse the side nav to a rail. */\n  public collapseNav(): void {\n    this._setNavCollapsed(true);\n  }\n\n  /** Toggle the side nav, or force a collapsed state. */\n  public toggleNav(force?: boolean): void {\n    this._setNavCollapsed(force ?? !this.navCollapsed);\n  }\n\n  /** Move focus to the page body. */\n  public focusMain(): void {\n    this._main?.focus();\n  }\n\n  private _setPanelOpen(value: boolean): void {\n    if (this.panelOpen === value) return;\n    this.panelOpen = value;\n    this._persist();\n    this.emit('nile-panel-toggle', { open: value, mode: this._panelMode });\n  }\n\n  private _setNavCollapsed(value: boolean): void {\n    if (this.navCollapsed === value) return;\n    this.navCollapsed = value;\n    this._persist();\n    this.emit('nile-nav-toggle', {\n      collapsed: value,\n      locked: this._navLocked,\n    });\n  }\n\n  /** Records the shell's width and re-derives everything that depends on it. */\n  private _measure(width: number): void {\n    if (width === this._width) return;\n    const first = this._width === 0;\n    this._width = width;\n    this._recompute();\n\n    // A persisted panel state only applies once we know the panel would dock.\n    if (first && this._restoredPanelOpen !== null) {\n      const open = this._restoredPanelOpen;\n      this._restoredPanelOpen = null;\n      if (open && this._panelMode === 'docked') this.openPanel();\n    }\n  }\n\n  /**\n   * The shell's geometry, read off its own custom properties so a consumer's\n   * overrides are part of the sum. Falls back to the stylesheet's defaults\n   * before the element has a computed style.\n   */\n  private _geometry(): ShellGeometry {\n    const style = getComputedStyle(this);\n    const px = (name: string, fallback: number): number => {\n      const value = parseFloat(style.getPropertyValue(name));\n      return Number.isFinite(value) ? value : fallback;\n    };\n    return {\n      nav: px('--nile-app-shell-side-nav-width', 260),\n      rail: px('--nile-app-shell-side-nav-rail-width', 64),\n      gutter: px('--nile-app-shell-gutter', 8),\n      content: px('--nile-app-shell-content-min-width', 640),\n      aside: px('--nile-app-shell-aside-width', 320),\n      panel: px('--nile-app-shell-panel-width', 480),\n    };\n  }\n\n  /**\n   * The shell width a docked panel needs to sit beside the content floor, over\n   * a side-nav `track` wide.\n   *\n   * A fixed breakpoint cannot answer this: what shares the row changes per\n   * route. An aside alone adds 328px, so a shell wide enough to hold the\n   * expanded nav beside a docked panel on one route is 328px short on the\n   * next. Summing what is actually mounted rails the nav exactly when the\n   * track is what the row cannot afford.\n   */\n  private _dockRequirement(geo: ShellGeometry, track: number): number {\n    const nav = this._hasSideNav ? track : 0;\n    const aside = this._hasAside ? geo.aside + geo.gutter : 0;\n    // Two gutters of padding on the content column, one between container and\n    // panel; the aside carries its own gutter above.\n    return nav + geo.content + aside + geo.panel + geo.gutter * 3;\n  }\n\n  private _recompute(): void {\n    const width = this._width;\n    const geo = this._geometry();\n\n    /*\n     * Overlay is opt-in and nothing derives it: a panel that covers the page\n     * hides the thing the user is asking about. Running out of room is not a\n     * reason to switch — the rail and the panel's own min width absorb that —\n     * so the shell only overlays below a width the author names.\n     */\n    const overlay =\n      this.overlayBreakpoint > 0 && width > 0 && width < this.overlayBreakpoint;\n    const mode: NileAppShellPanelMode = overlay ? 'overlay' : 'docked';\n\n    // A docked panel squeezes the container, so a narrow shell trades the\n    // expanded nav for content width before the page gives any up. Measured\n    // against the expanded track: the nav rails exactly when it is the track\n    // that stops the row from fitting.\n    const railAt = Math.max(\n      this.dockedRailBreakpoint,\n      this._dockRequirement(geo, geo.nav)\n    );\n    const squeezed =\n      !overlay &&\n      this.panelOpen &&\n      this.panelAvailable &&\n      width > 0 &&\n      width < railAt;\n    const locked = overlay || squeezed;\n\n    if (mode !== this._panelMode) {\n      this._panelMode = mode;\n      this.emit('nile-panel-mode-change', { mode });\n    }\n\n    if (locked !== this._navLocked) {\n      this._navLocked = locked;\n      this.emit('nile-nav-toggle', {\n        collapsed: this.navCollapsed,\n        locked,\n      });\n    }\n  }\n\n  /** Mirrors the effective rail state onto a slotted `nile-side-bar`. */\n  private _syncSideNav(): void {\n    this.querySelectorAll('[slot=\"side-nav\"]').forEach(el => {\n      if (el.tagName === 'NILE-SIDE-BAR')\n        el.toggleAttribute('collapsed', this.rail);\n    });\n  }\n\n  /** A slotted sidebar's own expand button is the same toggle. */\n  private _onSideNavToggle = (event: Event): void => {\n    const detail = (event as CustomEvent).detail;\n    if (detail && typeof detail.collapsed === 'boolean') {\n      this._setNavCollapsed(detail.collapsed);\n    }\n  };\n\n  private _onKeyDown = (event: KeyboardEvent): void => {\n    if (this.noPanelShortcut || !this.panelAvailable) return;\n\n    const key = event.key ?? '';\n\n    if ((event.metaKey || event.ctrlKey) && key.toLowerCase() === 'j') {\n      event.preventDefault();\n      this.togglePanel();\n      return;\n    }\n\n    // A docked panel is furniture, not a dismissible overlay.\n    if (key === 'Escape' && this.panelOpen && this._panelMode === 'overlay') {\n      this.closePanel();\n    }\n  };\n\n  private _storageKey(part: string): string {\n    return `nile-app-shell:${this.persistKey}:${part}`;\n  }\n\n  private _restore(): void {\n    if (!this.persistKey) return;\n    try {\n      const nav = localStorage.getItem(this._storageKey('nav-collapsed'));\n      if (nav !== null) this.navCollapsed = nav === 'true';\n      const panel = localStorage.getItem(this._storageKey('panel-open'));\n      if (panel !== null) this._restoredPanelOpen = panel === 'true';\n    } catch {\n      /* Storage can be blocked; the shell still works without it. */\n    }\n  }\n\n  private _persist(): void {\n    if (!this.persistKey) return;\n    try {\n      localStorage.setItem(\n        this._storageKey('nav-collapsed'),\n        String(this.navCollapsed)\n      );\n      if (this._panelMode === 'docked') {\n        localStorage.setItem(\n          this._storageKey('panel-open'),\n          String(this.panelOpen)\n        );\n      }\n    } catch {\n      /* Storage can be blocked; the shell still works without it. */\n    }\n  }\n\n  private _onSlotChange(slot: string, event: Event): void {\n    const assigned = (event.target as HTMLSlotElement).assignedNodes({\n      flatten: true,\n    });\n    const filled = assigned.some(\n      node =>\n        node.nodeType === Node.ELEMENT_NODE ||\n        (node.textContent ?? '').trim() !== ''\n    );\n\n    switch (slot) {\n      case 'banner':\n        this._hasBanner = filled;\n        break;\n      case 'side-nav':\n        this._hasSideNav = filled;\n        this._syncSideNav();\n        break;\n      case 'top-bar':\n        this._hasTopBar = filled;\n        break;\n      case 'top-bar-actions':\n        this._hasTopBarActions = filled;\n        break;\n      case 'tabs':\n        this._hasTabs = filled;\n        break;\n      case 'aside':\n        this._hasAside = filled;\n        break;\n      case 'panel':\n        this._hasPanel = filled;\n        this._panelOwnsChrome = assigned.some(\n          node =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).tagName === 'NILE-APP-SHELL-PANEL'\n        );\n        this._recompute();\n        break;\n      case 'panel-footer':\n        this._hasPanelFooter = filled;\n        break;\n      default:\n        break;\n    }\n  }\n\n  private _renderNavToggle(): TemplateResult | string {\n    if (this.noNavToggle || !this._hasSideNav) return '';\n    const expanded = !this.rail;\n    return html`\n      <div class=\"nav-toggle-group\">\n        <nile-button\n          class=\"nav-toggle\"\n          part=\"nav-toggle\"\n          variant=\"ghost\"\n          circle\n          aria-controls=\"side-nav\"\n          aria-expanded=${expanded ? 'true' : 'false'}\n          ?disabled=${this._navLocked}\n          title=${this._navLocked\n            ? 'The navigation stays collapsed at this window width'\n            : expanded\n            ? 'Collapse navigation'\n            : 'Expand navigation'}\n          aria-label=${expanded ? 'Collapse navigation' : 'Expand navigation'}\n          @click=${() => this.toggleNav()}\n        >\n          ${renderGlyph(\n            expanded ? 'ng-panel-left-close' : 'ng-panel-left-open',\n            24,\n            'currentColor'\n          )}\n        </nile-button>\n        ${this._hasTopBar ? html`<span class=\"rule\" part=\"rule\"></span>` : ''}\n      </div>\n    `;\n  }\n\n  private _renderTopBar(\n    placement: NileAppShellTopBarPlacement\n  ): TemplateResult {\n    return html`\n      <div\n        class=${placement === 'shell' ? 'top-bar shell-top-bar' : 'top-bar'}\n        part=${placement === 'shell' ? 'top-bar shell-top-bar' : 'top-bar'}\n      >\n        ${this._renderNavToggle()}\n        <div class=\"top-bar-content\">\n          <slot\n            name=\"top-bar\"\n            @slotchange=${(e: Event) => this._onSlotChange('top-bar', e)}\n          ></slot>\n        </div>\n        <div class=\"top-bar-actions\" part=\"top-bar-actions\">\n          <slot\n            name=\"top-bar-actions\"\n            @slotchange=${(e: Event) =>\n              this._onSlotChange('top-bar-actions', e)}\n          ></slot>\n          ${this.askVisible\n            ? html`\n                <nile-button\n                  class=\"ask\"\n                  part=\"ask\"\n                  exportparts=\"base: ask__base, label: ask__label\"\n                  variant=\"primary\"\n                  @click=${() => this.openPanel()}\n                >\n                  <span slot=\"prefix\" class=\"ask-mark\">\n                    ${renderGlyph('ng-sparkles', 16, 'currentColor')}\n                  </span>\n                  ${this.askLabel}\n                </nile-button>\n              `\n            : ''}\n        </div>\n      </div>\n    `;\n  }\n\n  public render(): TemplateResult {\n    const shellBar = this.topBarPlacement === 'shell';\n\n    return html`\n      <button\n        class=\"skip-link\"\n        part=\"skip-link\"\n        type=\"button\"\n        @click=${() => this.focusMain()}\n      >\n        ${this.skipLinkLabel}\n      </button>\n\n      <div class=\"banner\" part=\"banner\">\n        <slot\n          name=\"banner\"\n          @slotchange=${(e: Event) => this._onSlotChange('banner', e)}\n        ></slot>\n      </div>\n\n      ${shellBar ? this._renderTopBar('shell') : ''}\n\n      <div\n        id=\"side-nav\"\n        class=\"side-nav\"\n        part=\"side-nav\"\n        @nile-toggle=${this._onSideNavToggle}\n      >\n        <slot\n          name=\"side-nav\"\n          @slotchange=${(e: Event) => this._onSlotChange('side-nav', e)}\n        ></slot>\n      </div>\n\n      <div class=\"content-section\" part=\"content-section\">\n        <div class=\"container\" part=\"container\">\n          ${shellBar ? '' : this._renderTopBar('content')}\n          <div class=\"tabs\" part=\"tabs\">\n            <slot\n              name=\"tabs\"\n              @slotchange=${(e: Event) => this._onSlotChange('tabs', e)}\n            ></slot>\n          </div>\n          <main class=\"main\" part=\"main\" tabindex=\"-1\">\n            <div class=\"main-inner\"><slot></slot></div>\n          </main>\n        </div>\n\n        <div class=\"aside\" part=\"aside\">\n          <slot\n            name=\"aside\"\n            @slotchange=${(e: Event) => this._onSlotChange('aside', e)}\n          ></slot>\n        </div>\n\n        <aside\n          class=\"panel\"\n          part=\"panel\"\n          aria-label=${ifDefined(\n            this._panelOwnsChrome ? undefined : this.panelLabel\n          )}\n          aria-hidden=${this.panelOpen ? 'false' : 'true'}\n        >\n          ${this._panelOwnsChrome\n            ? html`<slot\n                name=\"panel\"\n                @slotchange=${(e: Event) => this._onSlotChange('panel', e)}\n              ></slot>`\n            : html`\n                <header class=\"panel-header\" part=\"panel-header\">\n                  <slot name=\"panel-header\">\n                    <span class=\"panel-heading\">\n                      <span class=\"panel-mark\">\n                        ${renderGlyph('ng-sparkles', 20, 'currentColor')}\n                      </span>\n                      <h2 class=\"panel-title\" part=\"panel-title\">\n                        ${this.panelLabel}\n                      </h2>\n                    </span>\n                  </slot>\n                  <div class=\"panel-actions\" part=\"panel-actions\">\n                    <slot name=\"panel-actions\"></slot>\n                    <nile-button\n                      class=\"panel-close\"\n                      part=\"panel-close\"\n                      variant=\"ghost\"\n                      circle\n                      title=\"Close ${this.panelLabel}\"\n                      aria-label=\"Close ${this.panelLabel}\"\n                      @click=${() => this.closePanel()}\n                    >\n                      ${renderGlyph('ng-x-close', 24, 'currentColor')}\n                    </nile-button>\n                  </div>\n                </header>\n                <div class=\"panel-body\" part=\"panel-body\">\n                  <slot\n                    name=\"panel\"\n                    @slotchange=${(e: Event) => this._onSlotChange('panel', e)}\n                  ></slot>\n                </div>\n                <div class=\"panel-footer\" part=\"panel-footer\">\n                  <slot\n                    name=\"panel-footer\"\n                    @slotchange=${(e: Event) =>\n                      this._onSlotChange('panel-footer', e)}\n                  ></slot>\n                </div>\n              `}\n        </aside>\n      </div>\n    `;\n  }\n}\n\nexport default NileAppShell;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-app-shell': NileAppShell;\n  }\n}\n"]}

package/dist/src/nile-app-shell/nile-app-shell.test.d.ts

@@ -0,0 +1,3 @@
+import './nile-app-shell';
+import '../nile-app-shell-nav-toggle/nile-app-shell-nav-toggle';
+import '../nile-side-bar/nile-side-bar';

package/dist/src/nile-app-shell/nile-app-shell.test.js

@@ -0,0 +1,454 @@
+import { expect, fixture, html, oneEvent, waitUntil } from '@open-wc/testing';
+import './nile-app-shell';
+import '../nile-app-shell-nav-toggle/nile-app-shell-nav-toggle';
+import '../nile-side-bar/nile-side-bar';
+/**
+ * The shell derives its chrome from its own width, so most tests size the host
+ * explicitly and wait for the ResizeObserver to land.
+ */
+const sized = async (width) => {
+    const el = await fixture(html `
+    <nile-app-shell style="width: ${width}px; height: 600px;">
+      <nav slot="side-nav">nav</nav>
+      <span slot="top-bar">Title</span>
+      <p>page</p>
+      <div slot="panel">assistant</div>
+    </nile-app-shell>
+  `);
+    await waitUntil(() => el.hasAttribute('has-panel'));
+    return el;
+};
+/** The same shell with an overlay drawer opted into, which is not the default. */
+const overlaying = async (width) => {
+    const el = await fixture(html `
+    <nile-app-shell
+      style="width: ${width}px; height: 600px;"
+      overlay-breakpoint="1280"
+    >
+      <nav slot="side-nav">nav</nav>
+      <span slot="top-bar">Title</span>
+      <p>page</p>
+      <div slot="panel">assistant</div>
+    </nile-app-shell>
+  `);
+    await waitUntil(() => el.hasAttribute('has-panel'));
+    return el;
+};
+/**
+ * The side-nav track animates, so a width read straight after a state change
+ * catches the row mid-transition and sees room that is about to go away. Waits
+ * for two consecutive frames to agree before geometry is asserted.
+ */
+const settled = async (el) => {
+    const section = el.shadowRoot.querySelector('.content-section');
+    let last = -1;
+    await waitUntil(() => {
+        const width = Math.round(section.getBoundingClientRect().width);
+        const same = width === last;
+        last = width;
+        return same;
+    }, 'the shell never settled', { timeout: 3000, interval: 60 });
+};
+const part = (el, name) => el.shadowRoot.querySelector(`[part~="${name}"]`);
+describe('NileAppShell — regions', () => {
+    it('1. defaults to an expanded nav, a closed docked panel and a fluid body', async () => {
+        const el = await sized(1440);
+        expect(el.navCollapsed).to.be.false;
+        expect(el.panelOpen).to.be.false;
+        expect(el.panelMode).to.equal('docked');
+        expect(el.contentAlign).to.equal('fluid');
+        expect(el.rail).to.be.false;
+    });
+    it('2. mounts only the regions that have slotted content', async () => {
+        const el = await sized(1440);
+        expect(el.hasAttribute('has-side-nav')).to.be.true;
+        expect(el.hasAttribute('has-top-bar')).to.be.true;
+        expect(el.hasAttribute('has-panel')).to.be.true;
+        expect(el.hasAttribute('has-banner')).to.be.false;
+        expect(el.hasAttribute('has-aside')).to.be.false;
+    });
+    it('3. reports no panel when the panel slot is empty', async () => {
+        const el = await fixture(html `<nile-app-shell><p>page</p></nile-app-shell>`);
+        expect(el.panelAvailable).to.be.false;
+        expect(el.hasAttribute('has-panel')).to.be.false;
+    });
+    it('4. renders the top bar inside the container by default', async () => {
+        const el = await sized(1440);
+        expect(part(el, 'container').contains(part(el, 'top-bar'))).to.be.true;
+    });
+    it('5. spans the shell with the top bar when asked', async () => {
+        const el = await sized(1440);
+        el.topBarPlacement = 'shell';
+        await el.updateComplete;
+        const bar = part(el, 'top-bar');
+        expect(bar.classList.contains('shell-top-bar')).to.be.true;
+        expect(part(el, 'container').contains(bar)).to.be.false;
+    });
+});
+describe('NileAppShell — nav', () => {
+    it('6. collapseNav()/expandNav() drive the rail and reflect it', async () => {
+        const el = await sized(1440);
+        el.collapseNav();
+        await el.updateComplete;
+        expect(el.navCollapsed).to.be.true;
+        expect(el.hasAttribute('rail')).to.be.true;
+        el.expandNav();
+        await el.updateComplete;
+        expect(el.hasAttribute('rail')).to.be.false;
+    });
+    it('7. toggleNav() flips, and accepts a forced state', async () => {
+        const el = await sized(1440);
+        el.toggleNav();
+        await el.updateComplete;
+        expect(el.navCollapsed).to.be.true;
+        el.toggleNav(true);
+        await el.updateComplete;
+        expect(el.navCollapsed).to.be.true;
+    });
+    it('8. emits nile-nav-toggle with the collapsed state', async () => {
+        const el = await sized(1440);
+        const toggled = oneEvent(el, 'nile-nav-toggle');
+        el.collapseNav();
+        const event = await toggled;
+        expect(event.detail.collapsed).to.be.true;
+        expect(event.detail.locked).to.be.false;
+    });
+    it('9. mirrors the effective rail onto a slotted nile-side-bar', async () => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: 1440px; height: 600px;">
+        <nile-side-bar slot="side-nav"></nile-side-bar>
+        <p>page</p>
+      </nile-app-shell>
+    `);
+        const bar = el.querySelector('nile-side-bar');
+        el.collapseNav();
+        await el.updateComplete;
+        expect(bar.hasAttribute('collapsed')).to.be.true;
+    });
+    it('10. the built-in toggle is disabled, not hidden, while the rail is forced', async () => {
+        const el = await sized(1000);
+        el.openPanel();
+        await waitUntil(() => el.navLocked);
+        const button = part(el, 'nav-toggle');
+        expect(button).to.exist;
+        expect(button.disabled).to.be.true;
+        expect(el.hasAttribute('rail')).to.be.true;
+    });
+});
+describe('NileAppShell — Ask Aquera panel', () => {
+    it('11. openPanel()/closePanel() drive panel-open', async () => {
+        const el = await sized(1440);
+        el.openPanel();
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.true;
+        expect(el.hasAttribute('panel-open')).to.be.true;
+        el.closePanel();
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.false;
+    });
+    it('12. openPanel() is a no-op when the route opts out', async () => {
+        const el = await sized(1440);
+        el.noPanel = true;
+        await el.updateComplete;
+        el.openPanel();
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.false;
+        expect(el.hasAttribute('has-panel')).to.be.false;
+    });
+    it('13. emits nile-panel-toggle with the open state and mode', async () => {
+        const el = await sized(1440);
+        const toggled = oneEvent(el, 'nile-panel-toggle');
+        el.openPanel();
+        const event = await toggled;
+        expect(event.detail.open).to.be.true;
+        expect(event.detail.mode).to.equal('docked');
+    });
+    it('14. pushes rather than overlays, however narrow the shell is', async () => {
+        for (const width of [1000, 820]) {
+            const el = await sized(width);
+            el.openPanel();
+            await el.updateComplete;
+            await settled(el);
+            expect(el.panelMode).to.equal('docked');
+            expect(el.getAttribute('panel-mode')).to.equal('docked');
+            const container = el.shadowRoot.querySelector('.container');
+            const panel = el.shadowRoot.querySelector('.panel');
+            // Beside the page, not over it.
+            expect(container.getBoundingClientRect().right).to.be.at.most(Math.round(panel.getBoundingClientRect().left) + 1);
+        }
+    });
+    it("14b. overlays below an author's breakpoint when one is set", async () => {
+        const el = await overlaying(1000);
+        await waitUntil(() => el.panelMode === 'overlay');
+        expect(el.getAttribute('panel-mode')).to.equal('overlay');
+    });
+    it('15. an open docked panel forces the rail below the docked breakpoint', async () => {
+        const el = await sized(1360);
+        await waitUntil(() => el.panelMode === 'docked');
+        expect(el.navLocked).to.be.false;
+        el.openPanel();
+        await waitUntil(() => el.navLocked);
+        expect(el.hasAttribute('rail')).to.be.true;
+        el.closePanel();
+        await waitUntil(() => !el.navLocked);
+        expect(el.hasAttribute('rail')).to.be.false;
+    });
+    it('16. the panel close button closes it', async () => {
+        const el = await sized(1440);
+        el.openPanel();
+        await el.updateComplete;
+        part(el, 'panel-close').click();
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.false;
+    });
+    it('17. labels the panel and its default heading from panel-label', async () => {
+        const el = await sized(1440);
+        el.panelLabel = 'Ask Aquera';
+        await el.updateComplete;
+        expect(part(el, 'panel').getAttribute('aria-label')).to.equal('Ask Aquera');
+        expect(part(el, 'panel-title').textContent.trim()).to.equal('Ask Aquera');
+    });
+    it('18. Cmd/Ctrl+J toggles the panel', async () => {
+        const el = await sized(1440);
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'j', ctrlKey: true }));
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.true;
+    });
+    it('19. Escape closes an overlay panel but leaves a docked one alone', async () => {
+        const docked = await sized(1440);
+        docked.openPanel();
+        await docked.updateComplete;
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+        await docked.updateComplete;
+        expect(docked.panelOpen).to.be.true;
+        const overlay = await overlaying(1000);
+        await waitUntil(() => overlay.panelMode === 'overlay');
+        overlay.openPanel();
+        await overlay.updateComplete;
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+        await overlay.updateComplete;
+        expect(overlay.panelOpen).to.be.false;
+    });
+    it('20. no-panel-shortcut drops the keyboard handling', async () => {
+        const el = await sized(1440);
+        el.noPanelShortcut = true;
+        await el.updateComplete;
+        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'j', metaKey: true }));
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.false;
+    });
+});
+describe('NileAppShell — content container', () => {
+    it('23. content-container makes the slotted page root a size container', async () => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: 1440px; height: 600px;" content-container>
+        <div class="page">page</div>
+      </nile-app-shell>
+    `);
+        const page = el.querySelector('.page');
+        expect(getComputedStyle(page).containerType).to.equal('inline-size');
+        el.contentContainer = false;
+        await el.updateComplete;
+        expect(getComputedStyle(page).containerType).to.equal('normal');
+    });
+});
+describe('NileAppShellNavToggle', () => {
+    it('21. drives the nearest shell and mirrors its rail state', async () => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: 1440px; height: 600px;" no-nav-toggle>
+        <nav slot="side-nav">nav</nav>
+        <nile-app-shell-nav-toggle slot="top-bar"></nile-app-shell-nav-toggle>
+        <p>page</p>
+      </nile-app-shell>
+    `);
+        const toggle = el.querySelector('nile-app-shell-nav-toggle');
+        await waitUntil(() => toggle.appShell === el);
+        // The control is a nile-button, so the raw <button> is a shadow root
+        // deeper. The part is the contract either way.
+        const button = () => toggle.shadowRoot.querySelector('[part~="button"]');
+        button().click();
+        await el.updateComplete;
+        expect(el.navCollapsed).to.be.true;
+        await toggle.updateComplete;
+        expect(button().getAttribute('aria-expanded')).to.equal('false');
+    });
+    it('22. disables itself while the shell holds the rail', async () => {
+        const el = await fixture(html `
+      <nile-app-shell
+        style="width: 1000px; height: 600px;"
+        no-nav-toggle
+        panel-open
+      >
+        <nav slot="side-nav">nav</nav>
+        <nile-app-shell-nav-toggle slot="top-bar"></nile-app-shell-nav-toggle>
+        <div slot="panel">assistant</div>
+        <p>page</p>
+      </nile-app-shell>
+    `);
+        const toggle = el.querySelector('nile-app-shell-nav-toggle');
+        await waitUntil(() => el.navLocked);
+        await toggle.updateComplete;
+        expect(toggle.shadowRoot.querySelector('[part~="button"]').disabled).to.be.true;
+    });
+});
+/**
+ * The row is nav + container + aside + panel. When the sum of what a route
+ * mounts exceeds the shell, something has to give — and the one thing that may
+ * not give is the row overflowing into :host's clip, which silently cuts the
+ * panel off the right edge.
+ */
+describe('NileAppShell — the content row never overflows', () => {
+    const withAside = async (width) => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: ${width}px; height: 600px;" panel-open>
+        <nav slot="side-nav">nav</nav>
+        <span slot="top-bar">Title</span>
+        <p>page</p>
+        <div slot="aside">aside</div>
+        <div slot="panel">assistant</div>
+      </nile-app-shell>
+    `);
+        await waitUntil(() => el.hasAttribute('has-aside'));
+        return el;
+    };
+    /** Overflow of the flex row past the box that clips it. */
+    const overflow = (el) => {
+        const section = el.shadowRoot.querySelector('.content-section');
+        return (section.scrollWidth - Math.round(section.getBoundingClientRect().width));
+    };
+    it('23. tightens the side columns rather than covering the page', async () => {
+        // 232px short of what the row prefers, so the panel and the aside give
+        // some width back — and the page still sits beside the panel, not under.
+        const el = await withAside(1500);
+        await waitUntil(() => el.navLocked);
+        await settled(el);
+        expect(el.panelMode).to.equal('docked');
+        const panel = el.shadowRoot.querySelector('.panel');
+        const width = panel.getBoundingClientRect().width;
+        expect(width).to.be.below(480);
+        expect(width).to.be.at.least(360);
+        expect(overflow(el)).to.equal(0);
+    });
+    it('24. rails the nav rather than clip the row', async () => {
+        // 1600 fits the docked panel over a rail, not over the expanded track.
+        const el = await withAside(1600);
+        await waitUntil(() => el.navLocked);
+        await settled(el);
+        expect(el.panelMode).to.equal('docked');
+        expect(overflow(el)).to.equal(0);
+    });
+    it('25. holds the container floor while the row has room for it', async () => {
+        const el = await withAside(1800);
+        await waitUntil(() => el.panelMode === 'docked');
+        await settled(el);
+        const container = el.shadowRoot.querySelector('.container');
+        expect(container.getBoundingClientRect().width).to.be.at.least(640);
+        expect(el.navLocked).to.be.false;
+        expect(overflow(el)).to.equal(0);
+    });
+    it('26. asks the page for room last, and only after the floors are met', async () => {
+        const el = await withAside(820);
+        await waitUntil(() => el.navLocked);
+        await settled(el);
+        const px = (sel) => el.shadowRoot.querySelector(sel).getBoundingClientRect().width;
+        // Both side columns sit on their floors before the page gives anything.
+        expect(Math.round(px('.panel'))).to.equal(360);
+        expect(Math.round(px('.aside'))).to.equal(240);
+        expect(px('.container')).to.be.below(640);
+        expect(overflow(el)).to.equal(0);
+    });
+    it('27. keeps the page above its floor at ordinary widths', async () => {
+        const el = await sized(1300);
+        el.openPanel();
+        await el.updateComplete;
+        await settled(el);
+        expect(el.panelMode).to.equal('docked');
+        const container = el.shadowRoot.querySelector('.container');
+        expect(container.getBoundingClientRect().width).to.be.at.least(640);
+        expect(overflow(el)).to.equal(0);
+    });
+});
+/**
+ * An empty flex item is not a free one: it still takes the row's gap before
+ * it, which is enough to pull the bar's content short of its padding edge.
+ */
+describe('NileAppShell — the top bar reaches its padding edge', () => {
+    it('28. an empty actions group reserves no gap', async () => {
+        const el = await sized(1440);
+        // The Ask button lives in that group, so drop it to leave it truly empty.
+        el.noAsk = true;
+        await settled(el);
+        expect(el.hasAttribute('has-top-bar-actions')).to.be.false;
+        expect(el.hasAttribute('has-ask')).to.be.false;
+        const bar = el.shadowRoot.querySelector('.top-bar');
+        const content = el.shadowRoot.querySelector('.top-bar-content');
+        const padEnd = parseFloat(getComputedStyle(bar).paddingInlineEnd);
+        const shortfall = bar.getBoundingClientRect().right - content.getBoundingClientRect().right;
+        expect(Math.round(shortfall)).to.equal(Math.round(padEnd));
+    });
+    it('29. slotted actions mount the group', async () => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: 1440px; height: 600px;">
+        <nav slot="side-nav">nav</nav>
+        <span slot="top-bar">Title</span>
+        <button slot="top-bar-actions">Save</button>
+        <p>page</p>
+      </nile-app-shell>
+    `);
+        await waitUntil(() => el.hasAttribute('has-top-bar-actions'));
+        const actions = el.shadowRoot.querySelector('.top-bar-actions');
+        expect(getComputedStyle(actions).display).to.not.equal('none');
+        expect(actions.getBoundingClientRect().width).to.be.greaterThan(0);
+    });
+});
+/**
+ * The Ask door moved onto the shell when nile-app-shell-header became a slot.
+ * It is the one control in the bar that cannot be slotted markup: it turns on
+ * whether a panel is mounted for this route, and it calls openPanel().
+ */
+describe('NileAppShell — the built-in Ask button', () => {
+    const ask = (el) => part(el, 'ask');
+    it('30. opens the panel', async () => {
+        const el = await sized(1440);
+        expect(el.panelOpen).to.be.false;
+        ask(el).click();
+        await el.updateComplete;
+        expect(el.panelOpen).to.be.true;
+    });
+    it('31. is absent when the route mounts no panel', async () => {
+        const el = await fixture(html `
+      <nile-app-shell style="width: 1440px; height: 600px;">
+        <nav slot="side-nav">nav</nav>
+        <span slot="top-bar">Title</span>
+        <p>page</p>
+      </nile-app-shell>
+    `);
+        await el.updateComplete;
+        expect(el.askVisible).to.be.false;
+        expect(ask(el)).to.be.null;
+    });
+    it('32. no-ask drops it for a bar that renders its own', async () => {
+        const el = await sized(1440);
+        el.noAsk = true;
+        await el.updateComplete;
+        expect(el.askVisible).to.be.false;
+        expect(ask(el)).to.be.null;
+    });
+    it('33. takes its label from ask-label', async () => {
+        const el = await sized(1440);
+        el.askLabel = 'Ask Aquera';
+        await el.updateComplete;
+        expect(ask(el).textContent.trim()).to.equal('Ask Aquera');
+    });
+    it('34. keeps the actions group mounted on its own', async () => {
+        const el = await sized(1440);
+        await settled(el);
+        // Nothing is slotted into top-bar-actions, but the Ask button lives there.
+        expect(el.hasAttribute('has-top-bar-actions')).to.be.false;
+        expect(el.hasAttribute('has-ask')).to.be.true;
+        const actions = el.shadowRoot.querySelector('.top-bar-actions');
+        expect(getComputedStyle(actions).display).to.not.equal('none');
+        expect(actions.getBoundingClientRect().width).to.be.greaterThan(0);
+    });
+});
+//# sourceMappingURL=nile-app-shell.test.js.map