@neptune.fintech/web-ui 1.0.0 → 2.1.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 (46) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +25 -3
  3. package/dist/components/actions.d.ts +43 -0
  4. package/dist/components/actions.d.ts.map +1 -0
  5. package/dist/components/actions.js +279 -0
  6. package/dist/components/actions.js.map +1 -0
  7. package/dist/components/button.d.ts +1 -1
  8. package/dist/components/button.d.ts.map +1 -1
  9. package/dist/components/button.js +9 -1
  10. package/dist/components/button.js.map +1 -1
  11. package/dist/components/containers.d.ts +54 -0
  12. package/dist/components/containers.d.ts.map +1 -0
  13. package/dist/components/containers.js +298 -0
  14. package/dist/components/containers.js.map +1 -0
  15. package/dist/components/feedback.d.ts +42 -0
  16. package/dist/components/feedback.d.ts.map +1 -0
  17. package/dist/components/feedback.js +241 -0
  18. package/dist/components/feedback.js.map +1 -0
  19. package/dist/components/inputs.d.ts +8 -1
  20. package/dist/components/inputs.d.ts.map +1 -1
  21. package/dist/components/inputs.js +57 -3
  22. package/dist/components/inputs.js.map +1 -1
  23. package/dist/components/layout.d.ts +68 -0
  24. package/dist/components/layout.d.ts.map +1 -0
  25. package/dist/components/layout.js +359 -0
  26. package/dist/components/layout.js.map +1 -0
  27. package/dist/components/nav-rail.d.ts +22 -0
  28. package/dist/components/nav-rail.d.ts.map +1 -0
  29. package/dist/components/nav-rail.js +120 -0
  30. package/dist/components/nav-rail.js.map +1 -0
  31. package/dist/components/selection.d.ts +51 -0
  32. package/dist/components/selection.d.ts.map +1 -0
  33. package/dist/components/selection.js +377 -0
  34. package/dist/components/selection.js.map +1 -0
  35. package/dist/index.d.ts +7 -1
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +7 -1
  38. package/dist/index.js.map +1 -1
  39. package/dist/register.d.ts.map +1 -1
  40. package/dist/register.js +38 -0
  41. package/dist/register.js.map +1 -1
  42. package/dist/theme/applyTheme.d.ts +1 -1
  43. package/dist/theme/applyTheme.js +2 -2
  44. package/dist/theme/applyTheme.js.map +1 -1
  45. package/package.json +2 -2
  46. package/styles/themes.css +17 -17
@@ -0,0 +1,120 @@
1
+ // © 2026 Neptune.Fintech (neptune.ly) · Neptune Odyssey Community License v1.0
2
+ // Neptune Odyssey — navigation rail & top app bar
3
+ // <npt-nav-rail> (reuses <npt-nav-item>), <npt-top-app-bar>.
4
+ // Custom-property driven only; logical layout → mirrors in RTL.
5
+ import { NptElement, css, html } from "./base.js";
6
+ const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
7
+ /**
8
+ * <npt-nav-rail> with <npt-nav-item> children — the desktop/tablet side rail.
9
+ * Vertical sibling of <npt-nav-bar>; reuses the same items.
10
+ */
11
+ export class NptNavRail extends NptElement {
12
+ styles() {
13
+ return css `
14
+ :host {
15
+ display: block;
16
+ block-size: 100%;
17
+ }
18
+ .rail {
19
+ display: flex;
20
+ flex-direction: column;
21
+ align-items: stretch;
22
+ gap: var(--npt-space-3, 12px);
23
+ min-inline-size: 80px;
24
+ block-size: 100%;
25
+ padding-block: var(--npt-space-4, 16px);
26
+ background: var(--md-sys-color-surface);
27
+ color: var(--md-sys-color-on-surface-variant);
28
+ }
29
+ .header {
30
+ display: flex;
31
+ justify-content: center;
32
+ margin-block-end: var(--npt-space-2, 8px);
33
+ }
34
+ `;
35
+ }
36
+ render() {
37
+ return html `<nav class="rail" part="rail" role="navigation">
38
+ <div class="header"><slot name="leading"></slot></div>
39
+ <slot></slot>
40
+ </nav>`;
41
+ }
42
+ }
43
+ /**
44
+ * <npt-top-app-bar title="Accounts" variant="small|center|medium|large">
45
+ * …leading/trailing slots…
46
+ * </npt-top-app-bar>
47
+ * M3 top app bar. `medium`/`large` stack a larger headline below the action row.
48
+ */
49
+ export class NptTopAppBar extends NptElement {
50
+ attributeChangedCallback() {
51
+ if (this.isConnected)
52
+ this.update();
53
+ }
54
+ styles() {
55
+ return css `
56
+ :host {
57
+ display: block;
58
+ }
59
+ .bar {
60
+ display: flex;
61
+ align-items: center;
62
+ gap: var(--npt-space-4, 16px);
63
+ min-height: 56px;
64
+ padding-inline: var(--npt-space-4, 16px);
65
+ background: var(--md-sys-color-surface);
66
+ color: var(--md-sys-color-on-surface);
67
+ }
68
+ .title {
69
+ flex: 1 1 auto;
70
+ font-family: var(--npt-font-display);
71
+ font-size: var(--npt-text-title-lg, 22px);
72
+ font-weight: var(--npt-display-weight, 700);
73
+ letter-spacing: var(--npt-display-tracking, -0.02em);
74
+ margin: 0;
75
+ white-space: nowrap;
76
+ overflow: hidden;
77
+ text-overflow: ellipsis;
78
+ }
79
+ :host([variant="center"]) .title {
80
+ text-align: center;
81
+ }
82
+ .large-title {
83
+ display: none;
84
+ font-family: var(--npt-font-display);
85
+ font-weight: var(--npt-display-weight, 700);
86
+ letter-spacing: var(--npt-display-tracking, -0.02em);
87
+ color: var(--md-sys-color-on-surface);
88
+ padding-inline: var(--npt-space-4, 16px);
89
+ padding-block-end: var(--npt-space-6, 24px);
90
+ margin: 0;
91
+ }
92
+ :host([variant="medium"]) .row-title,
93
+ :host([variant="large"]) .row-title {
94
+ visibility: hidden;
95
+ }
96
+ :host([variant="medium"]) .large-title {
97
+ display: block;
98
+ font-size: var(--npt-text-headline, 28px);
99
+ }
100
+ :host([variant="large"]) .large-title {
101
+ display: block;
102
+ font-size: var(--npt-text-display-md, 45px);
103
+ line-height: var(--npt-leading-display-md, 52px);
104
+ }
105
+ `;
106
+ }
107
+ render() {
108
+ const title = esc(this.getAttribute("title"));
109
+ return html `<header part="bar">
110
+ <div class="bar">
111
+ <slot name="leading"></slot>
112
+ <h1 class="title row-title">${title}</h1>
113
+ <slot name="trailing"></slot>
114
+ </div>
115
+ <h2 class="large-title" aria-hidden="true">${title}</h2>
116
+ </header>`;
117
+ }
118
+ }
119
+ NptTopAppBar.observedAttributes = ["title", "variant"];
120
+ //# sourceMappingURL=nav-rail.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nav-rail.js","sourceRoot":"","sources":["../../src/components/nav-rail.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,kDAAkD;AAClD,6DAA6D;AAC7D,gEAAgE;AAChE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,GAAG,GAAG,CAAC,CAAgB,EAAU,EAAE,CACvC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;AAEvG;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAC9B,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;KAqBT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;WAGJ,CAAC;IACV,CAAC;CACF;AAED;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAG1C,wBAAwB;QACtB,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;IAES,MAAM;QACd,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkDT,CAAC;IACJ,CAAC;IAES,MAAM;QACd,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAA;;;sCAGuB,KAAK;;;mDAGQ,KAAK;cAC1C,CAAC;IACb,CAAC;;AAtEM,+BAAkB,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC"}
@@ -0,0 +1,51 @@
1
+ import { NptElement } from "./base.js";
2
+ /** <npt-checkbox [checked] [indeterminate] [disabled]>Label</npt-checkbox> */
3
+ export declare class NptCheckbox extends NptElement {
4
+ static observedAttributes: string[];
5
+ attributeChangedCallback(): void;
6
+ connectedCallback(): void;
7
+ disconnectedCallback(): void;
8
+ private toggle;
9
+ private onClick;
10
+ private onKey;
11
+ protected styles(): string;
12
+ protected render(): string;
13
+ }
14
+ /** <npt-radio name="plan" value="pro" [checked] [disabled]>Pro</npt-radio> */
15
+ export declare class NptRadio extends NptElement {
16
+ static observedAttributes: string[];
17
+ attributeChangedCallback(): void;
18
+ connectedCallback(): void;
19
+ disconnectedCallback(): void;
20
+ private select;
21
+ private onClick;
22
+ private onKey;
23
+ protected styles(): string;
24
+ protected render(): string;
25
+ }
26
+ /** <npt-switch [checked] [disabled] label="Wi-Fi"></npt-switch> */
27
+ export declare class NptSwitch extends NptElement {
28
+ static observedAttributes: string[];
29
+ attributeChangedCallback(): void;
30
+ connectedCallback(): void;
31
+ disconnectedCallback(): void;
32
+ private toggle;
33
+ private onClick;
34
+ private onKey;
35
+ protected styles(): string;
36
+ protected render(): string;
37
+ }
38
+ /** <npt-slider min="0" max="100" value="40" step="1" label="Amount"></npt-slider> */
39
+ export declare class NptSlider extends NptElement {
40
+ static observedAttributes: string[];
41
+ attributeChangedCallback(): void;
42
+ get value(): number;
43
+ connectedCallback(): void;
44
+ disconnectedCallback(): void;
45
+ private onInput;
46
+ private positionBubble;
47
+ protected update(): void;
48
+ protected styles(): string;
49
+ protected render(): string;
50
+ }
51
+ //# sourceMappingURL=selection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../src/components/selection.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAmB,MAAM,WAAW,CAAC;AAKxD,8EAA8E;AAC9E,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,kBAAkB,WAA4C;IAErE,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAKX;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAyC1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAc3B;AAED,8EAA8E;AAC9E,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,kBAAkB,WAA4C;IAErE,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;IAad,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAKX;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IA4C1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAO3B;AAED,mEAAmE;AACnE,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,kBAAkB,WAAoC;IAE7D,wBAAwB,IAAI,IAAI;IAIvB,iBAAiB,IAAI,IAAI;IAMlC,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAKX;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAkD1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAY3B;AAED,qFAAqF;AACrF,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,kBAAkB,WAAwD;IAEjF,wBAAwB,IAAI,IAAI;IAIhC,IAAI,KAAK,IAAI,MAAM,CAElB;IAEQ,iBAAiB,IAAI,IAAI;IAKlC,oBAAoB,IAAI,IAAI;IAI5B,OAAO,CAAC,OAAO,CAMb;IAEF,OAAO,CAAC,cAAc;cASH,MAAM,IAAI,IAAI;IAKjC,SAAS,CAAC,MAAM,IAAI,MAAM;IAqC1B,SAAS,CAAC,MAAM,IAAI,MAAM;CAoB3B"}
@@ -0,0 +1,377 @@
1
+ // © 2026 Neptune.Fintech (neptune.ly) · Neptune Odyssey Community License v1.0
2
+ // Neptune Odyssey — selection controls
3
+ // <npt-checkbox>, <npt-radio>, <npt-switch>, <npt-slider>.
4
+ // Custom-property driven only; logical layout → mirrors in RTL.
5
+ import { NptElement, css, html, A11Y } from "./base.js";
6
+ const esc = (v) => (v ?? "").replace(/[&<>"]/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[c]);
7
+ /** <npt-checkbox [checked] [indeterminate] [disabled]>Label</npt-checkbox> */
8
+ export class NptCheckbox extends NptElement {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.onClick = () => this.toggle();
12
+ this.onKey = (e) => {
13
+ if (e.key === " " || e.key === "Enter") {
14
+ e.preventDefault();
15
+ this.toggle();
16
+ }
17
+ };
18
+ }
19
+ attributeChangedCallback() {
20
+ if (this.isConnected)
21
+ this.update();
22
+ }
23
+ connectedCallback() {
24
+ super.connectedCallback();
25
+ this.addEventListener("click", this.onClick);
26
+ this.addEventListener("keydown", this.onKey);
27
+ }
28
+ disconnectedCallback() {
29
+ this.removeEventListener("click", this.onClick);
30
+ this.removeEventListener("keydown", this.onKey);
31
+ }
32
+ toggle() {
33
+ if (this.hasAttribute("disabled"))
34
+ return;
35
+ this.removeAttribute("indeterminate");
36
+ this.toggleAttribute("checked");
37
+ this.dispatchEvent(new CustomEvent("change", { bubbles: true }));
38
+ }
39
+ styles() {
40
+ return css `
41
+ ${A11Y}
42
+ :host {
43
+ display: inline-flex;
44
+ align-items: center;
45
+ gap: var(--npt-space-3, 12px);
46
+ min-height: 48px;
47
+ cursor: pointer;
48
+ font-family: var(--npt-font-text);
49
+ font-size: var(--npt-text-body-lg, 16px);
50
+ color: var(--md-sys-color-on-surface);
51
+ }
52
+ :host([disabled]) {
53
+ cursor: not-allowed;
54
+ opacity: 0.38;
55
+ }
56
+ .box {
57
+ inline-size: 20px;
58
+ block-size: 20px;
59
+ flex: 0 0 auto;
60
+ border: 2px solid var(--md-sys-color-on-surface-variant);
61
+ border-radius: var(--npt-corner-xs, 8px);
62
+ display: grid;
63
+ place-items: center;
64
+ color: var(--md-sys-color-on-primary);
65
+ transition: background-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease),
66
+ border-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
67
+ }
68
+ :host([checked]) .box,
69
+ :host([indeterminate]) .box {
70
+ background: var(--md-sys-color-primary);
71
+ border-color: var(--md-sys-color-primary);
72
+ }
73
+ .mark {
74
+ font-size: 14px;
75
+ line-height: 1;
76
+ }
77
+ `;
78
+ }
79
+ render() {
80
+ const checked = this.hasAttribute("checked");
81
+ const indeterminate = this.hasAttribute("indeterminate");
82
+ const state = indeterminate ? "mixed" : checked ? "true" : "false";
83
+ const mark = indeterminate ? "–" : checked ? "✓" : "";
84
+ return html `<span
85
+ class="box"
86
+ part="box"
87
+ role="checkbox"
88
+ aria-checked="${state}"
89
+ tabindex="0"
90
+ ><span class="mark" aria-hidden="true">${mark}</span></span>
91
+ <span><slot></slot></span>`;
92
+ }
93
+ }
94
+ NptCheckbox.observedAttributes = ["checked", "indeterminate", "disabled"];
95
+ /** <npt-radio name="plan" value="pro" [checked] [disabled]>Pro</npt-radio> */
96
+ export class NptRadio extends NptElement {
97
+ constructor() {
98
+ super(...arguments);
99
+ this.onClick = () => this.select();
100
+ this.onKey = (e) => {
101
+ if (e.key === " " || e.key === "Enter") {
102
+ e.preventDefault();
103
+ this.select();
104
+ }
105
+ };
106
+ }
107
+ attributeChangedCallback() {
108
+ if (this.isConnected)
109
+ this.update();
110
+ }
111
+ connectedCallback() {
112
+ super.connectedCallback();
113
+ this.addEventListener("click", this.onClick);
114
+ this.addEventListener("keydown", this.onKey);
115
+ }
116
+ disconnectedCallback() {
117
+ this.removeEventListener("click", this.onClick);
118
+ this.removeEventListener("keydown", this.onKey);
119
+ }
120
+ select() {
121
+ if (this.hasAttribute("disabled") || this.hasAttribute("checked"))
122
+ return;
123
+ const name = this.getAttribute("name");
124
+ if (name) {
125
+ const scope = this.getRootNode();
126
+ for (const r of scope.querySelectorAll(`npt-radio[name="${name}"]`)) {
127
+ r.removeAttribute("checked");
128
+ }
129
+ }
130
+ this.setAttribute("checked", "");
131
+ this.dispatchEvent(new CustomEvent("change", { bubbles: true }));
132
+ }
133
+ styles() {
134
+ return css `
135
+ ${A11Y}
136
+ :host {
137
+ display: inline-flex;
138
+ align-items: center;
139
+ gap: var(--npt-space-3, 12px);
140
+ min-height: 48px;
141
+ cursor: pointer;
142
+ font-family: var(--npt-font-text);
143
+ font-size: var(--npt-text-body-lg, 16px);
144
+ color: var(--md-sys-color-on-surface);
145
+ }
146
+ :host([disabled]) {
147
+ cursor: not-allowed;
148
+ opacity: 0.38;
149
+ }
150
+ .ring {
151
+ inline-size: 20px;
152
+ block-size: 20px;
153
+ flex: 0 0 auto;
154
+ border: 2px solid var(--md-sys-color-on-surface-variant);
155
+ border-radius: var(--npt-corner-full, 999px);
156
+ display: grid;
157
+ place-items: center;
158
+ transition: border-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
159
+ }
160
+ :host([checked]) .ring {
161
+ border-color: var(--md-sys-color-primary);
162
+ }
163
+ .dot {
164
+ inline-size: 10px;
165
+ block-size: 10px;
166
+ border-radius: var(--npt-corner-full, 999px);
167
+ background: var(--md-sys-color-primary);
168
+ transform: scale(0);
169
+ transition: transform var(--npt-dur-fast, 200ms) var(--npt-ease-spring, ease);
170
+ }
171
+ :host([checked]) .dot {
172
+ transform: scale(1);
173
+ }
174
+ `;
175
+ }
176
+ render() {
177
+ const checked = this.hasAttribute("checked");
178
+ return html `<span class="ring" part="ring" role="radio" aria-checked="${checked}" tabindex="0">
179
+ <span class="dot" aria-hidden="true"></span>
180
+ </span>
181
+ <span><slot></slot></span>`;
182
+ }
183
+ }
184
+ NptRadio.observedAttributes = ["checked", "disabled", "name", "value"];
185
+ /** <npt-switch [checked] [disabled] label="Wi-Fi"></npt-switch> */
186
+ export class NptSwitch extends NptElement {
187
+ constructor() {
188
+ super(...arguments);
189
+ this.onClick = () => this.toggle();
190
+ this.onKey = (e) => {
191
+ if (e.key === " " || e.key === "Enter") {
192
+ e.preventDefault();
193
+ this.toggle();
194
+ }
195
+ };
196
+ }
197
+ attributeChangedCallback() {
198
+ if (this.isConnected)
199
+ this.update();
200
+ }
201
+ connectedCallback() {
202
+ super.connectedCallback();
203
+ this.addEventListener("click", this.onClick);
204
+ this.addEventListener("keydown", this.onKey);
205
+ }
206
+ disconnectedCallback() {
207
+ this.removeEventListener("click", this.onClick);
208
+ this.removeEventListener("keydown", this.onKey);
209
+ }
210
+ toggle() {
211
+ if (this.hasAttribute("disabled"))
212
+ return;
213
+ this.toggleAttribute("checked");
214
+ this.dispatchEvent(new CustomEvent("change", { bubbles: true }));
215
+ }
216
+ styles() {
217
+ return css `
218
+ ${A11Y}
219
+ :host {
220
+ display: inline-flex;
221
+ align-items: center;
222
+ min-height: 48px;
223
+ cursor: pointer;
224
+ }
225
+ :host([disabled]) {
226
+ cursor: not-allowed;
227
+ opacity: 0.38;
228
+ }
229
+ .track {
230
+ inline-size: 52px;
231
+ block-size: 32px;
232
+ border-radius: var(--npt-corner-full, 999px);
233
+ background: var(--md-sys-color-surface-container-highest);
234
+ border: 2px solid var(--md-sys-color-outline);
235
+ position: relative;
236
+ transition: background-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease),
237
+ border-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
238
+ box-sizing: border-box;
239
+ }
240
+ .thumb {
241
+ position: absolute;
242
+ inset-block-start: 50%;
243
+ inset-inline-start: 6px;
244
+ inline-size: 16px;
245
+ block-size: 16px;
246
+ border-radius: var(--npt-corner-full, 999px);
247
+ background: var(--md-sys-color-outline);
248
+ transform: translateY(-50%);
249
+ transition: inset-inline-start var(--npt-dur-fast, 200ms) var(--npt-ease-spring, ease),
250
+ inline-size var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease),
251
+ background-color var(--npt-dur-fast, 200ms) var(--npt-ease-standard, ease);
252
+ }
253
+ :host([checked]) .track {
254
+ background: var(--md-sys-color-primary);
255
+ border-color: var(--md-sys-color-primary);
256
+ }
257
+ :host([checked]) .thumb {
258
+ inset-inline-start: 26px;
259
+ inline-size: 22px;
260
+ block-size: 22px;
261
+ background: var(--md-sys-color-on-primary);
262
+ }
263
+ `;
264
+ }
265
+ render() {
266
+ const checked = this.hasAttribute("checked");
267
+ const label = esc(this.getAttribute("label"));
268
+ return html `<span
269
+ class="track"
270
+ part="track"
271
+ role="switch"
272
+ aria-checked="${checked}"
273
+ aria-label="${label}"
274
+ tabindex="0"
275
+ ><span class="thumb" aria-hidden="true"></span></span>`;
276
+ }
277
+ }
278
+ NptSwitch.observedAttributes = ["checked", "disabled", "label"];
279
+ /** <npt-slider min="0" max="100" value="40" step="1" label="Amount"></npt-slider> */
280
+ export class NptSlider extends NptElement {
281
+ constructor() {
282
+ super(...arguments);
283
+ this.onInput = (e) => {
284
+ const input = e.target;
285
+ this.setAttribute("value", input.value);
286
+ const bubble = this.root.querySelector(".bubble");
287
+ if (bubble)
288
+ bubble.textContent = input.value;
289
+ this.positionBubble();
290
+ };
291
+ }
292
+ attributeChangedCallback() {
293
+ if (this.isConnected)
294
+ this.update();
295
+ }
296
+ get value() {
297
+ return Number(this.root.querySelector("input")?.value ?? this.getAttribute("value") ?? 0);
298
+ }
299
+ connectedCallback() {
300
+ super.connectedCallback();
301
+ this.addEventListener("input", this.onInput);
302
+ }
303
+ disconnectedCallback() {
304
+ this.removeEventListener("input", this.onInput);
305
+ }
306
+ positionBubble() {
307
+ const min = Number(this.getAttribute("min") ?? 0);
308
+ const max = Number(this.getAttribute("max") ?? 100);
309
+ const val = Number(this.getAttribute("value") ?? min);
310
+ const pct = max > min ? ((val - min) / (max - min)) * 100 : 0;
311
+ const bubble = this.root.querySelector(".bubble");
312
+ if (bubble)
313
+ bubble.style.insetInlineStart = `${pct}%`;
314
+ }
315
+ update() {
316
+ super.update();
317
+ this.positionBubble();
318
+ }
319
+ styles() {
320
+ return css `
321
+ ${A11Y}
322
+ :host {
323
+ display: block;
324
+ }
325
+ .wrap {
326
+ position: relative;
327
+ padding-block-start: var(--npt-space-6, 24px);
328
+ }
329
+ input[type="range"] {
330
+ inline-size: 100%;
331
+ block-size: 44px;
332
+ margin: 0;
333
+ accent-color: var(--md-sys-color-primary);
334
+ cursor: pointer;
335
+ }
336
+ input[type="range"]:disabled {
337
+ cursor: not-allowed;
338
+ opacity: 0.38;
339
+ }
340
+ .bubble {
341
+ position: absolute;
342
+ inset-block-start: 0;
343
+ transform: translateX(-50%);
344
+ font-family: var(--npt-font-num);
345
+ font-variant-numeric: tabular-nums;
346
+ font-size: var(--npt-text-caption, 12px);
347
+ padding-inline: var(--npt-space-2, 8px);
348
+ padding-block: 2px;
349
+ border-radius: var(--npt-corner-xs, 8px);
350
+ background: var(--md-sys-color-primary);
351
+ color: var(--md-sys-color-on-primary);
352
+ }
353
+ `;
354
+ }
355
+ render() {
356
+ const min = esc(this.getAttribute("min")) || "0";
357
+ const max = esc(this.getAttribute("max")) || "100";
358
+ const value = esc(this.getAttribute("value")) || min;
359
+ const step = esc(this.getAttribute("step")) || "1";
360
+ const disabled = this.hasAttribute("disabled") ? "disabled" : "";
361
+ const label = esc(this.getAttribute("label"));
362
+ return html `<div class="wrap" part="wrap">
363
+ <output class="bubble" part="bubble">${value}</output>
364
+ <input
365
+ type="range"
366
+ min="${min}"
367
+ max="${max}"
368
+ value="${value}"
369
+ step="${step}"
370
+ aria-label="${label}"
371
+ ${disabled}
372
+ />
373
+ </div>`;
374
+ }
375
+ }
376
+ NptSlider.observedAttributes = ["min", "max", "value", "step", "disabled", "label"];
377
+ //# sourceMappingURL=selection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"selection.js","sourceRoot":"","sources":["../../src/components/selection.ts"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -5,8 +5,14 @@ export { NptCard } from "./components/card.js";
5
5
  export { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
6
6
  export { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
7
7
  export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
8
+ export { NptIconButton, NptFab, NptSegmentedButton, NptSegmentedOption, } from "./components/actions.js";
9
+ export { NptCheckbox, NptRadio, NptSwitch, NptSlider } from "./components/selection.js";
10
+ export { NptProgress, NptSnackbar, NptTooltip, NptBanner } from "./components/feedback.js";
11
+ export { NptDialog, NptBottomSheet, NptMenu, NptMenuItem } from "./components/containers.js";
12
+ export { NptList, NptListItem, NptDivider, NptTabs, NptTab, NptAccordion, NptAccordionItem, NptAvatar, } from "./components/layout.js";
13
+ export { NptNavRail, NptTopAppBar } from "./components/nav-rail.js";
8
14
  export { registerAll } from "./register.js";
9
15
  export type { Brand, Mode, Direction, NeptuneTheme, ThemeInput, BrandprintConfig, } from "@neptune.fintech/tokens";
10
16
  export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
11
- export declare const WEB_UI_VERSION = "1.0.0";
17
+ export declare const WEB_UI_VERSION = "2.1.0";
12
18
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EACV,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,eAAO,MAAM,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,aAAa,EACb,MAAM,EACN,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EACV,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,eAAO,MAAM,cAAc,UAAU,CAAC"}
package/dist/index.js CHANGED
@@ -13,7 +13,13 @@ export { NptCard } from "./components/card.js";
13
13
  export { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
14
14
  export { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
15
15
  export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
16
+ export { NptIconButton, NptFab, NptSegmentedButton, NptSegmentedOption, } from "./components/actions.js";
17
+ export { NptCheckbox, NptRadio, NptSwitch, NptSlider } from "./components/selection.js";
18
+ export { NptProgress, NptSnackbar, NptTooltip, NptBanner } from "./components/feedback.js";
19
+ export { NptDialog, NptBottomSheet, NptMenu, NptMenuItem } from "./components/containers.js";
20
+ export { NptList, NptListItem, NptDivider, NptTabs, NptTab, NptAccordion, NptAccordionItem, NptAvatar, } from "./components/layout.js";
21
+ export { NptNavRail, NptTopAppBar } from "./components/nav-rail.js";
16
22
  export { registerAll } from "./register.js";
17
23
  export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
18
- export const WEB_UI_VERSION = "1.0.0";
24
+ export const WEB_UI_VERSION = "2.1.0";
19
25
  //# 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":"AAAA,kFAAkF;AAClF,mFAAmF;AACnF,2EAA2E;AAC3E,EAAE;AACF,6DAA6D;AAC7D,iDAAiD;AACjD,0EAA0E;AAC1E,yFAAyF;AAEzF,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,mFAAmF;AACnF,2EAA2E;AAC3E,EAAE;AACF,6DAA6D;AAC7D,iDAAiD;AACjD,0EAA0E;AAC1E,yFAAyF;AAEzF,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,aAAa,EACb,MAAM,EACN,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpF,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAUA,gFAAgF;AAChF,wBAAgB,WAAW,IAAI,IAAI,CAWlC"}
1
+ {"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAyBA,gFAAgF;AAChF,wBAAgB,WAAW,IAAI,IAAI,CA2ClC"}