snice 7.0.3 → 7.1.1

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 (223) hide show
  1. package/.agents/skills/snice/SKILL.md +4 -0
  2. package/.agents/skills/snice/references/core-kitchen-sink.ts +39 -1
  3. package/README.md +64 -14
  4. package/adapters/react/SniceProvider.js +2 -2
  5. package/adapters/react/SniceRouter.js +2 -2
  6. package/adapters/react/matchRoute.js +2 -2
  7. package/adapters/react/useRequestHandler.js +2 -2
  8. package/bin/analyzer-contracts.js +6 -1
  9. package/bin/postinstall.js +59 -0
  10. package/bin/project-analyzer.js +466 -5
  11. package/bin/snice.js +3 -0
  12. package/dist/app-context.d.ts +11 -0
  13. package/dist/cdn/accordion/snice-accordion.js +2 -2
  14. package/dist/cdn/action-bar/snice-action-bar.js +2 -2
  15. package/dist/cdn/activity-feed/snice-activity-feed.js +2 -2
  16. package/dist/cdn/alert/snice-alert.js +2 -2
  17. package/dist/cdn/app-tiles/snice-app-tiles.js +2 -2
  18. package/dist/cdn/approval-flow/snice-approval-flow.js +2 -2
  19. package/dist/cdn/audio-recorder/snice-audio-recorder.js +2 -2
  20. package/dist/cdn/availability/snice-availability.js +2 -2
  21. package/dist/cdn/avatar/snice-avatar.js +2 -2
  22. package/dist/cdn/avatar-group/snice-avatar-group.js +2 -2
  23. package/dist/cdn/badge/snice-badge.js +2 -2
  24. package/dist/cdn/banner/snice-banner.js +2 -2
  25. package/dist/cdn/binpack/snice-binpack.js +2 -2
  26. package/dist/cdn/book/snice-book.js +2 -2
  27. package/dist/cdn/booking/snice-booking.js +2 -2
  28. package/dist/cdn/breadcrumbs/snice-breadcrumbs.js +2 -2
  29. package/dist/cdn/button/snice-button.js +2 -2
  30. package/dist/cdn/calendar/snice-calendar.js +2 -2
  31. package/dist/cdn/camera/snice-camera.js +2 -2
  32. package/dist/cdn/camera-annotate/snice-camera-annotate.js +2 -2
  33. package/dist/cdn/candlestick/snice-candlestick.js +2 -2
  34. package/dist/cdn/card/snice-card.js +2 -2
  35. package/dist/cdn/carousel/snice-carousel.js +2 -2
  36. package/dist/cdn/cart/snice-cart.js +2 -2
  37. package/dist/cdn/chart/snice-chart.js +2 -2
  38. package/dist/cdn/chat/snice-chat.js +2 -2
  39. package/dist/cdn/checkbox/snice-checkbox.js +2 -2
  40. package/dist/cdn/chip/snice-chip.js +2 -2
  41. package/dist/cdn/code-block/snice-code-block.js +2 -2
  42. package/dist/cdn/color-display/snice-color-display.js +2 -2
  43. package/dist/cdn/color-picker/snice-color-picker.js +2 -2
  44. package/dist/cdn/command-palette/snice-command-palette.js +2 -2
  45. package/dist/cdn/comments/snice-comments.js +2 -2
  46. package/dist/cdn/countdown/snice-countdown.js +2 -2
  47. package/dist/cdn/cropper/snice-cropper.js +2 -2
  48. package/dist/cdn/data-card/snice-data-card.js +2 -2
  49. package/dist/cdn/date-picker/snice-date-picker.js +2 -2
  50. package/dist/cdn/date-range-picker/snice-date-range-picker.js +2 -2
  51. package/dist/cdn/date-time-picker/snice-date-time-picker.js +2 -2
  52. package/dist/cdn/diff/snice-diff.js +2 -2
  53. package/dist/cdn/divider/snice-divider.js +2 -2
  54. package/dist/cdn/doc/snice-doc.js +2 -2
  55. package/dist/cdn/draw/snice-draw.js +2 -2
  56. package/dist/cdn/drawer/snice-drawer.js +2 -2
  57. package/dist/cdn/empty-state/snice-empty-state.js +2 -2
  58. package/dist/cdn/estimate/snice-estimate.js +2 -2
  59. package/dist/cdn/file-gallery/snice-file-gallery.js +2 -2
  60. package/dist/cdn/file-upload/snice-file-upload.js +2 -2
  61. package/dist/cdn/flip-card/snice-flip-card.js +2 -2
  62. package/dist/cdn/flow/snice-flow.js +2 -2
  63. package/dist/cdn/form-layout/snice-form-layout.js +2 -2
  64. package/dist/cdn/funnel/snice-funnel.js +2 -2
  65. package/dist/cdn/gantt/snice-gantt.js +2 -2
  66. package/dist/cdn/gauge/snice-gauge.js +2 -2
  67. package/dist/cdn/grid/snice-grid.js +2 -2
  68. package/dist/cdn/heatmap/snice-heatmap.js +2 -2
  69. package/dist/cdn/image/snice-image.js +2 -2
  70. package/dist/cdn/input/snice-input.js +2 -2
  71. package/dist/cdn/invoice/snice-invoice.js +2 -2
  72. package/dist/cdn/kanban/snice-kanban.js +2 -2
  73. package/dist/cdn/key-value/snice-key-value.js +2 -2
  74. package/dist/cdn/kpi/snice-kpi.js +2 -2
  75. package/dist/cdn/layout/README.md +17 -2
  76. package/dist/cdn/layout/snice-layout.js +1656 -11
  77. package/dist/cdn/layout/snice-layout.js.map +1 -1
  78. package/dist/cdn/layout/snice-layout.min.js +379 -2
  79. package/dist/cdn/layout/snice-layout.min.js.map +1 -1
  80. package/dist/cdn/leaderboard/snice-leaderboard.js +2 -2
  81. package/dist/cdn/link/snice-link.js +2 -2
  82. package/dist/cdn/link-preview/snice-link-preview.js +2 -2
  83. package/dist/cdn/list/snice-list.js +2 -2
  84. package/dist/cdn/location/snice-location.js +2 -2
  85. package/dist/cdn/login/snice-login.js +2 -2
  86. package/dist/cdn/map/snice-map.js +2 -2
  87. package/dist/cdn/markdown/snice-markdown.js +2 -2
  88. package/dist/cdn/masonry/snice-masonry.js +2 -2
  89. package/dist/cdn/menu/snice-menu.js +2 -2
  90. package/dist/cdn/message-strip/snice-message-strip.js +2 -2
  91. package/dist/cdn/modal/snice-modal.js +2 -2
  92. package/dist/cdn/music-player/snice-music-player.js +2 -2
  93. package/dist/cdn/nav/snice-nav.js +2 -2
  94. package/dist/cdn/network-graph/snice-network-graph.js +2 -2
  95. package/dist/cdn/notification-center/snice-notification-center.js +2 -2
  96. package/dist/cdn/order-tracker/snice-order-tracker.js +2 -2
  97. package/dist/cdn/org-chart/snice-org-chart.js +2 -2
  98. package/dist/cdn/pagination/snice-pagination.js +2 -2
  99. package/dist/cdn/paint/snice-paint.js +2 -2
  100. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js +2 -2
  101. package/dist/cdn/permission-matrix/snice-permission-matrix.js +2 -2
  102. package/dist/cdn/podcast-player/snice-podcast-player.js +2 -2
  103. package/dist/cdn/popover/snice-popover.js +2 -2
  104. package/dist/cdn/pricing-table/snice-pricing-table.js +2 -2
  105. package/dist/cdn/product-card/snice-product-card.js +2 -2
  106. package/dist/cdn/progress/snice-progress.js +2 -2
  107. package/dist/cdn/progress-ring/snice-progress-ring.js +2 -2
  108. package/dist/cdn/qr-code/snice-qr-code.js +2 -2
  109. package/dist/cdn/qr-reader/snice-qr-reader.js +2 -2
  110. package/dist/cdn/radio/snice-radio.js +2 -2
  111. package/dist/cdn/range-slider/snice-range-slider.js +2 -2
  112. package/dist/cdn/rating/snice-rating.js +2 -2
  113. package/dist/cdn/receipt/snice-receipt.js +2 -2
  114. package/dist/cdn/recipe/snice-recipe.js +2 -2
  115. package/dist/cdn/runtime/README.md +2 -2
  116. package/dist/cdn/runtime/snice-runtime.esm.js +3825 -3337
  117. package/dist/cdn/runtime/snice-runtime.esm.js.map +1 -1
  118. package/dist/cdn/runtime/snice-runtime.esm.min.js +1 -1
  119. package/dist/cdn/runtime/snice-runtime.esm.min.js.map +1 -1
  120. package/dist/cdn/runtime/snice-runtime.js +3827 -3336
  121. package/dist/cdn/runtime/snice-runtime.js.map +1 -1
  122. package/dist/cdn/runtime/snice-runtime.min.js +1 -1
  123. package/dist/cdn/runtime/snice-runtime.min.js.map +1 -1
  124. package/dist/cdn/sankey/snice-sankey.js +2 -2
  125. package/dist/cdn/segmented-control/snice-segmented-control.js +2 -2
  126. package/dist/cdn/select/snice-select.js +2 -2
  127. package/dist/cdn/skeleton/snice-skeleton.js +2 -2
  128. package/dist/cdn/slider/snice-slider.js +2 -2
  129. package/dist/cdn/sortable/snice-sortable.js +2 -2
  130. package/dist/cdn/sparkline/snice-sparkline.js +2 -2
  131. package/dist/cdn/spinner/snice-spinner.js +2 -2
  132. package/dist/cdn/split-button/snice-split-button.js +2 -2
  133. package/dist/cdn/split-pane/snice-split-pane.js +2 -2
  134. package/dist/cdn/spotlight/snice-spotlight.js +2 -2
  135. package/dist/cdn/stat-group/snice-stat-group.js +2 -2
  136. package/dist/cdn/step-input/snice-step-input.js +2 -2
  137. package/dist/cdn/stepper/snice-stepper.js +2 -2
  138. package/dist/cdn/switch/snice-switch.js +2 -2
  139. package/dist/cdn/table/README.md +6 -2
  140. package/dist/cdn/table/snice-table.esm.js +347 -54
  141. package/dist/cdn/table/snice-table.esm.js.map +1 -1
  142. package/dist/cdn/table/snice-table.esm.min.js +105 -44
  143. package/dist/cdn/table/snice-table.esm.min.js.map +1 -1
  144. package/dist/cdn/table/snice-table.js +348 -57
  145. package/dist/cdn/table/snice-table.js.map +1 -1
  146. package/dist/cdn/table/snice-table.min.js +153 -92
  147. package/dist/cdn/table/snice-table.min.js.map +1 -1
  148. package/dist/cdn/tabs/snice-tabs.js +2 -2
  149. package/dist/cdn/tag/snice-tag.js +2 -2
  150. package/dist/cdn/tag-input/snice-tag-input.js +2 -2
  151. package/dist/cdn/terminal/snice-terminal.js +2 -2
  152. package/dist/cdn/testimonial/snice-testimonial.js +2 -2
  153. package/dist/cdn/textarea/snice-textarea.js +2 -2
  154. package/dist/cdn/time-picker/snice-time-picker.js +2 -2
  155. package/dist/cdn/time-range-picker/snice-time-range-picker.js +2 -2
  156. package/dist/cdn/timeline/snice-timeline.js +2 -2
  157. package/dist/cdn/timer/snice-timer.js +2 -2
  158. package/dist/cdn/toast/snice-toast.js +2 -2
  159. package/dist/cdn/tooltip/snice-tooltip.js +2 -2
  160. package/dist/cdn/tree/snice-tree.js +2 -2
  161. package/dist/cdn/treemap/snice-treemap.js +2 -2
  162. package/dist/cdn/user-card/snice-user-card.js +2 -2
  163. package/dist/cdn/video-player/snice-video-player.js +2 -2
  164. package/dist/cdn/virtual-scroller/snice-virtual-scroller.js +2 -2
  165. package/dist/cdn/waterfall/snice-waterfall.js +2 -2
  166. package/dist/cdn/weather/snice-weather.js +2 -2
  167. package/dist/cdn/work-order/snice-work-order.js +2 -2
  168. package/dist/context-provider.d.ts +16 -0
  169. package/dist/controller.d.ts +5 -0
  170. package/dist/daemon-target.d.ts +10 -0
  171. package/dist/daemon.d.ts +10 -0
  172. package/dist/index.cjs +3821 -3330
  173. package/dist/index.cjs.map +1 -1
  174. package/dist/index.d.ts +3 -0
  175. package/dist/index.esm.js +3819 -3331
  176. package/dist/index.esm.js.map +1 -1
  177. package/dist/index.iife.js +3821 -3330
  178. package/dist/index.iife.js.map +1 -1
  179. package/dist/keyboard-filter.d.ts +25 -0
  180. package/dist/on.d.ts +1 -1
  181. package/dist/parts.d.ts +2 -19
  182. package/dist/react/SniceProvider.js +2 -2
  183. package/dist/react/SniceRouter.js +2 -2
  184. package/dist/react/index.js +2 -2
  185. package/dist/react/matchRoute.js +2 -2
  186. package/dist/react/useRequestHandler.js +2 -2
  187. package/dist/request-response.d.ts +9 -1
  188. package/dist/symbols.cjs +19 -2
  189. package/dist/symbols.cjs.map +1 -1
  190. package/dist/symbols.d.ts +5 -0
  191. package/dist/symbols.esm.js +15 -3
  192. package/dist/symbols.esm.js.map +1 -1
  193. package/dist/testing.d.ts +1 -1
  194. package/dist/transitions.cjs +2 -2
  195. package/dist/transitions.esm.js +2 -2
  196. package/dist/types/app-context.d.ts +9 -58
  197. package/dist/types/daemon.d.ts +8 -0
  198. package/dist/types/dispatch-options.d.ts +2 -0
  199. package/dist/types/index.d.ts +1 -0
  200. package/dist/types/on-options.d.ts +5 -0
  201. package/dist/types/request-options.d.ts +2 -0
  202. package/dist/types/respond-options.d.ts +2 -0
  203. package/docs/ai/DEVELOPMENT.md +15 -1
  204. package/docs/ai/README.md +5 -1
  205. package/docs/ai/api.md +13 -4
  206. package/docs/ai/architecture.md +51 -2
  207. package/docs/ai/bindings.md +1 -1
  208. package/docs/ai/cli.md +9 -0
  209. package/docs/ai/controllers.md +1 -1
  210. package/docs/ai/daemons.md +80 -0
  211. package/docs/ai/decorators.md +7 -5
  212. package/docs/ai/events.md +6 -0
  213. package/docs/ai/patterns.md +49 -4
  214. package/docs/ai/request-response.md +26 -9
  215. package/docs/ai/routing.md +16 -1
  216. package/docs/bindings.md +1 -1
  217. package/docs/cli.md +7 -0
  218. package/docs/controllers.md +8 -2
  219. package/docs/daemons.md +200 -0
  220. package/docs/events.md +19 -2
  221. package/docs/request-response.md +20 -13
  222. package/docs/routing.md +25 -1
  223. package/package.json +6 -4
package/dist/cdn/layout/snice-layout.min.js CHANGED
@@ -1,4 +1,4 @@
1
- void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-layout.min.js");var SniceLayout=function(e,t){"use strict";function r(e,t,r,n,i,a){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?n.static?e:e.prototype:null,v=t||(d?Object.getOwnPropertyDescriptor(d,n.name):{}),h=!1,u=r.length-1;u>=0;u--){var m={};for(var p in n)m[p]="access"===p?{}:n[p];for(var p in n.access)m.access[p]=n.access[p];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(o(e||null))};var g=(0,r[u])("accessor"===l?{get:v.get,set:v.set}:v[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=o(g.get))&&(v.get=s),(s=o(g.set))&&(v.set=s),(s=o(g.init))&&i.unshift(s)}else(s=o(g))&&("field"===l?i.unshift(s):v[c]=s)}d&&Object.defineProperty(d,n.name,v),h=!0}function n(e,t,r){for(var n=arguments.length>2,i=0;i<t.length;i++)r=n?t[i].call(e,r):t[i].call(e);return n?r:void 0}"function"==typeof SuppressedError&&SuppressedError;const i='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>',a='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/><path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>',o={"info-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/></svg>',"check-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/></svg>',"exclamation-triangle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/></svg>',"x-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd"/></svg>',"x-mark":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 18 18 6M6 6l12 12"/></svg>',"chevron-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg>',"chevron-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4.5 15.75 7.5-7.5 7.5 7.5"/></svg>',"chevron-right":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg>',"chevron-left":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 19.5 8.25 12l7.5-7.5"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4.5 12.75 6 6 9-13.5"/></svg>',"magnifying-glass":i,search:i,"bars-3":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>',photo:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/></svg>',"ellipsis-horizontal":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/></svg>',trash:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/></svg>',plus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4.5v15m7.5-7.5h-15"/></svg>',camera:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.822 1.316Z"/><path d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z"/></svg>',pencil:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></svg>',"arrow-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19.5v-15m0 0-6.75 6.75M12 4.5l6.75 6.75"/></svg>',"arrow-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4.5v15m0 0 6.75-6.75M12 19.5l-6.75-6.75"/></svg>',"arrow-right":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4.5 12h15m0 0-6.75-6.75M19.5 12l-6.75 6.75"/></svg>',"arrow-trending-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/></svg>',"arrow-trending-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 6 9 12.75l4.286-4.286a11.948 11.948 0 0 1 4.306 6.43l.776 2.898m0 0 3.182-5.511m-3.182 5.511-5.511-3.181"/></svg>',star:'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006Z" clip-rule="evenodd"/></svg>',"star-outline":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>',circle:'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="12" cy="12" r="8"/></svg>',"paper-clip":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"/></svg>',"paper-airplane":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"/></svg>',"arrow-down-tray":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>',"arrow-up-tray":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"/></svg>',"chat-bubble":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/></svg>',"rocket-launch":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>',key:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z"/></svg>',"arrows-right-left":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/></svg>',"arrows-pointing-out":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"/></svg>',"eye-slash":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"/></svg>',"map-pin":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/></svg>',fire:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/><path d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/></svg>',"cog-6-tooth":a,settings:a,envelope:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/></svg>',"light-bulb":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/></svg>',users:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/></svg>',heart:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/></svg>',home:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/></svg>',"chart-bar":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"/></svg>',scissors:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-.375a4.33 4.33 0 0 0 .655 3.736m2.227-3.361 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379m0 0-2.077 1.199"/></svg>',user:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/></svg>',clipboard:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"/></svg>',"bug-ant":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"/></svg>',"calendar-days":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/></svg>',sparkles:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/></svg>',"bell-alert":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0M3.124 7.5A8.969 8.969 0 0 1 5.292 3m13.416 0a8.969 8.969 0 0 1 2.168 4.5"/></svg>',cube:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/></svg>',banknotes:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>',cake:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12"/></svg>',"paint-brush":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/></svg>',gift:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H4.5a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></svg>',folder:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/></svg>',"document-text":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/></svg>',bell:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"/></svg>',link:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"/></svg>',phone:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/></svg>',"computer-desktop":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"/></svg>',"musical-note":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/></svg>',"lock-closed":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/></svg>',"table-cells":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m8.625 1.125c0 .621-.504 1.125-1.125 1.125h-7.5"/></svg>',minus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/></svg>'},s="data-placard-name",l="data-group";(()=>{let e,i,a,c,d,v,h,u,m=[t.element("snice-nav")],p=[],g=HTMLElement,k=[],f=[],w=[],b=[],x=[],y=[],C=[],M=[],_=[];(class extends g{static{i=this}constructor(){super(...arguments),this.variant=(n(this,k),n(this,f,"flat")),this.orientation=(n(this,w),n(this,b,"horizontal")),this.activeStyle=(n(this,x),n(this,y,"fill")),this.isTopLevel=(n(this,C),n(this,M,!1)),this.placards=(n(this,_),[]),this.currentRoute="",this.routeParams={},this.appContext=null,this.wrapper=null,this.navElement=null,this.lastVariant=null,this.lastOrientation=null,this.renderToken=0}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;a=[t.property()],c=[t.property()],d=[t.property({attribute:"active-style"})],v=[t.property({type:Boolean,attribute:"is-top-level"})],h=[t.context()],u=[t.watch("variant","orientation","activeStyle")],r(this,null,h,{kind:"method",name:"handleContext",static:!1,private:!1,access:{has:e=>"handleContext"in e,get:e=>e.handleContext},metadata:o},null,k),r(this,null,u,{kind:"method",name:"handleChange",static:!1,private:!1,access:{has:e=>"handleChange"in e,get:e=>e.handleChange},metadata:o},null,k),r(null,null,a,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:o},f,w),r(null,null,c,{kind:"field",name:"orientation",static:!1,private:!1,access:{has:e=>"orientation"in e,get:e=>e.orientation,set:(e,t)=>{e.orientation=t}},metadata:o},b,x),r(null,null,d,{kind:"field",name:"activeStyle",static:!1,private:!1,access:{has:e=>"activeStyle"in e,get:e=>e.activeStyle,set:(e,t)=>{e.activeStyle=t}},metadata:o},y,C),r(null,null,v,{kind:"field",name:"isTopLevel",static:!1,private:!1,access:{has:e=>"isTopLevel"in e,get:e=>e.isTopLevel,set:(e,t)=>{e.isTopLevel=t}},metadata:o},M,_),r(null,e={value:i},m,{kind:"class",name:i.name,metadata:o},null,p),i=e.value,o&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),n(i,p)}connectedCallback(){this.attachShadow({mode:"open"}),this.applyStyles(),this.render()}handleContext(e){this.isTopLevel&&this.update(e.navigation.placards,e.application,e.navigation.route,e.navigation.params)}handleChange(){this.render()}applyStyles(){if(!this.shadowRoot)return;if(this.shadowRoot.querySelector("style"))return;const e=document.createElement("style");e.textContent=":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);overflow:hidden;box-sizing:border-box}.nav{display:flex;gap:var(--snice-spacing-md,1rem)}.nav--horizontal{flex-direction:row;align-items:center}.nav--vertical{flex-direction:column;align-items:stretch}.nav__item{position:relative}.nav__link{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);color:var(--snice-color-text-secondary,rgb(107 114 128));text-decoration:none;border-radius:var(--snice-border-radius-md,.375rem);font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-medium,500);box-sizing:border-box;min-width:0;position:relative;transition:background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, ease),color var(--snice-transition-fast, 150ms) var(--snice-ease-out, ease)}.nav__link:hover{background-color:var(--snice-color-surface-container-low,rgb(243 244 246));color:var(--snice-color-text,rgb(23 23 23))}.nav__link:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.nav__link--active{background-color:var(--snice-color-surface-container,rgb(243 244 246));color:var(--snice-color-primary-hover,rgb(96 165 250))}.nav__link--active:hover{background-color:var(--snice-color-surface-container-low,rgb(249 250 251));color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link,:host([active-style=text]) .nav__link--active,:host([active-style=text]) .nav__link--active:hover,:host([active-style=text]) .nav__link:hover{background-color:transparent}:host([active-style=text]) .nav__link:hover{color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 60%,transparent)}:host([active-style=text]) .nav__link--active{color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link--active:hover{color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link::after{content:'';position:absolute;background:var(--snice-color-primary,rgb(37 99 235));left:50%;right:50%;bottom:2px;height:2px;border-radius:1px;transition:left 220ms var(--snice-ease-out, ease),right 220ms var(--snice-ease-out, ease),background-color 220ms var(--snice-ease-out, ease);pointer-events:none}:host([active-style=text]) .nav__link:hover::after{left:20%;right:20%}:host([active-style=text]) .nav__link--active::after{left:0;right:0}:host([active-style=text][orientation=vertical]) .nav__link::after{left:0;right:auto;bottom:20%;top:20%;width:2px;height:auto;transform:scaleY(0);transform-origin:center;transition:transform 220ms var(--snice-ease-out, ease),background-color 220ms var(--snice-ease-out, ease)}:host([active-style=text][orientation=vertical]) .nav__link:hover::after{transform:scaleY(.6)}:host([active-style=text][orientation=vertical]) .nav__link--active::after{top:15%;bottom:15%;transform:scaleY(1)}.nav__icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-lg, 1.125rem)}.nav__icon svg{width:1.125rem;height:1.125rem;display:block}.nav__icon img{width:1.25em;height:1.25em;object-fit:contain}.nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav--hierarchical.nav--vertical{flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--hierarchical.nav--horizontal{flex-direction:row;align-items:flex-start;gap:var(--snice-spacing-lg,1.5rem)}.nav--hierarchical .nav__group{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--hierarchical .nav__submenu{list-style:none;margin:0;padding:0 0 0 var(--snice-spacing-xl,2rem);display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.nav--hierarchical .nav__submenu .nav__item{margin:0}.nav--hierarchical .nav__submenu .nav__link{font-size:var(--snice-font-size-sm, .875rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem)}.nav--grouped.nav--vertical{flex-direction:column;gap:var(--snice-spacing-lg,1.5rem)}.nav--grouped.nav--horizontal{flex-direction:row;align-items:flex-start;gap:var(--snice-spacing-xl,2rem)}.nav--grouped .nav__group{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--grouped .nav__group-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-tertiary,rgb(115 115 115));text-transform:uppercase;letter-spacing:var(--snice-tracking-wide, .03em);padding:0 var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-2xs,.25rem)}.nav--vertical .nav__item,.nav--vertical .nav__link{width:100%}@media (max-width:768px){.nav--horizontal{flex-wrap:wrap}.nav__label{font-size:var(--snice-font-size-sm, .875rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}",this.shadowRoot.appendChild(e)}render(){if(!this.shadowRoot)return;const e=++this.renderToken;if(this.applyStyles(),this.lastVariant!==this.variant||this.lastOrientation!==this.orientation||!this.wrapper||!this.wrapper.isConnected){const e=this.shadowRoot.querySelector("slot");for(const t of Array.from(this.shadowRoot.children))"STYLE"!==t.tagName&&t!==e&&t.remove();this.wrapper=document.createElement("div"),this.wrapper.className="nav-content",this.wrapper.setAttribute("part","base"),this.navElement=null,this.shadowRoot.insertBefore(this.wrapper,e??null),e||this.shadowRoot.appendChild(document.createElement("slot")),this.lastVariant=this.variant,this.lastOrientation=this.orientation}const t=this.placards.filter(e=>!e.parent&&!1!==e.show).sort((e,t)=>(e.order||0)-(t.order||0)),r=[];for(const e of t){const t=this.isVisible(e);!1!==t&&(!0===t?r.push({placard:e}):t&&"function"==typeof t.then&&r.push({placard:e,pending:t}))}if(0===r.length)this.navElement&&(this.navElement.remove(),this.navElement=null);else{this.navElement&&this.navElement.isConnected?this.navElement.className=`nav nav--${this.variant} nav--${this.orientation}`:(this.navElement=this.createNavElement(),this.wrapper.appendChild(this.navElement));const t=r.map(e=>e.placard);"grouped"===this.variant?this.diffGrouped(this.navElement,t):"hierarchical"===this.variant?this.diffHierarchical(this.navElement,t):this.diffFlat(this.navElement,t);for(const{placard:t,pending:n}of r){const r=this.itemNodeFor(t);r&&(n?(this.markHidden(r,!0),n.then(t=>{e===this.renderToken&&(t?this.markHidden(r,!1):r.remove())}).catch(()=>r.remove())):this.markHidden(r,!1))}}}itemNodeFor(e){return this.navElement?this.navElement.querySelector("hierarchical"===this.variant?`:scope > .nav__group[${s}="${CSS.escape(e.name)}"]`:"grouped"===this.variant?`:scope > .nav__group[${l}="${CSS.escape(e.group||"default")}"] > .nav__item[${s}="${CSS.escape(e.name)}"]`:`:scope > .nav__item[${s}="${CSS.escape(e.name)}"]`):null}markHidden(e,t){t?(e.hasAttribute("hidden")||e.setAttribute("hidden",""),"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")):(e.hasAttribute("hidden")&&e.removeAttribute("hidden"),e.hasAttribute("aria-hidden")&&e.removeAttribute("aria-hidden"))}createNavElement(){const e=document.createElement("nav");return e.className=`nav nav--${this.variant} nav--${this.orientation}`,e.setAttribute("role","navigation"),e.setAttribute("part","nav"),e}diffFlat(e,t){const r=this.indexByName(e.children,e=>e.classList.contains("nav__item")),n=t.map(e=>this.reuseOrCreateItem(r,e));this.reorderChildren(e,n),this.removeUnused(e,r,n)}diffHierarchical(e,t){const r=this.indexByName(e.children,e=>e.classList.contains("nav__group")),n=[];for(const e of t){let t=r.get(e.name);t||(t=document.createElement("div"),t.setAttribute(s,e.name)),t.className=this.isActive(e)?"nav__group nav__group--active":"nav__group";let i=t.firstElementChild;i&&"A"===i.tagName&&i.classList.contains("nav__link")?this.updateNavLink(i,e):(i=this.buildNavLink(e),t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i));const a=this.placards.filter(t=>t.parent===e.name&&!1!==t.show&&!0===this.isVisible(t)).sort((e,t)=>(e.order||0)-(t.order||0));let o=t.querySelector(":scope > .nav__submenu");if(0===a.length)o&&o.remove();else{o||(o=document.createElement("ul"),o.className="nav__submenu",t.appendChild(o));const e=this.indexByName(o.children,e=>e.classList.contains("nav__item")),r=[];for(const t of a){let n=e.get(t.name);n||(n=document.createElement("li"),n.setAttribute(s,t.name)),n.className=this.isActive(t)?"nav__item nav__item--active":"nav__item";let i=n.firstElementChild;i&&"A"===i.tagName?this.updateNavLink(i,t):(i=this.buildNavLink(t),n.innerHTML="",n.appendChild(i)),r.push(n)}this.reorderChildren(o,r),this.removeUnused(o,e,r)}n.push(t)}this.reorderChildren(e,n),this.removeUnused(e,r,n)}diffGrouped(e,t){const r=new Map;for(const e of t){const t=e.group||"default";r.has(t)||r.set(t,[]),r.get(t).push(e)}const n=new Map;for(const t of Array.from(e.children)){if(!(t instanceof HTMLElement))continue;if(!t.classList.contains("nav__group"))continue;const e=t.getAttribute(l);e&&n.set(e,t)}const i=[];for(const[e,t]of r){const r=[...t].sort((e,t)=>(e.order||0)-(t.order||0));let a=n.get(e);a||(a=document.createElement("div"),a.className="nav__group",a.setAttribute(l,e));let o=a.querySelector(":scope > .nav__group-label");"default"===e?o&&o.remove():(o||(o=document.createElement("div"),o.className="nav__group-label",a.insertBefore(o,a.firstChild)),o.textContent!==e&&(o.textContent=e));const s=this.indexByName(a.children,e=>e.classList.contains("nav__item")),c=[];for(const e of r)c.push(this.reuseOrCreateItem(s,e));this.reorderChildren(a,[...o?[o]:[],...c]),this.removeUnused(a,s,c),i.push(a)}this.reorderChildrenByElement(e,i,e=>e instanceof HTMLElement&&e.classList.contains("nav__group"));for(const[e,t]of n)r.has(e)||t.remove()}indexByName(e,t){const r=new Map;for(const n of Array.from(e)){if(!(n instanceof HTMLElement))continue;if(!t(n))continue;const e=n.getAttribute(s);e&&r.set(e,n)}return r}reuseOrCreateItem(e,t){let r=e.get(t.name);if(r){const e=r.firstElementChild;e&&"A"===e.tagName?this.updateNavLink(e,t):(r.innerHTML="",r.appendChild(this.buildNavLink(t)))}else{r=document.createElement("div"),r.setAttribute(s,t.name);const e=this.buildNavLink(t);r.appendChild(e)}return r.className=this.isActive(t)?"nav__item nav__item--active":"nav__item",r}reorderChildren(e,t){let r=e.firstChild;for(const n of t)r===n?r=n.nextSibling:e.insertBefore(n,r)}reorderChildrenByElement(e,t,r){let n=0,i=e.firstChild;for(;i&&n<t.length;){if(!r(i)){i=i.nextSibling;continue}const a=t[n];i!==a?e.insertBefore(a,i):i=i.nextSibling,n++}for(;n<t.length;n++)e.appendChild(t[n])}removeUnused(e,t,r){const n=new Set(r);for(const r of t.values())n.has(r)||r.parentNode!==e||r.remove()}updateNavLink(e,t){const r=t.href||"";e.getAttribute("href")!==r&&e.setAttribute("href",r);const n=this.isActive(t)?"nav__link nav__link--active":"nav__link";if(e.className!==n&&(e.className=n),this.isActive(t)?"page"!==e.getAttribute("aria-current")&&e.setAttribute("aria-current","page"):e.hasAttribute("aria-current")&&e.removeAttribute("aria-current"),this.syncAttr(e,"aria-label",t.description),this.syncAttr(e,"title",t.tooltip||t.description),t.hotkeys&&t.hotkeys.length>0?this.syncAttr(e,"data-hotkeys",t.hotkeys.join(",")):e.removeAttribute("data-hotkeys"),this.syncAttr(e,"data-help-url",t.helpUrl),t.searchTerms&&t.searchTerms.length>0?this.syncAttr(e,"data-search-terms",t.searchTerms.join(",")):e.removeAttribute("data-search-terms"),t.attributes)for(const[r,n]of Object.entries(t.attributes))this.syncAttr(e,`data-${r}`,String(n));const i=t.icon?function(e){if(e.startsWith("img://"))return{kind:"img",value:e.slice(6)};if(e.startsWith("text://"))return{kind:"text",value:e.slice(7)};const t=/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e),r=/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e);return t||r?{kind:"img",value:e}:o[e]?{kind:"registry",value:e}:{kind:"text",value:e}}(t.icon):null,a=e.querySelector(":scope > .nav__icon");if(i)if(!a||"img"===i.kind&&"IMG"!==a.tagName||"img"!==i.kind&&"SPAN"!==a.tagName){a&&a.remove();const t=this.buildIcon(i);e.insertBefore(t,e.firstChild)}else"img"===i.kind?a.src!==i.value&&(a.src=i.value):"registry"===i.kind?a.dataset.icon!==i.value&&(a.innerHTML=o[i.value],a.dataset.icon=i.value):a.textContent!==i.value&&(delete a.dataset.icon,a.textContent=i.value);else a&&a.remove();let s=e.querySelector(":scope > .nav__label");s||(s=document.createElement("span"),s.className="nav__label",e.appendChild(s)),s.textContent!==t.title&&(s.textContent=t.title)}syncAttr(e,t,r){null!=r&&""!==r?e.getAttribute(t)!==r&&e.setAttribute(t,r):e.removeAttribute(t)}buildIcon(e){if("img"===e.kind){const t=document.createElement("img");return t.className="nav__icon",t.src=e.value,t.alt="",t.setAttribute("part","icon"),t}const t=document.createElement("span");return t.className="nav__icon",t.setAttribute("part","icon"),"registry"===e.kind?(t.innerHTML=o[e.value],t.dataset.icon=e.value):t.textContent=e.value,t}buildNavLink(e){const t=document.createElement("a");return t.setAttribute("part","link"),this.updateNavLink(t,e),t}isActive(e){const t=this.currentRoute.startsWith("/")?this.currentRoute.slice(1):this.currentRoute;return t===e.name||t.startsWith(`${e.name}/`)||"home"===e.name&&("/"===this.currentRoute||""===this.currentRoute)}isVisible(e){if(!e.visibleOn)return!0;if(!this.appContext)return!0;const t=(Array.isArray(e.visibleOn)?e.visibleOn:[e.visibleOn]).map(e=>e(this.appContext,this.routeParams));return!!t.every(e=>!0===e)||!t.some(e=>!1===e)&&Promise.all(t).then(e=>e.every(Boolean)).catch(()=>!1)}update(e,t,r,n){this.placards=[...e],t&&(this.appContext=t),void 0!==r&&(this.currentRoute=r),n&&(this.routeParams=n),this.render()}})})();let c=(()=>{let e,i,a,o,s,l,c,d,v=[t.element("snice-layout")],h=[],u=HTMLElement,m=[],p=[],g=[],k=[],f=[];return class extends u{static{i=this}static{const w="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;a=[t.query("snice-nav")],o=[t.property({attribute:!1})],s=[t.render()],l=[t.styles()],c=[t.ready()],d=[t.ready()],r(this,null,s,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:w},null,m),r(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:w},null,m),r(this,null,c,{kind:"method",name:"wireFooterState",static:!1,private:!1,access:{has:e=>"wireFooterState"in e,get:e=>e.wireFooterState},metadata:w},null,m),r(this,null,d,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:w},null,m),r(null,null,a,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:w},p,g),r(null,null,o,{kind:"field",name:"hasFooterContent",static:!1,private:!1,access:{has:e=>"hasFooterContent"in e,get:e=>e.hasFooterContent,set:(e,t)=>{e.hasFooterContent=t}},metadata:w},k,f),r(null,e={value:i},v,{kind:"class",name:i.name,metadata:w},null,h),i=e.value,w&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:w}),n(i,h)}render(){return t.html`
1
+ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-layout.min.js"),function(e){"use strict";function t(e,t,a,i,r,n){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=i.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?i.static?e:e.prototype:null,m=t||(d?Object.getOwnPropertyDescriptor(d,i.name):{}),h=!1,u=a.length-1;u>=0;u--){var p={};for(var v in i)p[v]="access"===v?{}:i[v];for(var v in i.access)p.access[v]=i.access[v];p.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");n.push(s(e||null))};var g=(0,a[u])("accessor"===l?{get:m.get,set:m.set}:m[c],p);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(o=s(g.get))&&(m.get=o),(o=s(g.set))&&(m.set=o),(o=s(g.init))&&r.unshift(o)}else(o=s(g))&&("field"===l?r.unshift(o):m[c]=o)}d&&Object.defineProperty(d,i.name,m),h=!0}function a(e,t,a){for(var i=arguments.length>2,r=0;r<t.length;r++)a=i?t[r].call(e,a):t[r].call(e);return i?a:void 0}"function"==typeof SuppressedError&&SuppressedError;const i='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>',r='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/></svg>',n='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"/><path d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>',s={"info-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/></svg>',"check-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/></svg>',"exclamation-triangle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/></svg>',"x-circle":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z" clip-rule="evenodd"/></svg>',"x-mark":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 18 18 6M6 6l12 12"/></svg>',"chevron-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg>',"chevron-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4.5 15.75 7.5-7.5 7.5 7.5"/></svg>',"chevron-right":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg>',"chevron-left":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 19.5 8.25 12l7.5-7.5"/></svg>',check:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m4.5 12.75 6 6 9-13.5"/></svg>',"magnifying-glass":i,search:i,"bars-3":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/></svg>',photo:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/></svg>',"ellipsis-horizontal":r,trash:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/></svg>',plus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4.5v15m7.5-7.5h-15"/></svg>',camera:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.822 1.316Z"/><path d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z"/></svg>',pencil:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></svg>',"arrow-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19.5v-15m0 0-6.75 6.75M12 4.5l6.75 6.75"/></svg>',"arrow-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4.5v15m0 0 6.75-6.75M12 19.5l-6.75-6.75"/></svg>',"arrow-right":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4.5 12h15m0 0-6.75-6.75M19.5 12l-6.75 6.75"/></svg>',"arrow-trending-up":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941"/></svg>',"arrow-trending-down":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 6 9 12.75l4.286-4.286a11.948 11.948 0 0 1 4.306 6.43l.776 2.898m0 0 3.182-5.511m-3.182 5.511-5.511-3.181"/></svg>',star:'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006Z" clip-rule="evenodd"/></svg>',"star-outline":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"/></svg>',circle:'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><circle cx="12" cy="12" r="8"/></svg>',"paper-clip":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"/></svg>',"paper-airplane":'<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"/></svg>',"arrow-down-tray":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>',"arrow-up-tray":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"/></svg>',"chat-bubble":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 0 1 1.037-.443 48.282 48.282 0 0 0 5.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/></svg>',"rocket-launch":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>',key:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z"/></svg>',"arrows-right-left":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/></svg>',"arrows-pointing-out":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"/></svg>',"eye-slash":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"/></svg>',"map-pin":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/><path d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"/></svg>',fire:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z"/><path d="M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z"/></svg>',"cog-6-tooth":n,settings:n,envelope:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/></svg>',"light-bulb":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18"/></svg>',users:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"/></svg>',heart:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/></svg>',home:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/></svg>',"chart-bar":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"/></svg>',scissors:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-.375a4.33 4.33 0 0 0 .655 3.736m2.227-3.361 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379m0 0-2.077 1.199"/></svg>',user:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/></svg>',clipboard:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184"/></svg>',"bug-ant":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"/></svg>',"calendar-days":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"/></svg>',sparkles:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/></svg>',"bell-alert":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0M3.124 7.5A8.969 8.969 0 0 1 5.292 3m13.416 0a8.969 8.969 0 0 1 2.168 4.5"/></svg>',cube:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/></svg>',banknotes:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>',cake:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.871c1.355 0 2.697.056 4.024.166C17.155 8.51 18 9.473 18 10.608v2.513M15 8.25v-1.5m-6 1.5v-1.5m12 9.75-1.5.75a3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0 3.354 3.354 0 0 0-3 0 3.354 3.354 0 0 1-3 0L3 16.5m15-3.379a48.474 48.474 0 0 0-6-.371c-2.032 0-4.034.126-6 .371m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.169c0 .621-.504 1.125-1.125 1.125H4.125A1.125 1.125 0 0 1 3 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 0 1 6 13.12"/></svg>',"paint-brush":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"/></svg>',gift:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H4.5a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></svg>',folder:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/></svg>',"document-text":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/></svg>',bell:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"/></svg>',link:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"/></svg>',phone:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/></svg>',"computer-desktop":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25"/></svg>',"musical-note":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"/></svg>',"lock-closed":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/></svg>',"table-cells":'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m8.625 1.125c0 .621-.504 1.125-1.125 1.125h-7.5"/></svg>',minus:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/></svg>'};function o(e){if(e.startsWith("img://"))return{kind:"img",value:e.slice(6)};if(e.startsWith("text://"))return{kind:"text",value:e.slice(7)};const t=/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e),a=/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)(\?.*)?$/i.test(e);return t||a?{kind:"img",value:e}:s[e]?{kind:"registry",value:e}:{kind:"text",value:e}}function l(t,a="icon"){if(!t)return e.html``;const{kind:i,value:r}=o(t);return"img"===i?e.html`<img class="${a}" src="${r}" alt="" part="icon" />`:"registry"===i?e.html`<span class="${a}" part="icon">${e.unsafeHTML(s[r])}</span>`:/^[a-z][a-z0-9_]*$/.test(r)?e.html`<span class="${a} snice-icon-ligature" style="font-family:var(--snice-icon-font,'Material Symbols Outlined'),sans-serif" part="icon">${r}</span>`:e.html`<span class="${a}" part="icon">${r}</span>`}const c="data-placard-name",d="data-group";(()=>{let i,r,n,l,m,h,u,p,v=[e.element("snice-nav")],g=[],b=HTMLElement,f=[],y=[],k=[],x=[],w=[],S=[],M=[],C=[],B=[];(class extends b{static{r=this}constructor(){super(...arguments),this.variant=(a(this,f),a(this,y,"flat")),this.orientation=(a(this,k),a(this,x,"horizontal")),this.activeStyle=(a(this,w),a(this,S,"fill")),this.isTopLevel=(a(this,M),a(this,C,!1)),this.placards=(a(this,B),[]),this.currentRoute="",this.routeParams={},this.appContext=null,this.wrapper=null,this.navElement=null,this.lastVariant=null,this.lastOrientation=null,this.renderToken=0}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;n=[e.property()],l=[e.property()],m=[e.property({attribute:"active-style"})],h=[e.property({type:Boolean,attribute:"is-top-level"})],u=[e.context()],p=[e.watch("variant","orientation","activeStyle")],t(this,null,u,{kind:"method",name:"handleContext",static:!1,private:!1,access:{has:e=>"handleContext"in e,get:e=>e.handleContext},metadata:s},null,f),t(this,null,p,{kind:"method",name:"handleChange",static:!1,private:!1,access:{has:e=>"handleChange"in e,get:e=>e.handleChange},metadata:s},null,f),t(null,null,n,{kind:"field",name:"variant",static:!1,private:!1,access:{has:e=>"variant"in e,get:e=>e.variant,set:(e,t)=>{e.variant=t}},metadata:s},y,k),t(null,null,l,{kind:"field",name:"orientation",static:!1,private:!1,access:{has:e=>"orientation"in e,get:e=>e.orientation,set:(e,t)=>{e.orientation=t}},metadata:s},x,w),t(null,null,m,{kind:"field",name:"activeStyle",static:!1,private:!1,access:{has:e=>"activeStyle"in e,get:e=>e.activeStyle,set:(e,t)=>{e.activeStyle=t}},metadata:s},S,M),t(null,null,h,{kind:"field",name:"isTopLevel",static:!1,private:!1,access:{has:e=>"isTopLevel"in e,get:e=>e.isTopLevel,set:(e,t)=>{e.isTopLevel=t}},metadata:s},C,B),t(null,i={value:r},v,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),a(r,g)}connectedCallback(){this.attachShadow({mode:"open"}),this.applyStyles(),this.render()}handleContext(e){this.isTopLevel&&this.update(e.navigation.placards,e.application,e.navigation.route,e.navigation.params)}handleChange(){this.render()}applyStyles(){if(!this.shadowRoot)return;if(this.shadowRoot.querySelector("style"))return;const e=document.createElement("style");e.textContent=":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);overflow:hidden;box-sizing:border-box}.nav{display:flex;gap:var(--snice-spacing-md,1rem)}.nav--horizontal{flex-direction:row;align-items:center}.nav--vertical{flex-direction:column;align-items:stretch}.nav__item{position:relative}.nav__link{display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem);color:var(--snice-color-text-secondary,rgb(107 114 128));text-decoration:none;border-radius:var(--snice-border-radius-md,.375rem);font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-medium,500);box-sizing:border-box;min-width:0;position:relative;transition:background-color var(--snice-transition-fast, 150ms) var(--snice-ease-out, ease),color var(--snice-transition-fast, 150ms) var(--snice-ease-out, ease)}.nav__link:hover{background-color:var(--snice-color-surface-container-low,rgb(243 244 246));color:var(--snice-color-text,rgb(23 23 23))}.nav__link:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.nav__link--active{background-color:var(--snice-color-surface-container,rgb(243 244 246));color:var(--snice-color-primary-hover,rgb(96 165 250))}.nav__link--active:hover{background-color:var(--snice-color-surface-container-low,rgb(249 250 251));color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link,:host([active-style=text]) .nav__link--active,:host([active-style=text]) .nav__link--active:hover,:host([active-style=text]) .nav__link:hover{background-color:transparent}:host([active-style=text]) .nav__link:hover{color:color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 60%,transparent)}:host([active-style=text]) .nav__link--active{color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link--active:hover{color:var(--snice-color-primary-hover,rgb(29 78 216))}:host([active-style=text]) .nav__link::after{content:'';position:absolute;background:var(--snice-color-primary,rgb(37 99 235));left:50%;right:50%;bottom:2px;height:2px;border-radius:1px;transition:left 220ms var(--snice-ease-out, ease),right 220ms var(--snice-ease-out, ease),background-color 220ms var(--snice-ease-out, ease);pointer-events:none}:host([active-style=text]) .nav__link:hover::after{left:20%;right:20%}:host([active-style=text]) .nav__link--active::after{left:0;right:0}:host([active-style=text][orientation=vertical]) .nav__link::after{left:0;right:auto;bottom:20%;top:20%;width:2px;height:auto;transform:scaleY(0);transform-origin:center;transition:transform 220ms var(--snice-ease-out, ease),background-color 220ms var(--snice-ease-out, ease)}:host([active-style=text][orientation=vertical]) .nav__link:hover::after{transform:scaleY(.6)}:host([active-style=text][orientation=vertical]) .nav__link--active::after{top:15%;bottom:15%;transform:scaleY(1)}.nav__icon{display:inline-flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-lg, 1.125rem)}.nav__icon svg{width:1.125rem;height:1.125rem;display:block}.nav__icon img{width:1.25em;height:1.25em;object-fit:contain}.nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav--hierarchical.nav--vertical{flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--hierarchical.nav--horizontal{flex-direction:row;align-items:flex-start;gap:var(--snice-spacing-lg,1.5rem)}.nav--hierarchical .nav__group{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--hierarchical .nav__submenu{list-style:none;margin:0;padding:0 0 0 var(--snice-spacing-xl,2rem);display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.nav--hierarchical .nav__submenu .nav__item{margin:0}.nav--hierarchical .nav__submenu .nav__link{font-size:var(--snice-font-size-sm, .875rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem)}.nav--grouped.nav--vertical{flex-direction:column;gap:var(--snice-spacing-lg,1.5rem)}.nav--grouped.nav--horizontal{flex-direction:row;align-items:flex-start;gap:var(--snice-spacing-xl,2rem)}.nav--grouped .nav__group{display:flex;flex-direction:column;gap:var(--snice-spacing-xs,.5rem)}.nav--grouped .nav__group-label{font-size:var(--snice-font-size-xs, .75rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text-tertiary,rgb(115 115 115));text-transform:uppercase;letter-spacing:var(--snice-tracking-wide, .03em);padding:0 var(--snice-spacing-md,1rem);margin-bottom:var(--snice-spacing-2xs,.25rem)}.nav--vertical .nav__item,.nav--vertical .nav__link{width:100%}@media (max-width:768px){.nav--horizontal{flex-wrap:wrap}.nav__label{font-size:var(--snice-font-size-sm, .875rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}",this.shadowRoot.appendChild(e)}render(){if(!this.shadowRoot)return;const e=++this.renderToken;if(this.applyStyles(),this.lastVariant!==this.variant||this.lastOrientation!==this.orientation||!this.wrapper||!this.wrapper.isConnected){const e=this.shadowRoot.querySelector("slot");for(const t of Array.from(this.shadowRoot.children))"STYLE"!==t.tagName&&t!==e&&t.remove();this.wrapper=document.createElement("div"),this.wrapper.className="nav-content",this.wrapper.setAttribute("part","base"),this.navElement=null,this.shadowRoot.insertBefore(this.wrapper,e??null),e||this.shadowRoot.appendChild(document.createElement("slot")),this.lastVariant=this.variant,this.lastOrientation=this.orientation}const t=this.placards.filter(e=>!e.parent&&!1!==e.show).sort((e,t)=>(e.order||0)-(t.order||0)),a=[];for(const e of t){const t=this.isVisible(e);!1!==t&&(!0===t?a.push({placard:e}):t&&"function"==typeof t.then&&a.push({placard:e,pending:t}))}if(0===a.length)this.navElement&&(this.navElement.remove(),this.navElement=null);else{this.navElement&&this.navElement.isConnected?this.navElement.className=`nav nav--${this.variant} nav--${this.orientation}`:(this.navElement=this.createNavElement(),this.wrapper.appendChild(this.navElement));const t=a.map(e=>e.placard);"grouped"===this.variant?this.diffGrouped(this.navElement,t):"hierarchical"===this.variant?this.diffHierarchical(this.navElement,t):this.diffFlat(this.navElement,t);for(const{placard:t,pending:i}of a){const a=this.itemNodeFor(t);a&&(i?(this.markHidden(a,!0),i.then(t=>{e===this.renderToken&&(t?this.markHidden(a,!1):a.remove())}).catch(()=>a.remove())):this.markHidden(a,!1))}}}itemNodeFor(e){return this.navElement?this.navElement.querySelector("hierarchical"===this.variant?`:scope > .nav__group[${c}="${CSS.escape(e.name)}"]`:"grouped"===this.variant?`:scope > .nav__group[${d}="${CSS.escape(e.group||"default")}"] > .nav__item[${c}="${CSS.escape(e.name)}"]`:`:scope > .nav__item[${c}="${CSS.escape(e.name)}"]`):null}markHidden(e,t){t?(e.hasAttribute("hidden")||e.setAttribute("hidden",""),"true"!==e.getAttribute("aria-hidden")&&e.setAttribute("aria-hidden","true")):(e.hasAttribute("hidden")&&e.removeAttribute("hidden"),e.hasAttribute("aria-hidden")&&e.removeAttribute("aria-hidden"))}createNavElement(){const e=document.createElement("nav");return e.className=`nav nav--${this.variant} nav--${this.orientation}`,e.setAttribute("role","navigation"),e.setAttribute("part","nav"),e}diffFlat(e,t){const a=this.indexByName(e.children,e=>e.classList.contains("nav__item")),i=t.map(e=>this.reuseOrCreateItem(a,e));this.reorderChildren(e,i),this.removeUnused(e,a,i)}diffHierarchical(e,t){const a=this.indexByName(e.children,e=>e.classList.contains("nav__group")),i=[];for(const e of t){let t=a.get(e.name);t||(t=document.createElement("div"),t.setAttribute(c,e.name)),t.className=this.isActive(e)?"nav__group nav__group--active":"nav__group";let r=t.firstElementChild;r&&"A"===r.tagName&&r.classList.contains("nav__link")?this.updateNavLink(r,e):(r=this.buildNavLink(e),t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r));const n=this.placards.filter(t=>t.parent===e.name&&!1!==t.show&&!0===this.isVisible(t)).sort((e,t)=>(e.order||0)-(t.order||0));let s=t.querySelector(":scope > .nav__submenu");if(0===n.length)s&&s.remove();else{s||(s=document.createElement("ul"),s.className="nav__submenu",t.appendChild(s));const e=this.indexByName(s.children,e=>e.classList.contains("nav__item")),a=[];for(const t of n){let i=e.get(t.name);i||(i=document.createElement("li"),i.setAttribute(c,t.name)),i.className=this.isActive(t)?"nav__item nav__item--active":"nav__item";let r=i.firstElementChild;r&&"A"===r.tagName?this.updateNavLink(r,t):(r=this.buildNavLink(t),i.innerHTML="",i.appendChild(r)),a.push(i)}this.reorderChildren(s,a),this.removeUnused(s,e,a)}i.push(t)}this.reorderChildren(e,i),this.removeUnused(e,a,i)}diffGrouped(e,t){const a=new Map;for(const e of t){const t=e.group||"default";a.has(t)||a.set(t,[]),a.get(t).push(e)}const i=new Map;for(const t of Array.from(e.children)){if(!(t instanceof HTMLElement))continue;if(!t.classList.contains("nav__group"))continue;const e=t.getAttribute(d);e&&i.set(e,t)}const r=[];for(const[e,t]of a){const a=[...t].sort((e,t)=>(e.order||0)-(t.order||0));let n=i.get(e);n||(n=document.createElement("div"),n.className="nav__group",n.setAttribute(d,e));let s=n.querySelector(":scope > .nav__group-label");"default"===e?s&&s.remove():(s||(s=document.createElement("div"),s.className="nav__group-label",n.insertBefore(s,n.firstChild)),s.textContent!==e&&(s.textContent=e));const o=this.indexByName(n.children,e=>e.classList.contains("nav__item")),l=[];for(const e of a)l.push(this.reuseOrCreateItem(o,e));this.reorderChildren(n,[...s?[s]:[],...l]),this.removeUnused(n,o,l),r.push(n)}this.reorderChildrenByElement(e,r,e=>e instanceof HTMLElement&&e.classList.contains("nav__group"));for(const[e,t]of i)a.has(e)||t.remove()}indexByName(e,t){const a=new Map;for(const i of Array.from(e)){if(!(i instanceof HTMLElement))continue;if(!t(i))continue;const e=i.getAttribute(c);e&&a.set(e,i)}return a}reuseOrCreateItem(e,t){let a=e.get(t.name);if(a){const e=a.firstElementChild;e&&"A"===e.tagName?this.updateNavLink(e,t):(a.innerHTML="",a.appendChild(this.buildNavLink(t)))}else{a=document.createElement("div"),a.setAttribute(c,t.name);const e=this.buildNavLink(t);a.appendChild(e)}return a.className=this.isActive(t)?"nav__item nav__item--active":"nav__item",a}reorderChildren(e,t){let a=e.firstChild;for(const i of t)a===i?a=i.nextSibling:e.insertBefore(i,a)}reorderChildrenByElement(e,t,a){let i=0,r=e.firstChild;for(;r&&i<t.length;){if(!a(r)){r=r.nextSibling;continue}const n=t[i];r!==n?e.insertBefore(n,r):r=r.nextSibling,i++}for(;i<t.length;i++)e.appendChild(t[i])}removeUnused(e,t,a){const i=new Set(a);for(const a of t.values())i.has(a)||a.parentNode!==e||a.remove()}updateNavLink(e,t){const a=t.href||"";e.getAttribute("href")!==a&&e.setAttribute("href",a);const i=this.isActive(t)?"nav__link nav__link--active":"nav__link";if(e.className!==i&&(e.className=i),this.isActive(t)?"page"!==e.getAttribute("aria-current")&&e.setAttribute("aria-current","page"):e.hasAttribute("aria-current")&&e.removeAttribute("aria-current"),this.syncAttr(e,"aria-label",t.description),this.syncAttr(e,"title",t.tooltip||t.description),t.hotkeys&&t.hotkeys.length>0?this.syncAttr(e,"data-hotkeys",t.hotkeys.join(",")):e.removeAttribute("data-hotkeys"),this.syncAttr(e,"data-help-url",t.helpUrl),t.searchTerms&&t.searchTerms.length>0?this.syncAttr(e,"data-search-terms",t.searchTerms.join(",")):e.removeAttribute("data-search-terms"),t.attributes)for(const[a,i]of Object.entries(t.attributes))this.syncAttr(e,`data-${a}`,String(i));const r=t.icon?o(t.icon):null,n=e.querySelector(":scope > .nav__icon");if(r)if(!n||"img"===r.kind&&"IMG"!==n.tagName||"img"!==r.kind&&"SPAN"!==n.tagName){n&&n.remove();const t=this.buildIcon(r);e.insertBefore(t,e.firstChild)}else"img"===r.kind?n.src!==r.value&&(n.src=r.value):"registry"===r.kind?n.dataset.icon!==r.value&&(n.innerHTML=s[r.value],n.dataset.icon=r.value):n.textContent!==r.value&&(delete n.dataset.icon,n.textContent=r.value);else n&&n.remove();let l=e.querySelector(":scope > .nav__label");l||(l=document.createElement("span"),l.className="nav__label",e.appendChild(l)),l.textContent!==t.title&&(l.textContent=t.title)}syncAttr(e,t,a){null!=a&&""!==a?e.getAttribute(t)!==a&&e.setAttribute(t,a):e.removeAttribute(t)}buildIcon(e){if("img"===e.kind){const t=document.createElement("img");return t.className="nav__icon",t.src=e.value,t.alt="",t.setAttribute("part","icon"),t}const t=document.createElement("span");return t.className="nav__icon",t.setAttribute("part","icon"),"registry"===e.kind?(t.innerHTML=s[e.value],t.dataset.icon=e.value):t.textContent=e.value,t}buildNavLink(e){const t=document.createElement("a");return t.setAttribute("part","link"),this.updateNavLink(t,e),t}isActive(e){const t=this.currentRoute.startsWith("/")?this.currentRoute.slice(1):this.currentRoute;return t===e.name||t.startsWith(`${e.name}/`)||"home"===e.name&&("/"===this.currentRoute||""===this.currentRoute)}isVisible(e){if(!e.visibleOn)return!0;if(!this.appContext)return!0;const t=(Array.isArray(e.visibleOn)?e.visibleOn:[e.visibleOn]).map(e=>e(this.appContext,this.routeParams));return!!t.every(e=>!0===e)||!t.some(e=>!1===e)&&Promise.all(t).then(e=>e.every(Boolean)).catch(()=>!1)}update(e,t,a,i){this.placards=[...e],t&&(this.appContext=t),void 0!==a&&(this.currentRoute=a),i&&(this.routeParams=i),this.render()}})})(),(()=>{let i,r,n,s,o,l,c,d,m=[e.element("snice-layout")],h=[],u=HTMLElement,p=[],v=[],g=[],b=[],f=[];(class extends u{static{r=this}static{const y="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[e.query("snice-nav")],s=[e.property({attribute:!1})],o=[e.render()],l=[e.styles()],c=[e.ready()],d=[e.ready()],t(this,null,o,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:y},null,p),t(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:y},null,p),t(this,null,c,{kind:"method",name:"wireFooterState",static:!1,private:!1,access:{has:e=>"wireFooterState"in e,get:e=>e.wireFooterState},metadata:y},null,p),t(this,null,d,{kind:"method",name:"onReady",static:!1,private:!1,access:{has:e=>"onReady"in e,get:e=>e.onReady},metadata:y},null,p),t(null,null,n,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:y},v,g),t(null,null,s,{kind:"field",name:"hasFooterContent",static:!1,private:!1,access:{has:e=>"hasFooterContent"in e,get:e=>e.hasFooterContent,set:(e,t)=>{e.hasFooterContent=t}},metadata:y},b,f),t(null,i={value:r},m,{kind:"class",name:r.name,metadata:y},null,h),r=i.value,y&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:y}),a(r,h)}render(){return e.html`
2
2
  <div class="layout" part="base">
3
3
  <header class="header" part="header">
4
4
  <div class="brand" part="brand">
@@ -18,5 +18,382 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
18
18
  </slot>
19
19
  </footer>
20
20
  </div>
21
- `}styles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:inherit}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-surface,rgb(255 255 255));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .05))}.brand h1{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-lg, 1.5rem);color:var(--snice-color-text,rgb(23 23 23));font-weight:var(--snice-font-weight-semibold,600)}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-medium,500);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,4px);transition:all var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-surface-container-low,rgb(250 250 250))}.nav ::slotted(a.active){color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-primary-subtle,rgb(239 246 255));font-weight:var(--snice-font-weight-semibold,600)}.main{padding:var(--snice-spacing-lg,2rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));overflow-y:auto;position:relative;z-index:0}.footer{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-surface,rgb(255 255 255));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));text-align:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem)}.footer p{margin:0}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}.footer--empty{display:none}"}`}wireFooterState(){this.syncFooterState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncFooterState())}syncFooterState(){this.hasFooterContent=!!this.querySelector('[slot="footer"]')}onReady(){this.placards.length>0&&this.updateNav()}update(e,t,r,n){this.placards=t,this.currentRoute=r,this.shadowRoot&&this.updateNav(e,n)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}constructor(){super(...arguments),this.navElement=(n(this,m),n(this,p,void 0)),this.placards=(n(this,g),[]),this.currentRoute="",this.hasFooterContent=n(this,k,!1),n(this,f)}},i})();return e.SniceLayout=c,e}({},Snice);
21
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:inherit}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-surface,rgb(255 255 255));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));box-shadow:var(--snice-shadow-xs,0 1px 2px 0 rgb(0 0 0 / .05))}.brand h1{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-lg, 1.5rem);color:var(--snice-color-text,rgb(23 23 23));font-weight:var(--snice-font-weight-semibold,600)}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-medium,500);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,4px);transition:all var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-surface-container-low,rgb(250 250 250))}.nav ::slotted(a.active){color:var(--snice-color-primary,rgb(37 99 235));background:var(--snice-color-primary-subtle,rgb(239 246 255));font-weight:var(--snice-font-weight-semibold,600)}.main{padding:var(--snice-spacing-lg,2rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));overflow-y:auto;position:relative;z-index:0}.footer{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,2rem);background:var(--snice-color-surface,rgb(255 255 255));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));text-align:center;color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem)}.footer p{margin:0}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}.footer--empty{display:none}"}`}wireFooterState(){this.syncFooterState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncFooterState())}syncFooterState(){this.hasFooterContent=!!this.querySelector('[slot="footer"]')}onReady(){this.placards.length>0&&this.updateNav()}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.shadowRoot&&this.updateNav(e,i)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}constructor(){super(...arguments),this.navElement=(a(this,p),a(this,v,void 0)),this.placards=(a(this,g),[]),this.currentRoute="",this.hasFooterContent=a(this,b,!1),a(this,f)}})})(),(()=>{let i,r,n,s,o,l,c=[e.element("snice-layout-auth-split")],d=[],m=HTMLElement,h=[],u=[],p=[],v=[],g=[];(class extends m{static{r=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;n=[e.property({attribute:"panel-position"})],s=[e.property({type:Boolean})],o=[e.render()],l=[e.styles()],t(this,null,o,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:b},null,h),t(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:b},null,h),t(null,null,n,{kind:"field",name:"panelPosition",static:!1,private:!1,access:{has:e=>"panelPosition"in e,get:e=>e.panelPosition,set:(e,t)=>{e.panelPosition=t}},metadata:b},u,p),t(null,null,s,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:b},v,g),t(null,i={value:r},c,{kind:"class",name:r.name,metadata:b},null,d),r=i.value,b&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),a(r,d)}render(){return e.html`
22
+ <div class="layout">
23
+ <section class="form-side" part="form">
24
+ <div class="form-inner">
25
+ <div class="brand" part="brand">
26
+ <slot name="brand"></slot>
27
+ </div>
28
+
29
+ <div class="form-body" part="page">
30
+ <slot name="page"></slot>
31
+ </div>
32
+
33
+ <div class="footer" part="footer">
34
+ <slot name="footer"></slot>
35
+ </div>
36
+ </div>
37
+ </section>
38
+
39
+ <aside class="panel" part="panel" aria-hidden="true">
40
+ <slot name="panel"></slot>
41
+ </aside>
42
+ </div>
43
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{display:grid;grid-template-columns:1fr 1fr;min-height:inherit;height:100%;background:var(--snice-color-surface,rgb(255 255 255))}:host([panel-position=start]) .layout{grid-template-areas:\"panel form\"}:host([panel-position=start]) .form-side{grid-area:form}.form-side{display:flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xl,2rem)}.form-inner{width:100%;max-width:var(--snice-layout-auth-width,24rem);display:flex;flex-direction:column;gap:var(--snice-spacing-lg,1.5rem)}.brand{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.brand:not(:has(::slotted(*))){display:block}.footer{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.panel{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--snice-layout-auth-panel-bg,var(--snice-color-surface-container,hsl(0 0% 95%)));border-left:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}:host([panel-position=start]) .panel{grid-area:panel;border-left:none;border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.panel ::slotted(img),.panel ::slotted(picture),.panel ::slotted(video){width:100%;height:100%;object-fit:cover}@media (max-width:768px){.layout{grid-template-columns:1fr;grid-template-areas:\"form\"}.panel{display:none}.form-side{padding:var(--snice-spacing-lg,1.5rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}constructor(){super(...arguments),this.panelPosition=(a(this,h),a(this,u,"end")),this.contained=(a(this,p),a(this,v,!1)),a(this,g)}})})(),(()=>{let i,r,n,s,o,l,c,d,m=[e.element("snice-layout-blog")],h=[],u=HTMLElement,p=[],v=[],g=[],b=[],f=[],y=[],k=[];(class extends u{static{r=this}constructor(){super(...arguments),this.navElement=(a(this,p),a(this,v,void 0)),this.useNav=(a(this,g),a(this,b,!1)),this.hasSidebar=(a(this,f),a(this,y,!1)),this.placards=(a(this,k),[]),this.currentRoute=""}static{const x="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[e.query("snice-nav")],s=[e.property({type:Boolean,attribute:"use-nav"})],o=[e.property({attribute:!1})],l=[e.render()],c=[e.styles()],d=[e.ready()],t(this,null,l,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:x},null,p),t(this,null,c,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:x},null,p),t(this,null,d,{kind:"method",name:"wireSlotDetection",static:!1,private:!1,access:{has:e=>"wireSlotDetection"in e,get:e=>e.wireSlotDetection},metadata:x},null,p),t(null,null,n,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:x},v,g),t(null,null,s,{kind:"field",name:"useNav",static:!1,private:!1,access:{has:e=>"useNav"in e,get:e=>e.useNav,set:(e,t)=>{e.useNav=t}},metadata:x},b,f),t(null,null,o,{kind:"field",name:"hasSidebar",static:!1,private:!1,access:{has:e=>"hasSidebar"in e,get:e=>e.hasSidebar,set:(e,t)=>{e.hasSidebar=t}},metadata:x},y,k),t(null,i={value:r},m,{kind:"class",name:r.name,metadata:x},null,h),r=i.value,x&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:x}),a(r,h)}render(){return e.html`
44
+ <div class="layout">
45
+ <header class="header">
46
+ <div class="container">
47
+ <div class="brand">
48
+ <slot name="brand">
49
+ <h1>Blog</h1>
50
+ </slot>
51
+ </div>
52
+ <if ${this.useNav}>
53
+ <snice-nav class="nav" variant="flat" orientation="horizontal"></snice-nav>
54
+ </if>
55
+ <if ${!this.useNav}>
56
+ <nav class="nav">
57
+ <slot name="nav"></slot>
58
+ </nav>
59
+ </if>
60
+ </div>
61
+ </header>
62
+
63
+ <main class="main">
64
+ <div class="container">
65
+ <div class="content-area${this.hasSidebar?" content-area--with-sidebar":""}">
66
+ <article class="article">
67
+ <slot name="page"></slot>
68
+ </article>
69
+
70
+ <aside class="sidebar${this.hasSidebar?"":" sidebar--empty"}">
71
+ <slot name="sidebar"></slot>
72
+ </aside>
73
+ </div>
74
+ </div>
75
+ </main>
76
+
77
+ <footer class="footer">
78
+ <div class="container">
79
+ <slot name="footer"></slot>
80
+ </div>
81
+ </footer>
82
+ </div>
83
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{min-height:inherit;display:grid;grid-template-rows:auto 1fr auto}.container{max-width:68rem;margin:0 auto;padding:0 var(--snice-spacing-lg,1.5rem)}.header{background:var(--snice-color-surface,rgb(255 255 255));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));padding:var(--snice-spacing-md,1rem) 0}.header .container{display:flex;align-items:center;justify-content:space-between}.brand h1{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-lg, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23))}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-medium,500);transition:color var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,rgb(37 99 235))}.main{background:var(--snice-color-surface,rgb(255 255 255));padding:var(--snice-spacing-xl,3rem) 0}.content-area{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--snice-spacing-2xl,3rem);align-items:start}.content-area--with-sidebar{grid-template-columns:minmax(0,1fr) 18rem}.article{max-width:var(--snice-layout-measure,65ch);margin-inline:auto;width:100%}.content-area--with-sidebar .article{justify-self:end;margin-inline:0}.sidebar{background:var(--snice-color-surface-container-high,rgb(252 251 249));border:1px solid var(--snice-color-border-subtle,transparent);border-radius:var(--snice-border-radius-lg,.5rem);padding:var(--snice-spacing-lg,1.5rem);position:sticky;top:var(--snice-spacing-lg,1.5rem)}.sidebar--empty{display:none}.footer{background:var(--snice-color-surface-container,hsl(0 0% 95%));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));padding:var(--snice-spacing-xl,3rem) 0}.article ::slotted(h1){font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-2xl, 2.25rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23));line-height:var(--snice-line-height-tight, 1.25);margin-bottom:var(--snice-spacing-lg,2rem)}.article ::slotted(h2){font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-xl, 1.875rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin-top:var(--snice-spacing-xl,3rem);margin-bottom:var(--snice-spacing-md,1rem)}.article ::slotted(p){font-size:var(--snice-font-size-base, 1rem);line-height:var(--snice-line-height-relaxed, 1.625);color:var(--snice-color-text,rgb(23 23 23));margin-bottom:var(--snice-spacing-md,1rem)}@media (max-width:968px){.content-area,.content-area--with-sidebar{grid-template-columns:1fr;gap:var(--snice-spacing-xl,3rem)}.content-area--with-sidebar .article{justify-self:stretch;margin-inline:auto}.sidebar{position:static}}@media (max-width:768px){.header .container{flex-direction:column;gap:var(--snice-spacing-md,1rem)}.main{padding:var(--snice-spacing-lg,2rem) 0}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}wireSlotDetection(){this.syncSlotState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncSlotState())}syncSlotState(){this.hasSidebar=!!this.querySelector('[slot="sidebar"]')}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.useNav=!0,this.updateNav(e,i)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}})})(),(()=>{let i,r,n,s,o,l,c,d,m,h=[e.element("snice-layout-card")],u=[],p=HTMLElement,v=[],g=[],b=[],f=[],y=[],k=[],x=[],w=[],S=[];(class extends p{static{r=this}static{const M="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e.property({})],s=[e.property({})],o=[e.property({attribute:!1})],l=[e.property({attribute:!1})],c=[e.render()],d=[e.ready()],m=[e.styles()],t(this,null,c,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:M},null,v),t(this,null,d,{kind:"method",name:"wireSlotDetection",static:!1,private:!1,access:{has:e=>"wireSlotDetection"in e,get:e=>e.wireSlotDetection},metadata:M},null,v),t(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:M},null,v),t(null,null,n,{kind:"field",name:"columns",static:!1,private:!1,access:{has:e=>"columns"in e,get:e=>e.columns,set:(e,t)=>{e.columns=t}},metadata:M},g,b),t(null,null,s,{kind:"field",name:"gap",static:!1,private:!1,access:{has:e=>"gap"in e,get:e=>e.gap,set:(e,t)=>{e.gap=t}},metadata:M},f,y),t(null,null,o,{kind:"field",name:"hasFooter",static:!1,private:!1,access:{has:e=>"hasFooter"in e,get:e=>e.hasFooter,set:(e,t)=>{e.hasFooter=t}},metadata:M},k,x),t(null,null,l,{kind:"field",name:"hasHeader",static:!1,private:!1,access:{has:e=>"hasHeader"in e,get:e=>e.hasHeader,set:(e,t)=>{e.hasHeader=t}},metadata:M},w,S),t(null,i={value:r},h,{kind:"class",name:r.name,metadata:M},null,u),r=i.value,M&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:M}),a(r,u)}render(){return e.html`
84
+ <div class="layout">
85
+ <header class="header${this.hasHeader?"":" header--empty"}">
86
+ <slot name="header"></slot>
87
+ </header>
88
+
89
+ <main class="main">
90
+ <div class="grid">
91
+ <slot name="page"></slot>
92
+ </div>
93
+ </main>
94
+
95
+ <footer class="footer${this.hasFooter?"":" footer--empty"}">
96
+ <slot name="footer"></slot>
97
+ </footer>
98
+ </div>
99
+ `}wireSlotDetection(){this.syncSlotState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncSlotState())}syncSlotState(){this.hasFooter=!!this.querySelector('[slot="footer"]'),this.hasHeader=!!this.querySelector('[slot="header"]')}styles(){return e.css`${':host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{min-height:inherit;display:grid;grid-template-rows:auto 1fr auto;background:var(--snice-color-surface,rgb(255 255 255))}.header{background:var(--snice-color-surface-container-high,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem)}.main{padding:var(--snice-spacing-lg,2rem)}.grid{display:grid;grid-template-columns:repeat(3,1fr)}:host([columns="1"]) .grid{grid-template-columns:1fr}:host([columns="2"]) .grid{grid-template-columns:repeat(2,1fr)}:host([columns="3"]) .grid{grid-template-columns:repeat(3,1fr)}:host([columns="4"]) .grid{grid-template-columns:repeat(4,1fr)}:host([columns="6"]) .grid{grid-template-columns:repeat(6,1fr)}:host([gap=sm]) .grid{gap:var(--snice-spacing-sm,.75rem)}:host(:not([gap])) .grid,:host([gap=md]) .grid{gap:var(--snice-spacing-md,1rem)}:host([gap=lg]) .grid{gap:var(--snice-spacing-lg,2rem)}:host([gap=xl]) .grid{gap:var(--snice-spacing-xl,3rem)}.footer{background:var(--snice-color-surface-container,hsl(0 0% 95%));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem)}.footer--empty,.header--empty{display:none}@media (max-width:1200px){:host([columns="6"]) .grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){:host([columns="4"]) .grid,:host([columns="6"]) .grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:host(:not([columns])) .grid,:host([columns="3"]) .grid,:host([columns="4"]) .grid,:host([columns="6"]) .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid{grid-template-columns:1fr!important}.main{padding:var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}'}`}constructor(){super(...arguments),this.columns=(a(this,v),a(this,g,"3")),this.gap=(a(this,b),a(this,f,"md")),this.hasFooter=(a(this,y),a(this,k,!1)),this.hasHeader=(a(this,x),a(this,w,!1)),a(this,S)}})})(),(()=>{let i,r,n,s,o,l,c,d,m=[e.element("snice-layout-centered")],h=[],u=HTMLElement,p=[],v=[],g=[],b=[],f=[],y=[],k=[];(class extends u{static{r=this}static{const x="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[e.property({})],s=[e.property({attribute:!1})],o=[e.property({attribute:!1})],l=[e.render()],c=[e.ready()],d=[e.styles()],t(this,null,l,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:x},null,p),t(this,null,c,{kind:"method",name:"wireSlotDetection",static:!1,private:!1,access:{has:e=>"wireSlotDetection"in e,get:e=>e.wireSlotDetection},metadata:x},null,p),t(this,null,d,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:x},null,p),t(null,null,n,{kind:"field",name:"width",static:!1,private:!1,access:{has:e=>"width"in e,get:e=>e.width,set:(e,t)=>{e.width=t}},metadata:x},v,g),t(null,null,s,{kind:"field",name:"hasBrand",static:!1,private:!1,access:{has:e=>"hasBrand"in e,get:e=>e.hasBrand,set:(e,t)=>{e.hasBrand=t}},metadata:x},b,f),t(null,null,o,{kind:"field",name:"hasFooter",static:!1,private:!1,access:{has:e=>"hasFooter"in e,get:e=>e.hasFooter,set:(e,t)=>{e.hasFooter=t}},metadata:x},y,k),t(null,i={value:r},m,{kind:"class",name:r.name,metadata:x},null,h),r=i.value,x&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:x}),a(r,h)}render(){return e.html`
100
+ <div class="layout">
101
+ <div class="stack">
102
+ <div class="brand${this.hasBrand?"":" brand--empty"}">
103
+ <slot name="brand"></slot>
104
+ </div>
105
+
106
+ <div class="container">
107
+ <slot name="page"></slot>
108
+ </div>
109
+
110
+ <div class="footer${this.hasFooter?"":" footer--empty"}">
111
+ <slot name="footer"></slot>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ `}wireSlotDetection(){this.syncSlotState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncSlotState())}syncSlotState(){this.hasBrand=!!this.querySelector('[slot="brand"]'),this.hasFooter=!!this.querySelector('[slot="footer"]')}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{min-height:inherit;display:flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xl,2rem);background:var(--snice-color-surface,rgb(255 255 255))}.stack{display:flex;flex-direction:column;align-items:center;gap:var(--snice-spacing-lg,1.5rem);width:100%}.brand{display:flex;justify-content:center;font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.footer{display:flex;justify-content:center;gap:var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.brand--empty,.footer--empty{display:none}.container{width:100%;max-width:24rem;background:var(--snice-color-surface-container-highest,hsl(0 0% 100%));border:1px solid var(--snice-color-border-subtle,transparent);border-radius:var(--snice-border-radius-lg,.5rem);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));padding:var(--snice-spacing-xl,2rem)}:host([width=sm]) .container{max-width:20rem}:host([width=md]) .container{max-width:24rem}:host([width=lg]) .container{max-width:32rem}:host([width=xl]) .container{max-width:38rem}@media (max-width:480px){.layout{padding:var(--snice-spacing-md,1rem)}.container{padding:var(--snice-spacing-lg,1.5rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}constructor(){super(...arguments),this.width=(a(this,p),a(this,v,"md")),this.hasBrand=(a(this,g),a(this,b,!1)),this.hasFooter=(a(this,f),a(this,y,!1)),a(this,k)}})})(),(()=>{let i,n,s,o,c,d,m,h,u,p,v,g,b,f=[e.element("snice-breadcrumbs")],y=[],k=HTMLElement,x=[],w=[],S=[],M=[],C=[],B=[],_=[],A=[],L=[],j=[],E=[],z=[],$=[],R=[],H=[];(class extends k{static{n=this}static{const r="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;s=[e.property({type:Array,attribute:!1})],o=[e.property({})],c=[e.property({})],d=[e.property({type:Number,attribute:"max-items"})],m=[e.query(".breadcrumb")],h=[e.property({type:Boolean})],u=[e.property({type:Number,attribute:!1})],p=[e.render()],v=[e.styles()],g=[e.dispatch("breadcrumb-click",{bubbles:!0,composed:!0})],b=[e.watch("items","separator","maxItems")],t(this,null,p,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:r},null,x),t(this,null,v,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:r},null,x),t(this,null,g,{kind:"method",name:"emitBreadcrumbClick",static:!1,private:!1,access:{has:e=>"emitBreadcrumbClick"in e,get:e=>e.emitBreadcrumbClick},metadata:r},null,x),t(this,null,b,{kind:"method",name:"updateBreadcrumb",static:!1,private:!1,access:{has:e=>"updateBreadcrumb"in e,get:e=>e.updateBreadcrumb},metadata:r},null,x),t(null,null,s,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:r},w,S),t(null,null,o,{kind:"field",name:"separator",static:!1,private:!1,access:{has:e=>"separator"in e,get:e=>e.separator,set:(e,t)=>{e.separator=t}},metadata:r},M,C),t(null,null,c,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:r},B,_),t(null,null,d,{kind:"field",name:"maxItems",static:!1,private:!1,access:{has:e=>"maxItems"in e,get:e=>e.maxItems,set:(e,t)=>{e.maxItems=t}},metadata:r},A,L),t(null,null,m,{kind:"field",name:"breadcrumbElement",static:!1,private:!1,access:{has:e=>"breadcrumbElement"in e,get:e=>e.breadcrumbElement,set:(e,t)=>{e.breadcrumbElement=t}},metadata:r},j,E),t(null,null,h,{kind:"field",name:"collapsed",static:!1,private:!1,access:{has:e=>"collapsed"in e,get:e=>e.collapsed,set:(e,t)=>{e.collapsed=t}},metadata:r},z,$),t(null,null,u,{kind:"field",name:"renderTrigger",static:!1,private:!1,access:{has:e=>"renderTrigger"in e,get:e=>e.renderTrigger,set:(e,t)=>{e.renderTrigger=t}},metadata:r},R,H),t(null,i={value:n},f,{kind:"class",name:n.name,metadata:r},null,y),n=i.value,r&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:r}),a(n,y)}render(){const t=this.getAllItems(),a=this.getVisibleItems(t),i=this.maxItems>0&&t.length>this.maxItems&&this.collapsed;return e.html`
116
+ <slot style="display: none" @slotchange="${()=>this.handleSlotChange()}"></slot>
117
+ <nav part="base" aria-label="Breadcrumb" @click="${e=>this.handleClick(e)}">
118
+ <ol part="list" class="${"breadcrumb"+(i?" breadcrumb--collapsed":"")}">
119
+ ${a.map((n,s)=>{const o=s===a.length-1,l=n.active||o,c=`breadcrumb-item${l?" breadcrumb-item--active":""}${i&&s>0&&s<a.length-2?" breadcrumb-item--hidden":""}`,d=t.indexOf(n),m=!!n.href&&!l,h=!m&&l,u=!m&&!l;return e.html`
120
+ <li class="${c}">
121
+ <if ${m}>
122
+ <a part="link" href="${n.href}"
123
+ class="breadcrumb-link"
124
+ data-index="${d}"
125
+ tabindex="0">
126
+ ${this.renderItemIcon(n)}
127
+ ${n.label}
128
+ </a>
129
+ </if>
130
+ <if ${h}>
131
+ <span class="breadcrumb-text" aria-current="page">
132
+ ${this.renderItemIcon(n)}
133
+ ${n.label}
134
+ </span>
135
+ </if>
136
+ <if ${u}>
137
+ <span class="breadcrumb-text">
138
+ ${this.renderItemIcon(n)}
139
+ ${n.label}
140
+ </span>
141
+ </if>
142
+ <if ${!o}>
143
+ <span part="separator" class="breadcrumb-separator" aria-hidden="true">
144
+ ${this.separator}
145
+ </span>
146
+ </if>
147
+ </li>
148
+ <if ${i&&0===s&&t.length>this.maxItems}>
149
+ <li class="breadcrumb-item">
150
+ <button part="ellipsis" class="breadcrumb-ellipsis"
151
+ aria-label="Show all breadcrumbs"
152
+ aria-expanded="false"
153
+ tabindex="0">
154
+ <span class="breadcrumb-ellipsis-icon" aria-hidden="true">${e.unsafeHTML(r)}</span>
155
+ </button>
156
+ <span class="breadcrumb-separator" aria-hidden="true">
157
+ ${this.separator}
158
+ </span>
159
+ </li>
160
+ </if>
161
+ `})}
162
+ </ol>
163
+ </nav>
164
+ `}styles(){return e.css`${":host{display:block;--breadcrumb-font-size:0.875rem;--breadcrumb-spacing:0.5rem;--breadcrumb-color:var(--snice-color-text-secondary, rgb(82 82 82));--breadcrumb-hover-color:var(--snice-color-primary, rgb(37 99 235));--breadcrumb-active-color:var(--snice-color-text, rgb(23 23 23));--breadcrumb-separator-color:var(--snice-color-text-tertiary, rgb(163 163 163))}case,default,if,when{display:contents}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:var(--breadcrumb-font-size);line-height:1.5}.breadcrumb-item{display:flex;align-items:center;color:var(--breadcrumb-color)}.breadcrumb-link{color:inherit;text-decoration:none;transition:color .2s;cursor:pointer;outline:0;border-radius:var(--snice-border-radius-sm,.125rem);padding:.125rem .25rem;margin:-.125rem -.25rem;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-link:hover{color:var(--breadcrumb-hover-color);text-decoration:underline}.breadcrumb-link:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.breadcrumb-text{padding:2px 4px;margin:-2px -4px;display:inline-flex;align-items:center;gap:.375rem}.breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1em;width:1.2em;height:1.2em;line-height:1}.breadcrumb-icon svg{width:1.2em;height:1.2em}.breadcrumb-icon img{width:1.2em;height:1.2em;object-fit:contain}.breadcrumb-icon-image{width:1.2em;height:1.2em;object-fit:contain;vertical-align:middle}[hidden]{display:none!important}.breadcrumb-item--active{color:var(--breadcrumb-active-color);font-weight:var(--snice-font-weight-medium,500)}.breadcrumb-item--active .breadcrumb-link{cursor:default;pointer-events:none}.breadcrumb-separator{margin:0 var(--breadcrumb-spacing);color:var(--breadcrumb-separator-color);user-select:none}.breadcrumb-ellipsis{display:flex;align-items:center;padding:2px 4px;margin:-2px -4px;cursor:pointer;color:var(--breadcrumb-color);background:0 0;border:none;font:inherit;border-radius:var(--snice-border-radius-sm,.125rem);transition:background .2s}.breadcrumb-ellipsis:hover{background:var(--snice-color-surface-hover,rgb(0 0 0 / .05))}.breadcrumb-ellipsis:focus-visible{box-shadow:0 0 0 2px var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline:0}:host([size=small]){--breadcrumb-font-size:0.75rem;--breadcrumb-spacing:0.375rem}:host([size=large]){--breadcrumb-font-size:1rem;--breadcrumb-spacing:0.625rem}.breadcrumb--collapsed .breadcrumb-item--hidden{display:none}@media (max-width:640px){.breadcrumb{font-size:calc(var(--breadcrumb-font-size) * .9)}}.breadcrumb-ellipsis-icon{display:flex}.breadcrumb-ellipsis-icon svg{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}getAllItems(){return this.slotItems.length>0?this.slotItems:this.items}getVisibleItems(e){return this.maxItems<=0||e.length<=this.maxItems||!this.collapsed?e:[e[0],...e.slice(-(this.maxItems-1))]}handleClick(e){const t=e.target;if(t.closest(".breadcrumb-ellipsis"))return this.collapsed=!1,void this.rendered?.then?.(()=>{const e=this.shadowRoot?.querySelectorAll(".breadcrumb-link")[1];(e??this.shadowRoot?.querySelector(".breadcrumb-link"))?.focus()});const a=t.closest(".breadcrumb-link");if(a){const e=a.getAttribute("href")||"",t=a.getAttribute("data-index"),i=this.getAllItems(),r=null!==t?parseInt(t,10):-1,n=r>=0&&r<i.length?i[r]:void 0,s=n?.label??a.textContent?.trim()??"";this.emitBreadcrumbClick({item:n,index:r,href:e,label:s})}}emitBreadcrumbClick(e){return e}handleSlotChange(){const e=this.shadowRoot?.querySelector("slot");if(!e)return;const t=e.assignedElements().filter(e=>"snice-crumb"===e.tagName.toLowerCase());this.slotItems=t.map(e=>{const t=e.querySelector('[slot="icon"]');return{label:e.label||e.textContent?.trim()||"",href:e.href||void 0,icon:e.icon||void 0,iconImage:e.iconImage||void 0,active:e.active||!1,iconNode:t||void 0}}),this.renderTrigger++}updateBreadcrumb(){this.collapsed=!0}setItems(e){this.items=e}renderItemIcon(t){if(t.iconNode){const a=t.iconNode.cloneNode(!0);return a.classList.add("breadcrumb-icon"),a.removeAttribute("slot"),e.html`${a}`}return t.iconImage?l(t.iconImage,"breadcrumb-icon"):t.icon?l(t.icon,"breadcrumb-icon"):e.html``}constructor(){super(...arguments),this.items=(a(this,x),a(this,w,[])),this.separator=(a(this,S),a(this,M,"/")),this.size=(a(this,C),a(this,B,"medium")),this.maxItems=(a(this,_),a(this,A,0)),this.breadcrumbElement=(a(this,L),a(this,j,void 0)),this.collapsed=(a(this,E),a(this,z,!0)),this.slotItems=(a(this,$),[]),this.renderTrigger=a(this,R,0),a(this,H)}})})(),(()=>{let i,r,n,s,o,l,c,d,m,h,u,p,v,g=[e.element("snice-layout-dashboard")],b=[],f=HTMLElement,y=[],k=[],x=[],w=[],S=[],M=[],C=[],B=[],_=[],A=[],L=[],j=[],E=[],z=[],$=[],R=[],H=[];(class extends f{static{r=this}static{const O="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;n=[e.query("snice-nav")],s=[e.property({type:Array})],o=[e.property({attribute:!1})],l=[e.property({type:Boolean})],c=[e.property({type:Boolean})],d=[e.property({attribute:!1})],m=[e.property({attribute:!1})],h=[e.property({attribute:!1})],u=[e.render()],p=[e.ready()],v=[e.styles()],t(this,null,u,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:O},null,y),t(this,null,p,{kind:"method",name:"wireSlotDetection",static:!1,private:!1,access:{has:e=>"wireSlotDetection"in e,get:e=>e.wireSlotDetection},metadata:O},null,y),t(this,null,v,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:O},null,y),t(null,null,n,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:O},k,x),t(null,null,s,{kind:"field",name:"placards",static:!1,private:!1,access:{has:e=>"placards"in e,get:e=>e.placards,set:(e,t)=>{e.placards=t}},metadata:O},w,S),t(null,null,o,{kind:"field",name:"currentRoute",static:!1,private:!1,access:{has:e=>"currentRoute"in e,get:e=>e.currentRoute,set:(e,t)=>{e.currentRoute=t}},metadata:O},M,C),t(null,null,l,{kind:"field",name:"collapsed",static:!1,private:!1,access:{has:e=>"collapsed"in e,get:e=>e.collapsed,set:(e,t)=>{e.collapsed=t}},metadata:O},B,_),t(null,null,c,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:O},A,L),t(null,null,d,{kind:"field",name:"mobileOpen",static:!1,private:!1,access:{has:e=>"mobileOpen"in e,get:e=>e.mobileOpen,set:(e,t)=>{e.mobileOpen=t}},metadata:O},j,E),t(null,null,m,{kind:"field",name:"hasRail",static:!1,private:!1,access:{has:e=>"hasRail"in e,get:e=>e.hasRail,set:(e,t)=>{e.hasRail=t}},metadata:O},z,$),t(null,null,h,{kind:"field",name:"hasToolbarContent",static:!1,private:!1,access:{has:e=>"hasToolbarContent"in e,get:e=>e.hasToolbarContent,set:(e,t)=>{e.hasToolbarContent=t}},metadata:O},R,H),t(null,i={value:r},g,{kind:"class",name:r.name,metadata:O},null,b),r=i.value,O&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:O}),a(r,b)}render(){const t=this.collapsed?" sidebar--collapsed":"",a=this.mobileOpen?" sidebar--mobile-open":"",i=this.mobileOpen?" scrim--visible":"",r=this.mobileOpen||!this.collapsed,n=this.hasRail?" content-area--railed":"",s=this.hasRail?"":" right-sidebar--empty",o=this.getBreadcrumbsHtml();return e.html`
165
+ <div class="layout">
166
+ <header class="header" part="header">
167
+ <button class="sidebar-toggle" type="button" aria-label="Toggle sidebar" aria-expanded="${r}" @click=${this.handleSidebarToggle}>
168
+ <svg viewBox="0 0 24 24" width="20" height="20">
169
+ <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" fill="currentColor"/>
170
+ </svg>
171
+ </button>
172
+ <div class="header-start">
173
+ <slot name="brand">
174
+ <h1>Dashboard</h1>
175
+ </slot>
176
+ </div>
177
+ <div class="header-content">
178
+ <slot name="header"></slot>
179
+ </div>
180
+ </header>
181
+
182
+ <div class="toolbar${this.hasToolbarContent||o?"":" toolbar--hidden"}" part="toolbar">
183
+ <slot name="toolbar">${o}</slot>
184
+ </div>
185
+
186
+ <div class="body-area">
187
+ <aside class="sidebar${t}${a}" part="sidebar">
188
+ <slot name="sidebar">
189
+ <snice-nav class="sidebar-nav" variant="hierarchical" orientation="vertical"></snice-nav>
190
+ </slot>
191
+ </aside>
192
+
193
+ <div class="scrim${i}" part="scrim" @click=${this.handleScrimClick}></div>
194
+
195
+ <div class="content-area${n}">
196
+ <main class="main" part="main">
197
+ <slot name="page"></slot>
198
+ </main>
199
+
200
+ <aside class="right-sidebar${s}" part="right-sidebar">
201
+ <slot name="right-sidebar"></slot>
202
+ </aside>
203
+ </div>
204
+ </div>
205
+ </div>
206
+ `}handleSidebarToggle(){"undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(max-width: 768px)").matches?this.mobileOpen=!this.mobileOpen:this.collapsed=!this.collapsed}handleScrimClick(){this.mobileOpen=!1}wireSlotDetection(){this.syncSlotState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncSlotState())}syncSlotState(){this.hasRail=!!this.querySelector('[slot="right-sidebar"]'),this.hasToolbarContent=!!this.querySelector('[slot="toolbar"]')}styles(){return e.css`${':host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif)}:host(:not([contained])){position:fixed;inset:0}:host([contained]){position:relative;min-height:0;height:100%}.layout{display:flex;flex-direction:column;min-height:100%;background:var(--snice-color-surface,rgb(255 255 255))}.header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-lg,1.5rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));position:relative;z-index:var(--snice-z-sticky,10)}.header-start h1{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));white-space:nowrap}.header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--snice-spacing-md,1rem)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:var(--snice-layout-control-size,2rem);height:var(--snice-layout-control-size,2rem);background:0 0;border:none;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);transition:all var(--snice-transition-fast, 150ms) ease}.sidebar-toggle:hover{background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .04)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar-toggle:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.toolbar{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-lg,1.5rem);border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));background:var(--snice-color-surface,rgb(255 255 255))}.toolbar--hidden{display:none}.body-area{position:relative;display:flex;flex:1;overflow:hidden}.sidebar{flex-shrink:0;width:var(--snice-layout-sidebar-width,16rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));overflow-y:auto;overflow-x:hidden;padding-block:var(--snice-spacing-sm,0.75rem);transition:width var(--snice-transition-normal, 250ms) ease,transform var(--snice-transition-normal, 250ms) ease}.sidebar--collapsed{width:0;border-right:none}.scrim{display:none}.sidebar ::slotted(a),.sidebar ::slotted(button){display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);margin:0 var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);color:var(--snice-color-text-secondary,rgb(82 82 82));text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.sidebar ::slotted(a:hover),.sidebar ::slotted(button:hover){background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .06)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar ::slotted(a:focus-visible),.sidebar ::slotted(button:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.sidebar ::slotted([aria-current]){background:var(--snice-color-primary-alpha,color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 10%,transparent));color:var(--snice-color-primary,rgb(37 99 235))}.sidebar-nav{display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-md,1rem)}.content-area{flex:1;min-width:0;display:grid;grid-template-columns:1fr;grid-template-areas:"main";overflow-y:auto}.content-area--railed{grid-template-columns:1fr var(--snice-layout-rail-width,18rem);grid-template-areas:"main right-sidebar"}.main{grid-area:main;padding:var(--snice-spacing-xl,2rem);min-width:0}.right-sidebar{grid-area:right-sidebar;background:var(--snice-color-surface-container-low,rgb(250 250 250));padding:var(--snice-spacing-lg,1.5rem);border-left:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.right-sidebar--empty{display:none}@media (max-width:1024px){.content-area--railed{grid-template-columns:1fr;grid-template-areas:"main" "right-sidebar"}.right-sidebar{border-left:none;border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}}@media (max-width:768px){.header,.toolbar{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem)}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:var(--snice-z-overlay,1100);width:min(80vw,18rem);transform:translateX(-105%);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1))}.sidebar--collapsed{width:min(80vw,18rem);border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.sidebar--mobile-open{transform:translateX(0)}.scrim--visible{display:block;position:absolute;inset:0;z-index:var(--snice-z-scrim,1000);background:rgb(0 0 0 / .4)}.main{padding:var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}'}`}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.updateNav(e,i)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}getBreadcrumbsHtml(){const e=this.placards.find(e=>this.currentRoute===e.name||this.currentRoute.startsWith(`/${e.name}`));if(!e)return"";const t=this.buildBreadcrumbTrail(e);return 0===t.length?"":`\n <snice-breadcrumbs\n items='${JSON.stringify(t.map(e=>({label:e.title,href:e.href||"",icon:e.icon})))}'\n separator="/">\n </snice-breadcrumbs>\n `}buildBreadcrumbTrail(e){const t=[];if(e.breadcrumbs&&e.breadcrumbs.length>0)return e.breadcrumbs.forEach(e=>{const a=this.placards.find(t=>t.name===e);a&&t.push(a)}),t;let a=e;const i=new Set;for(;a&&!i.has(a.name)&&(i.add(a.name),t.unshift(a),a.parent);)a=this.placards.find(e=>e.name===a.parent);return t}constructor(){super(...arguments),this.navElement=(a(this,y),a(this,k,void 0)),this.placards=(a(this,x),a(this,w,[])),this.currentRoute=(a(this,S),a(this,M,"")),this.collapsed=(a(this,C),a(this,B,!1)),this.contained=(a(this,_),a(this,A,!1)),this.mobileOpen=(a(this,L),a(this,j,!1)),this.hasRail=(a(this,E),a(this,z,!1)),this.hasToolbarContent=(a(this,$),a(this,R,!1)),a(this,H)}})})(),(()=>{let i,r,n,s,o,l,c,d,m,h=[e.element("snice-layout-docs")],u=[],p=HTMLElement,v=[],g=[],b=[],f=[],y=[],k=[],x=[];(class extends p{static{r=this}constructor(){super(...arguments),this.sidebarOpen=(a(this,v),a(this,g,!1)),this.contained=(a(this,b),a(this,f,!1)),this.hasToc=(a(this,y),a(this,k,!1)),this.navElement=a(this,x),this.placards=[],this.currentRoute=""}static{const w="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[e.property({attribute:!1})],s=[e.property({type:Boolean})],o=[e.property({attribute:!1})],l=[e.render()],c=[e.styles()],d=[e.ready()],m=[e.dispose()],t(this,null,l,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:w},null,v),t(this,null,c,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:w},null,v),t(this,null,d,{kind:"method",name:"wireRegions",static:!1,private:!1,access:{has:e=>"wireRegions"in e,get:e=>e.wireRegions},metadata:w},null,v),t(this,null,m,{kind:"method",name:"releaseListeners",static:!1,private:!1,access:{has:e=>"releaseListeners"in e,get:e=>e.releaseListeners},metadata:w},null,v),t(null,null,n,{kind:"field",name:"sidebarOpen",static:!1,private:!1,access:{has:e=>"sidebarOpen"in e,get:e=>e.sidebarOpen,set:(e,t)=>{e.sidebarOpen=t}},metadata:w},g,b),t(null,null,s,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:w},f,y),t(null,null,o,{kind:"field",name:"hasToc",static:!1,private:!1,access:{has:e=>"hasToc"in e,get:e=>e.hasToc,set:(e,t)=>{e.hasToc=t}},metadata:w},k,x),t(null,i={value:r},h,{kind:"class",name:r.name,metadata:w},null,u),r=i.value,w&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:w}),a(r,u)}render(){return e.html`
207
+ <div class="layout">
208
+ <a class="skip-link" href="#snice-docs-main">Skip to content</a>
209
+
210
+ <header class="header" part="header">
211
+ <button
212
+ class="sidebar-toggle"
213
+ type="button"
214
+ aria-label="Toggle documentation navigation"
215
+ aria-expanded="${this.sidebarOpen}"
216
+ @click=${this.handleSidebarToggle}
217
+ >
218
+ <svg viewBox="0 0 24 24" width="20" height="20">
219
+ <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" fill="currentColor"/>
220
+ </svg>
221
+ </button>
222
+ <div class="header-brand">
223
+ <slot name="brand">
224
+ <span class="brand-fallback">Documentation</span>
225
+ </slot>
226
+ </div>
227
+ <div class="header-content">
228
+ <slot name="header"></slot>
229
+ </div>
230
+ </header>
231
+
232
+ <div class="body-area">
233
+ <nav class="sidebar${this.sidebarOpen?" sidebar--open":""}" part="sidebar" aria-label="Documentation">
234
+ <slot name="sidebar">
235
+ <snice-nav class="sidebar-nav" variant="hierarchical" orientation="vertical"></snice-nav>
236
+ </slot>
237
+ </nav>
238
+
239
+ <div class="scrim${this.sidebarOpen?" scrim--visible":""}" part="scrim" @click=${this.handleScrimClick}></div>
240
+
241
+ <main class="content" id="snice-docs-main" part="main">
242
+ <article class="prose" part="prose">
243
+ <slot name="page"></slot>
244
+ </article>
245
+ <footer class="footer" part="footer">
246
+ <slot name="footer"></slot>
247
+ </footer>
248
+ </main>
249
+
250
+ <aside class="toc${this.hasToc?"":" toc--empty"}" part="toc" aria-label="On this page">
251
+ <slot name="toc"></slot>
252
+ </aside>
253
+ </div>
254
+ </div>
255
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}:host(:not([contained])){position:fixed;inset:0}:host([contained]){position:relative;min-height:0;height:100%}.layout{min-height:inherit;display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--snice-color-surface,rgb(255 255 255))}.skip-link{position:absolute;top:var(--snice-spacing-xs,.5rem);left:var(--snice-spacing-xs,.5rem);z-index:var(--snice-z-notification,1300);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);border-radius:var(--snice-border-radius-md,6px);background:var(--snice-color-surface-container-highest,hsl(0 0% 100%));color:var(--snice-color-text,rgb(23 23 23));text-decoration:none;transform:translateY(-200%);transition:transform var(--snice-transition-fast, 150ms) ease}.skip-link:focus-visible{transform:translateY(0);outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);height:var(--snice-layout-docs-header-height,4rem);padding:0 var(--snice-spacing-lg,1.5rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));position:relative;z-index:var(--snice-z-sticky,10)}.header-brand{display:flex;align-items:center;font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));white-space:nowrap}.header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--snice-spacing-md,1rem)}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:var(--snice-layout-control-size,2rem);height:var(--snice-layout-control-size,2rem);background:0 0;border:none;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);transition:background var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.sidebar-toggle:hover{background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .06)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar-toggle:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.body-area{position:relative;display:grid;grid-template-columns:var(--snice-layout-docs-nav-width,18.75rem) minmax(0,1fr) var(--snice-layout-docs-toc-width,18.75rem);min-height:0;overflow:hidden}.sidebar{overflow-y:auto;padding:var(--snice-spacing-lg,1.5rem) var(--snice-spacing-md,1rem);border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));background:var(--snice-color-surface,rgb(255 255 255));transition:transform var(--snice-transition-normal, 250ms) ease}.sidebar ::slotted(a){display:block;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border-radius:var(--snice-border-radius-md,6px);color:var(--snice-color-text-secondary,rgb(82 82 82));text-decoration:none;transition:background var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.sidebar ::slotted(a:hover){background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .06)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar ::slotted([aria-current]){background:var(--snice-color-primary-alpha,color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 10%,transparent));color:var(--snice-color-primary,rgb(37 99 235))}.scrim{display:none}.content{overflow-y:auto;padding:var(--snice-spacing-xl,2rem);min-width:0}.prose{max-width:var(--snice-layout-measure,65ch);margin-inline:auto}.prose ::slotted(h1),.prose ::slotted(h2),.prose ::slotted(h3),.prose ::slotted(h4){scroll-margin-top:calc(var(--snice-layout-docs-header-height,4rem) + var(--snice-spacing-md,1rem))}.footer{max-width:var(--snice-layout-measure,65ch);margin-inline:auto;padding-top:var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82));font-size:var(--snice-font-size-sm, .875rem)}.toc{overflow-y:auto;padding:var(--snice-spacing-lg,1.5rem) var(--snice-spacing-md,1rem);border-left:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));font-size:var(--snice-font-size-sm, .875rem)}.toc ::slotted(*){position:sticky;top:0}@media (max-width:1152px){.body-area{grid-template-columns:var(--snice-layout-docs-nav-width,18.75rem) minmax(0,1fr)}.toc{display:none}}@media (max-width:996px){.sidebar-toggle{display:flex}.body-area{grid-template-columns:minmax(0,1fr)}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:var(--snice-z-overlay,1100);width:min(83vw,var(--snice-layout-docs-nav-width,18.75rem));transform:translateX(-105%);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1))}.sidebar--open{transform:translateX(0)}.scrim--visible{display:block;position:absolute;inset:0;z-index:var(--snice-z-scrim,1000);background:rgb(0 0 0 / .4)}.content{padding:var(--snice-spacing-lg,1.5rem)}.header{height:var(--snice-layout-docs-header-height-compact,3.5rem);padding:0 var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}handleSidebarToggle(){this.sidebarOpen=!this.sidebarOpen}handleScrimClick(){this.sidebarOpen=!1}wireRegions(){this.syncSlotState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncSlotState()),"undefined"!=typeof document&&(this.escapeListener=e=>{"Escape"===e.key&&this.sidebarOpen&&(this.sidebarOpen=!1)},document.addEventListener("keydown",this.escapeListener))}releaseListeners(){this.escapeListener&&"undefined"!=typeof document&&(document.removeEventListener("keydown",this.escapeListener),this.escapeListener=void 0)}syncSlotState(){this.hasToc=!!this.querySelector('[slot="toc"]'),this.navElement=this.shadowRoot?.querySelector("snice-nav")}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.updateNav(e,i)}updateNav(e,t){const a=this.navElement??this.shadowRoot?.querySelector("snice-nav");a&&a.update(this.placards,e,this.currentRoute,t)}})})(),(()=>{let i,r,n,s,o,l,c=[e.element("snice-layout-fullscreen")],d=[],m=HTMLElement,h=[],u=[],p=[],v=[],g=[];(class extends m{static{r=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],s=[e.property({type:Boolean})],o=[e.render()],l=[e.styles()],t(this,null,o,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:b},null,h),t(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:b},null,h),t(null,null,n,{kind:"field",name:"overlay",static:!1,private:!1,access:{has:e=>"overlay"in e,get:e=>e.overlay,set:(e,t)=>{e.overlay=t}},metadata:b},u,p),t(null,null,s,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:b},v,g),t(null,i={value:r},c,{kind:"class",name:r.name,metadata:b},null,d),r=i.value,b&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),a(r,d)}render(){return e.html`
256
+ <div class="layout">
257
+ <div class="background">
258
+ <slot name="background"></slot>
259
+ </div>
260
+
261
+ <div class="overlay">
262
+ <slot name="overlay"></slot>
263
+ </div>
264
+
265
+ <div class="content">
266
+ <slot name="page"></slot>
267
+ </div>
268
+
269
+ <div class="controls">
270
+ <slot name="controls"></slot>
271
+ </div>
272
+ </div>
273
+ `}styles(){return e.css`${":host{display:block;min-height:100%;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}:host(:not([contained])){position:fixed;inset:0}:host([contained]){position:relative;min-height:0;height:100%}.layout{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:var(--snice-color-surface,hsl(var(--snice-color-gray-900,0 0% 9%)))}.background{position:absolute;inset:0;z-index:1}.overlay{position:absolute;inset:0;z-index:2;background:hsl(0 0% 0% / .5);opacity:0;transition:opacity var(--snice-transition-normal, .25s) ease;pointer-events:none}:host([overlay]) .overlay{opacity:1;pointer-events:auto}.content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:var(--snice-spacing-lg,2rem)}.controls{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:var(--snice-spacing-lg,2rem);background:linear-gradient(transparent,hsl(0 0% 0% / .8));transform:translateY(100%);transition:transform var(--snice-transition-normal, .25s) ease}:host(:hover) .controls{transform:translateY(0)}@media (max-width:768px){.controls{transform:translateY(0);background:hsl(0 0% 0% / .8)}.content{padding:var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}constructor(){super(...arguments),this.overlay=(a(this,h),a(this,u,!1)),this.contained=(a(this,p),a(this,v,!1)),a(this,g)}})})(),(()=>{let i,r,n,s,o,l,c=[e.element("snice-layout-landing")],d=[],m=HTMLElement,h=[],u=[],p=[],v=[],g=[];(class extends m{static{r=this}constructor(){super(...arguments),this.navElement=(a(this,h),a(this,u,void 0)),this.useNav=(a(this,p),a(this,v,!1)),this.placards=(a(this,g),[]),this.currentRoute=""}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;n=[e.query("snice-nav")],s=[e.property({type:Boolean,attribute:"use-nav"})],o=[e.render()],l=[e.styles()],t(this,null,o,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:b},null,h),t(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:b},null,h),t(null,null,n,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:b},u,p),t(null,null,s,{kind:"field",name:"useNav",static:!1,private:!1,access:{has:e=>"useNav"in e,get:e=>e.useNav,set:(e,t)=>{e.useNav=t}},metadata:b},v,g),t(null,i={value:r},c,{kind:"class",name:r.name,metadata:b},null,d),r=i.value,b&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),a(r,d)}render(){return e.html`
274
+ <div class="layout">
275
+ <header class="header">
276
+ <div class="container">
277
+ <div class="brand">
278
+ <slot name="brand">
279
+ <h1>Brand</h1>
280
+ </slot>
281
+ </div>
282
+ <if ${this.useNav}>
283
+ <snice-nav class="nav" variant="flat" orientation="horizontal"></snice-nav>
284
+ </if>
285
+ <if ${!this.useNav}>
286
+ <nav class="nav">
287
+ <slot name="nav"></slot>
288
+ </nav>
289
+ </if>
290
+ <div class="cta">
291
+ <slot name="cta"></slot>
292
+ </div>
293
+ </div>
294
+ </header>
295
+
296
+ <main class="main">
297
+ <section class="hero">
298
+ <slot name="hero"></slot>
299
+ </section>
300
+
301
+ <div class="content">
302
+ <slot name="page"></slot>
303
+ </div>
304
+ </main>
305
+
306
+ <footer class="footer">
307
+ <div class="container">
308
+ <slot name="footer"></slot>
309
+ </div>
310
+ </footer>
311
+ </div>
312
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{min-height:inherit;display:flex;flex-direction:column}.container{max-width:var(--snice-layout-container,80rem);margin:0 auto;padding:0 var(--snice-spacing-lg,2rem)}.header{background:color-mix(in srgb,var(--snice-color-surface,rgb(255 255 255)) 72%,transparent);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));position:sticky;top:0;z-index:var(--snice-z-sticky,10)}.header .container{display:flex;align-items:center;justify-content:space-between;padding-top:var(--snice-spacing-md,1rem);padding-bottom:var(--snice-spacing-md,1rem)}.brand h1{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-lg, 1.5rem);font-weight:var(--snice-font-weight-bold,700);color:var(--snice-color-text,rgb(23 23 23))}.nav{display:flex;gap:var(--snice-spacing-lg,2rem)}.nav ::slotted(a){text-decoration:none;color:var(--snice-color-text-secondary,rgb(82 82 82));font-weight:var(--snice-font-weight-medium,500);transition:color var(--snice-transition-fast, .15s) ease}.nav ::slotted(a:hover){color:var(--snice-color-primary,rgb(37 99 235))}.main{flex:1}.hero{background:var(--snice-color-surface-container-low,hsl(0 0% 98%));padding:var(--snice-spacing-2xl,4rem) 0}.content{background:var(--snice-color-surface,rgb(255 255 255))}.footer{background:var(--snice-color-surface-container,hsl(0 0% 95%));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));padding:var(--snice-spacing-xl,3rem) 0;margin-top:auto}@media (max-width:768px){.header .container{flex-direction:column;gap:var(--snice-spacing-md,1rem)}.nav{gap:var(--snice-spacing-md,1rem)}.hero{padding:var(--snice-spacing-xl,3rem) 0}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.useNav=!0,this.updateNav(e,i)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}})})(),(()=>{let i,r,n,s,o,l,c,d,m,h,u=[e.element("snice-layout-master-detail")],p=[],v=HTMLElement,g=[],b=[],f=[],y=[],k=[],x=[],w=[];(class extends v{static{r=this}constructor(){super(...arguments),this.selected=(a(this,g),a(this,b,!1)),this.contained=(a(this,f),a(this,y,!1)),this.narrow=(a(this,k),a(this,x,!1)),this.placards=(a(this,w),[]),this.currentRoute=""}static{const S="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],s=[e.property({type:Boolean})],o=[e.property({attribute:!1})],l=[e.render()],c=[e.styles()],d=[e.dispatch("detail-closed",{bubbles:!0,composed:!0})],m=[e.ready()],h=[e.dispose()],t(this,null,l,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:S},null,g),t(this,null,c,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:S},null,g),t(this,null,d,{kind:"method",name:"handleBack",static:!1,private:!1,access:{has:e=>"handleBack"in e,get:e=>e.handleBack},metadata:S},null,g),t(this,null,m,{kind:"method",name:"watchViewport",static:!1,private:!1,access:{has:e=>"watchViewport"in e,get:e=>e.watchViewport},metadata:S},null,g),t(this,null,h,{kind:"method",name:"releaseViewport",static:!1,private:!1,access:{has:e=>"releaseViewport"in e,get:e=>e.releaseViewport},metadata:S},null,g),t(null,null,n,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:S},b,f),t(null,null,s,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:S},y,k),t(null,null,o,{kind:"field",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:S},x,w),t(null,i={value:r},u,{kind:"class",name:r.name,metadata:S},null,p),r=i.value,S&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:S}),a(r,p)}render(){return e.html`
313
+ <div class="layout">
314
+ <header class="header" part="header">
315
+ <if ${this.narrow&&this.selected}>
316
+ <button class="back" type="button" aria-label="Back to list" @click=${this.handleBack}>
317
+ <svg viewBox="0 0 24 24" width="20" height="20">
318
+ <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" fill="currentColor"/>
319
+ </svg>
320
+ </button>
321
+ </if>
322
+ <div class="header-brand">
323
+ <slot name="brand"></slot>
324
+ </div>
325
+ <div class="header-content">
326
+ <slot name="header"></slot>
327
+ </div>
328
+ </header>
329
+
330
+ <div class="body-area">
331
+ <section class="pane list${this.narrow&&this.selected?" pane--hidden":""}" part="list" aria-label="Items">
332
+ <slot name="list"></slot>
333
+ </section>
334
+
335
+ <section class="pane detail${!this.narrow||this.selected?"":" pane--hidden"}" part="detail" aria-label="Details">
336
+ <slot name="detail">
337
+ <div class="detail-empty" part="empty">
338
+ <slot name="empty">Select an item</slot>
339
+ </div>
340
+ </slot>
341
+ </section>
342
+ </div>
343
+ </div>
344
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}:host(:not([contained])){position:fixed;inset:0}:host([contained]){position:relative;min-height:0;height:100%}.layout{min-height:inherit;display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--snice-color-surface,rgb(255 255 255))}.header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-lg,1.5rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.header:not(:has(slot[name=brand])):not(:has(slot[name=header])){display:none}.header-brand{display:flex;align-items:center;font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23))}.header-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--snice-spacing-md,1rem)}.back{display:flex;align-items:center;justify-content:center;width:var(--snice-layout-control-size,2rem);height:var(--snice-layout-control-size,2rem);background:0 0;border:none;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);transition:background var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.back:hover{background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .06)));color:var(--snice-color-text,rgb(23 23 23))}.back:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.body-area{display:flex;min-height:0;overflow:hidden}.pane{min-width:0;overflow-y:auto}.list{flex-shrink:0;width:var(--snice-layout-list-width,20rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.detail{flex:1;padding:var(--snice-spacing-xl,2rem)}.detail-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--snice-color-text-tertiary,rgb(115 115 115))}@media (max-width:640px){.list{width:100%;border-right:none}.pane--hidden{display:none}.detail{padding:var(--snice-spacing-md,1rem)}.header{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}handleBack(){return this.selected=!1,{selected:!1}}watchViewport(){"undefined"!=typeof window&&"function"==typeof window.matchMedia&&(this.viewportQuery=window.matchMedia("(max-width: 640px)"),this.narrow=this.viewportQuery.matches,this.viewportListener=e=>{this.narrow=e.matches},this.viewportQuery.addEventListener("change",this.viewportListener))}releaseViewport(){this.viewportQuery&&this.viewportListener&&(this.viewportQuery.removeEventListener("change",this.viewportListener),this.viewportQuery=void 0,this.viewportListener=void 0)}update(e,t,a,i){this.placards=t,this.currentRoute=a}})})(),(()=>{let i,r,n,s,o=[e.element("snice-layout-minimal")],l=[],c=HTMLElement,d=[];(class extends c{static{r=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;n=[e.render()],s=[e.styles()],t(this,null,n,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:m},null,d),t(this,null,s,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:m},null,d),t(null,i={value:r},o,{kind:"class",name:r.name,metadata:m},null,l),r=i.value,m&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),a(r,l)}render(){return e.html`
345
+ <div class="layout">
346
+ <main class="main">
347
+ <slot name="page"></slot>
348
+ </main>
349
+ </div>
350
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{min-height:inherit;display:flex;flex-direction:column}.main{flex:1;background:var(--snice-color-surface,rgb(255 255 255))}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}constructor(){super(...arguments),a(this,d)}})})(),(()=>{let i,r,n,s,o,l,c,d,m,h,u,p,v,g,b,f=[e.element("snice-layout-sidebar")],y=[],k=HTMLElement,x=[],w=[],S=[],M=[],C=[],B=[],_=[],A=[],L=[],j=[],E=[],z=[],$=[];(class extends k{static{r=this}constructor(){super(...arguments),this.collapsed=(a(this,x),a(this,w,!1)),this.contained=(a(this,S),a(this,M,!1)),this.collapseMode=(a(this,C),a(this,B,"rail")),this.mobileOpen=(a(this,_),a(this,A,!1)),this.navElement=(a(this,L),a(this,j,void 0)),this.placards=(a(this,E),[]),this.currentRoute="",this.hasFooterContent=a(this,z,!1),this.shortcutListener=a(this,$)}static{const R="function"==typeof Symbol&&Symbol.metadata?Object.create(k[Symbol.metadata]??null):void 0;n=[e.property({type:Boolean})],s=[e.property({type:Boolean})],o=[e.property({attribute:"collapse-mode"})],l=[e.property({attribute:!1})],c=[e.query("snice-nav")],d=[e.property({attribute:!1})],m=[e.render()],h=[e.styles()],u=[e.on("keydown")],p=[e.ready()],v=[e.ready()],g=[e.dispose()],b=[e.ready()],t(this,null,m,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:R},null,x),t(this,null,h,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:R},null,x),t(this,null,u,{kind:"method",name:"handleKeydown",static:!1,private:!1,access:{has:e=>"handleKeydown"in e,get:e=>e.handleKeydown},metadata:R},null,x),t(this,null,p,{kind:"method",name:"wireFooterState",static:!1,private:!1,access:{has:e=>"wireFooterState"in e,get:e=>e.wireFooterState},metadata:R},null,x),t(this,null,v,{kind:"method",name:"bindShortcut",static:!1,private:!1,access:{has:e=>"bindShortcut"in e,get:e=>e.bindShortcut},metadata:R},null,x),t(this,null,g,{kind:"method",name:"releaseShortcut",static:!1,private:!1,access:{has:e=>"releaseShortcut"in e,get:e=>e.releaseShortcut},metadata:R},null,x),t(this,null,b,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:R},null,x),t(null,null,n,{kind:"field",name:"collapsed",static:!1,private:!1,access:{has:e=>"collapsed"in e,get:e=>e.collapsed,set:(e,t)=>{e.collapsed=t}},metadata:R},w,S),t(null,null,s,{kind:"field",name:"contained",static:!1,private:!1,access:{has:e=>"contained"in e,get:e=>e.contained,set:(e,t)=>{e.contained=t}},metadata:R},M,C),t(null,null,o,{kind:"field",name:"collapseMode",static:!1,private:!1,access:{has:e=>"collapseMode"in e,get:e=>e.collapseMode,set:(e,t)=>{e.collapseMode=t}},metadata:R},B,_),t(null,null,l,{kind:"field",name:"mobileOpen",static:!1,private:!1,access:{has:e=>"mobileOpen"in e,get:e=>e.mobileOpen,set:(e,t)=>{e.mobileOpen=t}},metadata:R},A,L),t(null,null,c,{kind:"field",name:"navElement",static:!1,private:!1,access:{has:e=>"navElement"in e,get:e=>e.navElement,set:(e,t)=>{e.navElement=t}},metadata:R},j,E),t(null,null,d,{kind:"field",name:"hasFooterContent",static:!1,private:!1,access:{has:e=>"hasFooterContent"in e,get:e=>e.hasFooterContent,set:(e,t)=>{e.hasFooterContent=t}},metadata:R},z,$),t(null,i={value:r},f,{kind:"class",name:r.name,metadata:R},null,y),r=i.value,R&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:R}),a(r,y)}render(){const t="none"!==this.collapseMode;return e.html`
351
+ <div class="layout">
352
+ <header class="header" part="header">
353
+ <if ${t}>
354
+ <button class="sidebar-toggle" type="button" aria-label="Toggle sidebar" aria-expanded="${this.mobileOpen||!this.collapsed}" @click=${this.handleSidebarToggle}>
355
+ <svg viewBox="0 0 24 24" width="20" height="20">
356
+ <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" fill="currentColor"/>
357
+ </svg>
358
+ </button>
359
+ </if>
360
+ <div class="header-brand">
361
+ <slot name="brand">
362
+ <h2>App</h2>
363
+ </slot>
364
+ </div>
365
+ <div class="header-content">
366
+ <slot name="header"></slot>
367
+ </div>
368
+ </header>
369
+
370
+ <div class="body-area">
371
+ <aside class="sidebar${"rail"===this.collapseMode?" sidebar--rail":""}${t&&this.collapsed?" sidebar--collapsed":""}${this.mobileOpen?" sidebar--mobile-open":""}" part="sidebar">
372
+ <slot name="sidebar">
373
+ <snice-nav class="sidebar-nav" variant="hierarchical" orientation="vertical"></snice-nav>
374
+ </slot>
375
+ </aside>
376
+
377
+ <div class="scrim${this.mobileOpen?" scrim--visible":""}" part="scrim" @click=${this.handleScrimClick}></div>
378
+
379
+ <main class="main" part="main">
380
+ <slot name="page"></slot>
381
+ </main>
382
+ </div>
383
+
384
+ <footer class="footer${this.hasFooterContent?"":" footer--empty"}" part="footer">
385
+ <slot name="footer"></slot>
386
+ </footer>
387
+ </div>
388
+ `}styles(){return e.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif)}:host(:not([contained])){position:fixed;inset:0}:host([contained]){position:relative;min-height:0;height:100%}.layout{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.header{display:flex;align-items:center;gap:var(--snice-spacing-md,1rem);padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-lg,1.5rem);background:var(--snice-color-surface-container-high,rgb(252 251 249));border-bottom:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));position:relative;z-index:var(--snice-z-sticky,10)}.header-brand{display:flex;align-items:center}.header-brand h2{font-family:var(--snice-font-family-display, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);margin:0;font-size:var(--snice-heading-md, 1.125rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:var(--snice-layout-control-size,2rem);height:var(--snice-layout-control-size,2rem);background:0 0;border:none;color:var(--snice-color-text-secondary,rgb(82 82 82));cursor:pointer;padding:var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);transition:all var(--snice-transition-fast, 150ms) ease}.sidebar-toggle:hover{background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .04)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar-toggle:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.header-content{flex:1;min-width:0;display:flex;align-items:center;gap:var(--snice-spacing-md,1rem)}.header-content ::slotted(*){flex:1;width:100%}.body-area{position:relative;display:flex;flex:1;overflow:hidden;background:var(--snice-color-surface,rgb(255 255 255))}.sidebar{flex-shrink:0;width:var(--snice-layout-sidebar-width,16rem);background:var(--snice-color-surface-container-low,rgb(250 250 250));border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)));overflow-y:auto;overflow-x:hidden;padding-block:var(--snice-spacing-sm,0.75rem);transition:width var(--snice-transition-normal, 250ms) ease,transform var(--snice-transition-normal, 250ms) ease}.sidebar--collapsed{width:0;border-right:none}.sidebar--rail.sidebar--collapsed{width:var(--snice-layout-rail-collapsed-width,3rem);border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.sidebar--rail.sidebar--collapsed ::slotted(*){overflow:hidden;white-space:nowrap}.scrim{display:none}.sidebar ::slotted(a),.sidebar ::slotted(button){display:flex;align-items:center;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);margin:0 var(--snice-spacing-xs,.5rem);border-radius:var(--snice-border-radius-md,6px);color:var(--snice-color-text-secondary,rgb(82 82 82));text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms) ease,color var(--snice-transition-fast, 150ms) ease}.sidebar ::slotted(a:hover),.sidebar ::slotted(button:hover){background:var(--snice-color-surface-hover,var(--snice-color-overlay-hover,hsl(0 0% 0% / .06)));color:var(--snice-color-text,rgb(23 23 23))}.sidebar ::slotted(a:focus-visible),.sidebar ::slotted(button:focus-visible){outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.sidebar ::slotted([aria-current]){background:var(--snice-color-primary-alpha,color-mix(in srgb,var(--snice-color-primary,rgb(37 99 235)) 10%,transparent));color:var(--snice-color-primary,rgb(37 99 235))}.sidebar-nav{display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem);padding:var(--snice-spacing-md,1rem)}.main{flex:1;padding:var(--snice-spacing-xl,2rem);overflow-y:auto;background:var(--snice-color-surface,rgb(255 255 255));position:relative;z-index:0}.footer{padding:var(--snice-spacing-md,1rem) var(--snice-spacing-lg,1.5rem);background:var(--snice-color-surface-container,hsl(0 0% 95%));border-top:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.footer--empty{display:none}@media (max-width:768px){.header{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem)}.sidebar{position:absolute;top:0;bottom:0;left:0;z-index:var(--snice-z-overlay,1100);width:min(80vw,18rem);transform:translateX(-105%);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1))}.sidebar--collapsed,.sidebar--rail.sidebar--collapsed{width:min(80vw,18rem);border-right:1px solid var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}.sidebar--mobile-open{transform:translateX(0)}.scrim--visible{display:block;position:absolute;inset:0;z-index:var(--snice-z-scrim,1000);background:rgb(0 0 0 / .4)}.main{padding:var(--snice-spacing-md,1rem)}.footer{padding:var(--snice-spacing-sm,.75rem) var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}handleSidebarToggle(){"none"!==this.collapseMode&&("undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(max-width: 768px)").matches?this.mobileOpen=!this.mobileOpen:this.collapsed=!this.collapsed)}handleScrimClick(){this.mobileOpen=!1}handleKeydown(e){"Escape"===e.key&&this.mobileOpen&&(this.mobileOpen=!1)}wireFooterState(){this.syncFooterState(),this.shadowRoot?.addEventListener("slotchange",()=>this.syncFooterState())}syncFooterState(){this.hasFooterContent=!!this.querySelector('[slot="footer"]')}bindShortcut(){"undefined"!=typeof document&&(this.shortcutListener=e=>{"b"===e.key?.toLowerCase()&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),this.handleSidebarToggle())},document.addEventListener("keydown",this.shortcutListener))}releaseShortcut(){this.shortcutListener&&"undefined"!=typeof document&&(document.removeEventListener("keydown",this.shortcutListener),this.shortcutListener=void 0)}init(){this.updateNav()}update(e,t,a,i){this.placards=t,this.currentRoute=a,this.updateNav(e,i)}updateNav(e,t){this.navElement&&this.navElement.update(this.placards,e,this.currentRoute,t)}})})(),(()=>{let i,r,n,s,o,l,c=[e.element("snice-layout-split")],d=[],m=HTMLElement,h=[],u=[],p=[],v=[],g=[];(class extends m{static{r=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;n=[e.property({})],s=[e.property({})],o=[e.render()],l=[e.styles()],t(this,null,o,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:b},null,h),t(this,null,l,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:b},null,h),t(null,null,n,{kind:"field",name:"direction",static:!1,private:!1,access:{has:e=>"direction"in e,get:e=>e.direction,set:(e,t)=>{e.direction=t}},metadata:b},u,p),t(null,null,s,{kind:"field",name:"ratio",static:!1,private:!1,access:{has:e=>"ratio"in e,get:e=>e.ratio,set:(e,t)=>{e.ratio=t}},metadata:b},v,g),t(null,i={value:r},c,{kind:"class",name:r.name,metadata:b},null,d),r=i.value,b&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),a(r,d)}render(){return e.html`
389
+ <div class="layout">
390
+ <div class="panel panel-left">
391
+ <slot name="left"></slot>
392
+ </div>
393
+ <div class="divider"></div>
394
+ <div class="panel panel-right">
395
+ <slot name="right"></slot>
396
+ </div>
397
+ </div>
398
+ `}styles(){return e.css`${':host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif);min-height:100vh;min-height:100dvh}:host([contained]){min-height:0}.layout{display:grid;min-height:inherit;gap:1px;background:var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}:host(:not([direction])) .layout,:host([direction=horizontal]) .layout{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr}:host([direction=vertical]) .layout{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr}:host(:not([ratio])) .layout,:host([ratio="50-50"]) .layout{grid-template-columns:1fr 1px 1fr}:host([ratio="60-40"]) .layout{grid-template-columns:60fr 1px 40fr}:host([ratio="70-30"]) .layout{grid-template-columns:70fr 1px 30fr}:host([ratio="33-67"]) .layout{grid-template-columns:33fr 1px 67fr}:host([ratio="67-33"]) .layout{grid-template-columns:67fr 1px 33fr}:host([direction=vertical]:not([ratio])) .layout,:host([direction=vertical][ratio="50-50"]) .layout{grid-template-rows:1fr 1px 1fr}:host([direction=vertical][ratio="60-40"]) .layout{grid-template-rows:60fr 1px 40fr}:host([direction=vertical][ratio="70-30"]) .layout{grid-template-rows:70fr 1px 30fr}:host([direction=vertical][ratio="33-67"]) .layout{grid-template-rows:33fr 1px 67fr}:host([direction=vertical][ratio="67-33"]) .layout{grid-template-rows:67fr 1px 33fr}.panel{background:var(--snice-color-surface,rgb(255 255 255));overflow:auto}.panel-left,.panel-right{padding:var(--snice-spacing-lg,2rem)}.divider{background:var(--snice-color-border-subtle,var(--snice-color-border,rgb(226 226 226)))}@media (max-width:768px){.layout{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.divider{height:1px}.panel-left,.panel-right{padding:var(--snice-spacing-md,1rem)}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}'}`}constructor(){super(...arguments),this.direction=(a(this,h),a(this,u,"horizontal")),this.ratio=(a(this,p),a(this,v,"50-50")),a(this,g)}})})()}(Snice);
22
399
  //# sourceMappingURL=snice-layout.min.js.map