@trebired/frontend 0.4.2 → 1.0.0

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/CHANGELOG.md +22 -0
  2. package/README.md +112 -80
  3. package/dist/config/index.d.ts +6 -45
  4. package/dist/config/index.d.ts.map +1 -1
  5. package/dist/config/index.js +19 -252
  6. package/dist/config/index.js.map +1 -1
  7. package/dist/config/module.d.ts +5 -0
  8. package/dist/config/module.d.ts.map +1 -0
  9. package/dist/config/module.js +124 -0
  10. package/dist/config/module.js.map +1 -0
  11. package/dist/config/normalize.d.ts +9 -0
  12. package/dist/config/normalize.d.ts.map +1 -0
  13. package/dist/config/normalize.js +116 -0
  14. package/dist/config/normalize.js.map +1 -0
  15. package/dist/config/palette.d.ts +8 -0
  16. package/dist/config/palette.d.ts.map +1 -0
  17. package/dist/config/palette.js +104 -0
  18. package/dist/config/palette.js.map +1 -0
  19. package/dist/config/scales-css.d.ts +8 -0
  20. package/dist/config/scales-css.d.ts.map +1 -0
  21. package/dist/config/scales-css.js +99 -0
  22. package/dist/config/scales-css.js.map +1 -0
  23. package/dist/config/scales.d.ts +4 -0
  24. package/dist/config/scales.d.ts.map +1 -0
  25. package/dist/config/scales.js +55 -0
  26. package/dist/config/scales.js.map +1 -0
  27. package/dist/config/scss.d.ts +4 -0
  28. package/dist/config/scss.d.ts.map +1 -0
  29. package/dist/config/scss.js +134 -0
  30. package/dist/config/scss.js.map +1 -0
  31. package/dist/config/shared.d.ts +9 -0
  32. package/dist/config/shared.d.ts.map +1 -0
  33. package/dist/config/shared.js +27 -0
  34. package/dist/config/shared.js.map +1 -0
  35. package/dist/config/theme.d.ts +6 -0
  36. package/dist/config/theme.d.ts.map +1 -0
  37. package/dist/config/theme.js +133 -0
  38. package/dist/config/theme.js.map +1 -0
  39. package/dist/config/types.d.ts +127 -0
  40. package/dist/config/types.d.ts.map +1 -0
  41. package/dist/config/types.js +2 -0
  42. package/dist/config/types.js.map +1 -0
  43. package/dist/fullscreen/components/index.d.ts +20 -0
  44. package/dist/fullscreen/components/index.d.ts.map +1 -0
  45. package/dist/fullscreen/components/index.js +19 -0
  46. package/dist/fullscreen/components/index.js.map +1 -0
  47. package/dist/fullscreen/index.d.ts +24 -3
  48. package/dist/fullscreen/index.d.ts.map +1 -1
  49. package/dist/fullscreen/index.js +268 -7
  50. package/dist/fullscreen/index.js.map +1 -1
  51. package/dist/fullscreen/styles/index.scss +71 -0
  52. package/dist/index.d.ts +7 -1
  53. package/dist/index.d.ts.map +1 -1
  54. package/dist/index.js +9 -1
  55. package/dist/index.js.map +1 -1
  56. package/dist/layout/components/index.d.ts +43 -0
  57. package/dist/layout/components/index.d.ts.map +1 -0
  58. package/dist/layout/components/index.js +53 -0
  59. package/dist/layout/components/index.js.map +1 -0
  60. package/dist/layout/index.d.ts +27 -0
  61. package/dist/layout/index.d.ts.map +1 -0
  62. package/dist/layout/index.js +80 -0
  63. package/dist/layout/index.js.map +1 -0
  64. package/dist/layout/styles/index.scss +137 -0
  65. package/dist/react/index.d.ts +14 -0
  66. package/dist/react/index.d.ts.map +1 -1
  67. package/dist/react/index.js +14 -0
  68. package/dist/react/index.js.map +1 -1
  69. package/dist/server/index.d.ts +5 -0
  70. package/dist/server/index.d.ts.map +1 -0
  71. package/dist/server/index.js +5 -0
  72. package/dist/server/index.js.map +1 -0
  73. package/dist/sidebar/components/index.d.ts +35 -0
  74. package/dist/sidebar/components/index.d.ts.map +1 -0
  75. package/dist/sidebar/components/index.js +49 -0
  76. package/dist/sidebar/components/index.js.map +1 -0
  77. package/dist/sidebar/index.d.ts +62 -0
  78. package/dist/sidebar/index.d.ts.map +1 -0
  79. package/dist/sidebar/index.js +247 -0
  80. package/dist/sidebar/index.js.map +1 -0
  81. package/dist/sidebar/styles/index.scss +205 -0
  82. package/dist/src/config/index.d.ts +6 -45
  83. package/dist/src/config/index.d.ts.map +1 -1
  84. package/dist/src/config/index.js +19 -252
  85. package/dist/src/config/index.js.map +1 -1
  86. package/dist/src/config/module.d.ts +5 -0
  87. package/dist/src/config/module.d.ts.map +1 -0
  88. package/dist/src/config/module.js +124 -0
  89. package/dist/src/config/module.js.map +1 -0
  90. package/dist/src/config/normalize.d.ts +9 -0
  91. package/dist/src/config/normalize.d.ts.map +1 -0
  92. package/dist/src/config/normalize.js +116 -0
  93. package/dist/src/config/normalize.js.map +1 -0
  94. package/dist/src/config/palette.d.ts +8 -0
  95. package/dist/src/config/palette.d.ts.map +1 -0
  96. package/dist/src/config/palette.js +104 -0
  97. package/dist/src/config/palette.js.map +1 -0
  98. package/dist/src/config/scales-css.d.ts +8 -0
  99. package/dist/src/config/scales-css.d.ts.map +1 -0
  100. package/dist/src/config/scales-css.js +99 -0
  101. package/dist/src/config/scales-css.js.map +1 -0
  102. package/dist/src/config/scales.d.ts +4 -0
  103. package/dist/src/config/scales.d.ts.map +1 -0
  104. package/dist/src/config/scales.js +55 -0
  105. package/dist/src/config/scales.js.map +1 -0
  106. package/dist/src/config/scss.d.ts +4 -0
  107. package/dist/src/config/scss.d.ts.map +1 -0
  108. package/dist/src/config/scss.js +134 -0
  109. package/dist/src/config/scss.js.map +1 -0
  110. package/dist/src/config/shared.d.ts +9 -0
  111. package/dist/src/config/shared.d.ts.map +1 -0
  112. package/dist/src/config/shared.js +27 -0
  113. package/dist/src/config/shared.js.map +1 -0
  114. package/dist/src/config/theme.d.ts +6 -0
  115. package/dist/src/config/theme.d.ts.map +1 -0
  116. package/dist/src/config/theme.js +133 -0
  117. package/dist/src/config/theme.js.map +1 -0
  118. package/dist/src/config/types.d.ts +127 -0
  119. package/dist/src/config/types.d.ts.map +1 -0
  120. package/dist/src/config/types.js +2 -0
  121. package/dist/src/config/types.js.map +1 -0
  122. package/dist/src/fullscreen/components/index.d.ts +20 -0
  123. package/dist/src/fullscreen/components/index.d.ts.map +1 -0
  124. package/dist/src/fullscreen/components/index.js +19 -0
  125. package/dist/src/fullscreen/components/index.js.map +1 -0
  126. package/dist/src/fullscreen/index.d.ts +24 -3
  127. package/dist/src/fullscreen/index.d.ts.map +1 -1
  128. package/dist/src/fullscreen/index.js +268 -7
  129. package/dist/src/fullscreen/index.js.map +1 -1
  130. package/dist/src/index.d.ts +7 -1
  131. package/dist/src/index.d.ts.map +1 -1
  132. package/dist/src/index.js +9 -1
  133. package/dist/src/index.js.map +1 -1
  134. package/dist/src/layout/components/index.d.ts +43 -0
  135. package/dist/src/layout/components/index.d.ts.map +1 -0
  136. package/dist/src/layout/components/index.js +53 -0
  137. package/dist/src/layout/components/index.js.map +1 -0
  138. package/dist/src/layout/index.d.ts +27 -0
  139. package/dist/src/layout/index.d.ts.map +1 -0
  140. package/dist/src/layout/index.js +80 -0
  141. package/dist/src/layout/index.js.map +1 -0
  142. package/dist/src/react/index.d.ts +14 -0
  143. package/dist/src/react/index.d.ts.map +1 -1
  144. package/dist/src/react/index.js +14 -0
  145. package/dist/src/react/index.js.map +1 -1
  146. package/dist/src/server/index.d.ts +5 -0
  147. package/dist/src/server/index.d.ts.map +1 -0
  148. package/dist/src/server/index.js +5 -0
  149. package/dist/src/server/index.js.map +1 -0
  150. package/dist/src/sidebar/components/index.d.ts +35 -0
  151. package/dist/src/sidebar/components/index.d.ts.map +1 -0
  152. package/dist/src/sidebar/components/index.js +49 -0
  153. package/dist/src/sidebar/components/index.js.map +1 -0
  154. package/dist/src/sidebar/index.d.ts +62 -0
  155. package/dist/src/sidebar/index.d.ts.map +1 -0
  156. package/dist/src/sidebar/index.js +247 -0
  157. package/dist/src/sidebar/index.js.map +1 -0
  158. package/dist/src/theme/apply.d.ts +26 -0
  159. package/dist/src/theme/apply.d.ts.map +1 -0
  160. package/dist/src/theme/apply.js +85 -0
  161. package/dist/src/theme/apply.js.map +1 -0
  162. package/dist/src/theme/boot.d.ts +4 -0
  163. package/dist/src/theme/boot.d.ts.map +1 -0
  164. package/dist/src/theme/boot.js +23 -0
  165. package/dist/src/theme/boot.js.map +1 -0
  166. package/dist/src/theme/components/index.d.ts +13 -5
  167. package/dist/src/theme/components/index.d.ts.map +1 -1
  168. package/dist/src/theme/components/index.js +22 -6
  169. package/dist/src/theme/components/index.js.map +1 -1
  170. package/dist/src/theme/constants.d.ts +12 -0
  171. package/dist/src/theme/constants.d.ts.map +1 -0
  172. package/dist/src/theme/constants.js +12 -0
  173. package/dist/src/theme/constants.js.map +1 -0
  174. package/dist/src/theme/controls.d.ts +15 -0
  175. package/dist/src/theme/controls.d.ts.map +1 -0
  176. package/dist/src/theme/controls.js +128 -0
  177. package/dist/src/theme/controls.js.map +1 -0
  178. package/dist/src/theme/index.d.ts +10 -24
  179. package/dist/src/theme/index.d.ts.map +1 -1
  180. package/dist/src/theme/index.js +15 -117
  181. package/dist/src/theme/index.js.map +1 -1
  182. package/dist/src/theme/modes.d.ts +36 -0
  183. package/dist/src/theme/modes.d.ts.map +1 -0
  184. package/dist/src/theme/modes.js +107 -0
  185. package/dist/src/theme/modes.js.map +1 -0
  186. package/dist/styles/utils.scss +193 -0
  187. package/dist/theme/apply.d.ts +26 -0
  188. package/dist/theme/apply.d.ts.map +1 -0
  189. package/dist/theme/apply.js +85 -0
  190. package/dist/theme/apply.js.map +1 -0
  191. package/dist/theme/boot.d.ts +4 -0
  192. package/dist/theme/boot.d.ts.map +1 -0
  193. package/dist/theme/boot.js +23 -0
  194. package/dist/theme/boot.js.map +1 -0
  195. package/dist/theme/components/index.d.ts +13 -5
  196. package/dist/theme/components/index.d.ts.map +1 -1
  197. package/dist/theme/components/index.js +22 -6
  198. package/dist/theme/components/index.js.map +1 -1
  199. package/dist/theme/constants.d.ts +12 -0
  200. package/dist/theme/constants.d.ts.map +1 -0
  201. package/dist/theme/constants.js +12 -0
  202. package/dist/theme/constants.js.map +1 -0
  203. package/dist/theme/controls.d.ts +15 -0
  204. package/dist/theme/controls.d.ts.map +1 -0
  205. package/dist/theme/controls.js +128 -0
  206. package/dist/theme/controls.js.map +1 -0
  207. package/dist/theme/index.d.ts +10 -24
  208. package/dist/theme/index.d.ts.map +1 -1
  209. package/dist/theme/index.js +15 -117
  210. package/dist/theme/index.js.map +1 -1
  211. package/dist/theme/modes.d.ts +36 -0
  212. package/dist/theme/modes.d.ts.map +1 -0
  213. package/dist/theme/modes.js +107 -0
  214. package/dist/theme/modes.js.map +1 -0
  215. package/package.json +4 -167
  216. package/dist/src/styles/index.d.ts +0 -3
  217. package/dist/src/styles/index.d.ts.map +0 -1
  218. package/dist/src/styles/index.js +0 -15
  219. package/dist/src/styles/index.js.map +0 -1
  220. package/dist/styles/index.d.ts +0 -3
  221. package/dist/styles/index.d.ts.map +0 -1
  222. package/dist/styles/index.js +0 -15
  223. package/dist/styles/index.js.map +0 -1
@@ -1,5 +1,20 @@
1
1
  import { queryAll, resolveDocumentTarget } from "../dom/index.js";
2
- const FULLSCREEN_TRIGGER_SELECTOR = "[data-tbf-fullscreen-toggle],[data-tbf-fullscreen-enter],[data-tbf-fullscreen-exit]";
2
+ import { applyZIndex, clearZIndex, moveLayerElementToTop, portalElement, } from "../layer/index.js";
3
+ const FULLSCREEN_BASE_Z_INDEX = 1120;
4
+ const FULLSCREEN_TRIGGER_SELECTOR = [
5
+ "[data-tbf-fullscreen-trigger]",
6
+ "[data-tbf-fullscreen-toggle]",
7
+ "[data-tbf-fullscreen-enter]",
8
+ "[data-tbf-fullscreen-exit]",
9
+ ].join(",");
10
+ const FULLSCREEN_TARGET_SELECTOR = "[data-tbf-fullscreen-target][data-tbf-fullscreen-id][data-tbf-fullscreen-group]";
11
+ const FULLSCREEN_STORAGE_PREFIX = "tbf:fullscreen:";
12
+ const targetRegistry = new Map();
13
+ const boundTriggers = new WeakSet();
14
+ let panelState = null;
15
+ let panelListenersInstalled = false;
16
+ let originalBodyOverflow = "";
17
+ let originalBodyPaddingRight = "";
3
18
  function fullscreenElement() {
4
19
  return typeof document === "undefined" ? null : document.fullscreenElement;
5
20
  }
@@ -31,32 +46,278 @@ async function exitFullscreen() {
31
46
  async function toggleFullscreen(target) {
32
47
  return fullscreenElement() ? exitFullscreen() : enterFullscreen(target);
33
48
  }
34
- function readTriggerTarget(trigger, fallback) {
49
+ function readNativeTriggerTarget(trigger, fallback) {
35
50
  const value = trigger.getAttribute("data-tbf-fullscreen-target");
36
51
  return value || fallback || null;
37
52
  }
53
+ function fullscreenTargetKey(id, group) {
54
+ return `${String(group || "default").trim() || "default"}:${String(id || "").trim()}`;
55
+ }
56
+ function readPanelId(element) {
57
+ return String(element.getAttribute("data-tbf-fullscreen-id") || "").trim();
58
+ }
59
+ function readPanelGroup(element) {
60
+ return String(element.getAttribute("data-tbf-fullscreen-group") || "default").trim() || "default";
61
+ }
62
+ function readPanelTriggerMode(trigger) {
63
+ const explicit = String(trigger.getAttribute("data-tbf-fullscreen-mode") || "").trim().toLowerCase();
64
+ if (explicit === "close" || explicit === "exit" || explicit === "open" || explicit === "toggle") {
65
+ return explicit;
66
+ }
67
+ if (trigger.hasAttribute("data-tbf-fullscreen-exit"))
68
+ return "exit";
69
+ if (trigger.hasAttribute("data-tbf-fullscreen-enter"))
70
+ return "open";
71
+ return "toggle";
72
+ }
73
+ function targetShouldPersist(target) {
74
+ return target.getAttribute("data-tbf-fullscreen-persist") === "true";
75
+ }
76
+ function storage() {
77
+ try {
78
+ return typeof window !== "undefined" ? window.localStorage : null;
79
+ }
80
+ catch {
81
+ return null;
82
+ }
83
+ }
84
+ function readStoredPanelId(group) {
85
+ return storage()?.getItem(`${FULLSCREEN_STORAGE_PREFIX}${group}`) || "";
86
+ }
87
+ function writeStoredPanelId(group, id) {
88
+ storage()?.setItem(`${FULLSCREEN_STORAGE_PREFIX}${group}`, id);
89
+ }
90
+ function clearStoredPanelId(group) {
91
+ storage()?.removeItem(`${FULLSCREEN_STORAGE_PREFIX}${group}`);
92
+ }
93
+ function lockDocumentScroll(lock) {
94
+ if (!document.body)
95
+ return;
96
+ if (lock) {
97
+ originalBodyOverflow = document.body.style.overflow;
98
+ originalBodyPaddingRight = document.body.style.paddingRight;
99
+ const scrollbarGap = Math.max(0, window.innerWidth - document.documentElement.clientWidth);
100
+ if (scrollbarGap > 0) {
101
+ const currentPadding = Number.parseFloat(window.getComputedStyle(document.body).paddingRight || "0") || 0;
102
+ document.body.style.paddingRight = `${currentPadding + scrollbarGap}px`;
103
+ }
104
+ document.body.style.overflow = "hidden";
105
+ document.documentElement.setAttribute("data-tbf-fullscreen-scroll-locked", "true");
106
+ document.body.setAttribute("data-tbf-fullscreen-scroll-locked", "true");
107
+ return;
108
+ }
109
+ document.body.style.overflow = originalBodyOverflow;
110
+ document.body.style.paddingRight = originalBodyPaddingRight;
111
+ document.documentElement.removeAttribute("data-tbf-fullscreen-scroll-locked");
112
+ document.body.removeAttribute("data-tbf-fullscreen-scroll-locked");
113
+ }
114
+ function createPlaceholder(target) {
115
+ const rect = target.getBoundingClientRect();
116
+ const placeholder = document.createElement("div");
117
+ placeholder.className = "tbf-fullscreen-placeholder";
118
+ placeholder.setAttribute("data-tbf-fullscreen-placeholder", "");
119
+ placeholder.style.width = `${Math.max(0, rect.width)}px`;
120
+ placeholder.style.height = `${Math.max(0, rect.height)}px`;
121
+ return placeholder;
122
+ }
123
+ function createOverlay(id, group) {
124
+ const overlay = document.createElement("div");
125
+ overlay.className = "tbf-fullscreen-overlay";
126
+ overlay.setAttribute("data-tbf-fullscreen-overlay", "");
127
+ overlay.setAttribute("data-tbf-fullscreen-id", id);
128
+ overlay.setAttribute("data-tbf-fullscreen-group", group);
129
+ overlay.setAttribute("aria-hidden", "true");
130
+ overlay.setAttribute("role", "presentation");
131
+ return overlay;
132
+ }
133
+ function dispatchPanelEvent(name, state) {
134
+ state.target.dispatchEvent(new CustomEvent(name, {
135
+ bubbles: true,
136
+ detail: {
137
+ group: state.group,
138
+ id: state.id,
139
+ overlay: state.overlay,
140
+ target: state.target,
141
+ trigger: state.trigger,
142
+ },
143
+ }));
144
+ }
145
+ function syncPanelTriggers() {
146
+ const active = panelState;
147
+ queryAll(document, "[data-tbf-fullscreen-trigger]").forEach((trigger) => {
148
+ const id = readPanelId(trigger);
149
+ const group = readPanelGroup(trigger);
150
+ const matches = Boolean(active && active.id === id && active.group === group);
151
+ const mode = readPanelTriggerMode(trigger);
152
+ trigger.setAttribute("data-tbf-fullscreen-active", matches ? "true" : "false");
153
+ trigger.setAttribute("data-tbf-fullscreen-hidden", (mode === "open" && matches) || ((mode === "close" || mode === "exit") && !matches) ? "true" : "false");
154
+ });
155
+ }
156
+ function registerFullscreenTarget(target) {
157
+ if (!(target instanceof HTMLElement))
158
+ return null;
159
+ const id = readPanelId(target);
160
+ if (!id)
161
+ return null;
162
+ const group = readPanelGroup(target);
163
+ targetRegistry.set(fullscreenTargetKey(id, group), target);
164
+ target.setAttribute("data-tbf-fullscreen-target", "");
165
+ const storedId = readStoredPanelId(group);
166
+ if (storedId && storedId === id && targetShouldPersist(target) && !panelState) {
167
+ openFullscreenTarget(id, group);
168
+ }
169
+ return target;
170
+ }
171
+ function findRegisteredFullscreenTarget(id, group) {
172
+ const existing = targetRegistry.get(fullscreenTargetKey(id, group));
173
+ if (existing?.isConnected)
174
+ return existing;
175
+ const match = resolveDocumentTarget(`[data-tbf-fullscreen-target][data-tbf-fullscreen-id="${id}"][data-tbf-fullscreen-group="${group}"]`);
176
+ return match instanceof HTMLElement ? registerFullscreenTarget(match) : null;
177
+ }
178
+ function openFullscreenTarget(id, group = "default", trigger = null) {
179
+ const target = findRegisteredFullscreenTarget(id, group);
180
+ if (!(target instanceof HTMLElement))
181
+ return null;
182
+ if (panelState?.target === target)
183
+ return target;
184
+ if (panelState)
185
+ closeFullscreenTarget({ immediate: true });
186
+ const placeholder = createPlaceholder(target);
187
+ const overlay = createOverlay(id, group);
188
+ const originalParent = target.parentNode;
189
+ const nextSibling = target.nextSibling;
190
+ const originalStyle = target.getAttribute("style");
191
+ originalParent?.insertBefore(placeholder, target);
192
+ portalElement(overlay);
193
+ moveLayerElementToTop(overlay);
194
+ moveLayerElementToTop(target);
195
+ const overlayZ = applyZIndex(overlay, { fallback: FULLSCREEN_BASE_Z_INDEX });
196
+ applyZIndex(target, { fallback: overlayZ == null ? FULLSCREEN_BASE_Z_INDEX + 1 : overlayZ + 1 });
197
+ target.setAttribute("data-tbf-fullscreen-active", "true");
198
+ target.setAttribute("aria-modal", "true");
199
+ lockDocumentScroll(true);
200
+ panelState = {
201
+ group,
202
+ id,
203
+ nextSibling,
204
+ originalParent,
205
+ originalStyle,
206
+ overlay,
207
+ placeholder,
208
+ target,
209
+ trigger,
210
+ };
211
+ if (targetShouldPersist(target))
212
+ writeStoredPanelId(group, id);
213
+ overlay.addEventListener("click", () => closeFullscreenTarget(), { once: true });
214
+ window.requestAnimationFrame(() => {
215
+ if (panelState?.target !== target)
216
+ return;
217
+ overlay.setAttribute("data-tbf-open", "true");
218
+ overlay.setAttribute("aria-hidden", "false");
219
+ target.setAttribute("data-tbf-fullscreen-full", "true");
220
+ dispatchPanelEvent("tbf:fullscreen-open", panelState);
221
+ });
222
+ syncPanelTriggers();
223
+ installPanelListeners();
224
+ return target;
225
+ }
226
+ function restoreFullscreenTarget(state) {
227
+ state.target.removeAttribute("data-tbf-fullscreen-active");
228
+ state.target.removeAttribute("data-tbf-fullscreen-full");
229
+ state.target.removeAttribute("aria-modal");
230
+ clearZIndex(state.target);
231
+ if (state.originalStyle == null)
232
+ state.target.removeAttribute("style");
233
+ else
234
+ state.target.setAttribute("style", state.originalStyle);
235
+ if (state.placeholder.parentNode) {
236
+ state.placeholder.parentNode.insertBefore(state.target, state.placeholder);
237
+ }
238
+ else if (state.originalParent) {
239
+ state.originalParent.insertBefore(state.target, state.nextSibling);
240
+ }
241
+ state.placeholder.remove();
242
+ state.overlay.remove();
243
+ clearZIndex(state.overlay);
244
+ }
245
+ function closeFullscreenTarget(options = {}) {
246
+ const state = panelState;
247
+ if (!state)
248
+ return false;
249
+ panelState = null;
250
+ state.overlay.removeAttribute("data-tbf-open");
251
+ state.overlay.setAttribute("aria-hidden", "true");
252
+ clearStoredPanelId(state.group);
253
+ const finish = () => {
254
+ restoreFullscreenTarget(state);
255
+ lockDocumentScroll(false);
256
+ state.trigger?.focus({ preventScroll: true });
257
+ dispatchPanelEvent("tbf:fullscreen-close", state);
258
+ syncPanelTriggers();
259
+ };
260
+ if (options.immediate)
261
+ finish();
262
+ else
263
+ window.setTimeout(finish, 180);
264
+ return true;
265
+ }
266
+ function toggleFullscreenTarget(id, group = "default", trigger = null) {
267
+ if (panelState?.id === id && panelState.group === group) {
268
+ closeFullscreenTarget();
269
+ return null;
270
+ }
271
+ return openFullscreenTarget(id, group, trigger);
272
+ }
38
273
  function bindFullscreenTrigger(trigger, options = {}) {
39
274
  if (!(trigger instanceof HTMLElement) || trigger.hasAttribute("data-tbf-fullscreen-bound"))
40
275
  return false;
41
276
  trigger.setAttribute("data-tbf-fullscreen-bound", "true");
42
277
  trigger.addEventListener("click", (event) => {
43
278
  event.preventDefault();
44
- if (trigger.hasAttribute("data-tbf-fullscreen-exit")) {
45
- void exitFullscreen();
279
+ const id = readPanelId(trigger);
280
+ const group = readPanelGroup(trigger);
281
+ const mode = readPanelTriggerMode(trigger);
282
+ if (id) {
283
+ if (mode === "close" || mode === "exit") {
284
+ closeFullscreenTarget();
285
+ return;
286
+ }
287
+ if (mode === "open") {
288
+ openFullscreenTarget(id, group, trigger);
289
+ return;
290
+ }
291
+ toggleFullscreenTarget(id, group, trigger);
46
292
  return;
47
293
  }
48
- const target = readTriggerTarget(trigger, options.target);
49
- if (trigger.hasAttribute("data-tbf-fullscreen-enter"))
294
+ const target = readNativeTriggerTarget(trigger, options.target);
295
+ if (mode === "exit" || mode === "close")
296
+ void exitFullscreen();
297
+ else if (mode === "open")
50
298
  void enterFullscreen(target);
51
299
  else
52
300
  void toggleFullscreen(target);
53
301
  });
302
+ boundTriggers.add(trigger);
54
303
  return true;
55
304
  }
56
305
  function bindFullscreen(root = document, options = {}) {
306
+ queryAll(root, FULLSCREEN_TARGET_SELECTOR).forEach(registerFullscreenTarget);
57
307
  queryAll(root, FULLSCREEN_TRIGGER_SELECTOR).forEach((trigger) => {
58
308
  bindFullscreenTrigger(trigger, options);
59
309
  });
310
+ syncPanelTriggers();
311
+ installPanelListeners();
312
+ }
313
+ function installPanelListeners() {
314
+ if (panelListenersInstalled || typeof document === "undefined")
315
+ return;
316
+ panelListenersInstalled = true;
317
+ document.addEventListener("keydown", (event) => {
318
+ if (event.key === "Escape")
319
+ closeFullscreenTarget();
320
+ });
60
321
  }
61
- export { FULLSCREEN_TRIGGER_SELECTOR, bindFullscreen, bindFullscreenTrigger, enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, toggleFullscreen, };
322
+ export { FULLSCREEN_BASE_Z_INDEX, FULLSCREEN_STORAGE_PREFIX, FULLSCREEN_TARGET_SELECTOR, FULLSCREEN_TRIGGER_SELECTOR, bindFullscreen, bindFullscreenTrigger, enterFullscreen, exitFullscreen, fullscreenElement, fullscreenSupported, openFullscreenTarget, closeFullscreenTarget, registerFullscreenTarget, toggleFullscreen, toggleFullscreenTarget, };
62
323
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/fullscreen/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,71 @@
1
+ .tbf-fullscreen-overlay,
2
+ [data-tbf-fullscreen-overlay] {
3
+ position: fixed;
4
+ inset: 0;
5
+ background: var(--tbf-fullscreen-overlay, rgb(0 0 0 / 48%));
6
+ opacity: 0;
7
+ visibility: hidden;
8
+ pointer-events: none;
9
+ transition:
10
+ opacity var(--tbf-transition-normal, 180ms) ease,
11
+ visibility 0s linear var(--tbf-transition-normal, 180ms);
12
+ }
13
+
14
+ [data-tbf-fullscreen-overlay][data-tbf-open="true"] {
15
+ opacity: 1;
16
+ visibility: visible;
17
+ pointer-events: auto;
18
+ transition:
19
+ opacity var(--tbf-transition-normal, 180ms) ease,
20
+ visibility 0s;
21
+ }
22
+
23
+ .tbf-fullscreen-target,
24
+ [data-tbf-fullscreen-target] {
25
+ min-width: 0;
26
+ }
27
+
28
+ [data-tbf-fullscreen-target][data-tbf-fullscreen-active="true"] {
29
+ position: fixed !important;
30
+ inset: 0 !important;
31
+ display: flex;
32
+ width: 100vw !important;
33
+ height: 100dvh !important;
34
+ max-width: none !important;
35
+ max-height: none !important;
36
+ min-height: 0 !important;
37
+ flex-direction: column;
38
+ margin: 0 !important;
39
+ overflow: hidden;
40
+ border-radius: 0 !important;
41
+ background: var(--tbf-page, #fff);
42
+ }
43
+
44
+ [data-tbf-fullscreen-target][data-tbf-fullscreen-active="true"] > * {
45
+ min-height: 0;
46
+ }
47
+
48
+ .tbf-fullscreen-placeholder,
49
+ [data-tbf-fullscreen-placeholder] {
50
+ display: flex;
51
+ max-width: 100%;
52
+ min-height: 80px;
53
+ box-sizing: border-box;
54
+ align-items: center;
55
+ justify-content: center;
56
+ overflow: hidden;
57
+ border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
58
+ border-radius: var(--tbf-radius, 0);
59
+ color: var(--tbf-text-muted, #666);
60
+ background: var(--tbf-surface, #fff);
61
+ pointer-events: none;
62
+ }
63
+
64
+ [data-tbf-fullscreen-hidden="true"] {
65
+ display: none !important;
66
+ }
67
+
68
+ html[data-tbf-fullscreen-scroll-locked="true"],
69
+ body[data-tbf-fullscreen-scroll-locked="true"] {
70
+ overflow: hidden !important;
71
+ }
package/dist/index.d.ts CHANGED
@@ -1,11 +1,14 @@
1
1
  import type { ActionAdapters } from "./actions/index.js";
2
+ import { type LayoutRuntimeOptions } from "./layout/index.js";
2
3
  import { rehydrate, type LiveOptions } from "./live/index.js";
3
4
  import { type ProgressHandle } from "./progress/index.js";
5
+ import { type SidebarRuntimeOptions } from "./sidebar/index.js";
4
6
  import { type ThemeRuntimeOptions } from "./theme/index.js";
5
7
  import type { BindRoot, Cleanup } from "./dom/index.js";
6
8
  import { type FrontendLoggingOptions } from "./logging/index.js";
7
9
  type FrontendRuntimeAdapters = ActionAdapters & FrontendLoggingOptions & {
8
10
  progress?: ProgressHandle;
11
+ sidebarPersistence?: SidebarRuntimeOptions["persistence"];
9
12
  themePersistence?: ThemeRuntimeOptions["persistence"];
10
13
  live?: LiveOptions["skip"];
11
14
  };
@@ -13,8 +16,10 @@ type FrontendRuntimeOptions = {
13
16
  adapters?: FrontendRuntimeAdapters;
14
17
  frontend_quiet?: boolean;
15
18
  live?: Omit<LiveOptions, "skip">;
19
+ layout?: LayoutRuntimeOptions;
16
20
  observe?: boolean;
17
21
  quiet?: boolean;
22
+ sidebar?: SidebarRuntimeOptions;
18
23
  theme?: Omit<ThemeRuntimeOptions, "persistence">;
19
24
  };
20
25
  type FrontendRuntimeBinding = {
@@ -32,11 +37,12 @@ export * from "./http/index.js";
32
37
  export * from "./icons/index.js";
33
38
  export * from "./inputs/index.js";
34
39
  export * from "./layer/index.js";
40
+ export * from "./layout/index.js";
35
41
  export * from "./live/index.js";
36
42
  export * from "./modal/index.js";
37
43
  export * from "./popover/index.js";
38
44
  export * from "./progress/index.js";
39
- export * from "./react/index.js";
45
+ export * from "./sidebar/index.js";
40
46
  export * from "./theme/index.js";
41
47
  export * from "./tooltip/index.js";
42
48
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,OAAO,EAAmB,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG/E,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG9E,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAE5B,KAAK,uBAAuB,GAAG,cAAc,GAAG,sBAAsB,GAAG;IACvE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC;CAClD,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAmDF,iBAAS,mBAAmB,CAC1B,IAAI,GAAE,QAAmB,EACzB,OAAO,GAAE,sBAA2B,GACnC,sBAAsB,CAgCxB;AAED,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,CAAC;AAC1C,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,GACvB,CAAC;AACF,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,OAAO,EAAe,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAmB,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG/E,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAgB,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG9E,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAE5B,KAAK,uBAAuB,GAAG,cAAc,GAAG,sBAAsB,GAAG;IACvE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC1D,gBAAgB,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACtD,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,CAAC,CAAC;CAClD,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAwDF,iBAAS,mBAAmB,CAC1B,IAAI,GAAE,QAAmB,EACzB,OAAO,GAAE,sBAA2B,GACnC,sBAAsB,CAgCxB;AAED,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,CAAC;AAC1C,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,GACvB,CAAC;AACF,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
package/dist/index.js CHANGED
@@ -2,10 +2,12 @@ import { bindActionButtons, bindActionForms, bindActionTriggers } from "./action
2
2
  import { bindInputControllers } from "./inputs/index.js";
3
3
  import { bindIcons } from "./icons/index.js";
4
4
  import { bindFullscreen } from "./fullscreen/index.js";
5
+ import { bindLayouts } from "./layout/index.js";
5
6
  import { bindLiveRefresh, rehydrate } from "./live/index.js";
6
7
  import { bindModals } from "./modal/index.js";
7
8
  import { bindPopovers } from "./popover/index.js";
8
9
  import { bindProgress } from "./progress/index.js";
10
+ import { bindSidebars } from "./sidebar/index.js";
9
11
  import { bindThemeRuntime } from "./theme/index.js";
10
12
  import { bindTooltips } from "./tooltip/index.js";
11
13
  import { bindPortals, ensureLayerRoot } from "./layer/index.js";
@@ -30,6 +32,7 @@ function bindFrontendRuntimeOnce(root, options) {
30
32
  ...(options.theme || {}),
31
33
  persistence: options.adapters?.themePersistence,
32
34
  });
35
+ bindLayouts(scope, options.layout || {});
33
36
  ensureLayerRoot();
34
37
  bindPortals(scope);
35
38
  bindProgress();
@@ -45,6 +48,10 @@ function bindFrontendRuntimeOnce(root, options) {
45
48
  bindTooltips(scope);
46
49
  bindPopovers(scope);
47
50
  bindModals(scope);
51
+ bindSidebars(scope, {
52
+ ...(options.sidebar || {}),
53
+ persistence: options.adapters?.sidebarPersistence || options.sidebar?.persistence,
54
+ });
48
55
  bindActionTriggers(scope, { navigation: adapters.navigation });
49
56
  bindActionForms(scope, { adapters });
50
57
  bindActionButtons(scope, { adapters });
@@ -100,11 +107,12 @@ export * from "./http/index.js";
100
107
  export * from "./icons/index.js";
101
108
  export * from "./inputs/index.js";
102
109
  export * from "./layer/index.js";
110
+ export * from "./layout/index.js";
103
111
  export * from "./live/index.js";
104
112
  export * from "./modal/index.js";
105
113
  export * from "./popover/index.js";
106
114
  export * from "./progress/index.js";
107
- export * from "./react/index.js";
115
+ export * from "./sidebar/index.js";
108
116
  export * from "./theme/index.js";
109
117
  export * from "./tooltip/index.js";
110
118
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,43 @@
1
+ import type { HTMLAttributes, HtmlHTMLAttributes, ReactNode, ScriptHTMLAttributes } from "react";
2
+ import { type LayoutBodyState } from "../index.d.ts";
3
+ type LayoutDocumentProps = {
4
+ bodyAttributes?: HTMLAttributes<HTMLBodyElement>;
5
+ children?: ReactNode;
6
+ csrfToken?: string;
7
+ faviconHref?: string;
8
+ head?: ReactNode;
9
+ htmlAttributes?: HtmlHTMLAttributes<HTMLHtmlElement>;
10
+ lang?: string;
11
+ scripts?: ReactNode;
12
+ theme?: string;
13
+ title?: string;
14
+ viewerId?: string;
15
+ };
16
+ type LayoutProps = HTMLAttributes<HTMLDivElement> & {
17
+ bottomBar?: ReactNode;
18
+ header?: ReactNode;
19
+ leftSidebar?: ReactNode;
20
+ mainId?: string;
21
+ mobileNav?: ReactNode;
22
+ portalRoot?: ReactNode;
23
+ rightSidebar?: ReactNode;
24
+ secondaryHeader?: ReactNode;
25
+ };
26
+ type LayoutMainProps = HTMLAttributes<HTMLElement> & {
27
+ live?: boolean;
28
+ };
29
+ type LayoutContentProps = HTMLAttributes<HTMLDivElement>;
30
+ type LayoutBootScriptProps = ScriptHTMLAttributes<HTMLScriptElement> & Partial<LayoutBodyState>;
31
+ declare function LayoutDocument(props: LayoutDocumentProps): import("react").JSX.Element;
32
+ declare function Layout(props: LayoutProps): import("react").JSX.Element;
33
+ declare function LayoutMain(props: LayoutMainProps): import("react").JSX.Element;
34
+ declare function LayoutContent(props: LayoutContentProps): import("react").JSX.Element;
35
+ declare function LayoutCenter(props: LayoutContentProps): import("react").JSX.Element;
36
+ declare function LayoutPortalRoot(props: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
37
+ declare function LayoutHeader(props: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
38
+ declare function LayoutSecondaryHeader(props: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
39
+ declare function LayoutBottomBar(props: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
40
+ declare function LayoutBootScript(props: LayoutBootScriptProps): import("react").JSX.Element;
41
+ export { Layout, LayoutBootScript, LayoutBottomBar, LayoutCenter, LayoutContent, LayoutDocument, LayoutHeader, LayoutMain, LayoutPortalRoot, LayoutSecondaryHeader, };
42
+ export type { LayoutBootScriptProps, LayoutContentProps, LayoutDocumentProps, LayoutMainProps, LayoutProps, };
43
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,kBAAkB,EAClB,SAAS,EACT,oBAAoB,EACrB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAiD,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAEpG,KAAK,mBAAmB,GAAG;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B,CAAC;AAEF,KAAK,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzD,KAAK,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAEhG,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAwCjD;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,+BAkCjC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,+BAYzC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAW/C;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,+BAW9C;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,+BAiB9D;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,+BAWvD;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,+BAWhE;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,WAAW,CAAC,+BAW1D;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAoBrD;AAED,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,qBAAqB,GACtB,CAAC;AACF,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,WAAW,GACZ,CAAC"}
@@ -0,0 +1,53 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { classNames } from "../../components/index.js";
3
+ import { LayerRoot } from "../../layer/components/index.js";
4
+ import { TooltipLayer } from "../../tooltip/components/index.js";
5
+ import { createLayoutBootScript, LAYOUT_PORTAL_ROOT_ID } from "../index.js";
6
+ function LayoutDocument(props) {
7
+ const { bodyAttributes, children, csrfToken, faviconHref, head, htmlAttributes, lang = "en", scripts, theme, title, viewerId, } = props;
8
+ return (_jsxs("html", { ...htmlAttributes, lang: htmlAttributes?.lang || lang, "data-tbf-theme": theme || htmlAttributes?.["data-tbf-theme"], "data-tbf-layout-document": "", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }), csrfToken ? _jsx("meta", { name: "csrf-token", content: csrfToken }) : null, viewerId ? _jsx("meta", { name: "viewer-id", content: viewerId }) : null, title ? _jsx("title", { children: title }) : null, faviconHref ? _jsx("link", { id: "app_favicon", rel: "icon", type: "image/svg+xml", href: faviconHref }) : null, head] }), _jsxs("body", { ...bodyAttributes, "data-tbf-layout": "", "data-tbf-theme": theme || bodyAttributes?.["data-tbf-theme"], children: [children, scripts] })] }));
9
+ }
10
+ function Layout(props) {
11
+ const { bottomBar, children, className, header, leftSidebar, mainId = "tbf_live_content", mobileNav, portalRoot, rightSidebar, secondaryHeader, ...rest } = props;
12
+ return (_jsxs(_Fragment, { children: [header, mobileNav, portalRoot === undefined ? _jsx(LayoutPortalRoot, {}) : portalRoot, _jsxs("div", { ...rest, className: classNames("tbf-layout", className), "data-tbf-layout-root": "", children: [leftSidebar, _jsxs(LayoutMain, { id: mainId, children: [secondaryHeader, children] }), rightSidebar] }), bottomBar] }));
13
+ }
14
+ function LayoutMain(props) {
15
+ const { children, className, live = true, ...rest } = props;
16
+ return (_jsx("main", { ...rest, className: classNames("tbf-layout-main", className), "data-tbf-layout-main": "", "data-tbf-live-content": live ? "" : undefined, children: children }));
17
+ }
18
+ function LayoutContent(props) {
19
+ const { children, className, ...rest } = props;
20
+ return (_jsx("div", { ...rest, className: classNames("tbf-layout-content", className), "data-tbf-layout-content": "", children: children }));
21
+ }
22
+ function LayoutCenter(props) {
23
+ const { children, className, ...rest } = props;
24
+ return (_jsx("div", { ...rest, className: classNames("tbf-layout-center", className), "data-tbf-layout-center": "", children: children }));
25
+ }
26
+ function LayoutPortalRoot(props) {
27
+ const { children, className, id = LAYOUT_PORTAL_ROOT_ID, ...rest } = props;
28
+ return (_jsx("div", { ...rest, className: classNames("tbf-layout-portal-root", className), "data-tbf-layout-portal-root": "", id: id, children: children === undefined ? (_jsxs(_Fragment, { children: [_jsx(LayerRoot, {}), _jsx(TooltipLayer, {})] })) : children }));
29
+ }
30
+ function LayoutHeader(props) {
31
+ const { children, className, ...rest } = props;
32
+ return (_jsx("header", { ...rest, className: classNames("tbf-layout-header", className), "data-tbf-layout-header": "", children: children }));
33
+ }
34
+ function LayoutSecondaryHeader(props) {
35
+ const { children, className, ...rest } = props;
36
+ return (_jsx("header", { ...rest, className: classNames("tbf-layout-secondary-header", className), "data-tbf-layout-secondary-header": "", children: children }));
37
+ }
38
+ function LayoutBottomBar(props) {
39
+ const { children, className, ...rest } = props;
40
+ return (_jsx("nav", { ...rest, className: classNames("tbf-layout-bottom-bar", className), "data-tbf-layout-bottom-bar": "", children: children }));
41
+ }
42
+ function LayoutBootScript(props) {
43
+ const { hasLeftSidebar, hasMobileBottomBar, hasRightSidebar, ...rest } = props;
44
+ return (_jsx("script", { ...rest, "data-tbf-layout-boot": "", dangerouslySetInnerHTML: {
45
+ __html: createLayoutBootScript({
46
+ hasLeftSidebar,
47
+ hasMobileBottomBar,
48
+ hasRightSidebar,
49
+ }),
50
+ } }));
51
+ }
52
+ export { Layout, LayoutBootScript, LayoutBottomBar, LayoutCenter, LayoutContent, LayoutDocument, LayoutHeader, LayoutMain, LayoutPortalRoot, LayoutSecondaryHeader, };
53
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/components/index.tsx"],"names":[],"mappings":"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"}