juxscript 1.1.342 → 1.1.343

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 (90) hide show
  1. package/package.json +1 -1
  2. package/dist/components/blocks/menu.d.ts +0 -62
  3. package/dist/components/blocks/menu.d.ts.map +0 -1
  4. package/dist/components/blocks/menu.js +0 -149
  5. package/dist/components/blocks/menu.js.map +0 -1
  6. package/dist/components/blocks/sidebar.d.ts +0 -61
  7. package/dist/components/blocks/sidebar.d.ts.map +0 -1
  8. package/dist/components/blocks/sidebar.js +0 -148
  9. package/dist/components/blocks/sidebar.js.map +0 -1
  10. package/dist/lib/components/blocks/menu.d.ts +0 -40
  11. package/dist/lib/components/blocks/menu.d.ts.map +0 -1
  12. package/dist/lib/components/blocks/menu.js +0 -136
  13. package/dist/lib/components/button.d.ts +0 -33
  14. package/dist/lib/components/button.d.ts.map +0 -1
  15. package/dist/lib/components/button.js +0 -107
  16. package/dist/lib/components/checkbox.d.ts +0 -62
  17. package/dist/lib/components/checkbox.d.ts.map +0 -1
  18. package/dist/lib/components/checkbox.js +0 -178
  19. package/dist/lib/components/container.d.ts +0 -58
  20. package/dist/lib/components/container.d.ts.map +0 -1
  21. package/dist/lib/components/container.js +0 -151
  22. package/dist/lib/components/data.d.ts +0 -58
  23. package/dist/lib/components/data.d.ts.map +0 -1
  24. package/dist/lib/components/data.js +0 -130
  25. package/dist/lib/components/grid.d.ts +0 -58
  26. package/dist/lib/components/grid.d.ts.map +0 -1
  27. package/dist/lib/components/grid.js +0 -127
  28. package/dist/lib/components/include.d.ts +0 -86
  29. package/dist/lib/components/include.d.ts.map +0 -1
  30. package/dist/lib/components/include.js +0 -238
  31. package/dist/lib/components/input.d.ts +0 -58
  32. package/dist/lib/components/input.d.ts.map +0 -1
  33. package/dist/lib/components/input.js +0 -161
  34. package/dist/lib/components/link.d.ts +0 -35
  35. package/dist/lib/components/link.d.ts.map +0 -1
  36. package/dist/lib/components/link.js +0 -135
  37. package/dist/lib/components/list.d.ts +0 -48
  38. package/dist/lib/components/list.d.ts.map +0 -1
  39. package/dist/lib/components/list.js +0 -178
  40. package/dist/lib/components/nav.d.ts +0 -46
  41. package/dist/lib/components/nav.d.ts.map +0 -1
  42. package/dist/lib/components/nav.js +0 -189
  43. package/dist/lib/components/radio.d.ts +0 -40
  44. package/dist/lib/components/radio.d.ts.map +0 -1
  45. package/dist/lib/components/radio.js +0 -112
  46. package/dist/lib/components/select.d.ts +0 -41
  47. package/dist/lib/components/select.d.ts.map +0 -1
  48. package/dist/lib/components/select.js +0 -111
  49. package/dist/lib/components/store.d.ts +0 -78
  50. package/dist/lib/components/store.d.ts.map +0 -1
  51. package/dist/lib/components/store.js +0 -248
  52. package/dist/lib/components/style.d.ts +0 -27
  53. package/dist/lib/components/style.d.ts.map +0 -1
  54. package/dist/lib/components/style.js +0 -52
  55. package/dist/lib/components/table.d.ts +0 -56
  56. package/dist/lib/components/table.d.ts.map +0 -1
  57. package/dist/lib/components/table.js +0 -199
  58. package/dist/lib/components/tabs.d.ts +0 -52
  59. package/dist/lib/components/tabs.d.ts.map +0 -1
  60. package/dist/lib/components/tabs.js +0 -206
  61. package/dist/lib/components/tag.d.ts +0 -41
  62. package/dist/lib/components/tag.d.ts.map +0 -1
  63. package/dist/lib/components/tag.js +0 -103
  64. package/dist/lib/devtools/devtools.d.ts +0 -3
  65. package/dist/lib/devtools/devtools.d.ts.map +0 -1
  66. package/dist/lib/devtools/devtools.js +0 -181
  67. package/dist/lib/index.d.ts +0 -70
  68. package/dist/lib/index.d.ts.map +0 -1
  69. package/dist/lib/index.js +0 -65
  70. package/dist/lib/state/pageState.d.ts +0 -19
  71. package/dist/lib/state/pageState.d.ts.map +0 -1
  72. package/dist/lib/state/pageState.js +0 -360
  73. package/dist/lib/utils/codeHighlight.d.ts +0 -7
  74. package/dist/lib/utils/codeHighlight.d.ts.map +0 -1
  75. package/dist/lib/utils/codeHighlight.js +0 -105
  76. package/dist/lib/utils/codeparser.d.ts +0 -29
  77. package/dist/lib/utils/codeparser.d.ts.map +0 -1
  78. package/dist/lib/utils/codeparser.js +0 -384
  79. package/dist/lib/utils/fetch.d.ts +0 -176
  80. package/dist/lib/utils/fetch.d.ts.map +0 -1
  81. package/dist/lib/utils/fetch.js +0 -427
  82. package/dist/lib/utils/formatId.d.ts +0 -16
  83. package/dist/lib/utils/formatId.d.ts.map +0 -1
  84. package/dist/lib/utils/formatId.js +0 -27
  85. package/dist/lib/utils/idgen.d.ts +0 -2
  86. package/dist/lib/utils/idgen.d.ts.map +0 -1
  87. package/dist/lib/utils/idgen.js +0 -4
  88. package/dist/lib/utils/niceName.d.ts +0 -14
  89. package/dist/lib/utils/niceName.d.ts.map +0 -1
  90. package/dist/lib/utils/niceName.js +0 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "juxscript",
3
- "version": "1.1.342",
3
+ "version": "1.1.343",
4
4
  "type": "module",
5
5
  "description": "A JavaScript UX authorship platform",
6
6
  "main": "./dist/lib/index.js",
@@ -1,62 +0,0 @@
1
- export interface MenuItem {
2
- id?: string;
3
- label?: string;
4
- path?: string;
5
- icon?: string;
6
- disabled?: boolean;
7
- [key: string]: any;
8
- }
9
- export interface MenuSection {
10
- label?: string;
11
- items: (string | MenuItem)[];
12
- }
13
- export interface MenuOptions {
14
- title?: string;
15
- logo?: string;
16
- footer?: string;
17
- width?: string;
18
- target?: string;
19
- density?: 'dense' | 'normal' | 'inflated';
20
- }
21
- export interface MenuApi {
22
- id: string;
23
- title(val: string): MenuApi;
24
- logo(val: string): MenuApi;
25
- footer(val: string): MenuApi;
26
- width(val: string): MenuApi;
27
- target(val: string): MenuApi;
28
- density(val: 'dense' | 'normal' | 'inflated'): MenuApi;
29
- section(label: string, items: (string | MenuItem)[]): MenuApi;
30
- items(items: (string | MenuItem)[]): MenuApi;
31
- render(): MenuApi;
32
- addSection(label: string, items: (string | MenuItem)[]): MenuApi;
33
- setTitle(val: string): MenuApi;
34
- setFooter(val: string): MenuApi;
35
- show(): MenuApi;
36
- hide(): MenuApi;
37
- toggle(): MenuApi;
38
- getElement(): HTMLElement | null;
39
- }
40
- /**
41
- * Create a sidebar menu with fluent API.
42
- *
43
- * @example
44
- * // One-liner
45
- * jux.menu('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
46
- *
47
- * // Sectioned
48
- * jux.menu('m2', [
49
- * { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
50
- * { label: 'Settings', items: ['/profile', '/security'] },
51
- * ], { title: 'App', density: 'inflated' });
52
- *
53
- * // Fluent chain
54
- * jux.menu('m3')
55
- * .title('Dashboard').logo('D').target('sidebar')
56
- * .section('Nav', ['/home', '/about'])
57
- * .section('Admin', ['/settings'])
58
- * .footer('v1.0');
59
- */
60
- export declare function menu(id: string, sections?: (string | MenuSection | MenuItem)[], options?: MenuOptions): MenuApi;
61
- export default menu;
62
- //# sourceMappingURL=menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../lib/components/blocks/menu.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACvD,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,OAAO,CAAC;IAC9D,KAAK,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,OAAO,CAAC;IAC7C,MAAM,IAAI,OAAO,CAAC;IAClB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,OAAO,CAAC;IACjE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,IAAI,IAAI,OAAO,CAAC;IAChB,IAAI,IAAI,OAAO,CAAC;IAChB,MAAM,IAAI,OAAO,CAAC;IAClB,UAAU,IAAI,WAAW,GAAG,IAAI,CAAC;CACpC;AAyDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAsE/G;AAED,eAAe,IAAI,CAAC"}
@@ -1,149 +0,0 @@
1
- import { div, span } from '../tag.js';
2
- import { nav } from '../nav.js';
3
- import { style } from '../style.js';
4
- import { pageState } from '../../state/pageState.js';
5
- const DENSITY_CONFIG = {
6
- dense: { headerPad: '10px', itemPad: '4px 10px', labelPad: '6px 10px 2px', footerPad: '8px 12px', gap: '0px', fontSize: '12px', iconSize: '13px' },
7
- normal: { headerPad: '16px', itemPad: '8px 12px', labelPad: '8px 12px 4px', footerPad: '12px 16px', gap: '1px', fontSize: '13px', iconSize: '15px' },
8
- inflated: { headerPad: '20px', itemPad: '12px 16px', labelPad: '12px 16px 6px', footerPad: '16px 20px', gap: '4px', fontSize: '14px', iconSize: '17px' }
9
- };
10
- function normalizeItem(menuId, item) {
11
- if (typeof item === 'string') {
12
- const path = item.startsWith('/') ? item : '/' + item;
13
- const seg = path.split('/').filter(Boolean).pop() || 'Home';
14
- return {
15
- id: menuId + '-' + seg.toLowerCase().replace(/[^a-z0-9]/g, '-'),
16
- label: seg.charAt(0).toUpperCase() + seg.slice(1),
17
- path
18
- };
19
- }
20
- return item;
21
- }
22
- function normalizeSections(menuId, input) {
23
- if (!input || !Array.isArray(input) || input.length === 0)
24
- return [];
25
- const isFlat = input.every((i) => typeof i === 'string' || (typeof i === 'object' && !i.items));
26
- if (isFlat)
27
- return [{ items: input.map(i => normalizeItem(menuId, i)) }];
28
- return input.map((s) => {
29
- if (typeof s === 'string')
30
- return { items: [normalizeItem(menuId, s)] };
31
- return { label: s.label, items: (s.items || []).map((i) => normalizeItem(menuId, i)) };
32
- });
33
- }
34
- function injectMenuStyles(density) {
35
- const d = DENSITY_CONFIG;
36
- const css = `
37
- body { margin: 0; }
38
- .jux-sidebar { display:flex; flex-direction:column; min-height:100vh; background:hsl(var(--card)); color:hsl(var(--card-foreground)); border-right:1px solid hsl(var(--border)); font-family:var(--font-sans,system-ui,sans-serif); }
39
- .jux-sidebar-header { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; border-bottom:1px solid hsl(var(--border)); }
40
- .jux-sidebar-logo { width:20px; height:20px; border-radius:6px; background:hsl(var(--primary)); display:flex; align-items:center; justify-content:center; color:hsl(var(--primary-foreground)); font-size:11px; font-weight:700; }
41
- .jux-sidebar-label { font-size:11px; font-weight:500; color:hsl(var(--muted-foreground)); text-transform:uppercase; letter-spacing:0.05em; }
42
- .jux-sidebar-footer { margin-top:auto; border-top:1px solid hsl(var(--border)); font-size:11px; color:hsl(var(--muted-foreground)); }
43
- .jux-sidebar-divider { height:1px; background:hsl(var(--border)); margin:4px 8px; }
44
- .jux-nav-item { display:flex; align-items:center; border-radius:var(--radius,6px); font-weight:500; color:hsl(var(--foreground)); cursor:pointer; transition:background 0.15s; user-select:none; text-decoration:none; }
45
- .jux-nav-item:hover { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); }
46
- .jux-nav-item--active { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); font-weight:600; }
47
- .jux-nav-item-icon { text-align:center; flex-shrink:0; }
48
- ` + ['dense', 'normal', 'inflated'].map(k => {
49
- const v = d[k];
50
- return `.jux-sidebar--${k} .jux-sidebar-header { padding:${v.headerPad}; }
51
- .jux-sidebar--${k} .jux-sidebar-label { padding:${v.labelPad}; }
52
- .jux-sidebar--${k} .jux-sidebar-footer { padding:${v.footerPad}; }
53
- .jux-sidebar--${k} .jux-nav-item { padding:${v.itemPad}; margin:${v.gap} 0; font-size:${v.fontSize}; gap:${k === 'dense' ? '8px' : k === 'normal' ? '10px' : '12px'}; }
54
- .jux-sidebar--${k} .jux-nav-item-icon { width:${k === 'dense' ? '16px' : k === 'normal' ? '18px' : '20px'}; font-size:${v.iconSize}; }`;
55
- }).join('\n');
56
- style('menu-styles', css);
57
- }
58
- /**
59
- * Create a sidebar menu with fluent API.
60
- *
61
- * @example
62
- * // One-liner
63
- * jux.menu('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
64
- *
65
- * // Sectioned
66
- * jux.menu('m2', [
67
- * { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
68
- * { label: 'Settings', items: ['/profile', '/security'] },
69
- * ], { title: 'App', density: 'inflated' });
70
- *
71
- * // Fluent chain
72
- * jux.menu('m3')
73
- * .title('Dashboard').logo('D').target('sidebar')
74
- * .section('Nav', ['/home', '/about'])
75
- * .section('Admin', ['/settings'])
76
- * .footer('v1.0');
77
- */
78
- export function menu(id, sections, options) {
79
- const opts = options || {};
80
- let _title = opts.title || 'App';
81
- let _logo = opts.logo || _title.charAt(0).toUpperCase();
82
- let _footer = opts.footer || '';
83
- let _width = opts.width || '260px';
84
- let _target = opts.target;
85
- let _density = opts.density || 'normal';
86
- let _sectionCount = 0;
87
- let _rendered = false;
88
- let _footerRendered = false;
89
- function ensureShell() {
90
- if (_rendered)
91
- return;
92
- _rendered = true;
93
- injectMenuStyles(_density);
94
- div(id, { class: 'jux-sidebar jux-sidebar--' + _density, style: 'width:' + _width, target: _target });
95
- div(id + '-header', { class: 'jux-sidebar-header', target: id });
96
- div(id + '-logo', { class: 'jux-sidebar-logo', content: _logo, target: id + '-header' });
97
- span(id + '-title', { content: _title, target: id + '-header' });
98
- }
99
- function renderSection(section) {
100
- ensureShell();
101
- const i = _sectionCount++;
102
- if (i > 0)
103
- div(id + '-divider-' + i, { class: 'jux-sidebar-divider', target: id });
104
- if (section.label)
105
- div(id + '-label-' + i, { class: 'jux-sidebar-label', content: section.label, target: id });
106
- nav(id + '-nav-' + i, { target: id, items: section.items });
107
- }
108
- function renderFooter() {
109
- if (_footerRendered || !_footer)
110
- return;
111
- _footerRendered = true;
112
- div(id + '-footer', { class: 'jux-sidebar-footer', content: _footer, target: id });
113
- }
114
- const api = {
115
- id,
116
- title(val) { _title = val; return api; },
117
- logo(val) { _logo = val; return api; },
118
- footer(val) { _footer = val; if (_rendered)
119
- renderFooter(); return api; },
120
- width(val) { _width = val; return api; },
121
- target(val) { _target = val; return api; },
122
- density(val) { _density = val; return api; },
123
- section(label, items) {
124
- renderSection({ label, items: (items || []).map(i => normalizeItem(id, i)) });
125
- return api;
126
- },
127
- items(items) {
128
- renderSection({ items: (items || []).map(i => normalizeItem(id, i)) });
129
- return api;
130
- },
131
- render() { ensureShell(); renderFooter(); return api; },
132
- addSection(label, items) { return api.section(label, items); },
133
- setTitle(val) { pageState[id + '-title'].content = val; return api; },
134
- setFooter(val) { pageState[id + '-footer'].content = val; return api; },
135
- show() { pageState[id].visible = true; return api; },
136
- hide() { pageState[id].visible = false; return api; },
137
- toggle() { pageState[id].visible = !pageState[id].visible; return api; },
138
- getElement() { return document.getElementById(id); }
139
- };
140
- // Auto-render if sections passed
141
- if (sections && Array.isArray(sections) && sections.length > 0) {
142
- const normalized = normalizeSections(id, sections);
143
- normalized.forEach(renderSection);
144
- renderFooter();
145
- }
146
- return api;
147
- }
148
- export default menu;
149
- //# sourceMappingURL=menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../lib/components/blocks/menu.ts"],"names":[],"mappings":"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"}
@@ -1,61 +0,0 @@
1
- export interface MenuItem {
2
- id?: string;
3
- label?: string;
4
- path?: string;
5
- icon?: string;
6
- disabled?: boolean;
7
- [key: string]: any;
8
- }
9
- export interface MenuSection {
10
- label?: string;
11
- items: (string | MenuItem)[];
12
- }
13
- export interface MenuOptions {
14
- title?: string;
15
- logo?: string;
16
- footer?: string;
17
- width?: string;
18
- target?: string;
19
- density?: 'dense' | 'normal' | 'inflated';
20
- }
21
- export interface SidebarApi {
22
- id: string;
23
- title(val: string): SidebarApi;
24
- logo(val: string): SidebarApi;
25
- footer(val: string): SidebarApi;
26
- width(val: string): SidebarApi;
27
- target(val: string): SidebarApi;
28
- density(val: 'dense' | 'normal' | 'inflated'): SidebarApi;
29
- section(label: string, items: (string | MenuItem)[]): SidebarApi;
30
- items(items: (string | MenuItem)[]): SidebarApi;
31
- render(): SidebarApi;
32
- addSection(label: string, items: (string | MenuItem)[]): SidebarApi;
33
- setTitle(val: string): SidebarApi;
34
- setFooter(val: string): SidebarApi;
35
- show(): SidebarApi;
36
- hide(): SidebarApi;
37
- toggle(): SidebarApi;
38
- getElement(): HTMLElement | null;
39
- }
40
- /**
41
- * Create a sidebar menu with fluent API.
42
- *
43
- * @example
44
- * // One-liner
45
- * jux.sidebar('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
46
- *
47
- * // Sectioned
48
- * jux.sidebar('m2', [
49
- * { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
50
- * { label: 'Settings', items: ['/profile', '/security'] },
51
- * ], { title: 'App', density: 'inflated' });
52
- *
53
- * // Fluent chain
54
- * jux.sidebar('m3')
55
- * .title('Dashboard').logo('D').target('sidebar')
56
- * .section('Nav', ['/home', '/about'])
57
- * .section('Admin', ['/settings'])
58
- * .footer('v1.0');
59
- */
60
- export declare function sidebar(id: string, sections?: (string | MenuSection | MenuItem)[], options?: MenuOptions): SidebarApi;
61
- //# sourceMappingURL=sidebar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../lib/components/blocks/sidebar.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,QAAQ;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAC/B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,GAAG,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;IAC1D,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC;IACrB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,IAAI,IAAI,UAAU,CAAC;IACnB,IAAI,IAAI,UAAU,CAAC;IACnB,MAAM,IAAI,UAAU,CAAC;IACrB,UAAU,IAAI,WAAW,GAAG,IAAI,CAAC;CACpC;AAyDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAsErH"}
@@ -1,148 +0,0 @@
1
- import { div, span } from '../tag.js';
2
- import { nav } from '../nav.js';
3
- import { style } from '../style.js';
4
- import { pageState } from '../../state/pageState.js';
5
- const DENSITY_CONFIG = {
6
- dense: { headerPad: '10px', itemPad: '4px 10px', labelPad: '6px 10px 2px', footerPad: '8px 12px', gap: '0px', fontSize: '12px', iconSize: '13px' },
7
- normal: { headerPad: '16px', itemPad: '8px 12px', labelPad: '8px 12px 4px', footerPad: '12px 16px', gap: '1px', fontSize: '13px', iconSize: '15px' },
8
- inflated: { headerPad: '20px', itemPad: '12px 16px', labelPad: '12px 16px 6px', footerPad: '16px 20px', gap: '4px', fontSize: '14px', iconSize: '17px' }
9
- };
10
- function normalizeItem(menuId, item) {
11
- if (typeof item === 'string') {
12
- const path = item.startsWith('/') ? item : '/' + item;
13
- const seg = path.split('/').filter(Boolean).pop() || 'Home';
14
- return {
15
- id: menuId + '-' + seg.toLowerCase().replace(/[^a-z0-9]/g, '-'),
16
- label: seg.charAt(0).toUpperCase() + seg.slice(1),
17
- path
18
- };
19
- }
20
- return item;
21
- }
22
- function normalizeSections(menuId, input) {
23
- if (!input || !Array.isArray(input) || input.length === 0)
24
- return [];
25
- const isFlat = input.every((i) => typeof i === 'string' || (typeof i === 'object' && !i.items));
26
- if (isFlat)
27
- return [{ items: input.map(i => normalizeItem(menuId, i)) }];
28
- return input.map((s) => {
29
- if (typeof s === 'string')
30
- return { items: [normalizeItem(menuId, s)] };
31
- return { label: s.label, items: (s.items || []).map((i) => normalizeItem(menuId, i)) };
32
- });
33
- }
34
- function injectMenuStyles(density) {
35
- const d = DENSITY_CONFIG;
36
- const css = `
37
- body { margin: 0; }
38
- .jux-sidebar { display:flex; flex-direction:column; min-height:100vh; background:hsl(var(--card)); color:hsl(var(--card-foreground)); border-right:1px solid hsl(var(--border)); font-family:var(--font-sans,system-ui,sans-serif); }
39
- .jux-sidebar-header { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:600; border-bottom:1px solid hsl(var(--border)); }
40
- .jux-sidebar-logo { width:20px; height:20px; border-radius:6px; background:hsl(var(--primary)); display:flex; align-items:center; justify-content:center; color:hsl(var(--primary-foreground)); font-size:11px; font-weight:700; }
41
- .jux-sidebar-label { font-size:11px; font-weight:500; color:hsl(var(--muted-foreground)); text-transform:uppercase; letter-spacing:0.05em; }
42
- .jux-sidebar-footer { margin-top:auto; border-top:1px solid hsl(var(--border)); font-size:11px; color:hsl(var(--muted-foreground)); }
43
- .jux-sidebar-divider { height:1px; background:hsl(var(--border)); margin:4px 8px; }
44
- .jux-nav-item { display:flex; align-items:center; border-radius:var(--radius,6px); font-weight:500; color:hsl(var(--foreground)); cursor:pointer; transition:background 0.15s; user-select:none; text-decoration:none; }
45
- .jux-nav-item:hover { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); }
46
- .jux-nav-item--active { background:hsl(var(--accent)); color:hsl(var(--accent-foreground)); font-weight:600; }
47
- .jux-nav-item-icon { text-align:center; flex-shrink:0; }
48
- ` + ['dense', 'normal', 'inflated'].map(k => {
49
- const v = d[k];
50
- return `.jux-sidebar--${k} .jux-sidebar-header { padding:${v.headerPad}; }
51
- .jux-sidebar--${k} .jux-sidebar-label { padding:${v.labelPad}; }
52
- .jux-sidebar--${k} .jux-sidebar-footer { padding:${v.footerPad}; }
53
- .jux-sidebar--${k} .jux-nav-item { padding:${v.itemPad}; margin:${v.gap} 0; font-size:${v.fontSize}; gap:${k === 'dense' ? '8px' : k === 'normal' ? '10px' : '12px'}; }
54
- .jux-sidebar--${k} .jux-nav-item-icon { width:${k === 'dense' ? '16px' : k === 'normal' ? '18px' : '20px'}; font-size:${v.iconSize}; }`;
55
- }).join('\n');
56
- style('sidebar-styles', css);
57
- }
58
- /**
59
- * Create a sidebar menu with fluent API.
60
- *
61
- * @example
62
- * // One-liner
63
- * jux.sidebar('m1', ['home', 'about', 'contact'], { title: 'App', target: 'sidebar' });
64
- *
65
- * // Sectioned
66
- * jux.sidebar('m2', [
67
- * { label: 'Main', items: [{ icon: '⌂', label: 'Home', path: '/' }] },
68
- * { label: 'Settings', items: ['/profile', '/security'] },
69
- * ], { title: 'App', density: 'inflated' });
70
- *
71
- * // Fluent chain
72
- * jux.sidebar('m3')
73
- * .title('Dashboard').logo('D').target('sidebar')
74
- * .section('Nav', ['/home', '/about'])
75
- * .section('Admin', ['/settings'])
76
- * .footer('v1.0');
77
- */
78
- export function sidebar(id, sections, options) {
79
- const opts = options || {};
80
- let _title = opts.title || 'App';
81
- let _logo = opts.logo || _title.charAt(0).toUpperCase();
82
- let _footer = opts.footer || '';
83
- let _width = opts.width || '260px';
84
- let _target = opts.target;
85
- let _density = opts.density || 'normal';
86
- let _sectionCount = 0;
87
- let _rendered = false;
88
- let _footerRendered = false;
89
- function ensureShell() {
90
- if (_rendered)
91
- return;
92
- _rendered = true;
93
- injectMenuStyles(_density);
94
- div(id, { class: 'jux-sidebar jux-sidebar--' + _density, style: 'width:' + _width, target: _target });
95
- div(id + '-header', { class: 'jux-sidebar-header', target: id });
96
- div(id + '-logo', { class: 'jux-sidebar-logo', content: _logo, target: id + '-header' });
97
- span(id + '-title', { content: _title, target: id + '-header' });
98
- }
99
- function renderSection(section) {
100
- ensureShell();
101
- const i = _sectionCount++;
102
- if (i > 0)
103
- div(id + '-divider-' + i, { class: 'jux-sidebar-divider', target: id });
104
- if (section.label)
105
- div(id + '-label-' + i, { class: 'jux-sidebar-label', content: section.label, target: id });
106
- nav(id + '-nav-' + i, { target: id, items: section.items });
107
- }
108
- function renderFooter() {
109
- if (_footerRendered || !_footer)
110
- return;
111
- _footerRendered = true;
112
- div(id + '-footer', { class: 'jux-sidebar-footer', content: _footer, target: id });
113
- }
114
- const api = {
115
- id,
116
- title(val) { _title = val; return api; },
117
- logo(val) { _logo = val; return api; },
118
- footer(val) { _footer = val; if (_rendered)
119
- renderFooter(); return api; },
120
- width(val) { _width = val; return api; },
121
- target(val) { _target = val; return api; },
122
- density(val) { _density = val; return api; },
123
- section(label, items) {
124
- renderSection({ label, items: (items || []).map(i => normalizeItem(id, i)) });
125
- return api;
126
- },
127
- items(items) {
128
- renderSection({ items: (items || []).map(i => normalizeItem(id, i)) });
129
- return api;
130
- },
131
- render() { ensureShell(); renderFooter(); return api; },
132
- addSection(label, items) { return api.section(label, items); },
133
- setTitle(val) { pageState[id + '-title'].content = val; return api; },
134
- setFooter(val) { pageState[id + '-footer'].content = val; return api; },
135
- show() { pageState[id].visible = true; return api; },
136
- hide() { pageState[id].visible = false; return api; },
137
- toggle() { pageState[id].visible = !pageState[id].visible; return api; },
138
- getElement() { return document.getElementById(id); }
139
- };
140
- // Auto-render if sections passed
141
- if (sections && Array.isArray(sections) && sections.length > 0) {
142
- const normalized = normalizeSections(id, sections);
143
- normalized.forEach(renderSection);
144
- renderFooter();
145
- }
146
- return api;
147
- }
148
- //# sourceMappingURL=sidebar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../lib/components/blocks/sidebar.ts"],"names":[],"mappings":"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"}
@@ -1,40 +0,0 @@
1
- interface MenuItem {
2
- id: string;
3
- label: string;
4
- path: string;
5
- icon?: string;
6
- }
7
- interface MenuOptions {
8
- title?: string;
9
- logo?: string;
10
- footer?: string;
11
- width?: string;
12
- target?: string;
13
- density?: 'dense' | 'normal' | 'inflated';
14
- }
15
- interface MenuApi {
16
- id: string;
17
- title: (val: string) => MenuApi;
18
- logo: (val: string) => MenuApi;
19
- footer: (val: string) => MenuApi;
20
- width: (val: string) => MenuApi;
21
- target: (val: string) => MenuApi;
22
- density: (val: 'dense' | 'normal' | 'inflated') => MenuApi;
23
- section: (label: string, items: (string | MenuItem)[]) => MenuApi;
24
- items: (items: (string | MenuItem)[]) => MenuApi;
25
- render: () => MenuApi;
26
- addSection: (label: string, items: (string | MenuItem)[]) => MenuApi;
27
- setTitle: (val: string) => MenuApi;
28
- setFooter: (val: string) => MenuApi;
29
- show: () => MenuApi;
30
- hide: () => MenuApi;
31
- toggle: () => MenuApi;
32
- getElement: () => HTMLElement | null;
33
- }
34
- type SectionInput = string | {
35
- label?: string;
36
- items?: (string | MenuItem)[];
37
- };
38
- export declare function menu(id: string, sections?: SectionInput[], options?: MenuOptions): MenuApi;
39
- export {};
40
- //# sourceMappingURL=menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../lib/components/blocks/menu.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAOD,UAAU,WAAW;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAYD,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAChC,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAChC,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,KAAK,OAAO,CAAC;IAC3D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;IAClE,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;IACjD,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,OAAO,CAAC;IACrE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACnC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,IAAI,EAAE,MAAM,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;CACxC;AAED,KAAK,YAAY,GAAG,MAAM,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAA;CAAE,CAAC;AAE/E,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CA4I1F"}