@aquera/nile-elements 2.0.10 → 2.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/demo/app-shell.html +852 -0
- package/demo/nxtgen-classes.css +2 -2
- package/demo/nxtgen-properties.css +2 -2
- package/demo/nxtgen-utilities.css +2 -2
- package/demo/nxtgen.css +2 -2
- package/demo/utilities.css +2 -2
- package/demo/variables.css +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +595 -302
- package/dist/internal/app-shell-utility-control-styles.cjs.js +2 -0
- package/dist/internal/app-shell-utility-control-styles.cjs.js.map +1 -0
- package/dist/internal/app-shell-utility-control-styles.esm.js +16 -0
- package/dist/nile-app-shell/index.cjs.js +1 -1
- package/dist/nile-app-shell/index.esm.js +1 -1
- package/dist/nile-app-shell/nile-app-shell.cjs.js +1 -1
- package/dist/nile-app-shell/nile-app-shell.cjs.js.map +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.cjs.js +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.cjs.js.map +1 -1
- package/dist/nile-app-shell/nile-app-shell.css.esm.js +277 -96
- package/dist/nile-app-shell/nile-app-shell.esm.js +67 -11
- package/dist/nile-app-shell/shell-controller.cjs.js.map +1 -1
- package/dist/nile-app-shell-main/nile-app-shell-main.cjs.js.map +1 -1
- package/dist/nile-app-shell-nav-toggle/index.cjs.js +1 -1
- package/dist/nile-app-shell-nav-toggle/index.esm.js +1 -1
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js +1 -1
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js.map +1 -1
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js +1 -1
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js.map +1 -1
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.esm.js +7 -3
- package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.esm.js +3 -3
- package/dist/nile-app-shell-panel/index.cjs.js +1 -1
- package/dist/nile-app-shell-panel/index.esm.js +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js.map +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js.map +1 -1
- package/dist/nile-app-shell-panel/nile-app-shell-panel.css.esm.js +32 -8
- package/dist/nile-app-shell-panel/nile-app-shell-panel.esm.js +18 -5
- package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.cjs.js.map +1 -1
- package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.css.cjs.js.map +1 -1
- package/dist/src/internal/app-shell-utility-control-styles.d.ts +12 -0
- package/dist/src/internal/app-shell-utility-control-styles.js +29 -0
- package/dist/src/internal/app-shell-utility-control-styles.js.map +1 -0
- package/dist/src/nile-app-shell/nile-app-shell-regions.test.d.ts +3 -0
- package/dist/src/nile-app-shell/nile-app-shell-regions.test.js +210 -0
- package/dist/src/nile-app-shell/nile-app-shell-regions.test.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.css.d.ts +1 -9
- package/dist/src/nile-app-shell/nile-app-shell.css.js +277 -103
- package/dist/src/nile-app-shell/nile-app-shell.css.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.d.ts +90 -122
- package/dist/src/nile-app-shell/nile-app-shell.js +235 -144
- package/dist/src/nile-app-shell/nile-app-shell.js.map +1 -1
- package/dist/src/nile-app-shell/nile-app-shell.test.d.ts +4 -0
- package/dist/src/nile-app-shell/nile-app-shell.test.js +1116 -29
- package/dist/src/nile-app-shell/nile-app-shell.test.js.map +1 -1
- package/dist/src/nile-app-shell/shell-controller.d.ts +1 -8
- package/dist/src/nile-app-shell/shell-controller.js +2 -14
- package/dist/src/nile-app-shell/shell-controller.js.map +1 -1
- package/dist/src/nile-app-shell-main/nile-app-shell-main.d.ts +2 -6
- package/dist/src/nile-app-shell-main/nile-app-shell-main.js +2 -6
- package/dist/src/nile-app-shell-main/nile-app-shell-main.js.map +1 -1
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.d.ts +1 -4
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js +7 -5
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js.map +1 -1
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.d.ts +4 -8
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js +5 -6
- package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js.map +1 -1
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js +31 -6
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js.map +1 -1
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.d.ts +18 -13
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js +45 -16
- package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js.map +1 -1
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.d.ts +1 -4
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js +1 -4
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js.map +1 -1
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.d.ts +4 -12
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js +4 -12
- package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/version.cjs.js +1 -1
- package/dist/version.cjs.js.map +1 -1
- package/dist/version.esm.js +1 -1
- package/package.json +1 -1
- package/plop-templates/lit/lit.test.ts.hbs +22 -0
- package/plop-templates/lit/lit.ts.hbs +10 -5
- package/plopfile.js +12 -0
- package/src/internal/app-shell-utility-control-styles.ts +30 -0
- package/src/nile-app-shell/nile-app-shell-regions.test.ts +252 -0
- package/src/nile-app-shell/nile-app-shell.css.ts +277 -103
- package/src/nile-app-shell/nile-app-shell.test.ts +1363 -29
- package/src/nile-app-shell/nile-app-shell.ts +249 -149
- package/src/nile-app-shell/shell-controller.ts +2 -14
- package/src/nile-app-shell-main/nile-app-shell-main.ts +2 -6
- package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.ts +7 -5
- package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.ts +7 -11
- package/src/nile-app-shell-panel/nile-app-shell-panel.css.ts +31 -6
- package/src/nile-app-shell-panel/nile-app-shell-panel.ts +44 -16
- package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.ts +1 -4
- package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.ts +4 -12
- package/vscode-html-custom-data.json +85 -18
|
@@ -1 +1 @@
|
|
|
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"]}
|
|
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 `detail` of the `nile-click` the header back control emits. */\nexport interface NileAppShellClickDetail {\n value: 'back';\n}\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 container, an optional aside and an AI assistant panel.\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 or spanning the shell when `top-bar-placement=\"shell\"`.\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 outside `<main>`'s scroller.\n * @slot app-icon - The mark shown before the page title whenever this slot has content, clipped to the shell's box.\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 empty the panel is 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 composer.\n *\n * @event nile-nav-toggle - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`.\n * @event nile-panel-toggle - Emitted after the panel opens or closes. `detail: { open, mode }`.\n * @event nile-panel-mode-change - Emitted when the panel flips between docked and overlay. `detail: { mode }`.\n * @event nile-click - Emitted when the header's back control is pressed, or `goBackHeader()` is called. `detail: { value: 'back' }`. Emitted on the shell itself, so check `event.target === shell` as well as the value: a `nile-click` from page content bubbles through the shell too.\n * @event nile-panel-back - Emitted when the panel's back control is pressed, whether the shell's built-in panel chrome or a slotted `nile-app-shell-panel` draws it.\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 ask-rule - The vertical rule before the Ask button, drawn when `top-bar-actions` has content.\n * @csspart top-bar-actions - The end-aligned top bar action group.\n * @csspart ask - The built-in Ask button, the shell's single door to the panel.\n * @csspart title-area - The header's own title block: back control, app icon, title, badge and description.\n * @csspart page-title - The title text, exposed as a heading whose level `headingLevel` sets.\n * @csspart description - The second line under the title.\n * @csspart badge - The pill after the title.\n * @csspart back - The header back control, shown by `headerBack`.\n * @csspart app-icon - The block holding the `app-icon` slot, shown when the slot has content and sized by `--nile-app-shell-app-icon-size`.\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-back - The panel's back control, shown by `panelBack`.\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=240px] - Expanded nav track.\n * @cssproperty [--nile-app-shell-side-nav-rail-width=70px] - Collapsed track.\n * @cssproperty [--nile-app-shell-side-nav-bg=transparent] - Surface behind a slotted side nav.\n * @cssproperty [--nile-app-shell-side-nav-border=0] - Edge on a slotted side nav.\n * @cssproperty [--nile-app-shell-gutter=4px] - Content-section padding, and the gap between container, aside and panel.\n * @cssproperty [--nile-app-shell-content-padding=24px] - Container inner padding.\n * @cssproperty [--nile-app-shell-top-bar-height=68px] - Top bar height.\n * @cssproperty [--nile-app-shell-panel-header-height=56px] - The panel header's own height.\n * @cssproperty [--nile-app-shell-tabs-height=33px] - Tab strip height.\n * @cssproperty [--nile-app-shell-panel-width=480px] - Docked panel width, and the `min()` ceiling for the overlay drawer.\n * @cssproperty [--nile-app-shell-panel-min-width=360px] - How far a docked 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 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 scrolls rather than the shell compressing.\n * @cssproperty [--nile-app-shell-centered-width=824px] - Column width under `content-align=\"centered\"`.\n * @cssproperty [--nile-app-shell-app-icon-size=20px] - The app icon's box.\n * @cssproperty [--nile-app-shell-utility-size=32px] - Box the shell's own icon controls sit in.\n * @cssproperty [--nile-app-shell-radius=16px] - Container, aside and panel 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 * @method goBackHeader() - Emit `nile-click` with `{ value: 'back' }`, as the header's back control does.\n * @method goBackPanel() - Emit `nile-panel-back`, as the panel's back control does.\n * @method goBack() - Deprecated alias of `goBackPanel()`.\n */\n@customElement('nile-app-shell')\nexport class NileAppShell extends NileElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n /** The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`. */\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 /** Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op. */\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 /** The page title, rendered as the top bar's own heading (`role=\"heading\"`, level from `headingLevel`) before anything slotted into `top-bar`; leave unset and no title block renders. */\n @property({ type: String, attribute: true, reflect: true })\n pageTitle?: string;\n\n /** The `aria-level` of the `pageTitle` heading, 1–6, so the title can fit the page's own heading outline; e.g. 2 when the page body or banner already has its h1. Out-of-range values clamp to 1–6 and non-numbers fall back to 1. */\n @property({ type: Number, attribute: true, reflect: true })\n headingLevel: number = 1;\n\n /** A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px. */\n @property({ type: String, attribute: true, reflect: true })\n description?: string;\n\n /** A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge. */\n @property({ type: String, attribute: true, reflect: true })\n badge?: string;\n\n /** Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot. */\n @property({ type: Boolean, attribute: true, reflect: true })\n headerBack: boolean = false;\n\n /** Accessible name of the header back control. Never rendered as visible text. */\n @property({ type: String, attribute: true, reflect: true })\n headerBackLabel: string = 'Back';\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 /** Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport. */\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 /** The label on the built-in Ask button. */\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 /** Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`. */\n @property({ type: Boolean, reflect: true })\n panelBack: boolean = false;\n\n /** Accessible name of the panel's back control. */\n @property({ type: String })\n panelBackLabel: string = 'Back';\n\n /** Hides the tab strip for this route even when the `tabs` slot is filled. */\n @property({ type: Boolean, reflect: true })\n noTabs: 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 /** Below this shell width the panel overlays the content instead of pushing it, and the nav is forced to a rail; zero (default) means never. */\n @property({ type: Number, attribute: 'overlay-breakpoint' })\n overlayBreakpoint: number = 0;\n\n /** Below this shell width an open docked panel forces the nav to a rail. */\n @property({ type: Number, attribute: 'docked-rail-breakpoint' })\n dockedRailBreakpoint: number = 1440;\n\n /** Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted. */\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 _hasAppIcon: boolean = false;\n @state() private _hasPanel: boolean = false;\n @state() private _hasPanelFooter: boolean = false;\n\n /** True when a `nile-app-shell-panel` is slotted, owning the panel's own chrome so the shell renders a bare region. */\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 tab strip is rendered: something slotted, and not switched off. */\n public get tabsVisible(): boolean {\n return this._hasTabs && !this.noTabs;\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 // Aside/side-nav mounting changes what a docked panel fits beside; ask the map since private state is outside `keyof this`.\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 ||\n this._hasTitleBlock ||\n (!this.noNavToggle && this._hasSideNav)\n );\n // Only with a title to sit under: see _hasTitleBlock.\n this.toggleAttribute(\n 'has-description',\n !!this.description && !!this.pageTitle\n );\n this.toggleAttribute('has-top-bar-actions', this._hasTopBarActions);\n this.toggleAttribute('has-app-icon', this._hasAppIcon);\n this.toggleAttribute('has-ask', this.askVisible);\n this.toggleAttribute('has-tabs', this.tabsVisible);\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 /** Toggle the panel, or force a state. */\n public togglePanel(force?: boolean): void {\n const next = force ?? !this.panelOpen;\n if (next) this.openPanel();\n else this.closePanel();\n }\n\n /** Emit `nile-click` with `{ value: 'back' }`, as the header's back control does; the page owns the history. */\n public goBackHeader(): void {\n const detail: NileAppShellClickDetail = { value: 'back' };\n this.emit('nile-click', detail);\n }\n\n /** Emit `nile-panel-back`, as the panel's back control does; the page owns the view stack. */\n public goBackPanel(): void {\n this.emit('nile-panel-back');\n }\n\n /** @deprecated Use `goBackPanel()`; kept as an alias that emits `nile-panel-back`. */\n public goBack(): void {\n this.goBackPanel();\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 /** The shell's geometry, read off its own custom properties, falling back to defaults before a computed style exists. */\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 // Read the substituted value so they follow the active theme; the literals are the enterprise fallback.\n nav: px('--nile-app-shell-side-nav-width', 240),\n rail: px('--nile-app-shell-side-nav-rail-width', 70),\n gutter: px('--nile-app-shell-gutter', 4),\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 /** The shell width a docked panel needs to sit beside the content floor, over a side-nav `track` wide. */\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 /* The content row's chrome is end-edge padding plus one flex gap between container and panel (an aside carries its own gap above), and start-edge padding too when no nav track is there to sit flush against. */\n const gutters = this._hasSideNav ? 2 : 3;\n return nav + geo.content + aside + geo.panel + geo.gutter * gutters;\n }\n\n private _recompute(): void {\n const width = this._width;\n const geo = this._geometry();\n\n /* Overlay is opt-in: the shell only overlays below a width the author names, never from running out of room. */\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 expanded nav for content width, measured against the expanded track.\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 'app-icon':\n this._hasAppIcon = 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 utility-control\"\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' : 'ng-panel-right',\n 20,\n 'currentColor'\n )}\n </nile-button>\n ${this._hasTopBar || this._hasTitleBlock\n ? html`<span class=\"rule\" part=\"rule\"></span>`\n : ''}\n </div>\n `;\n }\n\n /** Whether the header has a title block of its own to draw: a title, the back arrow or a slotted app icon mounts it. */\n private get _hasTitleBlock(): boolean {\n return !!this.pageTitle || this.headerBack || this._hasAppIcon;\n }\n\n /** `headingLevel` as a safe `aria-level`: a whole number clamped to 1–6, and 1 for anything non-numeric. */\n private get _headingLevel(): number {\n const level = Math.trunc(Number(this.headingLevel));\n return Number.isFinite(level) ? Math.min(6, Math.max(1, level)) : 1;\n }\n\n private _renderBack(): TemplateResult | string {\n if (!this.headerBack) return '';\n return html`\n <span class=\"back-line\">\n <button\n class=\"back\"\n part=\"back\"\n type=\"button\"\n aria-label=${this.headerBackLabel}\n title=${this.headerBackLabel}\n @click=${() => this.goBackHeader()}\n >\n ${renderGlyph('ng-arrow-narrow-left', 20, 'currentColor')}\n </button>\n </span>\n `;\n }\n\n private _renderAppIconSlot(): TemplateResult {\n return html`<slot\n name=\"app-icon\"\n @slotchange=${(e: Event) => this._onSlotChange('app-icon', e)}\n ></slot>`;\n }\n\n /* The app-icon slot has to exist whenever the stack does not, or a slotted icon could never mount it: park it, hidden. */\n private _renderAppIconProbe(): TemplateResult {\n return html`<span class=\"app-icon-probe\" hidden\n >${this._renderAppIconSlot()}</span\n >`;\n }\n\n private _renderTitleBlock(): TemplateResult {\n if (!this._hasTitleBlock) return this._renderAppIconProbe();\n\n /* The stack is the title and/or the app icon; a back arrow on its own brings no empty stack. */\n if (!this.pageTitle && !this._hasAppIcon) {\n return html`\n <div class=\"title-area\" part=\"title-area\">\n ${this._renderBack()} ${this._renderAppIconProbe()}\n </div>\n `;\n }\n\n /* The back arrow sits beside the stack; the app icon starts the stack's first row, so the description lines up under the icon when there is one and under the title when not. */\n return html`\n <div class=\"title-area\" part=\"title-area\">\n ${this._renderBack()}\n <div class=\"title-stack\">\n <div class=\"title-row\">\n <span class=\"app-icon\" part=\"app-icon\"\n >${this._renderAppIconSlot()}</span\n >\n ${this.pageTitle\n ? html`<div\n class=\"page-title\"\n part=\"page-title\"\n role=\"heading\"\n aria-level=${this._headingLevel}\n >${this.pageTitle}</div>`\n : ''}\n ${this.pageTitle && this.badge\n ? html`<span class=\"badge\" part=\"badge\">${this.badge}</span>`\n : ''}\n </div>\n ${this.pageTitle && this.description\n ? html`<p class=\"description\" part=\"description\">\n ${this.description}\n </p>`\n : ''}\n </div>\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 ${this._renderTitleBlock()}\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 && this._hasTopBarActions\n ? html`<span class=\"rule ask-rule\" part=\"ask-rule\"></span>`\n : ''}\n ${this.askVisible\n ? html`\n <nile-button\n class=\"ask\"\n part=\"ask\"\n exportparts=\"base: ask__base, label: ask__label\"\n variant=\"secondary\"\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 ${this.panelBack\n ? html`<nile-button\n class=\"panel-back utility-control\"\n part=\"panel-back\"\n variant=\"ghost\"\n circle\n title=${this.panelBackLabel}\n aria-label=${this.panelBackLabel}\n @click=${() => this.goBackPanel()}\n >\n ${renderGlyph('ng-arrow-left', 20, 'currentColor')}\n </nile-button>`\n : ''}\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 utility-control\"\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', 20, '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"]}
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import './nile-app-shell';
|
|
2
2
|
import '../nile-app-shell-nav-toggle/nile-app-shell-nav-toggle';
|
|
3
|
+
import '../nile-app-shell-panel/nile-app-shell-panel';
|
|
4
|
+
import '../nile-nav-tab-group/nile-nav-tab-group';
|
|
5
|
+
import '../nile-nav-tab/nile-nav-tab';
|
|
3
6
|
import '../nile-side-bar/nile-side-bar';
|
|
7
|
+
import '@aquera/nile-glyph/nile-glyph';
|