@cognivo/components 0.8.2 → 0.8.3

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 (235) hide show
  1. package/dist/chunks/{premium.css-DHekUEUt.js → premium.css-B0hBr_uS.js} +27 -27
  2. package/dist/chunks/{premium.css-DHekUEUt.js.map → premium.css-B0hBr_uS.js.map} +1 -1
  3. package/dist/cognivo.min.js +1876 -1227
  4. package/dist/cognivo.min.js.map +1 -1
  5. package/dist/components/ai-ab-test/ai-ab-test.js +1 -1
  6. package/dist/components/ai-accessibility-report/ai-accessibility-report.js +1 -1
  7. package/dist/components/ai-action-preview/ai-action-preview.js +1 -1
  8. package/dist/components/ai-agent-card/ai-agent-card.js +1 -1
  9. package/dist/components/ai-agent-steps/ai-agent-steps.js +1 -1
  10. package/dist/components/ai-alert-card/ai-alert-card.js +1 -1
  11. package/dist/components/ai-analytics-chart/ai-analytics-chart.js +1 -1
  12. package/dist/components/ai-annotation/ai-annotation.js +1 -1
  13. package/dist/components/ai-api-key-manager/ai-api-key-manager.js +1 -1
  14. package/dist/components/ai-app-sidebar/ai-app-sidebar.js +1 -1
  15. package/dist/components/ai-assistant-widget/ai-assistant-widget.js +1 -1
  16. package/dist/components/ai-audio-player/ai-audio-player.js +1 -1
  17. package/dist/components/ai-avatar/ai-avatar.js +1 -1
  18. package/dist/components/ai-badge/ai-badge.js +1 -1
  19. package/dist/components/ai-batch-progress/ai-batch-progress.js +1 -1
  20. package/dist/components/ai-cache-indicator/ai-cache-indicator.js +1 -1
  21. package/dist/components/ai-capture-flow/ai-capture-flow.js +1 -1
  22. package/dist/components/ai-changelog/ai-changelog.js +1 -1
  23. package/dist/components/ai-chart-summary/ai-chart-summary.js +1 -1
  24. package/dist/components/ai-chat/ai-chat.js +1 -1
  25. package/dist/components/ai-citation/ai-citation.js +1 -1
  26. package/dist/components/ai-collaborative-editor/ai-collaborative-editor.js +1 -1
  27. package/dist/components/ai-command-palette/ai-command-palette.js +1 -1
  28. package/dist/components/ai-confidence-badge/ai-confidence-badge.js +1 -1
  29. package/dist/components/ai-confidence-slider/ai-confidence-slider.js +1 -1
  30. package/dist/components/ai-consent-manager/ai-consent-manager.js +1 -1
  31. package/dist/components/ai-context-window/ai-context-window.js +1 -1
  32. package/dist/components/ai-copy-button/ai-copy-button.js +1 -1
  33. package/dist/components/ai-cost-dashboard/ai-cost-dashboard.js +1 -1
  34. package/dist/components/ai-data-card/ai-data-card.js +1 -1
  35. package/dist/components/ai-data-lineage/ai-data-lineage.js +1 -1
  36. package/dist/components/ai-data-preview/ai-data-preview.js +1 -1
  37. package/dist/components/ai-data-table/ai-data-table.js +1 -1
  38. package/dist/components/ai-debug-console/ai-debug-console.js +1 -1
  39. package/dist/components/ai-detection-canvas/ai-detection-canvas.js +1 -1
  40. package/dist/components/ai-diff-panel/ai-diff-panel.js +1 -1
  41. package/dist/components/ai-embedding-viz/ai-embedding-viz.js +1 -1
  42. package/dist/components/ai-empty-state/ai-empty-state.js +1 -1
  43. package/dist/components/ai-error-boundary/ai-error-boundary.js +1 -1
  44. package/dist/components/ai-eval-scorecard/ai-eval-scorecard.js +1 -1
  45. package/dist/components/ai-feature-flag/ai-feature-flag.js +1 -1
  46. package/dist/components/ai-feedback/ai-feedback.js +1 -1
  47. package/dist/components/ai-file-upload/ai-file-upload.js +1 -1
  48. package/dist/components/ai-form-generator/ai-form-generator.js +1 -1
  49. package/dist/components/ai-guardrail/ai-guardrail.js +1 -1
  50. package/dist/components/ai-heatmap/ai-heatmap.js +1 -1
  51. package/dist/components/ai-insight-card/ai-insight-card.js +1 -1
  52. package/dist/components/ai-json-viewer/ai-json-viewer.js +1 -1
  53. package/dist/components/ai-keyboard-shortcuts/ai-keyboard-shortcuts.js +1 -1
  54. package/dist/components/ai-kpi-grid/ai-kpi-grid.js +1 -1
  55. package/dist/components/ai-labeling-board/ai-labeling-board.js +1 -1
  56. package/dist/components/ai-memory-panel/ai-memory-panel.js +1 -1
  57. package/dist/components/ai-model-comparison/ai-model-comparison.js +1 -1
  58. package/dist/components/ai-model-selector/ai-model-selector.js +1 -1
  59. package/dist/components/ai-notification-center/ai-notification-center.js +1 -1
  60. package/dist/components/ai-onboarding/ai-onboarding.js +1 -1
  61. package/dist/components/ai-permission-gate/ai-permission-gate.js +1 -1
  62. package/dist/components/ai-personalization-dash/ai-personalization-dash.js +1 -1
  63. package/dist/components/ai-presence/ai-presence.js +1 -1
  64. package/dist/components/ai-progress-steps/ai-progress-steps.js +1 -1
  65. package/dist/components/ai-prompt-editor/ai-prompt-editor.js +1 -1
  66. package/dist/components/ai-prompt-template/ai-prompt-template.js +1 -1
  67. package/dist/components/ai-rag-panel/ai-rag-panel.js +1 -1
  68. package/dist/components/ai-reasoning-tree/ai-reasoning-tree.js +1 -1
  69. package/dist/components/ai-result-panel/ai-result-panel.js +1 -1
  70. package/dist/components/ai-reveal-animation/ai-reveal-animation.js +1 -1
  71. package/dist/components/ai-reward-signal/ai-reward-signal.js +1 -1
  72. package/dist/components/ai-rich-message/ai-rich-message.js +1 -1
  73. package/dist/components/ai-scenario-panel/ai-scenario-panel.js +1 -1
  74. package/dist/components/ai-search/ai-search.js +1 -1
  75. package/dist/components/ai-segmentation-viewer/ai-segmentation-viewer.js +1 -1
  76. package/dist/components/ai-sidebar/ai-sidebar.js +1 -1
  77. package/dist/components/ai-similarity-card/ai-similarity-card.js +1 -1
  78. package/dist/components/ai-source-graph/ai-source-graph.js +1 -1
  79. package/dist/components/ai-status-page/ai-status-page.js +1 -1
  80. package/dist/components/ai-streaming-text/ai-streaming-text.js +1 -1
  81. package/dist/components/ai-test-runner/ai-test-runner.js +1 -1
  82. package/dist/components/ai-thinking/ai-thinking.js +1 -1
  83. package/dist/components/ai-timeline/ai-timeline.js +1 -1
  84. package/dist/components/ai-token-tracker/ai-token-tracker.js +1 -1
  85. package/dist/components/ai-tool-card-resolver/ai-tool-card-resolver.js +1 -1
  86. package/dist/components/ai-tool-indicator/ai-tool-indicator.js +1 -1
  87. package/dist/components/ai-transform-slider/ai-transform-slider.js +1 -1
  88. package/dist/components/ai-translation-panel/ai-translation-panel.js +1 -1
  89. package/dist/components/ai-usage-meter/ai-usage-meter.js +1 -1
  90. package/dist/components/ai-validation-checklist/ai-validation-checklist.js +1 -1
  91. package/dist/components/ai-version-selector/ai-version-selector.js +1 -1
  92. package/dist/components/ai-voice-panel/ai-voice-panel.js +1 -1
  93. package/dist/components/ai-webhook-config/ai-webhook-config.js +1 -1
  94. package/dist/components/ai-workflow-builder/ai-workflow-builder.js +1 -1
  95. package/dist/components/bias-anchoring/bias-anchoring.js +1 -1
  96. package/dist/components/bias-authority/bias-authority.js +1 -1
  97. package/dist/components/bias-commitment/bias-commitment.js +1 -1
  98. package/dist/components/bias-reciprocity/bias-reciprocity.js +1 -1
  99. package/dist/components/bias-scarcity/bias-scarcity.js +1 -1
  100. package/dist/components/bias-social-proof/bias-social-proof.js +1 -1
  101. package/dist/components/cg-accordion/cg-accordion.js +1 -1
  102. package/dist/components/cg-alert-dialog/cg-alert-dialog.js +1 -1
  103. package/dist/components/cg-app-shell/cg-app-shell.d.ts +43 -0
  104. package/dist/components/cg-app-shell/cg-app-shell.d.ts.map +1 -0
  105. package/dist/components/cg-app-shell/cg-app-shell.js +170 -0
  106. package/dist/components/cg-app-shell/cg-app-shell.js.map +1 -0
  107. package/dist/components/cg-aspect-ratio/cg-aspect-ratio.js +1 -1
  108. package/dist/components/cg-autocomplete/cg-autocomplete.js +1 -1
  109. package/dist/components/cg-avatar/cg-avatar.js +1 -1
  110. package/dist/components/cg-avatar-group/cg-avatar-group.js +1 -1
  111. package/dist/components/cg-badge/cg-badge.js +1 -1
  112. package/dist/components/cg-badge-group/cg-badge-group.js +1 -1
  113. package/dist/components/cg-blockquote/cg-blockquote.d.ts +32 -0
  114. package/dist/components/cg-blockquote/cg-blockquote.d.ts.map +1 -0
  115. package/dist/components/cg-blockquote/cg-blockquote.js +108 -0
  116. package/dist/components/cg-blockquote/cg-blockquote.js.map +1 -0
  117. package/dist/components/cg-breadcrumbs/cg-breadcrumbs.js +1 -1
  118. package/dist/components/cg-button/cg-button.js +8 -8
  119. package/dist/components/cg-button/cg-button.js.map +1 -1
  120. package/dist/components/cg-button-group/cg-button-group.js +1 -1
  121. package/dist/components/cg-calendar/cg-calendar.js +1 -1
  122. package/dist/components/cg-callout/cg-callout.js +1 -1
  123. package/dist/components/cg-card/cg-card.js +1 -1
  124. package/dist/components/cg-carousel/cg-carousel.js +1 -1
  125. package/dist/components/cg-center/cg-center.d.ts +37 -0
  126. package/dist/components/cg-center/cg-center.d.ts.map +1 -0
  127. package/dist/components/cg-center/cg-center.js +74 -0
  128. package/dist/components/cg-center/cg-center.js.map +1 -0
  129. package/dist/components/cg-chart/cg-chart.js +1 -1
  130. package/dist/components/cg-checkbox/cg-checkbox.js +1 -1
  131. package/dist/components/cg-chip/cg-chip.js +1 -1
  132. package/dist/components/cg-code-block/cg-code-block.js +1 -1
  133. package/dist/components/cg-collapsible/cg-collapsible.js +1 -1
  134. package/dist/components/cg-color-picker/cg-color-picker.js +1 -1
  135. package/dist/components/cg-combobox/cg-combobox.js +1 -1
  136. package/dist/components/cg-command/cg-command.js +1 -1
  137. package/dist/components/cg-context-menu/cg-context-menu.js +1 -1
  138. package/dist/components/cg-date-picker/cg-date-picker.js +1 -1
  139. package/dist/components/cg-date-range-picker/cg-date-range-picker.js +1 -1
  140. package/dist/components/cg-date-time-picker/cg-date-time-picker.js +1 -1
  141. package/dist/components/cg-drawer/cg-drawer.js +1 -1
  142. package/dist/components/cg-dropdown/cg-dropdown.js +1 -1
  143. package/dist/components/cg-empty-state/cg-empty-state.js +1 -1
  144. package/dist/components/cg-file-input/cg-file-input.js +1 -1
  145. package/dist/components/cg-follow-up/cg-follow-up.js +1 -1
  146. package/dist/components/cg-form/cg-form.js +1 -1
  147. package/dist/components/cg-grid/cg-grid.d.ts +39 -0
  148. package/dist/components/cg-grid/cg-grid.d.ts.map +1 -0
  149. package/dist/components/cg-grid/cg-grid.js +78 -0
  150. package/dist/components/cg-grid/cg-grid.js.map +1 -0
  151. package/dist/components/cg-hover-card/cg-hover-card.js +1 -1
  152. package/dist/components/cg-icon/cg-icon.js +1 -1
  153. package/dist/components/cg-image/cg-image.js +1 -1
  154. package/dist/components/cg-image-block/cg-image-block.js +1 -1
  155. package/dist/components/cg-image-gallery/cg-image-gallery.js +1 -1
  156. package/dist/components/cg-input/cg-input.js +1 -1
  157. package/dist/components/cg-kbd/cg-kbd.js +1 -1
  158. package/dist/components/cg-label/cg-label.js +1 -1
  159. package/dist/components/cg-lightbox/cg-lightbox.d.ts +49 -0
  160. package/dist/components/cg-lightbox/cg-lightbox.d.ts.map +1 -0
  161. package/dist/components/cg-lightbox/cg-lightbox.js +203 -0
  162. package/dist/components/cg-lightbox/cg-lightbox.js.map +1 -0
  163. package/dist/components/cg-link/cg-link.js +1 -1
  164. package/dist/components/cg-list/cg-list.js +1 -1
  165. package/dist/components/cg-listbox/cg-listbox.js +1 -1
  166. package/dist/components/cg-markdown/cg-markdown.js +1 -1
  167. package/dist/components/cg-menubar/cg-menubar.js +1 -1
  168. package/dist/components/cg-meter/cg-meter.js +1 -1
  169. package/dist/components/cg-metric-card/cg-metric-card.js +1 -1
  170. package/dist/components/cg-modal/cg-modal.js +1 -1
  171. package/dist/components/cg-navbar/cg-navbar.js +1 -1
  172. package/dist/components/cg-navigation-menu/cg-navigation-menu.js +1 -1
  173. package/dist/components/cg-number-input/cg-number-input.js +1 -1
  174. package/dist/components/cg-otp-input/cg-otp-input.js +1 -1
  175. package/dist/components/cg-overflow-list/cg-overflow-list.d.ts +51 -0
  176. package/dist/components/cg-overflow-list/cg-overflow-list.d.ts.map +1 -0
  177. package/dist/components/cg-overflow-list/cg-overflow-list.js +212 -0
  178. package/dist/components/cg-overflow-list/cg-overflow-list.js.map +1 -0
  179. package/dist/components/cg-pagination/cg-pagination.js +1 -1
  180. package/dist/components/cg-password-input/cg-password-input.js +1 -1
  181. package/dist/components/cg-phone-input/cg-phone-input.js +1 -1
  182. package/dist/components/cg-popover/cg-popover.js +1 -1
  183. package/dist/components/cg-progress-bar/cg-progress-bar.js +1 -1
  184. package/dist/components/cg-radio/cg-radio.js +1 -1
  185. package/dist/components/cg-radio-group/cg-radio-group.js +1 -1
  186. package/dist/components/cg-rating/cg-rating.js +1 -1
  187. package/dist/components/cg-resizable/cg-resizable.js +1 -1
  188. package/dist/components/cg-scroll-area/cg-scroll-area.js +1 -1
  189. package/dist/components/cg-segmented-control/cg-segmented-control.js +1 -1
  190. package/dist/components/cg-select/cg-select.js +1 -1
  191. package/dist/components/cg-separator/cg-separator.js +1 -1
  192. package/dist/components/cg-sheet/cg-sheet.js +1 -1
  193. package/dist/components/cg-sidebar/cg-sidebar.js +1 -1
  194. package/dist/components/cg-skeleton/cg-skeleton.js +1 -1
  195. package/dist/components/cg-slider/cg-slider.js +1 -1
  196. package/dist/components/cg-spinner/cg-spinner.js +1 -1
  197. package/dist/components/cg-split-button/cg-split-button.js +1 -1
  198. package/dist/components/cg-stack/cg-stack.js +1 -1
  199. package/dist/components/cg-status-dot/cg-status-dot.d.ts +31 -0
  200. package/dist/components/cg-status-dot/cg-status-dot.d.ts.map +1 -0
  201. package/dist/components/cg-status-dot/cg-status-dot.js +89 -0
  202. package/dist/components/cg-status-dot/cg-status-dot.js.map +1 -0
  203. package/dist/components/cg-steps/cg-steps.js +1 -1
  204. package/dist/components/cg-switch/cg-switch.js +1 -1
  205. package/dist/components/cg-table/cg-table.js +1 -1
  206. package/dist/components/cg-tabs/cg-tabs.js +1 -1
  207. package/dist/components/cg-tag-input/cg-tag-input.js +1 -1
  208. package/dist/components/cg-text/cg-text.js +1 -1
  209. package/dist/components/cg-textarea/cg-textarea.js +1 -1
  210. package/dist/components/cg-thumbnail/cg-thumbnail.d.ts +39 -0
  211. package/dist/components/cg-thumbnail/cg-thumbnail.d.ts.map +1 -0
  212. package/dist/components/cg-thumbnail/cg-thumbnail.js +134 -0
  213. package/dist/components/cg-thumbnail/cg-thumbnail.js.map +1 -0
  214. package/dist/components/cg-time-picker/cg-time-picker.js +1 -1
  215. package/dist/components/cg-timestamp/cg-timestamp.d.ts +41 -0
  216. package/dist/components/cg-timestamp/cg-timestamp.d.ts.map +1 -0
  217. package/dist/components/cg-timestamp/cg-timestamp.js +81 -0
  218. package/dist/components/cg-timestamp/cg-timestamp.js.map +1 -0
  219. package/dist/components/cg-toaster/cg-toaster.js +1 -1
  220. package/dist/components/cg-toggle/cg-toggle.js +1 -1
  221. package/dist/components/cg-toggle-group/cg-toggle-group.js +1 -1
  222. package/dist/components/cg-toolbar/cg-toolbar.d.ts +51 -0
  223. package/dist/components/cg-toolbar/cg-toolbar.d.ts.map +1 -0
  224. package/dist/components/cg-toolbar/cg-toolbar.js +130 -0
  225. package/dist/components/cg-toolbar/cg-toolbar.js.map +1 -0
  226. package/dist/components/cg-tree-view/cg-tree-view.js +1 -1
  227. package/dist/foundation.d.ts +11 -1
  228. package/dist/foundation.d.ts.map +1 -1
  229. package/dist/foundation.js +88 -68
  230. package/dist/foundation.js.map +1 -1
  231. package/dist/index.d.ts +11 -1
  232. package/dist/index.d.ts.map +1 -1
  233. package/dist/index.js +126 -106
  234. package/dist/index.js.map +1 -1
  235. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import { css as v, LitElement as p, html as n, nothing as u } from "lit";
2
2
  import { property as s, state as g, customElement as f } from "lit/decorators.js";
3
- import { h, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (e, a, r, c) => {
5
5
  for (var t = c > 1 ? void 0 : c ? y(a, r) : a, d = e.length - 1, l; d >= 0; d--)
6
6
  (l = e[d]) && (t = (c ? l(a, r, t) : l(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as h, nothing as d, html as s } from "lit";
2
2
  import { property as n, customElement as v } from "lit/decorators.js";
3
- import { h as u, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, i = (t, e, o, c) => {
5
5
  for (var a = c > 1 ? void 0 : c ? m(e, o) : e, g = t.length - 1, l; g >= 0; g--)
6
6
  (l = t[g]) && (a = (c ? l(e, o, a) : l(a)) || a);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as h, nothing as o, html as e } from "lit";
2
2
  import { property as s, state as v, customElement as u } from "lit/decorators.js";
3
- import { h as b, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, r, l, n) => {
5
5
  for (var c = n > 1 ? void 0 : n ? x(r, l) : r, d = t.length - 1, g; d >= 0; d--)
6
6
  (g = t[d]) && (c = (n ? g(r, l, c) : g(c)) || c);
@@ -1,6 +1,6 @@
1
1
  import { css as c, LitElement as d, html as m } from "lit";
2
2
  import { property as s, state as v, customElement as h } from "lit/decorators.js";
3
- import { h as f, r as u } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as u } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (e, a, n, o) => {
5
5
  for (var r = o > 1 ? void 0 : o ? b(a, n) : a, l = e.length - 1, p; l >= 0; l--)
6
6
  (p = e[l]) && (r = (o ? p(a, n, r) : p(r)) || r);
@@ -1,6 +1,6 @@
1
1
  import { css as x, LitElement as y, nothing as h, html as p } from "lit";
2
2
  import { property as n, customElement as w } from "lit/decorators.js";
3
- import { h as k, r as $ } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as k, r as $ } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var _ = Object.defineProperty, S = Object.getOwnPropertyDescriptor, s = (t, r, a, i) => {
5
5
  for (var o = i > 1 ? void 0 : i ? S(r, a) : r, c = t.length - 1, d; c >= 0; c--)
6
6
  (d = t[c]) && (o = (i ? d(r, a, o) : d(o)) || o);
@@ -1,6 +1,6 @@
1
1
  import { css as b, LitElement as u, html as t, nothing as n } from "lit";
2
2
  import { property as c, customElement as v } from "lit/decorators.js";
3
- import { h as p, r as f, f as h } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as p, r as f, f as h } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (a, r, d, s) => {
5
5
  for (var i = s > 1 ? void 0 : s ? y(r, d) : r, l = a.length - 1, g; l >= 0; l--)
6
6
  (g = a[l]) && (i = (s ? g(r, d, i) : g(i)) || i);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as p, html as i, nothing as d } from "lit";
2
2
  import { property as v, customElement as u } from "lit/decorators.js";
3
- import { h as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (r, e, s, t) => {
5
5
  for (var a = t > 1 ? void 0 : t ? m(e, s) : e, n = r.length - 1, l; n >= 0; n--)
6
6
  (l = r[n]) && (a = (t ? l(e, s, a) : l(a)) || a);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as v, nothing as c, html as s } from "lit";
2
2
  import { property as l, state as h, customElement as p } from "lit/decorators.js";
3
- import { h as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var _ = Object.defineProperty, m = Object.getOwnPropertyDescriptor, o = (e, n, t, r) => {
5
5
  for (var i = r > 1 ? void 0 : r ? m(n, t) : n, d = e.length - 1, g; d >= 0; d--)
6
6
  (g = e[d]) && (i = (r ? g(n, t, i) : g(i)) || i);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as v, nothing as g, html as c } from "lit";
2
2
  import { property as n, customElement as u } from "lit/decorators.js";
3
- import { h, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var f = Object.defineProperty, w = Object.getOwnPropertyDescriptor, i = (r, e, a, t) => {
5
5
  for (var o = t > 1 ? void 0 : t ? w(e, a) : e, l = r.length - 1, d; l >= 0; l--)
6
6
  (d = r[l]) && (o = (t ? d(e, a, o) : d(o)) || o);
@@ -1,6 +1,6 @@
1
1
  import { css as n, LitElement as h, html as b } from "lit";
2
2
  import { property as c, customElement as m } from "lit/decorators.js";
3
- import { h as u } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import "../ai-app-sidebar/ai-app-sidebar.js";
5
5
  var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (e, i, r, a) => {
6
6
  for (var t = a > 1 ? void 0 : a ? f(i, r) : i, l = e.length - 1, p; l >= 0; l--)
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as v, nothing as n, html as i } from "lit";
2
2
  import { property as o, customElement as p } from "lit/decorators.js";
3
- import { h as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, h = Object.getOwnPropertyDescriptor, c = (r, a, t, d) => {
5
5
  for (var s = d > 1 ? void 0 : d ? h(a, t) : a, l = r.length - 1, g; l >= 0; l--)
6
6
  (g = r[l]) && (s = (d ? g(a, t, s) : g(s)) || s);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as u, html as c, nothing as p } from "lit";
2
2
  import { property as l, state as v, customElement as h } from "lit/decorators.js";
3
- import { h as f, r as b, f as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b, f as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (a, e, t, o) => {
5
5
  for (var r = o > 1 ? void 0 : o ? w(e, t) : e, n = a.length - 1, d; n >= 0; n--)
6
6
  (d = a[n]) && (r = (o ? d(e, t, r) : d(r)) || r);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as p, nothing as n, html as s } from "lit";
2
2
  import { property as g, state as v, customElement as h } from "lit/decorators.js";
3
- import { h as m, r as f, f as y } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as m, r as f, f as y } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import "../cg-card/cg-card.js";
5
5
  import "../cg-text/cg-text.js";
6
6
  import "../cg-stack/cg-stack.js";
@@ -1,6 +1,6 @@
1
1
  import { css as m, LitElement as h, html as a } from "lit";
2
2
  import { property as p, customElement as d } from "lit/decorators.js";
3
- import { h as u, r as g, f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u, r as g, f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import "../cg-markdown/cg-markdown.js";
5
5
  var v = Object.defineProperty, w = Object.getOwnPropertyDescriptor, i = (t, s, o, r) => {
6
6
  for (var e = r > 1 ? void 0 : r ? w(s, o) : s, c = t.length - 1, l; c >= 0; c--)
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as v, svg as g, html as e, nothing as i } from "lit";
2
2
  import { property as u, state as h, customElement as f } from "lit/decorators.js";
3
- import { h as m, r as x, c as b, f as w } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as m, r as x, c as b, f as w } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import "../cg-card/cg-card.js";
5
5
  import "../cg-text/cg-text.js";
6
6
  import "../cg-button/cg-button.js";
@@ -1,6 +1,6 @@
1
1
  import { css as h, LitElement as u, html as t, nothing as s } from "lit";
2
2
  import { property as i, state as p, customElement as v } from "lit/decorators.js";
3
- import { h as m, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as m, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (e, o, c, l) => {
5
5
  for (var n = l > 1 ? void 0 : l ? y(o, c) : o, g = e.length - 1, d; g >= 0; g--)
6
6
  (d = e[g]) && (n = (l ? d(o, c, n) : d(n)) || n);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as u, html as r, nothing as o } from "lit";
2
2
  import { property as g, customElement as v } from "lit/decorators.js";
3
- import { h as f, r as h } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as h } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, d = (t, a, i, e) => {
5
5
  for (var n = e > 1 ? void 0 : e ? b(a, i) : a, s = t.length - 1, l; s >= 0; s--)
6
6
  (l = t[s]) && (n = (e ? l(a, i, n) : l(n)) || n);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as p, html as i, nothing as g } from "lit";
2
2
  import { property as r, customElement as v } from "lit/decorators.js";
3
- import { h as b, r as f, f as h } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as f, f as h } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (s, o, n, c) => {
5
5
  for (var a = c > 1 ? void 0 : c ? y(o, n) : o, l = s.length - 1, d; l >= 0; l--)
6
6
  (d = s[l]) && (a = (c ? d(o, n, a) : d(a)) || a);
@@ -1,6 +1,6 @@
1
1
  import { css as h, LitElement as g, html as l } from "lit";
2
2
  import { property as n, state as v, customElement as f } from "lit/decorators.js";
3
- import { h as u, r as p, b, f as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u, r as p, b, f as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var _ = Object.defineProperty, k = Object.getOwnPropertyDescriptor, s = (r, e, a, t) => {
5
5
  for (var i = t > 1 ? void 0 : t ? k(e, a) : e, c = r.length - 1, d; c >= 0; c--)
6
6
  (d = r[c]) && (i = (t ? d(e, a, i) : d(i)) || i);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as u, html as t, nothing as d } from "lit";
2
2
  import { property as g, customElement as v } from "lit/decorators.js";
3
- import { h as f, r as h } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as h } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (r, e, o, i) => {
5
5
  for (var a = i > 1 ? void 0 : i ? b(e, o) : e, s = r.length - 1, c; s >= 0; s--)
6
6
  (c = r[s]) && (a = (i ? c(e, o, a) : c(a)) || a);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as h, html as c } from "lit";
2
2
  import { property as n, state as p, query as f, customElement as u } from "lit/decorators.js";
3
- import { h as v, r as b, i as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as v, r as b, i as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (t, r, i, s) => {
5
5
  for (var o = s > 1 ? void 0 : s ? w(r, i) : r, d = t.length - 1, l; d >= 0; d--)
6
6
  (l = t[d]) && (o = (s ? l(r, i, o) : l(o)) || o);
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as u, nothing as g, html as c } from "lit";
2
2
  import { property as o, state as v, customElement as h } from "lit/decorators.js";
3
- import { h as b, r as f, i as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as f, i as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (t, i, e, s) => {
5
5
  for (var n = s > 1 ? void 0 : s ? y(i, e) : i, l = t.length - 1, d; l >= 0; l--)
6
6
  (d = t[l]) && (n = (s ? d(i, e, n) : d(n)) || n);
@@ -1,6 +1,6 @@
1
1
  import { css as _, LitElement as w, html as g, nothing as v } from "lit";
2
2
  import { property as d, state as p, customElement as x } from "lit/decorators.js";
3
- import { a as b, r as y, f as $ } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as b, r as y, f as $ } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import "../cg-card/cg-card.js";
5
5
  import "../cg-text/cg-text.js";
6
6
  import "../cg-button/cg-button.js";
@@ -1,6 +1,6 @@
1
1
  import { css as p, LitElement as v, html as e, nothing as u } from "lit";
2
2
  import { property as g, customElement as h } from "lit/decorators.js";
3
- import { h as m, r as f, c as b, f as y } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as m, r as f, c as b, f as y } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var k = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (a, i, s, r) => {
5
5
  for (var t = r > 1 ? void 0 : r ? w(i, s) : i, o = a.length - 1, l; o >= 0; o--)
6
6
  (l = a[o]) && (t = (r ? l(i, s, t) : l(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as p, nothing as d, html as s } from "lit";
2
2
  import { property as g, customElement as v } from "lit/decorators.js";
3
- import { h as b, r as f, f as h } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as f, f as h } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, x = Object.getOwnPropertyDescriptor, n = (r, a, e, i) => {
5
5
  for (var o = i > 1 ? void 0 : i ? x(a, e) : a, c = r.length - 1, l; c >= 0; c--)
6
6
  (l = r[c]) && (o = (i ? l(a, e, o) : l(o)) || o);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as v, html as o, nothing as l } from "lit";
2
2
  import { property as d, state as u, customElement as m } from "lit/decorators.js";
3
- import { h as f, r as b, i as _ } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b, i as _ } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (t, e, i, a) => {
5
5
  for (var s = a > 1 ? void 0 : a ? w(e, i) : e, c = t.length - 1, h; c >= 0; c--)
6
6
  (h = t[c]) && (s = (a ? h(e, i, s) : h(s)) || s);
@@ -1,6 +1,6 @@
1
1
  import { css as v, LitElement as u, nothing as b, html as o } from "lit";
2
2
  import { property as d, state as g, customElement as f } from "lit/decorators.js";
3
- import { h as p, r as h, f as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as p, r as h, f as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var w = Object.defineProperty, k = Object.getOwnPropertyDescriptor, s = (e, r, c, i) => {
5
5
  for (var t = i > 1 ? void 0 : i ? k(r, c) : r, n = e.length - 1, l; n >= 0; n--)
6
6
  (l = e[n]) && (t = (i ? l(r, c, t) : l(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as v, LitElement as h, html as t, nothing as d } from "lit";
2
2
  import { property as g, state as u, queryAll as p, customElement as f } from "lit/decorators.js";
3
- import { h as b, r as w, f as x } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as w, f as x } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var k = Object.defineProperty, m = Object.getOwnPropertyDescriptor, c = (e, r, o, a) => {
5
5
  for (var i = a > 1 ? void 0 : a ? m(r, o) : r, n = e.length - 1, l; n >= 0; n--)
6
6
  (l = e[n]) && (i = (a ? l(r, o, i) : l(i)) || i);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as d, nothing as h, html as n } from "lit";
2
2
  import { property as s, customElement as p } from "lit/decorators.js";
3
- import { h as v, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as v, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, a = (e, o, c, i) => {
5
5
  for (var t = i > 1 ? void 0 : i ? m(o, c) : o, l = e.length - 1, g; l >= 0; l--)
6
6
  (g = e[l]) && (t = (i ? g(o, c, t) : g(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as h, svg as s, html as c, nothing as p } from "lit";
2
2
  import { property as d, customElement as v } from "lit/decorators.js";
3
- import { a as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (t, r, i, n) => {
5
5
  for (var e = n > 1 ? void 0 : n ? x(r, i) : r, l = t.length - 1, g; l >= 0; l--)
6
6
  (g = t[l]) && (e = (n ? g(r, i, e) : g(e)) || e);
@@ -1,6 +1,6 @@
1
1
  import { css as m, LitElement as d, html as p, nothing as g } from "lit";
2
2
  import { property as c, customElement as h } from "lit/decorators.js";
3
- import { h as u, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (t, s, a, o) => {
5
5
  for (var e = o > 1 ? void 0 : o ? b(s, a) : s, n = t.length - 1, l; n >= 0; n--)
6
6
  (l = t[n]) && (e = (o ? l(s, a, e) : l(e)) || e);
@@ -1,6 +1,6 @@
1
1
  import { css as d, LitElement as l, svg as v, html as p } from "lit";
2
2
  import { property as g, customElement as f } from "lit/decorators.js";
3
- import { h as u, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as u, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var h = Object.defineProperty, m = Object.getOwnPropertyDescriptor, t = (e, c, i, a) => {
5
5
  for (var r = a > 1 ? void 0 : a ? m(c, i) : c, n = e.length - 1, s; n >= 0; n--)
6
6
  (s = e[n]) && (r = (a ? s(c, i, r) : s(r)) || r);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as p, svg as d, html as h } from "lit";
2
2
  import { property as n, state as g, customElement as f } from "lit/decorators.js";
3
- import { a as m, r as v } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as m, r as v } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, r, i, a) => {
5
5
  for (var t = a > 1 ? void 0 : a ? y(r, i) : r, l = e.length - 1, c; l >= 0; l--)
6
6
  (c = e[l]) && (t = (a ? c(r, i, t) : c(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as u, LitElement as d, svg as p, html as h } from "lit";
2
2
  import { property as o, customElement as v } from "lit/decorators.js";
3
- import { a as g, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as g, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (e, a, s, n) => {
5
5
  for (var r = n > 1 ? void 0 : n ? b(a, s) : a, c = e.length - 1, l; c >= 0; c--)
6
6
  (l = e[c]) && (r = (n ? l(a, s, r) : l(r)) || r);
@@ -1,6 +1,6 @@
1
1
  import { css as l, LitElement as v, html as g } from "lit";
2
2
  import { property as s, state as p, customElement as u } from "lit/decorators.js";
3
- import { h, r as f } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, n = (e, r, a, i) => {
5
5
  for (var t = i > 1 ? void 0 : i ? m(r, a) : r, c = e.length - 1, d; c >= 0; c--)
6
6
  (d = e[c]) && (t = (i ? d(r, a, t) : d(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as u, nothing as r, html as n } from "lit";
2
2
  import { property as o, query as v, customElement as h } from "lit/decorators.js";
3
- import { h as f, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as f, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  import { F as m } from "../../chunks/focus-trap-vlQwKK-3.js";
5
5
  var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, e = (i, s, l, c) => {
6
6
  for (var a = c > 1 ? void 0 : c ? w(s, l) : s, d = i.length - 1, p; d >= 0; d--)
@@ -0,0 +1,43 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * @element cg-app-shell
4
+ * Top-level application scaffold composing header, sidebar, content, and
5
+ * footer regions with landmark roles and a responsive collapsible sidebar.
6
+ *
7
+ * @example
8
+ * ```html
9
+ * <cg-app-shell>
10
+ * <cg-navbar slot="header">…</cg-navbar>
11
+ * <cg-sidebar slot="sidebar">…</cg-sidebar>
12
+ * <main-content></main-content>
13
+ * <div slot="footer">© Cognivo</div>
14
+ * </cg-app-shell>
15
+ * ```
16
+ *
17
+ * @slot header - Top bar (banner landmark).
18
+ * @slot sidebar - Navigation rail (complementary landmark).
19
+ * @slot - Main content.
20
+ * @slot footer - Bottom bar (contentinfo landmark).
21
+ *
22
+ * @fires {CustomEvent<{collapsed: boolean}>} cg-app-shell-toggle
23
+ */
24
+ export declare class CgAppShell extends LitElement {
25
+ static styles: import('lit').CSSResult[];
26
+ sidebarPosition: 'start' | 'end';
27
+ sidebarWidth: string;
28
+ sidebarCollapsed: boolean;
29
+ headerHeight: string;
30
+ stickyHeader: boolean;
31
+ private _hasFooter;
32
+ updated(changed: Map<string, unknown>): void;
33
+ /** Flip the sidebar collapse state. */
34
+ toggleSidebar(): void;
35
+ private _onFooterSlotChange;
36
+ render(): import('lit').TemplateResult<1>;
37
+ }
38
+ declare global {
39
+ interface HTMLElementTagNameMap {
40
+ 'cg-app-shell': CgAppShell;
41
+ }
42
+ }
43
+ //# sourceMappingURL=cg-app-shell.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cg-app-shell.d.ts","sourceRoot":"","sources":["../../../src/components/cg-app-shell/cg-app-shell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAyGnB;IAEyD,eAAe,EAAE,OAAO,GAAG,KAAK,CAAW;IAC9C,YAAY,SAAW;IACJ,gBAAgB,UAAS;IAC5C,YAAY,SAAU;IACP,YAAY,UAAQ;IAE5F,OAAO,CAAC,UAAU,CAAS;IAElB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IASrD,uCAAuC;IACvC,aAAa,IAAI,IAAI;IASrB,OAAO,CAAC,mBAAmB;IASlB,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
@@ -0,0 +1,170 @@
1
+ import { css as n, LitElement as c, html as p } from "lit";
2
+ import { property as i, customElement as g } from "lit/decorators.js";
3
+ import { h as b, r as f } from "../../chunks/premium.css-B0hBr_uS.js";
4
+ var m = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (r, o, a, d) => {
5
+ for (var t = d > 1 ? void 0 : d ? u(o, a) : o, l = r.length - 1, h; l >= 0; l--)
6
+ (h = r[l]) && (t = (d ? h(o, a, t) : h(t)) || t);
7
+ return d && t && m(o, a, t), t;
8
+ };
9
+ let e = class extends c {
10
+ constructor() {
11
+ super(...arguments), this.sidebarPosition = "start", this.sidebarWidth = "260px", this.sidebarCollapsed = !1, this.headerHeight = "56px", this.stickyHeader = !0, this._hasFooter = !1;
12
+ }
13
+ updated(r) {
14
+ r.has("sidebarWidth") && this.style.setProperty("--_cg-shell-sidebar-w", this.sidebarWidth || "260px"), r.has("headerHeight") && this.style.setProperty("--_cg-shell-header-h", this.headerHeight || "56px");
15
+ }
16
+ /** Flip the sidebar collapse state. */
17
+ toggleSidebar() {
18
+ this.sidebarCollapsed = !this.sidebarCollapsed, this.dispatchEvent(new CustomEvent("cg-app-shell-toggle", {
19
+ detail: { collapsed: this.sidebarCollapsed },
20
+ bubbles: !0,
21
+ composed: !0
22
+ }));
23
+ }
24
+ _onFooterSlotChange(r) {
25
+ const a = r.target.assignedNodes({ flatten: !0 }).length > 0;
26
+ a !== this._hasFooter && (this._hasFooter = a, this.requestUpdate());
27
+ }
28
+ render() {
29
+ return p`
30
+ <div class="shell">
31
+ <header><slot name="header"></slot></header>
32
+ <aside aria-hidden=${this.sidebarCollapsed ? "true" : "false"}>
33
+ <slot name="sidebar"></slot>
34
+ </aside>
35
+ <main><slot></slot></main>
36
+ <footer class=${this._hasFooter ? "" : "empty"}>
37
+ <slot name="footer" @slotchange=${this._onFooterSlotChange}></slot>
38
+ </footer>
39
+ </div>
40
+ `;
41
+ }
42
+ };
43
+ e.styles = [b, f, n`
44
+ :host {
45
+ display: block;
46
+ height: 100%;
47
+ --_cg-shell-sidebar-w: 260px;
48
+ --_cg-shell-header-h: 56px;
49
+ font-family: var(--cg-font-family-primary);
50
+ }
51
+
52
+ .shell {
53
+ display: grid;
54
+ height: 100%;
55
+ grid-template-rows: var(--_cg-shell-header-h) 1fr auto;
56
+ grid-template-columns: var(--_cg-shell-sidebar-w) 1fr;
57
+ grid-template-areas:
58
+ "header header"
59
+ "sidebar main"
60
+ "footer footer";
61
+ background: var(--cg-color-surface-base-background);
62
+ color: var(--cg-color-surface-base-text);
63
+ transition: grid-template-columns var(--cg-transition-duration-fast) var(--cg-transition-easing-default);
64
+ }
65
+
66
+ /* Sidebar on the end side swaps the columns/areas */
67
+ :host([sidebar-position="end"]) .shell {
68
+ grid-template-columns: 1fr var(--_cg-shell-sidebar-w);
69
+ grid-template-areas:
70
+ "header header"
71
+ "main sidebar"
72
+ "footer footer";
73
+ }
74
+
75
+ /* Collapsed → sidebar column shrinks to 0 */
76
+ :host([sidebar-collapsed]) .shell {
77
+ grid-template-columns: 0 1fr;
78
+ }
79
+ :host([sidebar-collapsed][sidebar-position="end"]) .shell {
80
+ grid-template-columns: 1fr 0;
81
+ }
82
+
83
+ header {
84
+ grid-area: header;
85
+ border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);
86
+ min-width: 0;
87
+ }
88
+ :host([sticky-header]) header { position: sticky; top: 0; z-index: var(--cg-z-index-200); }
89
+
90
+ aside {
91
+ grid-area: sidebar;
92
+ overflow: hidden auto;
93
+ background: var(--cg-color-surface-sidebar-background);
94
+ color: var(--cg-color-surface-sidebar-text);
95
+ border-right: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);
96
+ min-width: 0;
97
+ }
98
+ :host([sidebar-position="end"]) aside {
99
+ border-right: none;
100
+ border-left: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);
101
+ }
102
+
103
+ main {
104
+ grid-area: main;
105
+ overflow: auto;
106
+ min-width: 0;
107
+ }
108
+
109
+ footer {
110
+ grid-area: footer;
111
+ border-top: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);
112
+ min-width: 0;
113
+ }
114
+
115
+ /* Empty regions collapse so they don't reserve borders */
116
+ footer.empty { display: none; }
117
+
118
+ /* Mobile: sidebar overlays instead of taking a column */
119
+ @media (max-width: 768px) {
120
+ .shell {
121
+ grid-template-columns: 1fr;
122
+ grid-template-areas:
123
+ "header"
124
+ "main"
125
+ "footer";
126
+ }
127
+ aside {
128
+ position: fixed;
129
+ top: var(--_cg-shell-header-h);
130
+ bottom: 0;
131
+ inset-inline-start: 0;
132
+ width: var(--_cg-shell-sidebar-w);
133
+ z-index: var(--cg-z-index-300);
134
+ box-shadow: var(--cg-shadow-elevation-xl);
135
+ transition: transform var(--cg-transition-duration-slow) var(--cg-transition-easing-default);
136
+ }
137
+ :host([sidebar-position="end"]) aside {
138
+ inset-inline-start: auto;
139
+ inset-inline-end: 0;
140
+ }
141
+ :host([sidebar-collapsed]) aside {
142
+ transform: translateX(calc(-1 * (var(--_cg-shell-sidebar-w) + var(--cg-spacing-16))));
143
+ }
144
+ :host([sidebar-position="end"][sidebar-collapsed]) aside {
145
+ transform: translateX(calc(var(--_cg-shell-sidebar-w) + var(--cg-spacing-16)));
146
+ }
147
+ }
148
+ `];
149
+ s([
150
+ i({ attribute: "sidebar-position", reflect: !0 })
151
+ ], e.prototype, "sidebarPosition", 2);
152
+ s([
153
+ i({ attribute: "sidebar-width", reflect: !0 })
154
+ ], e.prototype, "sidebarWidth", 2);
155
+ s([
156
+ i({ type: Boolean, attribute: "sidebar-collapsed", reflect: !0 })
157
+ ], e.prototype, "sidebarCollapsed", 2);
158
+ s([
159
+ i({ attribute: "header-height", reflect: !0 })
160
+ ], e.prototype, "headerHeight", 2);
161
+ s([
162
+ i({ type: Boolean, attribute: "sticky-header", reflect: !0 })
163
+ ], e.prototype, "stickyHeader", 2);
164
+ e = s([
165
+ g("cg-app-shell")
166
+ ], e);
167
+ export {
168
+ e as CgAppShell
169
+ };
170
+ //# sourceMappingURL=cg-app-shell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cg-app-shell.js","sources":["../../../src/components/cg-app-shell/cg-app-shell.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { hostBlock, reducedMotion } from '../../styles/index.js';\n\n/**\n * @element cg-app-shell\n * Top-level application scaffold composing header, sidebar, content, and\n * footer regions with landmark roles and a responsive collapsible sidebar.\n *\n * @example\n * ```html\n * <cg-app-shell>\n * <cg-navbar slot=\"header\">…</cg-navbar>\n * <cg-sidebar slot=\"sidebar\">…</cg-sidebar>\n * <main-content></main-content>\n * <div slot=\"footer\">© Cognivo</div>\n * </cg-app-shell>\n * ```\n *\n * @slot header - Top bar (banner landmark).\n * @slot sidebar - Navigation rail (complementary landmark).\n * @slot - Main content.\n * @slot footer - Bottom bar (contentinfo landmark).\n *\n * @fires {CustomEvent<{collapsed: boolean}>} cg-app-shell-toggle\n */\n@customElement('cg-app-shell')\nexport class CgAppShell extends LitElement {\n static override styles = [hostBlock, reducedMotion, css`\n :host {\n display: block;\n height: 100%;\n --_cg-shell-sidebar-w: 260px;\n --_cg-shell-header-h: 56px;\n font-family: var(--cg-font-family-primary);\n }\n\n .shell {\n display: grid;\n height: 100%;\n grid-template-rows: var(--_cg-shell-header-h) 1fr auto;\n grid-template-columns: var(--_cg-shell-sidebar-w) 1fr;\n grid-template-areas:\n \"header header\"\n \"sidebar main\"\n \"footer footer\";\n background: var(--cg-color-surface-base-background);\n color: var(--cg-color-surface-base-text);\n transition: grid-template-columns var(--cg-transition-duration-fast) var(--cg-transition-easing-default);\n }\n\n /* Sidebar on the end side swaps the columns/areas */\n :host([sidebar-position=\"end\"]) .shell {\n grid-template-columns: 1fr var(--_cg-shell-sidebar-w);\n grid-template-areas:\n \"header header\"\n \"main sidebar\"\n \"footer footer\";\n }\n\n /* Collapsed → sidebar column shrinks to 0 */\n :host([sidebar-collapsed]) .shell {\n grid-template-columns: 0 1fr;\n }\n :host([sidebar-collapsed][sidebar-position=\"end\"]) .shell {\n grid-template-columns: 1fr 0;\n }\n\n header {\n grid-area: header;\n border-bottom: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);\n min-width: 0;\n }\n :host([sticky-header]) header { position: sticky; top: 0; z-index: var(--cg-z-index-200); }\n\n aside {\n grid-area: sidebar;\n overflow: hidden auto;\n background: var(--cg-color-surface-sidebar-background);\n color: var(--cg-color-surface-sidebar-text);\n border-right: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);\n min-width: 0;\n }\n :host([sidebar-position=\"end\"]) aside {\n border-right: none;\n border-left: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);\n }\n\n main {\n grid-area: main;\n overflow: auto;\n min-width: 0;\n }\n\n footer {\n grid-area: footer;\n border-top: var(--cg-border-width-50) solid var(--cg-color-surface-base-divider);\n min-width: 0;\n }\n\n /* Empty regions collapse so they don't reserve borders */\n footer.empty { display: none; }\n\n /* Mobile: sidebar overlays instead of taking a column */\n @media (max-width: 768px) {\n .shell {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"header\"\n \"main\"\n \"footer\";\n }\n aside {\n position: fixed;\n top: var(--_cg-shell-header-h);\n bottom: 0;\n inset-inline-start: 0;\n width: var(--_cg-shell-sidebar-w);\n z-index: var(--cg-z-index-300);\n box-shadow: var(--cg-shadow-elevation-xl);\n transition: transform var(--cg-transition-duration-slow) var(--cg-transition-easing-default);\n }\n :host([sidebar-position=\"end\"]) aside {\n inset-inline-start: auto;\n inset-inline-end: 0;\n }\n :host([sidebar-collapsed]) aside {\n transform: translateX(calc(-1 * (var(--_cg-shell-sidebar-w) + var(--cg-spacing-16))));\n }\n :host([sidebar-position=\"end\"][sidebar-collapsed]) aside {\n transform: translateX(calc(var(--_cg-shell-sidebar-w) + var(--cg-spacing-16)));\n }\n }\n `];\n\n @property({ attribute: 'sidebar-position', reflect: true }) sidebarPosition: 'start' | 'end' = 'start';\n @property({ attribute: 'sidebar-width', reflect: true }) sidebarWidth = '260px';\n @property({ type: Boolean, attribute: 'sidebar-collapsed', reflect: true }) sidebarCollapsed = false;\n @property({ attribute: 'header-height', reflect: true }) headerHeight = '56px';\n @property({ type: Boolean, attribute: 'sticky-header', reflect: true }) stickyHeader = true;\n\n private _hasFooter = false;\n\n override updated(changed: Map<string, unknown>): void {\n if (changed.has('sidebarWidth')) {\n this.style.setProperty('--_cg-shell-sidebar-w', this.sidebarWidth || '260px');\n }\n if (changed.has('headerHeight')) {\n this.style.setProperty('--_cg-shell-header-h', this.headerHeight || '56px');\n }\n }\n\n /** Flip the sidebar collapse state. */\n toggleSidebar(): void {\n this.sidebarCollapsed = !this.sidebarCollapsed;\n this.dispatchEvent(new CustomEvent('cg-app-shell-toggle', {\n detail: { collapsed: this.sidebarCollapsed },\n bubbles: true,\n composed: true,\n }));\n }\n\n private _onFooterSlotChange(e: Event): void {\n const slot = e.target as HTMLSlotElement;\n const has = slot.assignedNodes({ flatten: true }).length > 0;\n if (has !== this._hasFooter) {\n this._hasFooter = has;\n this.requestUpdate();\n }\n }\n\n override render() {\n return html`\n <div class=\"shell\">\n <header><slot name=\"header\"></slot></header>\n <aside aria-hidden=${this.sidebarCollapsed ? 'true' : 'false'}>\n <slot name=\"sidebar\"></slot>\n </aside>\n <main><slot></slot></main>\n <footer class=${this._hasFooter ? '' : 'empty'}>\n <slot name=\"footer\" @slotchange=${this._onFooterSlotChange}></slot>\n </footer>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'cg-app-shell': CgAppShell;\n }\n}\n"],"names":["CgAppShell","LitElement","changed","e","has","html","hostBlock","reducedMotion","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;AA2BO,IAAMA,IAAN,cAAyBC,EAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GA4GuD,KAAA,kBAAmC,SACtC,KAAA,eAAe,SACI,KAAA,mBAAmB,IACtC,KAAA,eAAe,QACA,KAAA,eAAe,IAEvF,KAAQ,aAAa;AAAA,EAAA;AAAA,EAEZ,QAAQC,GAAqC;AACpD,IAAIA,EAAQ,IAAI,cAAc,KAC5B,KAAK,MAAM,YAAY,yBAAyB,KAAK,gBAAgB,OAAO,GAE1EA,EAAQ,IAAI,cAAc,KAC5B,KAAK,MAAM,YAAY,wBAAwB,KAAK,gBAAgB,MAAM;AAAA,EAE9E;AAAA;AAAA,EAGA,gBAAsB;AACpB,SAAK,mBAAmB,CAAC,KAAK,kBAC9B,KAAK,cAAc,IAAI,YAAY,uBAAuB;AAAA,MACxD,QAAQ,EAAE,WAAW,KAAK,iBAAA;AAAA,MAC1B,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAEQ,oBAAoBC,GAAgB;AAE1C,UAAMC,IADOD,EAAE,OACE,cAAc,EAAE,SAAS,GAAA,CAAM,EAAE,SAAS;AAC3D,IAAIC,MAAQ,KAAK,eACf,KAAK,aAAaA,GAClB,KAAK,cAAA;AAAA,EAET;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA;AAAA;AAAA,6BAGkB,KAAK,mBAAmB,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA,wBAI7C,KAAK,aAAa,KAAK,OAAO;AAAA,4CACV,KAAK,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIlE;AACF;AA9JaL,EACK,SAAS,CAACM,GAAWC,GAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyGnD;AAE2DC,EAAA;AAAA,EAA3DC,EAAS,EAAE,WAAW,oBAAoB,SAAS,IAAM;AAAA,GA5G/CV,EA4GiD,WAAA,mBAAA,CAAA;AACHS,EAAA;AAAA,EAAxDC,EAAS,EAAE,WAAW,iBAAiB,SAAS,IAAM;AAAA,GA7G5CV,EA6G8C,WAAA,gBAAA,CAAA;AACmBS,EAAA;AAAA,EAA3EC,EAAS,EAAE,MAAM,SAAS,WAAW,qBAAqB,SAAS,IAAM;AAAA,GA9G/DV,EA8GiE,WAAA,oBAAA,CAAA;AACnBS,EAAA;AAAA,EAAxDC,EAAS,EAAE,WAAW,iBAAiB,SAAS,IAAM;AAAA,GA/G5CV,EA+G8C,WAAA,gBAAA,CAAA;AACeS,EAAA;AAAA,EAAvEC,EAAS,EAAE,MAAM,SAAS,WAAW,iBAAiB,SAAS,IAAM;AAAA,GAhH3DV,EAgH6D,WAAA,gBAAA,CAAA;AAhH7DA,IAANS,EAAA;AAAA,EADNE,EAAc,cAAc;AAAA,GAChBX,CAAA;"}
@@ -1,7 +1,7 @@
1
1
  import { css as f, LitElement as d, html as m } from "lit";
2
2
  import { property as l, customElement as n } from "lit/decorators.js";
3
3
  import { styleMap as v } from "lit/directives/style-map.js";
4
- import { h } from "../../chunks/premium.css-DHekUEUt.js";
4
+ import { h } from "../../chunks/premium.css-B0hBr_uS.js";
5
5
  var _ = Object.defineProperty, u = Object.getOwnPropertyDescriptor, c = (r, e, s, i) => {
6
6
  for (var t = i > 1 ? void 0 : i ? u(e, s) : e, a = r.length - 1, p; a >= 0; a--)
7
7
  (p = r[a]) && (t = (i ? p(e, s, t) : p(t)) || t);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as h, html as s, nothing as l } from "lit";
2
2
  import { property as c, state as u, query as v, customElement as f } from "lit/decorators.js";
3
- import { h as b, r as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { h as b, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var _ = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, t, a, n) => {
5
5
  for (var i = n > 1 ? void 0 : n ? y(t, a) : t, d = e.length - 1, p; d >= 0; d--)
6
6
  (p = e[d]) && (i = (n ? p(t, a, i) : p(i)) || i);
@@ -1,6 +1,6 @@
1
1
  import { css as g, LitElement as d, svg as v, nothing as u, html as l } from "lit";
2
2
  import { property as o, state as p, customElement as f } from "lit/decorators.js";
3
- import { a as m, r as b } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as m, r as b } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var z = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (e, r, c, i) => {
5
5
  for (var s = i > 1 ? void 0 : i ? x(r, c) : r, n = e.length - 1, h; n >= 0; n--)
6
6
  (h = e[n]) && (s = (i ? h(r, c, s) : h(s)) || s);
@@ -1,6 +1,6 @@
1
1
  import { css as d, LitElement as u, nothing as v, html as i } from "lit";
2
2
  import { property as c, state as f, customElement as h } from "lit/decorators.js";
3
- import { a as p, r as m } from "../../chunks/premium.css-DHekUEUt.js";
3
+ import { a as p, r as m } from "../../chunks/premium.css-B0hBr_uS.js";
4
4
  var b = Object.defineProperty, z = Object.getOwnPropertyDescriptor, n = (e, r, a, s) => {
5
5
  for (var t = s > 1 ? void 0 : s ? z(r, a) : r, l = e.length - 1, g; l >= 0; l--)
6
6
  (g = e[l]) && (t = (s ? g(r, a, t) : g(t)) || t);