juxscript 1.1.402 → 1.1.403
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.
- package/dist/{components → containers}/c.d.ts.map +1 -1
- package/dist/{components → containers}/c.js.map +1 -1
- package/dist/containers/flex.d.ts +49 -0
- package/dist/containers/flex.d.ts.map +1 -0
- package/dist/containers/flex.js +122 -0
- package/dist/containers/flex.js.map +1 -0
- package/dist/{components → containers}/g.d.ts.map +1 -1
- package/dist/{components → containers}/g.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/widgets/canvas.d.ts +5 -4
- package/dist/widgets/canvas.d.ts.map +1 -1
- package/dist/widgets/canvas.js +478 -111
- package/dist/widgets/canvas.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/barChart.d.ts +0 -119
- package/dist/components/barChart.d.ts.map +0 -1
- package/dist/components/barChart.js +0 -555
- package/dist/components/barChart.js.map +0 -1
- package/dist/components/container.d.ts +0 -58
- package/dist/components/container.d.ts.map +0 -1
- package/dist/components/container.js +0 -152
- package/dist/components/container.js.map +0 -1
- package/dist/components/grid.d.ts +0 -58
- package/dist/components/grid.d.ts.map +0 -1
- package/dist/components/grid.js +0 -128
- package/dist/components/grid.js.map +0 -1
- package/dist/components/lineChart.d.ts +0 -104
- package/dist/components/lineChart.d.ts.map +0 -1
- package/dist/components/lineChart.js +0 -466
- package/dist/components/lineChart.js.map +0 -1
- package/dist/components/pieChart.d.ts +0 -93
- package/dist/components/pieChart.d.ts.map +0 -1
- package/dist/components/pieChart.js +0 -397
- package/dist/components/pieChart.js.map +0 -1
- package/dist/components/stack.d.ts +0 -42
- package/dist/components/stack.d.ts.map +0 -1
- package/dist/components/stack.js +0 -109
- package/dist/components/stack.js.map +0 -1
- package/dist/devtools/devtools.d.ts +0 -3
- package/dist/devtools/devtools.d.ts.map +0 -1
- package/dist/devtools/devtools.js +0 -182
- package/dist/devtools/devtools.js.map +0 -1
- package/dist/primitives/button.d.ts +0 -53
- package/dist/primitives/button.d.ts.map +0 -1
- package/dist/primitives/button.js +0 -170
- package/dist/primitives/button.js.map +0 -1
- package/dist/primitives/c.d.ts +0 -53
- package/dist/primitives/c.d.ts.map +0 -1
- package/dist/primitives/c.js +0 -127
- package/dist/primitives/c.js.map +0 -1
- package/dist/primitives/checkbox.d.ts +0 -92
- package/dist/primitives/checkbox.d.ts.map +0 -1
- package/dist/primitives/checkbox.js +0 -217
- package/dist/primitives/checkbox.js.map +0 -1
- package/dist/primitives/data.d.ts +0 -58
- package/dist/primitives/data.d.ts.map +0 -1
- package/dist/primitives/data.js +0 -131
- package/dist/primitives/data.js.map +0 -1
- package/dist/primitives/grid.d.ts +0 -58
- package/dist/primitives/grid.d.ts.map +0 -1
- package/dist/primitives/grid.js +0 -128
- package/dist/primitives/grid.js.map +0 -1
- package/dist/primitives/include.d.ts +0 -86
- package/dist/primitives/include.d.ts.map +0 -1
- package/dist/primitives/include.js +0 -239
- package/dist/primitives/include.js.map +0 -1
- package/dist/primitives/indexDb.d.ts +0 -80
- package/dist/primitives/indexDb.d.ts.map +0 -1
- package/dist/primitives/indexDb.js +0 -253
- package/dist/primitives/indexDb.js.map +0 -1
- package/dist/primitives/input.d.ts +0 -88
- package/dist/primitives/input.d.ts.map +0 -1
- package/dist/primitives/input.js +0 -216
- package/dist/primitives/input.js.map +0 -1
- package/dist/primitives/link.d.ts +0 -51
- package/dist/primitives/link.d.ts.map +0 -1
- package/dist/primitives/link.js +0 -178
- package/dist/primitives/link.js.map +0 -1
- package/dist/primitives/list.d.ts +0 -66
- package/dist/primitives/list.d.ts.map +0 -1
- package/dist/primitives/list.js +0 -233
- package/dist/primitives/list.js.map +0 -1
- package/dist/primitives/nav.d.ts +0 -64
- package/dist/primitives/nav.d.ts.map +0 -1
- package/dist/primitives/nav.js +0 -236
- package/dist/primitives/nav.js.map +0 -1
- package/dist/primitives/radio.d.ts +0 -58
- package/dist/primitives/radio.d.ts.map +0 -1
- package/dist/primitives/radio.js +0 -135
- package/dist/primitives/radio.js.map +0 -1
- package/dist/primitives/routes.d.ts +0 -15
- package/dist/primitives/routes.d.ts.map +0 -1
- package/dist/primitives/routes.js +0 -34
- package/dist/primitives/routes.js.map +0 -1
- package/dist/primitives/select.d.ts +0 -67
- package/dist/primitives/select.d.ts.map +0 -1
- package/dist/primitives/select.js +0 -160
- package/dist/primitives/select.js.map +0 -1
- package/dist/primitives/style.d.ts +0 -27
- package/dist/primitives/style.d.ts.map +0 -1
- package/dist/primitives/style.js +0 -53
- package/dist/primitives/style.js.map +0 -1
- package/dist/primitives/table.d.ts +0 -83
- package/dist/primitives/table.d.ts.map +0 -1
- package/dist/primitives/table.js +0 -264
- package/dist/primitives/table.js.map +0 -1
- package/dist/primitives/tabs.d.ts +0 -75
- package/dist/primitives/tabs.d.ts.map +0 -1
- package/dist/primitives/tabs.js +0 -263
- package/dist/primitives/tabs.js.map +0 -1
- package/dist/primitives/tag.d.ts +0 -92
- package/dist/primitives/tag.d.ts.map +0 -1
- package/dist/primitives/tag.js +0 -151
- package/dist/primitives/tag.js.map +0 -1
- package/dist/services/db.d.ts +0 -44
- package/dist/services/db.d.ts.map +0 -1
- package/dist/services/db.js +0 -59
- package/dist/services/db.js.map +0 -1
- package/dist/services/email.d.ts +0 -50
- package/dist/services/email.d.ts.map +0 -1
- package/dist/services/email.js +0 -60
- package/dist/services/email.js.map +0 -1
- package/dist/services/s3.d.ts +0 -61
- package/dist/services/s3.d.ts.map +0 -1
- package/dist/services/s3.js +0 -79
- package/dist/services/s3.js.map +0 -1
- /package/dist/{components → containers}/c.d.ts +0 -0
- /package/dist/{components → containers}/c.js +0 -0
- /package/dist/{components → containers}/g.d.ts +0 -0
- /package/dist/{components → containers}/g.js +0 -0
package/dist/primitives/link.js
DELETED
|
@@ -1,178 +0,0 @@
|
|
|
1
|
-
import generateId from '../utils/idgen.js';
|
|
2
|
-
import niceName from '../utils/niceName.js';
|
|
3
|
-
import { pageState } from '../state/pageState.js';
|
|
4
|
-
class Link {
|
|
5
|
-
constructor(id, options = {}) {
|
|
6
|
-
this._onChange = null;
|
|
7
|
-
this.id = id || generateId();
|
|
8
|
-
this.opts = {
|
|
9
|
-
spa: true,
|
|
10
|
-
external: false,
|
|
11
|
-
disabled: false,
|
|
12
|
-
...options
|
|
13
|
-
};
|
|
14
|
-
// Auto-generate content from ID if not provided
|
|
15
|
-
if (!this.opts.content && this.id) {
|
|
16
|
-
this.opts.content = niceName(this.id);
|
|
17
|
-
}
|
|
18
|
-
this._element = document.createElement('a');
|
|
19
|
-
this._element.id = this.id;
|
|
20
|
-
this._element.className = this.opts.class || 'jux-link';
|
|
21
|
-
if (this.opts.style)
|
|
22
|
-
this._element.setAttribute('style', this.opts.style);
|
|
23
|
-
if (this.opts.href)
|
|
24
|
-
this._element.href = this.opts.href;
|
|
25
|
-
if (this.opts.disabled)
|
|
26
|
-
this._element.setAttribute('data-disabled', 'true');
|
|
27
|
-
// External link handling
|
|
28
|
-
if (this.opts.external || this.opts.linkTarget === '_blank') {
|
|
29
|
-
this._element.target = this.opts.linkTarget || '_blank';
|
|
30
|
-
this._element.rel = 'noopener noreferrer';
|
|
31
|
-
}
|
|
32
|
-
// Content
|
|
33
|
-
if (this.opts.icon) {
|
|
34
|
-
const iconSpan = document.createElement('span');
|
|
35
|
-
iconSpan.className = 'jux-link-icon';
|
|
36
|
-
iconSpan.textContent = this.opts.icon;
|
|
37
|
-
this._element.appendChild(iconSpan);
|
|
38
|
-
}
|
|
39
|
-
if (this.opts.content) {
|
|
40
|
-
const textSpan = document.createElement('span');
|
|
41
|
-
textSpan.className = 'jux-link-text';
|
|
42
|
-
textSpan.textContent = this.opts.content;
|
|
43
|
-
this._element.appendChild(textSpan);
|
|
44
|
-
}
|
|
45
|
-
// Extra attributes
|
|
46
|
-
for (const [key, value] of Object.entries(this.opts)) {
|
|
47
|
-
if (['content', 'class', 'style', 'target', 'href', 'spa', 'external', 'disabled', 'icon', 'linkTarget', 'onClick'].includes(key))
|
|
48
|
-
continue;
|
|
49
|
-
this._element.setAttribute(`data-${key}`, String(value));
|
|
50
|
-
}
|
|
51
|
-
// Custom click handler
|
|
52
|
-
if (this.opts.onClick) {
|
|
53
|
-
this._element.addEventListener('click', this.opts.onClick);
|
|
54
|
-
}
|
|
55
|
-
// SPA navigation
|
|
56
|
-
if (this.opts.spa && !this.opts.external) {
|
|
57
|
-
this._element.addEventListener('click', (e) => {
|
|
58
|
-
if (this.opts.disabled) {
|
|
59
|
-
e.preventDefault();
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
const href = this._element.href;
|
|
63
|
-
if (href && !href.startsWith('http') && !href.startsWith('//')) {
|
|
64
|
-
e.preventDefault();
|
|
65
|
-
const path = new URL(href, window.location.origin).pathname;
|
|
66
|
-
if (typeof window.navigateTo === 'function') {
|
|
67
|
-
window.navigateTo(path);
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
window.history.pushState({}, '', path);
|
|
71
|
-
window.dispatchEvent(new PopStateEvent('popstate'));
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
const resolvedTarget = this.opts.target;
|
|
77
|
-
const container = resolvedTarget
|
|
78
|
-
? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
|
|
79
|
-
: document.getElementById('app');
|
|
80
|
-
container?.appendChild(this._element);
|
|
81
|
-
}
|
|
82
|
-
// ═══════════════════════════════════════════════════════════
|
|
83
|
-
// FLUENT BUILDER API
|
|
84
|
-
// ═══════════════════════════════════════════════════════════
|
|
85
|
-
content(value) {
|
|
86
|
-
this.opts.content = value;
|
|
87
|
-
const textEl = this._element.querySelector('.jux-link-text');
|
|
88
|
-
if (textEl) {
|
|
89
|
-
textEl.textContent = value;
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
this._element.textContent = value;
|
|
93
|
-
}
|
|
94
|
-
return this;
|
|
95
|
-
}
|
|
96
|
-
href(value) {
|
|
97
|
-
this.opts.href = value;
|
|
98
|
-
this._element.href = value;
|
|
99
|
-
return this;
|
|
100
|
-
}
|
|
101
|
-
icon(value) {
|
|
102
|
-
this.opts.icon = value;
|
|
103
|
-
let iconEl = this._element.querySelector('.jux-link-icon');
|
|
104
|
-
if (iconEl) {
|
|
105
|
-
iconEl.textContent = value;
|
|
106
|
-
}
|
|
107
|
-
else {
|
|
108
|
-
const iconSpan = document.createElement('span');
|
|
109
|
-
iconSpan.className = 'jux-link-icon';
|
|
110
|
-
iconSpan.textContent = value;
|
|
111
|
-
this._element.prepend(iconSpan);
|
|
112
|
-
}
|
|
113
|
-
return this;
|
|
114
|
-
}
|
|
115
|
-
disabled(value = true) {
|
|
116
|
-
this.opts.disabled = value;
|
|
117
|
-
if (value) {
|
|
118
|
-
this._element.setAttribute('data-disabled', 'true');
|
|
119
|
-
}
|
|
120
|
-
else {
|
|
121
|
-
this._element.removeAttribute('data-disabled');
|
|
122
|
-
}
|
|
123
|
-
return this;
|
|
124
|
-
}
|
|
125
|
-
style(value) {
|
|
126
|
-
this.opts.style = value;
|
|
127
|
-
this._element.setAttribute('style', value);
|
|
128
|
-
return this;
|
|
129
|
-
}
|
|
130
|
-
class(value) {
|
|
131
|
-
this.opts.class = value;
|
|
132
|
-
this._element.className = value;
|
|
133
|
-
return this;
|
|
134
|
-
}
|
|
135
|
-
// ═══════════════════════════════════════════════════════════
|
|
136
|
-
// PAGESTATE INTEGRATION (delegates to fluent API)
|
|
137
|
-
// ═══════════════════════════════════════════════════════════
|
|
138
|
-
getValue() { return this.opts.href ?? ''; }
|
|
139
|
-
getContent() { return this.opts.content ?? ''; }
|
|
140
|
-
getHref() { return this.opts.href ?? ''; }
|
|
141
|
-
getIcon() { return this.opts.icon ?? ''; }
|
|
142
|
-
getDisabled() { return this.opts.disabled ?? false; }
|
|
143
|
-
getClass() { return this.opts.class ?? ''; }
|
|
144
|
-
getStyle() { return this.opts.style ?? ''; }
|
|
145
|
-
setValue(val) { return this.href(val); }
|
|
146
|
-
setContent(val) { return this.content(val); }
|
|
147
|
-
setHref(val) { return this.href(val); }
|
|
148
|
-
setIcon(val) { return this.icon(val); }
|
|
149
|
-
setDisabled(val) { return this.disabled(val); }
|
|
150
|
-
setClass(val) { return this.class(val); }
|
|
151
|
-
setStyle(val) { return this.style(val); }
|
|
152
|
-
getElement() { return this._element; }
|
|
153
|
-
onChange(fn) {
|
|
154
|
-
this._onChange = fn;
|
|
155
|
-
return this;
|
|
156
|
-
}
|
|
157
|
-
onClick(fn) {
|
|
158
|
-
this._element.addEventListener('click', fn);
|
|
159
|
-
return this;
|
|
160
|
-
}
|
|
161
|
-
/** Returns the reactive pageState proxy for this component */
|
|
162
|
-
get state() {
|
|
163
|
-
return pageState[this.id];
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
export function link(id, options = {}) {
|
|
167
|
-
const l = new Link(id, options);
|
|
168
|
-
pageState.__register(l);
|
|
169
|
-
return l;
|
|
170
|
-
}
|
|
171
|
-
export function a(id, options = {}) {
|
|
172
|
-
const l = new Link(id, options);
|
|
173
|
-
pageState.__register(l);
|
|
174
|
-
return l;
|
|
175
|
-
}
|
|
176
|
-
export { Link };
|
|
177
|
-
export default link;
|
|
178
|
-
//# sourceMappingURL=link.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../lib/primitives/link.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
interface ListItem {
|
|
2
|
-
id?: string;
|
|
3
|
-
content: string;
|
|
4
|
-
icon?: string;
|
|
5
|
-
class?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}
|
|
9
|
-
interface ListOptions {
|
|
10
|
-
items?: ListItem[];
|
|
11
|
-
ordered?: boolean;
|
|
12
|
-
selectable?: boolean;
|
|
13
|
-
class?: string;
|
|
14
|
-
style?: string;
|
|
15
|
-
target?: string;
|
|
16
|
-
itemClass?: string;
|
|
17
|
-
activeClass?: string;
|
|
18
|
-
onItemClick?: (item: ListItem, index: number, event: MouseEvent) => void;
|
|
19
|
-
onChange?: (value: string | null) => void;
|
|
20
|
-
}
|
|
21
|
-
declare class List {
|
|
22
|
-
id: string;
|
|
23
|
-
opts: ListOptions;
|
|
24
|
-
private _element;
|
|
25
|
-
private _items;
|
|
26
|
-
private _value;
|
|
27
|
-
private _selectedIndex;
|
|
28
|
-
private _onChange;
|
|
29
|
-
private _onItemClick;
|
|
30
|
-
constructor(id: string, options?: ListOptions);
|
|
31
|
-
addItem(item: ListItem): this;
|
|
32
|
-
addItems(items: ListItem[]): this;
|
|
33
|
-
removeItem(key: string | number): this;
|
|
34
|
-
updateItem(key: string | number, updates: Partial<ListItem>): this;
|
|
35
|
-
clearItems(): this;
|
|
36
|
-
getItems(): ListItem[];
|
|
37
|
-
getCount(): number;
|
|
38
|
-
ordered(value?: boolean): this;
|
|
39
|
-
selectable(value?: boolean): this;
|
|
40
|
-
style(value: string): this;
|
|
41
|
-
class(value: string): this;
|
|
42
|
-
getValue(): string | null;
|
|
43
|
-
setValue(val: string | null): this;
|
|
44
|
-
getContent(): string;
|
|
45
|
-
getClass(): string;
|
|
46
|
-
getStyle(): string;
|
|
47
|
-
getOrdered(): boolean;
|
|
48
|
-
getSelectable(): boolean;
|
|
49
|
-
setClass(val: string): this;
|
|
50
|
-
setStyle(val: string): this;
|
|
51
|
-
setOrdered(val: boolean): this;
|
|
52
|
-
setSelectable(val: boolean): this;
|
|
53
|
-
getElement(): HTMLElement;
|
|
54
|
-
onChange(fn: (value: string | null) => void): this;
|
|
55
|
-
onItemClick(fn: (item: ListItem, index: number, event: MouseEvent) => void): this;
|
|
56
|
-
/** Returns the reactive pageState proxy for this component */
|
|
57
|
-
get state(): any;
|
|
58
|
-
private _renderItem;
|
|
59
|
-
private _renderAll;
|
|
60
|
-
private _updateActiveState;
|
|
61
|
-
private _dispatchChange;
|
|
62
|
-
}
|
|
63
|
-
export declare function list(id: string, options?: ListOptions): List;
|
|
64
|
-
export { List, ListItem, ListOptions };
|
|
65
|
-
export default list;
|
|
66
|
-
//# sourceMappingURL=list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../lib/primitives/list.ts"],"names":[],"mappings":"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"}
|
package/dist/primitives/list.js
DELETED
|
@@ -1,233 +0,0 @@
|
|
|
1
|
-
import generateId from '../utils/idgen.js';
|
|
2
|
-
import niceName from '../utils/niceName.js';
|
|
3
|
-
import { pageState } from '../state/pageState.js';
|
|
4
|
-
class List {
|
|
5
|
-
constructor(id, options = {}) {
|
|
6
|
-
this._items = [];
|
|
7
|
-
this._value = null;
|
|
8
|
-
this._selectedIndex = -1;
|
|
9
|
-
this._onChange = null;
|
|
10
|
-
this._onItemClick = null;
|
|
11
|
-
this.id = id || generateId();
|
|
12
|
-
this.opts = {
|
|
13
|
-
ordered: false,
|
|
14
|
-
selectable: false,
|
|
15
|
-
itemClass: 'jux-list-item',
|
|
16
|
-
activeClass: 'jux-list-item--active',
|
|
17
|
-
...options
|
|
18
|
-
};
|
|
19
|
-
// Wire up option-based handlers
|
|
20
|
-
if (this.opts.onItemClick)
|
|
21
|
-
this._onItemClick = this.opts.onItemClick;
|
|
22
|
-
if (this.opts.onChange)
|
|
23
|
-
this._onChange = this.opts.onChange;
|
|
24
|
-
const tagName = this.opts.ordered ? 'ol' : 'ul';
|
|
25
|
-
this._element = document.createElement(tagName);
|
|
26
|
-
this._element.id = this.id;
|
|
27
|
-
this._element.setAttribute('role', 'list');
|
|
28
|
-
if (this.opts.class)
|
|
29
|
-
this._element.className = this.opts.class;
|
|
30
|
-
if (this.opts.style)
|
|
31
|
-
this._element.setAttribute('style', this.opts.style);
|
|
32
|
-
const resolvedTarget = this.opts.target;
|
|
33
|
-
const container = resolvedTarget
|
|
34
|
-
? document.getElementById(resolvedTarget) || document.querySelector(resolvedTarget)
|
|
35
|
-
: document.getElementById('app');
|
|
36
|
-
container?.appendChild(this._element);
|
|
37
|
-
if (this.opts.items) {
|
|
38
|
-
this.addItems(this.opts.items);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
// ═══════════════════════════════════════════════════════════
|
|
42
|
-
// STANDARD COLLECTION API
|
|
43
|
-
// ═══════════════════════════════════════════════════════════
|
|
44
|
-
addItem(item) {
|
|
45
|
-
const listItem = {
|
|
46
|
-
...item,
|
|
47
|
-
id: item.id || `${this.id}-item-${this._items.length}`,
|
|
48
|
-
content: item.content || niceName(item.id || `item-${this._items.length}`)
|
|
49
|
-
};
|
|
50
|
-
this._items.push(listItem);
|
|
51
|
-
this._renderItem(listItem);
|
|
52
|
-
this._dispatchChange();
|
|
53
|
-
return this;
|
|
54
|
-
}
|
|
55
|
-
addItems(items) {
|
|
56
|
-
for (const item of items) {
|
|
57
|
-
const listItem = {
|
|
58
|
-
...item,
|
|
59
|
-
id: item.id || `${this.id}-item-${this._items.length}`,
|
|
60
|
-
content: item.content || niceName(item.id || `item-${this._items.length}`)
|
|
61
|
-
};
|
|
62
|
-
this._items.push(listItem);
|
|
63
|
-
this._renderItem(listItem);
|
|
64
|
-
}
|
|
65
|
-
this._dispatchChange();
|
|
66
|
-
return this;
|
|
67
|
-
}
|
|
68
|
-
removeItem(key) {
|
|
69
|
-
const idx = typeof key === 'number' ? key : this._items.findIndex(i => i.id === key);
|
|
70
|
-
if (idx > -1) {
|
|
71
|
-
this._items.splice(idx, 1);
|
|
72
|
-
this._renderAll();
|
|
73
|
-
this._dispatchChange();
|
|
74
|
-
}
|
|
75
|
-
return this;
|
|
76
|
-
}
|
|
77
|
-
updateItem(key, updates) {
|
|
78
|
-
const idx = typeof key === 'number' ? key : this._items.findIndex(i => i.id === key);
|
|
79
|
-
if (idx > -1) {
|
|
80
|
-
this._items[idx] = { ...this._items[idx], ...updates };
|
|
81
|
-
this._renderAll();
|
|
82
|
-
this._dispatchChange();
|
|
83
|
-
}
|
|
84
|
-
return this;
|
|
85
|
-
}
|
|
86
|
-
clearItems() {
|
|
87
|
-
this._items = [];
|
|
88
|
-
this._value = null;
|
|
89
|
-
this._selectedIndex = -1;
|
|
90
|
-
this._element.innerHTML = '';
|
|
91
|
-
this._dispatchChange();
|
|
92
|
-
return this;
|
|
93
|
-
}
|
|
94
|
-
getItems() { return [...this._items]; }
|
|
95
|
-
getCount() { return this._items.length; }
|
|
96
|
-
// ═══════════════════════════════════════════════════════════
|
|
97
|
-
// FLUENT BUILDER API
|
|
98
|
-
// ═══════════════════════════════════════════════════════════
|
|
99
|
-
ordered(value = true) {
|
|
100
|
-
this.opts.ordered = value;
|
|
101
|
-
return this;
|
|
102
|
-
}
|
|
103
|
-
selectable(value = true) {
|
|
104
|
-
this.opts.selectable = value;
|
|
105
|
-
return this;
|
|
106
|
-
}
|
|
107
|
-
style(value) {
|
|
108
|
-
this.opts.style = value;
|
|
109
|
-
this._element.setAttribute('style', value);
|
|
110
|
-
return this;
|
|
111
|
-
}
|
|
112
|
-
class(value) {
|
|
113
|
-
this.opts.class = value;
|
|
114
|
-
this._element.className = value;
|
|
115
|
-
return this;
|
|
116
|
-
}
|
|
117
|
-
// ═══════════════════════════════════════════════════════════
|
|
118
|
-
// PAGESTATE INTEGRATION (delegates to fluent API)
|
|
119
|
-
// ═══════════════════════════════════════════════════════════
|
|
120
|
-
getValue() { return this._value; }
|
|
121
|
-
setValue(val) {
|
|
122
|
-
this._value = val;
|
|
123
|
-
this._selectedIndex = this._items.findIndex(i => i.id === val);
|
|
124
|
-
this._updateActiveState();
|
|
125
|
-
this._dispatchChange();
|
|
126
|
-
return this;
|
|
127
|
-
}
|
|
128
|
-
getContent() {
|
|
129
|
-
return this._items.map(i => i.content).join(', ');
|
|
130
|
-
}
|
|
131
|
-
getClass() { return this.opts.class ?? ''; }
|
|
132
|
-
getStyle() { return this.opts.style ?? ''; }
|
|
133
|
-
getOrdered() { return this.opts.ordered ?? false; }
|
|
134
|
-
getSelectable() { return this.opts.selectable ?? false; }
|
|
135
|
-
setClass(val) { return this.class(val); }
|
|
136
|
-
setStyle(val) { return this.style(val); }
|
|
137
|
-
setOrdered(val) { return this.ordered(val); }
|
|
138
|
-
setSelectable(val) { return this.selectable(val); }
|
|
139
|
-
getElement() { return this._element; }
|
|
140
|
-
onChange(fn) {
|
|
141
|
-
this._onChange = fn;
|
|
142
|
-
return this;
|
|
143
|
-
}
|
|
144
|
-
onItemClick(fn) {
|
|
145
|
-
this._onItemClick = fn;
|
|
146
|
-
return this;
|
|
147
|
-
}
|
|
148
|
-
/** Returns the reactive pageState proxy for this component */
|
|
149
|
-
get state() {
|
|
150
|
-
return pageState[this.id];
|
|
151
|
-
}
|
|
152
|
-
// ═══════════════════════════════════════════════════════════
|
|
153
|
-
// INTERNAL
|
|
154
|
-
// ═══════════════════════════════════════════════════════════
|
|
155
|
-
_renderItem(item) {
|
|
156
|
-
const li = document.createElement('li');
|
|
157
|
-
li.id = item.id;
|
|
158
|
-
li.className = item.class || this.opts.itemClass || 'jux-list-item';
|
|
159
|
-
li.setAttribute('role', 'listitem');
|
|
160
|
-
if (item.icon) {
|
|
161
|
-
const iconSpan = document.createElement('span');
|
|
162
|
-
iconSpan.className = 'jux-list-item-icon';
|
|
163
|
-
iconSpan.textContent = item.icon;
|
|
164
|
-
li.appendChild(iconSpan);
|
|
165
|
-
const textSpan = document.createElement('span');
|
|
166
|
-
textSpan.className = 'jux-list-item-text';
|
|
167
|
-
textSpan.textContent = item.content;
|
|
168
|
-
li.appendChild(textSpan);
|
|
169
|
-
}
|
|
170
|
-
else {
|
|
171
|
-
li.textContent = item.content;
|
|
172
|
-
}
|
|
173
|
-
if (item.disabled)
|
|
174
|
-
li.setAttribute('data-disabled', 'true');
|
|
175
|
-
if (this.opts.selectable) {
|
|
176
|
-
li.style.cursor = 'pointer';
|
|
177
|
-
li.addEventListener('click', (e) => {
|
|
178
|
-
if (item.disabled)
|
|
179
|
-
return;
|
|
180
|
-
this._value = item.id;
|
|
181
|
-
this._selectedIndex = this._items.indexOf(item);
|
|
182
|
-
this._updateActiveState();
|
|
183
|
-
if (this._onItemClick)
|
|
184
|
-
this._onItemClick(item, this._selectedIndex, e);
|
|
185
|
-
if (this._onChange)
|
|
186
|
-
this._onChange(this._value);
|
|
187
|
-
this._element.dispatchEvent(new Event('change', { bubbles: false }));
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
|
-
else {
|
|
191
|
-
li.addEventListener('click', (e) => {
|
|
192
|
-
if (item.disabled)
|
|
193
|
-
return;
|
|
194
|
-
const idx = this._items.indexOf(item);
|
|
195
|
-
if (this._onItemClick)
|
|
196
|
-
this._onItemClick(item, idx, e);
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
this._element.appendChild(li);
|
|
200
|
-
}
|
|
201
|
-
_renderAll() {
|
|
202
|
-
this._element.innerHTML = '';
|
|
203
|
-
for (const item of this._items) {
|
|
204
|
-
this._renderItem(item);
|
|
205
|
-
}
|
|
206
|
-
this._updateActiveState();
|
|
207
|
-
}
|
|
208
|
-
_updateActiveState() {
|
|
209
|
-
const children = this._element.querySelectorAll('[role="listitem"]');
|
|
210
|
-
children.forEach((el, idx) => {
|
|
211
|
-
if (idx === this._selectedIndex) {
|
|
212
|
-
el.classList.add(this.opts.activeClass);
|
|
213
|
-
el.setAttribute('data-active', 'true');
|
|
214
|
-
}
|
|
215
|
-
else {
|
|
216
|
-
el.classList.remove(this.opts.activeClass);
|
|
217
|
-
el.removeAttribute('data-active');
|
|
218
|
-
}
|
|
219
|
-
});
|
|
220
|
-
}
|
|
221
|
-
_dispatchChange() {
|
|
222
|
-
this._element.setAttribute('data-count', String(this._items.length));
|
|
223
|
-
this._element.dispatchEvent(new Event('change', { bubbles: false }));
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
export function list(id, options = {}) {
|
|
227
|
-
const l = new List(id, options);
|
|
228
|
-
pageState.__register(l);
|
|
229
|
-
return l;
|
|
230
|
-
}
|
|
231
|
-
export { List };
|
|
232
|
-
export default list;
|
|
233
|
-
//# sourceMappingURL=list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../lib/primitives/list.ts"],"names":[],"mappings":"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"}
|
package/dist/primitives/nav.d.ts
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
interface NavItem {
|
|
2
|
-
id?: string;
|
|
3
|
-
label: string;
|
|
4
|
-
path?: string;
|
|
5
|
-
icon?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}
|
|
9
|
-
interface NavOptions {
|
|
10
|
-
label?: string;
|
|
11
|
-
items?: NavItem[];
|
|
12
|
-
orientation?: 'vertical' | 'horizontal';
|
|
13
|
-
class?: string;
|
|
14
|
-
style?: string;
|
|
15
|
-
target?: string;
|
|
16
|
-
activeClass?: string;
|
|
17
|
-
itemClass?: string;
|
|
18
|
-
onClick?: (item: NavItem, event: MouseEvent) => void;
|
|
19
|
-
onChange?: (value: string | null) => void;
|
|
20
|
-
}
|
|
21
|
-
declare class Nav {
|
|
22
|
-
id: string;
|
|
23
|
-
opts: NavOptions;
|
|
24
|
-
private _element;
|
|
25
|
-
private _items;
|
|
26
|
-
private _value;
|
|
27
|
-
private _onChange;
|
|
28
|
-
private _onClick;
|
|
29
|
-
constructor(id: string, options?: NavOptions);
|
|
30
|
-
addItem(item: NavItem): this;
|
|
31
|
-
addItems(items: NavItem[]): this;
|
|
32
|
-
removeItem(key: string | number): this;
|
|
33
|
-
updateItem(key: string | number, updates: Partial<NavItem>): this;
|
|
34
|
-
clearItems(): this;
|
|
35
|
-
getItems(): NavItem[];
|
|
36
|
-
getCount(): number;
|
|
37
|
-
label(value: string): this;
|
|
38
|
-
orientation(value: 'vertical' | 'horizontal'): this;
|
|
39
|
-
style(value: string): this;
|
|
40
|
-
class(value: string): this;
|
|
41
|
-
getValue(): string | null;
|
|
42
|
-
setValue(val: string | null): this;
|
|
43
|
-
getOrientation(): string;
|
|
44
|
-
getLabel(): string;
|
|
45
|
-
getClass(): string;
|
|
46
|
-
getStyle(): string;
|
|
47
|
-
setOrientation(val: 'vertical' | 'horizontal'): this;
|
|
48
|
-
setLabel(val: string): this;
|
|
49
|
-
setClass(val: string): this;
|
|
50
|
-
setStyle(val: string): this;
|
|
51
|
-
getElement(): HTMLElement;
|
|
52
|
-
onChange(fn: (value: string | null) => void): this;
|
|
53
|
-
onClick(fn: (item: NavItem, event: MouseEvent) => void): this;
|
|
54
|
-
/** Returns the reactive pageState proxy for this component */
|
|
55
|
-
get state(): any;
|
|
56
|
-
private _renderItem;
|
|
57
|
-
private _renderAll;
|
|
58
|
-
private _updateActiveState;
|
|
59
|
-
private _dispatchChange;
|
|
60
|
-
}
|
|
61
|
-
export declare function nav(id: string, options?: NavOptions): Nav;
|
|
62
|
-
export { Nav, NavItem, NavOptions };
|
|
63
|
-
export default nav;
|
|
64
|
-
//# sourceMappingURL=nav.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../lib/primitives/nav.ts"],"names":[],"mappings":"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"}
|