@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.
Files changed (104) hide show
  1. package/README.md +6 -0
  2. package/demo/app-shell.html +852 -0
  3. package/demo/nxtgen-classes.css +2 -2
  4. package/demo/nxtgen-properties.css +2 -2
  5. package/demo/nxtgen-utilities.css +2 -2
  6. package/demo/nxtgen.css +2 -2
  7. package/demo/utilities.css +2 -2
  8. package/demo/variables.css +2 -2
  9. package/dist/index.cjs.js +1 -1
  10. package/dist/index.esm.js +1 -1
  11. package/dist/index.js +595 -302
  12. package/dist/internal/app-shell-utility-control-styles.cjs.js +2 -0
  13. package/dist/internal/app-shell-utility-control-styles.cjs.js.map +1 -0
  14. package/dist/internal/app-shell-utility-control-styles.esm.js +16 -0
  15. package/dist/nile-app-shell/index.cjs.js +1 -1
  16. package/dist/nile-app-shell/index.esm.js +1 -1
  17. package/dist/nile-app-shell/nile-app-shell.cjs.js +1 -1
  18. package/dist/nile-app-shell/nile-app-shell.cjs.js.map +1 -1
  19. package/dist/nile-app-shell/nile-app-shell.css.cjs.js +1 -1
  20. package/dist/nile-app-shell/nile-app-shell.css.cjs.js.map +1 -1
  21. package/dist/nile-app-shell/nile-app-shell.css.esm.js +277 -96
  22. package/dist/nile-app-shell/nile-app-shell.esm.js +67 -11
  23. package/dist/nile-app-shell/shell-controller.cjs.js.map +1 -1
  24. package/dist/nile-app-shell-main/nile-app-shell-main.cjs.js.map +1 -1
  25. package/dist/nile-app-shell-nav-toggle/index.cjs.js +1 -1
  26. package/dist/nile-app-shell-nav-toggle/index.esm.js +1 -1
  27. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js +1 -1
  28. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.cjs.js.map +1 -1
  29. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js +1 -1
  30. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.cjs.js.map +1 -1
  31. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.esm.js +7 -3
  32. package/dist/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.esm.js +3 -3
  33. package/dist/nile-app-shell-panel/index.cjs.js +1 -1
  34. package/dist/nile-app-shell-panel/index.esm.js +1 -1
  35. package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js +1 -1
  36. package/dist/nile-app-shell-panel/nile-app-shell-panel.cjs.js.map +1 -1
  37. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js +1 -1
  38. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.cjs.js.map +1 -1
  39. package/dist/nile-app-shell-panel/nile-app-shell-panel.css.esm.js +32 -8
  40. package/dist/nile-app-shell-panel/nile-app-shell-panel.esm.js +18 -5
  41. package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.cjs.js.map +1 -1
  42. package/dist/nile-app-shell-side-nav/nile-app-shell-side-nav.css.cjs.js.map +1 -1
  43. package/dist/src/internal/app-shell-utility-control-styles.d.ts +12 -0
  44. package/dist/src/internal/app-shell-utility-control-styles.js +29 -0
  45. package/dist/src/internal/app-shell-utility-control-styles.js.map +1 -0
  46. package/dist/src/nile-app-shell/nile-app-shell-regions.test.d.ts +3 -0
  47. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js +210 -0
  48. package/dist/src/nile-app-shell/nile-app-shell-regions.test.js.map +1 -1
  49. package/dist/src/nile-app-shell/nile-app-shell.css.d.ts +1 -9
  50. package/dist/src/nile-app-shell/nile-app-shell.css.js +277 -103
  51. package/dist/src/nile-app-shell/nile-app-shell.css.js.map +1 -1
  52. package/dist/src/nile-app-shell/nile-app-shell.d.ts +90 -122
  53. package/dist/src/nile-app-shell/nile-app-shell.js +235 -144
  54. package/dist/src/nile-app-shell/nile-app-shell.js.map +1 -1
  55. package/dist/src/nile-app-shell/nile-app-shell.test.d.ts +4 -0
  56. package/dist/src/nile-app-shell/nile-app-shell.test.js +1116 -29
  57. package/dist/src/nile-app-shell/nile-app-shell.test.js.map +1 -1
  58. package/dist/src/nile-app-shell/shell-controller.d.ts +1 -8
  59. package/dist/src/nile-app-shell/shell-controller.js +2 -14
  60. package/dist/src/nile-app-shell/shell-controller.js.map +1 -1
  61. package/dist/src/nile-app-shell-main/nile-app-shell-main.d.ts +2 -6
  62. package/dist/src/nile-app-shell-main/nile-app-shell-main.js +2 -6
  63. package/dist/src/nile-app-shell-main/nile-app-shell-main.js.map +1 -1
  64. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.d.ts +1 -4
  65. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js +7 -5
  66. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.js.map +1 -1
  67. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.d.ts +4 -8
  68. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js +5 -6
  69. package/dist/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.js.map +1 -1
  70. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js +31 -6
  71. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.css.js.map +1 -1
  72. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.d.ts +18 -13
  73. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js +45 -16
  74. package/dist/src/nile-app-shell-panel/nile-app-shell-panel.js.map +1 -1
  75. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.d.ts +1 -4
  76. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js +1 -4
  77. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.js.map +1 -1
  78. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.d.ts +4 -12
  79. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js +4 -12
  80. package/dist/src/nile-app-shell-side-nav/nile-app-shell-side-nav.js.map +1 -1
  81. package/dist/src/version.js +1 -1
  82. package/dist/src/version.js.map +1 -1
  83. package/dist/tsconfig.tsbuildinfo +1 -1
  84. package/dist/version.cjs.js +1 -1
  85. package/dist/version.cjs.js.map +1 -1
  86. package/dist/version.esm.js +1 -1
  87. package/package.json +1 -1
  88. package/plop-templates/lit/lit.test.ts.hbs +22 -0
  89. package/plop-templates/lit/lit.ts.hbs +10 -5
  90. package/plopfile.js +12 -0
  91. package/src/internal/app-shell-utility-control-styles.ts +30 -0
  92. package/src/nile-app-shell/nile-app-shell-regions.test.ts +252 -0
  93. package/src/nile-app-shell/nile-app-shell.css.ts +277 -103
  94. package/src/nile-app-shell/nile-app-shell.test.ts +1363 -29
  95. package/src/nile-app-shell/nile-app-shell.ts +249 -149
  96. package/src/nile-app-shell/shell-controller.ts +2 -14
  97. package/src/nile-app-shell-main/nile-app-shell-main.ts +2 -6
  98. package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.css.ts +7 -5
  99. package/src/nile-app-shell-nav-toggle/nile-app-shell-nav-toggle.ts +7 -11
  100. package/src/nile-app-shell-panel/nile-app-shell-panel.css.ts +31 -6
  101. package/src/nile-app-shell-panel/nile-app-shell-panel.ts +44 -16
  102. package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.css.ts +1 -4
  103. package/src/nile-app-shell-side-nav/nile-app-shell-side-nav.ts +4 -12
  104. package/vscode-html-custom-data.json +85 -18
@@ -73,7 +73,7 @@
73
73
  },
74
74
  {
75
75
  "name": "nile-app-shell-nav-toggle",
76
- "description": "Attributes:\n\n * `with-rule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\nProperties:\n\n * `withRule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\n * `_rail` {`boolean`} - \n\n * `_locked` {`boolean`} - \n\n * `_observed` - \n\n * `appShell` - The shell this toggle drives, if it found one.\n\n * `_onShellToggle` - \n\n * `_onClick` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
76
+ "description": "Attributes:\n\n * `with-rule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\nProperties:\n\n * `withRule` {`boolean`} - Draws the vertical rule the shell's own bar puts after the toggle.\n\n * `shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\n * `_rail` {`boolean`} - \n\n * `_locked` {`boolean`} - \n\n * `_observed` - \n\n * `appShell` - The shell this toggle drives, if it found one.\n\n * `_onShellToggle` - \n\n * `_onClick` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
77
77
  "attributes": [
78
78
  {
79
79
  "name": "with-rule",
@@ -82,14 +82,14 @@
82
82
  },
83
83
  {
84
84
  "name": "shell",
85
- "description": "`shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or\nthe element with this id.\n\nProperty: shell",
85
+ "description": "`shell` {`string | undefined`} - The shell to drive. Defaults to the nearest `nile-app-shell` ancestor, or the element with this id.\n\nProperty: shell",
86
86
  "values": []
87
87
  }
88
88
  ]
89
89
  },
90
90
  {
91
91
  "name": "nile-app-shell-panel",
92
- "description": "Events:\n\n * `nile-close` {} - Emitted when the close button is pressed, after the shell\nhas been told to close. Cancelable is not honoured; listen to it to react,\nand use `no-close` to own the control yourself.\n\nSlots:\n\n * ` ` {} - The panel body. Scrolls.\n\n * `header` {} - Replaces the default heading (mark plus label).\n\n * `actions` {} - Controls added before the close button.\n\n * `footer` {} - A composer, docked below the scroll region.\n\nAttributes:\n\n * `label` {`string`} - The heading, and the accessible name of the region.\n\n * `no-header` {`boolean`} - Drops the header bar entirely.\n\n * `no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n * `no-padding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperties:\n\n * `shellLink` - \n\n * `label` {`string`} - The heading, and the accessible name of the region.\n\n * `noHeader` {`boolean`} - Drops the header bar entirely.\n\n * `noClose` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n * `noPadding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\n * `_hasFooter` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
92
+ "description": "Events:\n\n * `nile-close` {} - Emitted when the close button is pressed, after the shell has been told to close.\n\n * `nile-back` {} - Emitted when the back control is pressed; the page swaps its own content back.\n\n * `nile-panel-back` {} - Emitted right after `nile-back` for the same press, matching the shell's built-in panel chrome, so a page listening on the shell keeps working when it slots this component. Listen for one of the two, not both, or one press is handled twice.\n\nSlots:\n\n * ` ` {} - The panel body. Scrolls.\n\n * `header` {} - Replaces the default heading (mark plus label); the back control renders before it.\n\n * `actions` {} - Controls added before the close button; size and clear their `base` part from page CSS to match the header's bare glyphs.\n\n * `footer` {} - A composer, docked below the scroll region.\n\nAttributes:\n\n * `label` {`string`} - The heading, and the accessible name of the region.\n\n * `no-header` {`boolean`} - Drops the header bar entirely.\n\n * `back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\n * `backLabel` {`string`} - Accessible name of the back control.\n\n * `no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n * `no-padding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperties:\n\n * `shellLink` - \n\n * `label` {`string`} - The heading, and the accessible name of the region.\n\n * `noHeader` {`boolean`} - Drops the header bar entirely.\n\n * `back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\n * `backLabel` {`string`} - Accessible name of the back control.\n\n * `noClose` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\n * `noPadding` {`boolean`} - Removes the body's padding, for a full-bleed transcript.\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\n * `_hasFooter` {`boolean`} - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
93
93
  "attributes": [
94
94
  {
95
95
  "name": "label",
@@ -100,6 +100,15 @@
100
100
  "description": "`no-header` {`boolean`} - Drops the header bar entirely.\n\nProperty: noHeader\n\nDefault: false",
101
101
  "valueSet": "v"
102
102
  },
103
+ {
104
+ "name": "back",
105
+ "description": "`back` {`boolean`} - Shows a back control at the start of the header for a sub-view; the panel keeps no view stack and only emits `nile-back`.\n\nProperty: back\n\nDefault: false",
106
+ "valueSet": "v"
107
+ },
108
+ {
109
+ "name": "backLabel",
110
+ "description": "`backLabel` {`string`} - Accessible name of the back control.\n\nProperty: backLabel\n\nDefault: Back"
111
+ },
103
112
  {
104
113
  "name": "no-close",
105
114
  "description": "`no-close` {`boolean`} - Drops the close button — for a panel the page closes its own way.\n\nProperty: noClose\n\nDefault: false",
@@ -117,7 +126,7 @@
117
126
  },
118
127
  {
119
128
  "name": "mode",
120
- "description": "`mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperty: mode\n\nDefault: docked",
129
+ "description": "`mode` {`NileAppShellPanelMode`} - Mirrors the shell's panel mode. Set by the shell; treat it as read-only and style against it (`nile-app-shell-panel[mode='overlay']`).\n\nProperty: mode\n\nDefault: docked",
121
130
  "values": [
122
131
  {
123
132
  "name": "docked"
@@ -129,17 +138,25 @@
129
138
  },
130
139
  {
131
140
  "name": "onnile-close",
132
- "description": "`nile-close` {} - Emitted when the close button is pressed, after the shell\nhas been told to close. Cancelable is not honoured; listen to it to react,\nand use `no-close` to own the control yourself."
141
+ "description": "`nile-close` {} - Emitted when the close button is pressed, after the shell has been told to close."
142
+ },
143
+ {
144
+ "name": "onnile-back",
145
+ "description": "`nile-back` {} - Emitted when the back control is pressed; the page swaps its own content back."
146
+ },
147
+ {
148
+ "name": "onnile-panel-back",
149
+ "description": "`nile-panel-back` {} - Emitted right after `nile-back` for the same press, matching the shell's built-in panel chrome, so a page listening on the shell keeps working when it slots this component. Listen for one of the two, not both, or one press is handled twice."
133
150
  }
134
151
  ]
135
152
  },
136
153
  {
137
154
  "name": "nile-app-shell-side-nav",
138
- "description": "Slots:\n\n * ` ` {} - The nav body. Scrolls.\n\n * `header` {} - Pinned above the scroll region — a wordmark or product switcher.\n\n * `footer` {} - Pinned below it — an account row or help link.\n\nAttributes:\n\n * `collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\nProperties:\n\n * `shellLink` - \n\n * `collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
155
+ "description": "Slots:\n\n * ` ` {} - The nav body. Scrolls.\n\n * `header` {} - Pinned above the scroll region — a wordmark or product switcher.\n\n * `footer` {} - Pinned below it — an account row or help link.\n\nAttributes:\n\n * `collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\nProperties:\n\n * `shellLink` - \n\n * `collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\n * `shell` {`string | undefined`} - Id of the shell to follow. Defaults to the nearest ancestor.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
139
156
  "attributes": [
140
157
  {
141
158
  "name": "collapsed",
142
- "description": "`collapsed` {`boolean`} - Mirrors the shell's effective rail state — the user's preference, or a rail\nforced by the shell's width. Set by the shell; treat it as read-only and\nstyle against it (`nile-app-shell-side-nav[collapsed] .label`).\n\nProperty: collapsed\n\nDefault: false",
159
+ "description": "`collapsed` {`boolean`} - Mirrors the shell's effective rail state. Set by the shell; treat it as read-only and style against it (`nile-app-shell-side-nav[collapsed] .label`).\n\nProperty: collapsed\n\nDefault: false",
143
160
  "valueSet": "v"
144
161
  },
145
162
  {
@@ -151,11 +168,11 @@
151
168
  },
152
169
  {
153
170
  "name": "nile-app-shell",
154
- "description": "Events:\n\n * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or its\nforced-rail lock changes. `detail: { collapsed, locked }`.\n\n * `nile-panel-toggle` {} - Emitted after the panel opens or closes.\n`detail: { open, mode }`.\n\n * `nile-panel-mode-change` {} - Emitted when the panel flips between docked\nand overlay. `detail: { mode }`.\n\nSlots:\n\n * ` ` {} - The page body, inside the content container.\n\n * `banner` {} - A full-width strip above every other region.\n\n * `top-bar` {} - The page-title bar. Mounted inside the container by default,\nor spanning the shell when `top-bar-placement=\"shell\"`. The nav toggle is\nrendered before whatever is slotted here.\n\n * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and\noutside `<main>`'s scroller, so it never scrolls away. The region carries\nthe strip's height, padding and rule, so slot a `<nile-tab-group>` or the\ntab controls themselves.\n\n * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n * `aside` {} - A secondary column between the content container and the panel.\n\n * `panel` {} - The AI panel's body. When nothing is slotted here the panel is\nunmounted and `openPanel()` is a no-op.\n\n * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n * `panel-actions` {} - Controls added before the panel's close button.\n\n * `panel-footer` {} - A bar docked below the panel's scroll region, for a\ncomposer.\n\nAttributes:\n\n * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\n * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\n * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n * `ask-label` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\n * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\n * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\n * `persist-key` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\nProperties:\n\n * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\n * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\n * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n * `askLabel` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\n * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlayBreakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\n * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\n * `persistKey` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\n * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n * `_hasBanner` {`boolean`} - \n\n * `_hasSideNav` {`boolean`} - \n\n * `_hasTopBar` {`boolean`} - \n\n * `_hasTopBarActions` {`boolean`} - \n\n * `_hasTabs` {`boolean`} - \n\n * `_hasPanel` {`boolean`} - \n\n * `_hasPanelFooter` {`boolean`} - \n\n * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted. That component owns the\npanel's heading, actions, close button and footer, so the shell renders a\nbare region and keeps only the geometry and the open state — the same\nhand-off as `no-nav-toggle` plus `nile-app-shell-nav-toggle`.\n\n * `_hasAside` {`boolean`} - \n\n * `_main` {`HTMLElement | undefined`} - \n\n * `_width` {`number`} - \n\n * `_resizeObserver` - \n\n * `_restoredPanelOpen` {`boolean | null`} - \n\n * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n * `_onKeyDown` - \n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
171
+ "description": "Events:\n\n * `nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`.\n\n * `nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`.\n\n * `nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`.\n\n * `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\n * `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\nSlots:\n\n * ` ` {} - The page body, inside the content container.\n\n * `banner` {} - A full-width strip above every other region.\n\n * `top-bar` {} - The page-title bar, mounted inside the container by default or spanning the shell when `top-bar-placement=\"shell\"`.\n\n * `top-bar-actions` {} - Controls pinned to the end of the top bar.\n\n * `tabs` {} - A hoisted second-level tab strip, flush under the top bar and outside `<main>`'s scroller.\n\n * `app-icon` {} - The mark shown before the page title whenever this slot has content, clipped to the shell's box.\n\n * `side-nav` {} - The navigation track. Works best with `<nile-side-bar>`.\n\n * `aside` {} - A secondary column between the content container and the panel.\n\n * `panel` {} - The AI panel's body. When empty the panel is unmounted and `openPanel()` is a no-op.\n\n * `panel-header` {} - Replaces the default panel heading (mark plus title).\n\n * `panel-actions` {} - Controls added before the panel's close button.\n\n * `panel-footer` {} - A bar docked below the panel's scroll region, for a composer.\n\nAttributes:\n\n * `nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panel-open` {`boolean`} - Whether the AI panel is open.\n\n * `no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - 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\n * `headingLevel` {`number`} - 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\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\n * `no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `no-panel-shortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `no-skip-link` {`boolean`} - Hides the skip-to-content link.\n\n * `skip-link-label` {`string`} - Label for the skip-to-content link.\n\n * `top-bar-placement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `content-align` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `no-padding` {`boolean`} - Removes the container's inner padding.\n\n * `ask-label` {`string`} - The label on the built-in Ask button.\n\n * `no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlay-breakpoint` {`number`} - 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\n * `docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperties:\n\n * `navCollapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\n * `panelOpen` {`boolean`} - Whether the AI panel is open.\n\n * `noPanel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\n * `panelLabel` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\n * `pageTitle` {`string | undefined`} - 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\n * `headingLevel` {`number`} - 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\n * `description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\n * `badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\n * `headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\n * `headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\n * `noNavToggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\n * `noPanelShortcut` {`boolean`} - Drops the Cmd/Ctrl+J and Escape panel shortcuts.\n\n * `noSkipLink` {`boolean`} - Hides the skip-to-content link.\n\n * `skipLinkLabel` {`string`} - Label for the skip-to-content link.\n\n * `topBarPlacement` {`NileAppShellTopBarPlacement`} - Where the top bar is mounted: inside the container, or spanning the shell.\n\n * `contentAlign` {`NileAppShellContentAlign`} - `centered` caps the page body at `--nile-app-shell-centered-width`.\n\n * `contentContainer` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\n * `flat` {`boolean`} - Drops the container's card chrome for a full-bleed page.\n\n * `noPadding` {`boolean`} - Removes the container's inner padding.\n\n * `askLabel` {`string`} - The label on the built-in Ask button.\n\n * `noAsk` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\n * `panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\n * `panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\n * `noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\n * `fullHeight` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\n * `overlayBreakpoint` {`number`} - 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\n * `dockedRailBreakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\n * `persistKey` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\n * `_panelMode` {`NileAppShellPanelMode`} - The panel's current mode. Derived from the shell's width.\n\n * `_navLocked` {`boolean`} - Whether the nav is held at a rail by the shell's width.\n\n * `_hasBanner` {`boolean`} - \n\n * `_hasSideNav` {`boolean`} - \n\n * `_hasTopBar` {`boolean`} - \n\n * `_hasTopBarActions` {`boolean`} - \n\n * `_hasTabs` {`boolean`} - \n\n * `_hasAppIcon` {`boolean`} - \n\n * `_hasPanel` {`boolean`} - \n\n * `_hasPanelFooter` {`boolean`} - \n\n * `_panelOwnsChrome` {`boolean`} - True when a `nile-app-shell-panel` is slotted, owning the panel's own chrome so the shell renders a bare region.\n\n * `_hasAside` {`boolean`} - \n\n * `_main` {`HTMLElement | undefined`} - \n\n * `_width` {`number`} - \n\n * `_resizeObserver` - \n\n * `_restoredPanelOpen` {`boolean | null`} - \n\n * `panelMode` {`NileAppShellPanelMode`} - The panel's current mode: `docked` or `overlay`.\n\n * `navLocked` {`boolean`} - Whether the shell is holding the nav at a rail. The toggle is disabled.\n\n * `panelAvailable` {`boolean`} - Whether a panel is mounted for this route.\n\n * `tabsVisible` {`boolean`} - Whether the tab strip is rendered: something slotted, and not switched off.\n\n * `askVisible` {`boolean`} - Whether the built-in Ask button is rendered.\n\n * `rail` {`boolean`} - Whether the nav renders as a rail right now, preference or lock.\n\n * `_onSideNavToggle` - A slotted sidebar's own expand button is the same toggle.\n\n * `_onKeyDown` - \n\n * `_hasTitleBlock` {`boolean`} - 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\n * `_headingLevel` {`number`} - `headingLevel` as a safe `aria-level`: a whole number clamped to 1–6, and 1 for anything non-numeric.\n\n * `BUBBLES` {`boolean`} - \n\n * `COMPOSED` {`boolean`} - \n\n * `CANCELABLE` {`boolean`} - ",
155
172
  "attributes": [
156
173
  {
157
174
  "name": "nav-collapsed",
158
- "description": "`nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is\nfalse — see `navLocked`.\n\nProperty: navCollapsed\n\nDefault: false",
175
+ "description": "`nav-collapsed` {`boolean`} - The user's nav preference. The nav can still render as a rail while this is false — see `navLocked`.\n\nProperty: navCollapsed\n\nDefault: false",
159
176
  "valueSet": "v"
160
177
  },
161
178
  {
@@ -165,13 +182,41 @@
165
182
  },
166
183
  {
167
184
  "name": "no-panel",
168
- "description": "`no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled.\n`openPanel()` becomes a no-op.\n\nProperty: noPanel\n\nDefault: false",
185
+ "description": "`no-panel` {`boolean`} - Unmounts the AI panel for this route even when the `panel` slot is filled; `openPanel()` becomes a no-op.\n\nProperty: noPanel\n\nDefault: false",
169
186
  "valueSet": "v"
170
187
  },
171
188
  {
172
189
  "name": "panel-label",
173
190
  "description": "`panel-label` {`string`} - The default panel heading. Ignored when `panel-header` is slotted.\n\nProperty: panelLabel\n\nDefault: Ask Aquera"
174
191
  },
192
+ {
193
+ "name": "pageTitle",
194
+ "description": "`pageTitle` {`string | undefined`} - 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\nProperty: pageTitle",
195
+ "values": []
196
+ },
197
+ {
198
+ "name": "headingLevel",
199
+ "description": "`headingLevel` {`number`} - 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\nProperty: headingLevel\n\nDefault: 1"
200
+ },
201
+ {
202
+ "name": "description",
203
+ "description": "`description` {`string | undefined`} - A second line under the page title; a modifier on `pageTitle` that renders nothing with no title, and takes the bar to 76px.\n\nProperty: description",
204
+ "values": []
205
+ },
206
+ {
207
+ "name": "badge",
208
+ "description": "`badge` {`string | undefined`} - A pill after the page title; a modifier on `pageTitle` like `description`, so with no title there is no badge.\n\nProperty: badge",
209
+ "values": []
210
+ },
211
+ {
212
+ "name": "headerBack",
213
+ "description": "`headerBack` {`boolean`} - Shows the back arrow before the page title; pressing it emits `nile-click` with `{ value: 'back' }`. Independent of the `app-icon` slot.\n\nProperty: headerBack\n\nDefault: false",
214
+ "valueSet": "v"
215
+ },
216
+ {
217
+ "name": "headerBackLabel",
218
+ "description": "`headerBackLabel` {`string`} - Accessible name of the header back control. Never rendered as visible text.\n\nProperty: headerBackLabel\n\nDefault: Back"
219
+ },
175
220
  {
176
221
  "name": "no-nav-toggle",
177
222
  "description": "`no-nav-toggle` {`boolean`} - Hides the built-in nav toggle. Mount `nile-app-shell-nav-toggle` yourself.\n\nProperty: noNavToggle\n\nDefault: false",
@@ -217,7 +262,7 @@
217
262
  },
218
263
  {
219
264
  "name": "content-container",
220
- "description": "`content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size\nagainst the content container instead of the viewport. Query it unnamed —\n`@container (min-width: 720px)` — because a container name declared inside\nthe shell's shadow tree is not visible to page CSS. Opt-in, because it\nalso applies layout containment to that element.\n\nProperty: contentContainer\n\nDefault: false",
265
+ "description": "`content-container` {`boolean`} - Makes the slotted page root a size query container, so page CSS can size against the content container instead of the viewport.\n\nProperty: contentContainer\n\nDefault: false",
221
266
  "valueSet": "v"
222
267
  },
223
268
  {
@@ -232,13 +277,27 @@
232
277
  },
233
278
  {
234
279
  "name": "ask-label",
235
- "description": "`ask-label` {`string`} - The label on the built-in Ask button.\n\nThe button is the shell's, not the app's: it is the one control that has\nto know whether a panel is mounted for this route and how to open it, and\nslotted content can see neither. Everything else in the bar — the\nbreadcrumb, the page actions, the tab strip — is slotted markup.\n\nProperty: askLabel\n\nDefault: Ask"
280
+ "description": "`ask-label` {`string`} - The label on the built-in Ask button.\n\nProperty: askLabel\n\nDefault: Ask"
236
281
  },
237
282
  {
238
283
  "name": "no-ask",
239
284
  "description": "`no-ask` {`boolean`} - Drops the built-in Ask button, for a bar that renders its own.\n\nProperty: noAsk\n\nDefault: false",
240
285
  "valueSet": "v"
241
286
  },
287
+ {
288
+ "name": "panelBack",
289
+ "description": "`panelBack` {`boolean`} - Shows a back control at the start of the panel header for a panel sub-view; emits `nile-panel-back`.\n\nProperty: panelBack\n\nDefault: false",
290
+ "valueSet": "v"
291
+ },
292
+ {
293
+ "name": "panelBackLabel",
294
+ "description": "`panelBackLabel` {`string`} - Accessible name of the panel's back control.\n\nProperty: panelBackLabel\n\nDefault: Back"
295
+ },
296
+ {
297
+ "name": "noTabs",
298
+ "description": "`noTabs` {`boolean`} - Hides the tab strip for this route even when the `tabs` slot is filled.\n\nProperty: noTabs\n\nDefault: false",
299
+ "valueSet": "v"
300
+ },
242
301
  {
243
302
  "name": "full-height",
244
303
  "description": "`full-height` {`boolean`} - Sizes the shell to the viewport instead of its parent.\n\nProperty: fullHeight\n\nDefault: false",
@@ -246,28 +305,36 @@
246
305
  },
247
306
  {
248
307
  "name": "overlay-breakpoint",
249
- "description": "`overlay-breakpoint` {`number`} - Below this shell width the panel overlays the content instead of pushing\nit, and the nav is forced to a rail.\n\nZero — the default — means never: the panel is furniture that squeezes the\npage, at every width. It earns its room from the nav rail first and from\nits own width next (see `--nile-app-shell-panel-min-width`), so it does\nnot have to cover the page to fit. Set a width here to opt back into an\noverlay drawer below it.\n\nProperty: overlayBreakpoint\n\nDefault: 0"
308
+ "description": "`overlay-breakpoint` {`number`} - 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\nProperty: overlayBreakpoint\n\nDefault: 0"
250
309
  },
251
310
  {
252
311
  "name": "docked-rail-breakpoint",
253
- "description": "`docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\nA floor, not the whole rule: the nav also rails as soon as the expanded\ntrack is what stops the row from fitting. This is the first thing the\npanel takes room from, so it can push rather than cover.\n\nProperty: dockedRailBreakpoint\n\nDefault: 1440"
312
+ "description": "`docked-rail-breakpoint` {`number`} - Below this shell width an open docked panel forces the nav to a rail.\n\nProperty: dockedRailBreakpoint\n\nDefault: 1440"
254
313
  },
255
314
  {
256
315
  "name": "persist-key",
257
- "description": "`persist-key` {`string | undefined`} - Persists the nav preference and the docked panel state under this key.\nOverlay panel state is never persisted — a reload opens closed.\n\nProperty: persistKey",
316
+ "description": "`persist-key` {`string | undefined`} - Persists the nav preference and docked panel state under this key. Overlay panel state is never persisted.\n\nProperty: persistKey",
258
317
  "values": []
259
318
  },
260
319
  {
261
320
  "name": "onnile-nav-toggle",
262
- "description": "`nile-nav-toggle` {} - Emitted after the nav's collapsed state or its\nforced-rail lock changes. `detail: { collapsed, locked }`."
321
+ "description": "`nile-nav-toggle` {} - Emitted after the nav's collapsed state or forced-rail lock changes. `detail: { collapsed, locked }`."
263
322
  },
264
323
  {
265
324
  "name": "onnile-panel-toggle",
266
- "description": "`nile-panel-toggle` {} - Emitted after the panel opens or closes.\n`detail: { open, mode }`."
325
+ "description": "`nile-panel-toggle` {} - Emitted after the panel opens or closes. `detail: { open, mode }`."
267
326
  },
268
327
  {
269
328
  "name": "onnile-panel-mode-change",
270
- "description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked\nand overlay. `detail: { mode }`."
329
+ "description": "`nile-panel-mode-change` {} - Emitted when the panel flips between docked and overlay. `detail: { mode }`."
330
+ },
331
+ {
332
+ "name": "onnile-click",
333
+ "description": "`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."
334
+ },
335
+ {
336
+ "name": "onnile-panel-back",
337
+ "description": "`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."
271
338
  }
272
339
  ]
273
340
  },