@mhmo91/schmancy 0.9.22 → 0.9.23
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/custom-elements.json +94 -0
- package/dist/agent/schmancy.agent.js +425 -260
- package/dist/agent/schmancy.agent.js.map +1 -1
- package/dist/agent/schmancy.manifest.json +95 -0
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/handover/agent-runtime-followups.md +1 -1
- package/dist/handover/agent-runtime-v1.md +3 -3
- package/dist/handover/agent-runtime-v2-loopback.md +5 -5
- package/dist/handover/claude-design-brief.md +54 -19
- package/dist/index.cjs +1 -1
- package/dist/index.js +27 -26
- package/dist/metric.cjs +69 -0
- package/dist/metric.cjs.map +1 -0
- package/dist/metric.js +93 -0
- package/dist/metric.js.map +1 -0
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/{src-C9DpHCWF.cjs → src-Ci10_Iwf.cjs} +1 -1
- package/dist/{src-C9DpHCWF.cjs.map → src-Ci10_Iwf.cjs.map} +1 -1
- package/dist/{src-B0jLOpqn.js → src-DNuhxDig.js} +1 -0
- package/dist/{src-B0jLOpqn.js.map → src-DNuhxDig.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/package.json +1 -1
- package/src/index.ts +1 -0
- package/src/metric/index.ts +1 -0
- package/src/metric/metric.ts +127 -0
- package/types/src/index.d.ts +1 -0
- package/types/src/metric/index.d.ts +1 -0
- package/types/src/metric/metric.d.ts +39 -0
|
@@ -4071,6 +4071,101 @@
|
|
|
4071
4071
|
}
|
|
4072
4072
|
]
|
|
4073
4073
|
},
|
|
4074
|
+
{
|
|
4075
|
+
"kind": "javascript-module",
|
|
4076
|
+
"path": "metric/metric.ts",
|
|
4077
|
+
"declarations": [
|
|
4078
|
+
{
|
|
4079
|
+
"kind": "class",
|
|
4080
|
+
"name": "SchmancyMetric",
|
|
4081
|
+
"tagName": "schmancy-metric",
|
|
4082
|
+
"description": "KPI metric — a label + value pair for dashboards, with optional trend + delta indicators.",
|
|
4083
|
+
"summary": "The building block of dashboards and meta bars. Pass `label` + `value` for a basic stat; add `trend` / `delta` for the delta-from-last-period pattern. Use multiple metrics side-by-side with Tailwind flex/grid utilities.",
|
|
4084
|
+
"platformPrimitive": {
|
|
4085
|
+
"tag": "div",
|
|
4086
|
+
"mode": "-",
|
|
4087
|
+
"note": "Styled `<div>` with two text lines + optional trend arrow. Degrades to a plain div+spans if the tag never registers."
|
|
4088
|
+
},
|
|
4089
|
+
"attributes": [
|
|
4090
|
+
{
|
|
4091
|
+
"name": "label",
|
|
4092
|
+
"type": {
|
|
4093
|
+
"text": "string"
|
|
4094
|
+
},
|
|
4095
|
+
"default": "''",
|
|
4096
|
+
"description": "Upper-case caption shown above the value."
|
|
4097
|
+
},
|
|
4098
|
+
{
|
|
4099
|
+
"name": "value",
|
|
4100
|
+
"type": {
|
|
4101
|
+
"text": "string"
|
|
4102
|
+
},
|
|
4103
|
+
"default": "''",
|
|
4104
|
+
"description": "Primary metric value, rendered large. Pre-format numbers/currency yourself."
|
|
4105
|
+
},
|
|
4106
|
+
{
|
|
4107
|
+
"name": "trend",
|
|
4108
|
+
"type": {
|
|
4109
|
+
"text": "MetricTrend"
|
|
4110
|
+
},
|
|
4111
|
+
"values": [
|
|
4112
|
+
"neutral",
|
|
4113
|
+
"up",
|
|
4114
|
+
"down"
|
|
4115
|
+
],
|
|
4116
|
+
"description": "Optional trend direction. Controls the color + arrow on the delta pill."
|
|
4117
|
+
},
|
|
4118
|
+
{
|
|
4119
|
+
"name": "delta",
|
|
4120
|
+
"type": {
|
|
4121
|
+
"text": "string"
|
|
4122
|
+
},
|
|
4123
|
+
"description": "Optional delta copy displayed in a pill next to the value (e.g. `+12%`)."
|
|
4124
|
+
},
|
|
4125
|
+
{
|
|
4126
|
+
"name": "size",
|
|
4127
|
+
"type": {
|
|
4128
|
+
"text": "MetricSize"
|
|
4129
|
+
},
|
|
4130
|
+
"values": [
|
|
4131
|
+
"sm",
|
|
4132
|
+
"md",
|
|
4133
|
+
"lg"
|
|
4134
|
+
],
|
|
4135
|
+
"default": "'md'",
|
|
4136
|
+
"description": "Size scale affecting label + value typography."
|
|
4137
|
+
}
|
|
4138
|
+
],
|
|
4139
|
+
"slots": [
|
|
4140
|
+
{
|
|
4141
|
+
"name": "",
|
|
4142
|
+
"description": "Optional custom value rendering (overrides the `value` attribute if present)."
|
|
4143
|
+
},
|
|
4144
|
+
{
|
|
4145
|
+
"name": "label",
|
|
4146
|
+
"description": "Optional custom label rendering (overrides the `label` attribute if present)."
|
|
4147
|
+
}
|
|
4148
|
+
],
|
|
4149
|
+
"cssParts": [
|
|
4150
|
+
{
|
|
4151
|
+
"name": "label",
|
|
4152
|
+
"description": "The label line."
|
|
4153
|
+
},
|
|
4154
|
+
{
|
|
4155
|
+
"name": "value",
|
|
4156
|
+
"description": "The value line."
|
|
4157
|
+
},
|
|
4158
|
+
{
|
|
4159
|
+
"name": "delta",
|
|
4160
|
+
"description": "The delta pill (only when `delta` is set)."
|
|
4161
|
+
}
|
|
4162
|
+
],
|
|
4163
|
+
"examples": [
|
|
4164
|
+
"<schmancy-metric label=\"In flight\" value=\"4\"></schmancy-metric>\n<schmancy-metric label=\"Open value\" value=\"€165,900\" trend=\"up\" delta=\"+12%\"></schmancy-metric>\n<schmancy-metric label=\"Error rate\" value=\"0.3%\" trend=\"down\" delta=\"-0.1%\"></schmancy-metric>"
|
|
4165
|
+
]
|
|
4166
|
+
}
|
|
4167
|
+
]
|
|
4168
|
+
},
|
|
4074
4169
|
{
|
|
4075
4170
|
"kind": "javascript-module",
|
|
4076
4171
|
"path": "nav-drawer/appbar.ts",
|
package/dist/badge.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-Ci10_Iwf.cjs`);Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return e.T}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return e.E}});
|
package/dist/badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { E as e, T as t } from "./src-
|
|
1
|
+
import { E as e, T as t } from "./src-DNuhxDig.js";
|
|
2
2
|
export { t as ScBadgeV2, e as SchmancyBadgeV2 };
|
package/dist/content-drawer.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-Ci10_Iwf.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e.v}}),exports.SchmancyContentDrawerID=e.y,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerMaxHeight=e.b,exports.SchmancyContentDrawerMinWidth=e.x,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerSheetMode=e.S,exports.SchmancyContentDrawerSheetState=e.C,exports.schmancyContentDrawer=e.w;
|
package/dist/content-drawer.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { C as e, S as t, _ as n, b as r, g as i, v as a, w as o, x as s, y as c } from "./src-
|
|
1
|
+
import { C as e, S as t, _ as n, b as r, g as i, v as a, w as o, x as s, y as c } from "./src-DNuhxDig.js";
|
|
2
2
|
export { a as SchmancyContentDrawer, c as SchmancyContentDrawerID, n as SchmancyContentDrawerMain, r as SchmancyContentDrawerMaxHeight, s as SchmancyContentDrawerMinWidth, i as SchmancyContentDrawerSheet, t as SchmancyContentDrawerSheetMode, e as SchmancyContentDrawerSheetState, o as schmancyContentDrawer };
|
|
@@ -203,7 +203,7 @@ The manifest already has everything needed; the package is just the JSON-RPC wra
|
|
|
203
203
|
|
|
204
204
|
**Problem.** `handover/agent-runtime-v1.md` had `<PENDING>` placeholders that we manually replaced with `0.9.13` after the first publish. Future handover docs will have the same issue.
|
|
205
205
|
|
|
206
|
-
**Fix.** A build step that substitutes `0.9.
|
|
206
|
+
**Fix.** A build step that substitutes `0.9.23` in `handover/**/*.md` against `package.json`'s `version` field on every build. `dist/handover/**/*.md` gets the rendered version; the source stays templated.
|
|
207
207
|
|
|
208
208
|
**Effort:** ~30 min (one sed step or a tiny script).
|
|
209
209
|
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
## The URLs you asked for
|
|
8
8
|
|
|
9
9
|
```
|
|
10
|
-
https://esm.sh/@mhmo91/schmancy/agent@0.9.
|
|
11
|
-
https://esm.sh/@mhmo91/schmancy/agent/manifest@0.9.
|
|
10
|
+
https://esm.sh/@mhmo91/schmancy/agent@0.9.23
|
|
11
|
+
https://esm.sh/@mhmo91/schmancy/agent/manifest@0.9.23
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
`0.9.13` is the first release containing `/agent`; every subsequent publish serves the same subpath. `npm view @mhmo91/schmancy version` always returns the current pin if you want to float forward.
|
|
@@ -20,7 +20,7 @@ One script tag. No bundler, no bare specifiers, no npm install.
|
|
|
20
20
|
```html
|
|
21
21
|
<!doctype html>
|
|
22
22
|
<script type="module">
|
|
23
|
-
import { $dialog, theme } from 'https://esm.sh/@mhmo91/schmancy/agent@0.9.
|
|
23
|
+
import { $dialog, theme } from 'https://esm.sh/@mhmo91/schmancy/agent@0.9.23';
|
|
24
24
|
</script>
|
|
25
25
|
<schmancy-theme root scheme="dark">
|
|
26
26
|
<schmancy-surface type="solid" fill="all">
|
|
@@ -12,7 +12,7 @@ Four separable PRs, each shippable on its own:
|
|
|
12
12
|
| # | Title | Branch | Impact on your probe |
|
|
13
13
|
|---|---|---|---|
|
|
14
14
|
| 2 | CI smoke-test gate | `feat/ci-gate-and-version-templating` | None user-facing. `window.schmancy.help()` regressions now fail-closed at publish time instead of shipping silently. |
|
|
15
|
-
| 9 | `0.9.
|
|
15
|
+
| 9 | `0.9.23` templating for handover docs | same branch as #2 | None user-facing. Future handover docs will have live esm.sh URLs instead of `<PENDING>` placeholders. |
|
|
16
16
|
| 3 | JSDoc backfill (46 components) | `feat/jsdoc-batch-{1,2,3}-*` | **This is what you'll notice.** Every form-control, container, and overlay/nav component now ships `@summary`, `@example`, and `@platform` tags in its manifest entry. `window.schmancy.help('schmancy-button')` returns a non-empty `summary`, a copy-pastable `examples[]`, and a `platformPrimitive` hint for graceful degradation. |
|
|
17
17
|
| 1 | Lazy vendor chunks | `feat/lazy-{typewriter,code-highlight,qr-scanner}` | Pages that don't render `<schmancy-code>`, `<schmancy-qr-scanner>`, or `<schmancy-typewriter>` no longer fetch `vendor-highlight`, `vendor-jsqr`, or the typewriter chunk on first paint. ~68 KB gzipped saved on cold starts for typical prototypes. |
|
|
18
18
|
|
|
@@ -21,18 +21,18 @@ The only one that changes the shape of `window.schmancy` is **#3**. The others a
|
|
|
21
21
|
## Pinned URLs (live once the PRs merge)
|
|
22
22
|
|
|
23
23
|
```
|
|
24
|
-
https://esm.sh/@mhmo91/schmancy/agent@0.9.
|
|
25
|
-
https://esm.sh/@mhmo91/schmancy/agent/manifest@0.9.
|
|
24
|
+
https://esm.sh/@mhmo91/schmancy/agent@0.9.23
|
|
25
|
+
https://esm.sh/@mhmo91/schmancy/agent/manifest@0.9.23
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
-
`0.9.
|
|
28
|
+
`0.9.23` is substituted at publish time — see [`agent-runtime-followups.md`](./agent-runtime-followups.md) #9. Until the PRs land, continue pinning `@0.9.14` (the last published version at time of writing).
|
|
29
29
|
|
|
30
30
|
## Minimum loop-back test
|
|
31
31
|
|
|
32
32
|
```html
|
|
33
33
|
<!doctype html>
|
|
34
34
|
<script type="module">
|
|
35
|
-
import 'https://esm.sh/@mhmo91/schmancy/agent@0.9.
|
|
35
|
+
import 'https://esm.sh/@mhmo91/schmancy/agent@0.9.23';
|
|
36
36
|
</script>
|
|
37
37
|
|
|
38
38
|
<schmancy-theme root scheme="dark">
|
|
@@ -1,11 +1,28 @@
|
|
|
1
1
|
# Claude Design brief: building with schmancy
|
|
2
2
|
|
|
3
|
-
You're designing or redesigning a web page. Use the `@mhmo91/schmancy` component library for every interactive tag, every surface, every color.
|
|
3
|
+
You're designing or redesigning a web page. Use the `@mhmo91/schmancy` component library for every interactive tag, every surface, every color.
|
|
4
|
+
|
|
5
|
+
## Rule 0 — before anything else, probe the runtime
|
|
6
|
+
|
|
7
|
+
```js
|
|
8
|
+
window.schmancy.help()
|
|
9
|
+
// → { elements: [{ tag, summary }...], services: [{ name, summary }...] }
|
|
10
|
+
```
|
|
11
|
+
|
|
12
|
+
**Every time you reach for a "missing" component, grep this list first.** A previous Claude Design session filed seven "missing primitive" complaints; four of the seven already existed (`<schmancy-badge>`, `<schmancy-avatar>`, `<schmancy-steps>`, `<schmancy-divider vertical>`). Hand-rolling a component that already ships wastes your effort and diverges from the theme system.
|
|
13
|
+
|
|
14
|
+
When in doubt, the order is:
|
|
15
|
+
|
|
16
|
+
1. `window.schmancy.help()` — scan the `elements[]` summaries for a tag that fits what you're about to build.
|
|
17
|
+
2. `window.schmancy.help('schmancy-<tag>')` — exact attributes, enum values, events, slots, copy-pasteable examples.
|
|
18
|
+
3. **Only then** compose from primitives or roll a custom element.
|
|
19
|
+
|
|
20
|
+
Every custom component you write that duplicates an existing `<schmancy-*>` tag is a regression.
|
|
4
21
|
|
|
5
22
|
## Pin URL
|
|
6
23
|
|
|
7
24
|
```
|
|
8
|
-
https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.
|
|
25
|
+
https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.22/dist/agent/schmancy.agent.js
|
|
9
26
|
```
|
|
10
27
|
|
|
11
28
|
One script tag installs 100+ `<schmancy-*>` custom elements plus the `window.schmancy.*` discovery API. No bundler, no npm install, no bare specifiers.
|
|
@@ -15,7 +32,7 @@ One script tag installs 100+ `<schmancy-*>` custom elements plus the `window.sch
|
|
|
15
32
|
```html
|
|
16
33
|
<!doctype html>
|
|
17
34
|
<script type="module">
|
|
18
|
-
import 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.
|
|
35
|
+
import 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.22/dist/agent/schmancy.agent.js';
|
|
19
36
|
</script>
|
|
20
37
|
|
|
21
38
|
<schmancy-theme root scheme="dark">
|
|
@@ -30,18 +47,18 @@ One script tag installs 100+ `<schmancy-*>` custom elements plus the `window.sch
|
|
|
30
47
|
- `<schmancy-surface>` picks up theme tokens for background / on-color / elevation. Nest surfaces for hierarchical color stacking.
|
|
31
48
|
- `<schmancy-skill>` (drop once on the page) installs `window.schmancy.help()`, `.tokens()`, `.capabilities()`, etc.
|
|
32
49
|
|
|
33
|
-
## Discovery
|
|
50
|
+
## Discovery API surface
|
|
34
51
|
|
|
35
52
|
```js
|
|
36
53
|
window.schmancy.help()
|
|
37
|
-
// → { elements: [
|
|
54
|
+
// → { elements: [...], services: [...] } — every tag and service with a one-line summary
|
|
38
55
|
|
|
39
56
|
window.schmancy.help('schmancy-button')
|
|
40
57
|
// → full declaration: attributes (with enum values[]), events, slots,
|
|
41
|
-
// cssParts, cssProperties, examples (copy-
|
|
58
|
+
// cssParts, cssProperties, examples (copy-pasteable), platformPrimitive
|
|
42
59
|
|
|
43
60
|
window.schmancy.tokens()
|
|
44
|
-
// → every --schmancy-sys-color-* custom property name
|
|
61
|
+
// → every --schmancy-sys-color-* custom property name
|
|
45
62
|
|
|
46
63
|
window.schmancy.capabilities()
|
|
47
64
|
// → { popover, declarativeShadowDom, scopedRegistries, trustedTypes,
|
|
@@ -49,40 +66,58 @@ window.schmancy.capabilities()
|
|
|
49
66
|
// adoptedStyleSheets }
|
|
50
67
|
```
|
|
51
68
|
|
|
52
|
-
`help(tag)` is authoritative. Its `examples[]` array is copy-
|
|
69
|
+
`help(tag)` is authoritative. Its `examples[]` array is copy-pasteable. Its `platformPrimitive` hint tells you what native element the tag semantically wraps, so you can degrade gracefully if a tag fails to register.
|
|
70
|
+
|
|
71
|
+
## Common "I need this" → use this existing tag
|
|
72
|
+
|
|
73
|
+
| Need | Existing tag | Notes |
|
|
74
|
+
|---|---|---|
|
|
75
|
+
| Status pill, count chip, warning label | `<schmancy-badge>` | `tone`, `size`, `shape`, icon slot |
|
|
76
|
+
| Initials circle, user chip | `<schmancy-avatar>` | `initials` / `src` / `icon`, 6 sizes, color, shape, status dot |
|
|
77
|
+
| Filter chips at the top of a list | `<schmancy-chips>` + `<schmancy-filter-chip>` | Multi-select, `change` event |
|
|
78
|
+
| Stepped workflow / stage rail | `<schmancy-steps>` + `<schmancy-step>` | `position`, `completed`, lock-back |
|
|
79
|
+
| Vertical or horizontal rule | `<schmancy-divider vertical>` | Single tag, boolean attribute |
|
|
80
|
+
| Side panel / drawer with body preview | `sheet.open({ component, position })` | Imperative service; handles backdrop + focus trap + router |
|
|
81
|
+
| Modal confirm | `$dialog.confirm({ title, message, confirmText, cancelText })` | Imperative — do not roll your own dialog element |
|
|
82
|
+
| Toast / snackbar | `$notify.success('…')` / `.error()` / `.info()` | Imperative |
|
|
83
|
+
| List of similarly-shaped rows | `<schmancy-list>` + `<schmancy-list-item>` | `leading` / `trailing` slots |
|
|
84
|
+
| Card with media + body + action row | `<schmancy-card>` + `-card-media` + `-card-content` + `-card-action` | Full stack pre-styled |
|
|
85
|
+
| Typography | `<schmancy-typography type="…" token="…">` | 5 types × 3 tokens |
|
|
86
|
+
|
|
87
|
+
If you're unsure a tag exists, call `help()`. Never ship a hand-rolled equivalent.
|
|
53
88
|
|
|
54
89
|
## Rules
|
|
55
90
|
|
|
56
|
-
1. **Every UI tag is `<schmancy-*>`.**
|
|
91
|
+
1. **Every UI tag is `<schmancy-*>`.** `<button>` → `<schmancy-button>`. `<input>` → `<schmancy-input>`. `<li>` → `<schmancy-list-item>`.
|
|
57
92
|
2. **Colors: Tailwind utility classes against schmancy tokens.** Every `--schmancy-sys-color-*` token is exposed as a Tailwind color utility.
|
|
58
93
|
- `bg-primary-default`, `bg-primary-container`, `text-primary-on`
|
|
59
|
-
- `bg-surface-default`, `bg-surface-low`, `bg-surface-high`, `text-surface-on`
|
|
94
|
+
- `bg-surface-default`, `bg-surface-low`, `bg-surface-high`, `text-surface-on`, `text-surface-onVariant`
|
|
60
95
|
- `border-outline`, `border-outline-variant`
|
|
61
96
|
- `bg-secondary-container`, `bg-error-default`, `bg-success-default`, `bg-warning-default`
|
|
62
97
|
- **Never hex (`#6200ee`), never arbitrary values (`bg-[#ff0000]`).** Both defeat theming.
|
|
63
|
-
3. **Forms:** wrap form controls in `<schmancy-form>`. Its `submit` event fires with a `FormData` payload — no manual walking of inputs. Every form control
|
|
98
|
+
3. **Forms:** wrap form controls in `<schmancy-form>`. Its `submit` event fires with a `FormData` payload — no manual walking of inputs. Every form control is form-associated via `ElementInternals`, so `new FormData(form)` just works.
|
|
64
99
|
4. **Layout:**
|
|
65
100
|
- `<schmancy-page rows="auto_1fr_auto">` for app shell — fills viewport, suppresses double-tap zoom and pull-to-refresh.
|
|
66
101
|
- `<schmancy-nav-drawer>` for responsive sidebar + app-bar + content (persistent on desktop, modal on mobile).
|
|
67
102
|
- `<schmancy-scroll>` when you need debounced scroll events or hidden scrollbars.
|
|
68
|
-
- Use Tailwind's `grid` / `flex` utilities directly for layout math —
|
|
103
|
+
- Use Tailwind's `grid` / `flex` utilities directly for layout math. Do NOT build `<schmancy-stack>` / `<schmancy-inline>` / `<schmancy-grid>` — Tailwind covers these; `<schmancy-grid>` is explicitly deprecated.
|
|
69
104
|
5. **Overlays use imperative services, not element APIs:**
|
|
70
105
|
```js
|
|
71
|
-
import { $dialog, sheet, $notify, SchmancySheetPosition } from 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.
|
|
106
|
+
import { $dialog, sheet, $notify, SchmancySheetPosition } from 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.22/dist/agent/schmancy.agent.js';
|
|
72
107
|
$dialog.confirm({ title: 'Delete?', message: 'Cannot be undone.', confirmText: 'Delete', cancelText: 'Keep' });
|
|
73
108
|
sheet.open({ component: new MyEditor(), position: SchmancySheetPosition.Side });
|
|
74
109
|
$notify.success('Saved');
|
|
75
110
|
```
|
|
76
111
|
6. **Accessibility is built in.** Components handle ARIA roles, focus management, keyboard navigation, form validation messages. Don't re-implement. Do provide `aria-label` on icon-only buttons (`<schmancy-icon-button aria-label="Close">`).
|
|
77
|
-
7. **Typography:** use `<schmancy-typography type="..." token="..."
|
|
112
|
+
7. **Typography:** use `<schmancy-typography type="..." token="...">`. Type = `display` / `headline` / `title` / `body` / `label`. Token = `lg` / `md` / `sm`.
|
|
78
113
|
8. **Icons:** `<schmancy-icon>close</schmancy-icon>` renders a Material Symbols glyph. Pass the icon name as text content.
|
|
79
114
|
|
|
80
|
-
## Minimum working page
|
|
115
|
+
## Minimum working page
|
|
81
116
|
|
|
82
117
|
```html
|
|
83
118
|
<!doctype html>
|
|
84
119
|
<script type="module">
|
|
85
|
-
import 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.
|
|
120
|
+
import 'https://cdn.jsdelivr.net/npm/@mhmo91/schmancy@0.9.22/dist/agent/schmancy.agent.js';
|
|
86
121
|
</script>
|
|
87
122
|
|
|
88
123
|
<schmancy-theme root scheme="auto" color="#6200ee">
|
|
@@ -122,9 +157,9 @@ window.schmancy.capabilities()
|
|
|
122
157
|
|
|
123
158
|
## When the design asks for something you don't recognize
|
|
124
159
|
|
|
125
|
-
1.
|
|
126
|
-
2.
|
|
127
|
-
3.
|
|
160
|
+
1. `window.schmancy.help()` — scan `elements[]` summaries.
|
|
161
|
+
2. `window.schmancy.help('schmancy-<tag>')` — exact attributes + copy-pasteable examples.
|
|
162
|
+
3. Only after both turn up nothing, compose from primitives. Custom elements are the last resort.
|
|
128
163
|
|
|
129
164
|
## Report bugs
|
|
130
165
|
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./tailwind.mixin-BHX99hgX.cjs`),e=require(`./area-CFLFXu0Z.cjs`),te=require(`./lazy-BDNnH_r7.cjs`),t=require(`./store-CjFHCSDb.cjs`),n=require(`./sound.service-BEN6Xjy_.cjs`),r=require(`./audio-Dvr-RBzE.cjs`),i=require(`./search-CwMav5QB.cjs`),a=require(`./input-chip-FZEpuSaX.cjs`),o=require(`./animation-CQRdLgzX.cjs`),ne=require(`./reduced-motion-9RjNnhIg.cjs`),s=require(`./cursor-glow-Duw9jHmh.cjs`),c=require(`./theme.events-DakXxZeP.cjs`),l=require(`./theme.service-DxJPUGlu.cjs`),u=require(`./layout-CTfRXQoz.cjs`),re=require(`./magnetic-CVXEkYTA.cjs`),d=require(`./directives.cjs`),f=require(`./src-C9DpHCWF.cjs`),p=require(`./boat-ZA47HbKj.cjs`),m=require(`./button.cjs`),h=require(`./charts.cjs`),g=require(`./checkbox-DEKQLJYR.cjs`),_=require(`./chips-B-27tj7O.cjs`),v=require(`./code-highlight-_ZK6FEjF.cjs`),ie=require(`./components-DUiF-_Ul.cjs`),ae=require(`./connectivity.cjs`),y=require(`./date-range-CrAIk8dg.cjs`),b=require(`./overlay-stack-7bs4ZNnh.cjs`),x=require(`./dialog-service-CzDO08Gy.cjs`),S=require(`./sheet.service-B-RxqhpO.cjs`),C=require(`./date-range-inline-B9Dp2z6C.cjs`),w=require(`./delay-DCp_QEct.cjs`),T=require(`./details-BJTR16AV.cjs`),E=require(`./dialog.cjs`),D=require(`./discovery.cjs`),O=require(`./dropdown.cjs`),k=require(`./surface-fEmoN08Y.cjs`),A=require(`./expand-Dd0H6y8Z.cjs`),j=require(`./window-BhrSdbk2.cjs`),oe=require(`./float-ByW-Gth3.cjs`),M=require(`./extra-CdOUiB0K.cjs`),N=require(`./form-wI58M85H.cjs`),P=require(`./iframe-BXzYZu9_.cjs`),F=require(`./input-BGNZlfL8.cjs`),I=require(`./notification-DqWW2oh9.cjs`),L=require(`./json.cjs`),R=require(`./layout-Bst19YG8.cjs`),z=require(`./scroll-BKn4essm.cjs`),B=require(`./lightbox-Dk2ICCBB.cjs`),V=require(`./list-DBiecR1i.cjs`),H=require(`./mailbox-BYNmcNIM.cjs`),U=require(`./map-7_cexh1e.cjs`),W=require(`./navigation-rail.cjs`),G=require(`./page.cjs`),K=require(`./qr-scanner.cjs`),q=require(`./radio-group-DYvIgv3P.cjs`),se=require(`./range.cjs`),ce=require(`./rxjs-utils-DJbZRjp3.cjs`),le=require(`./theme.interface-DTwkuAKJ.cjs`),ue=require(`./select-CQGKkEZc.cjs`),J=require(`./slider.cjs`),Y=require(`./steps.cjs`),X=require(`./table-ChHS4xby.cjs`),Z=require(`./theme-BjnQjhR0.cjs`),de=require(`./tooltip.cjs`),fe=require(`./tree.cjs`),pe=require(`./types.cjs`),me=require(`./intersection-DqBqnpgh.cjs`),Q=require(`./typewriter.cjs`),he=require(`./typography.cjs`),ge=require(`./utils-CBPQvxNW.cjs`),$=require(`./breadcrumb.cjs`),_e=require(`./kbd.cjs`),ve=require(`./skeleton.cjs`),ye=require(`./switch.cjs`),be=require(`./visually-hidden.cjs`);exports.$dialog=x.t,exports.$drawer=f.m,exports.$notify=I.r,exports.$sounds=r.t,exports.ANIMATION_CSS_VARS=o.t,exports.BLACKBIRD_EASING=o.n,exports.BaseStore=t.I,Object.defineProperty(exports,`ConfirmDialog`,{enumerable:!0,get:function(){return E.ConfirmDialog}}),Object.defineProperty(exports,`SchmancyDialog`,{enumerable:!0,get:function(){return E.ConfirmDialog}}),exports.DISCOVER_EVENT=D.DISCOVER_EVENT,exports.DISCOVER_RESPONSE_EVENT=D.DISCOVER_RESPONSE_EVENT,exports.DURATION_BACKDROP=o.r,exports.DURATION_ENTER=o.i,exports.DURATION_EXIT=o.a,exports.DialogBase=E.DialogBase,exports.DialogService=x.n,exports.DragDirective=d.DragDirective,exports.DropDirective=d.DropDirective,exports.EASE_IN=o.o,exports.EASE_OUT=o.s,exports.EmotionalSoundGenerator=r.n,exports.FINDING_MORTIES=e.b,exports.GRID_ANIMATION_CSS=o.c,exports.HERE_RICKY=e.x,exports.HISTORY_STRATEGY=e.v,exports.HereMorty=f.r,exports.IndexedDBStorageManager=t.L,Object.defineProperty(exports,`List`,{enumerable:!0,get:function(){return V.t}}),exports.LocalStorageManager=t.R,exports.MemoryStorageManager=t.z,exports.Numbers=ge.t,Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return q.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return q.n}}),exports.SCHMANCY_EXPAND_REQUEST_CLOSE=A.t,exports.SPRING_BOUNCY=o.l,exports.SPRING_GENTLE=o.u,exports.SPRING_SMOOTH=o.d,exports.SPRING_SNAPPY=o.f,Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return f.T}}),Object.defineProperty(exports,`SchmancyArea`,{enumerable:!0,get:function(){return e._}}),Object.defineProperty(exports,`SchmancyAreaChart`,{enumerable:!0,get:function(){return h.SchmancyAreaChart}}),exports.SchmancyArrayStore=t.F,Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return _.r}}),Object.defineProperty(exports,`SchmancyAvatar`,{enumerable:!0,get:function(){return f.t}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return f.E}}),exports.SchmancyBoat=p.t,Object.defineProperty(exports,`SchmancyBreadcrumb`,{enumerable:!0,get:function(){return $.SchmancyBreadcrumb}}),Object.defineProperty(exports,`SchmancyBreadcrumbItem`,{enumerable:!0,get:function(){return $.SchmancyBreadcrumbItem}}),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return m.SchmancyButton}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return g.t}}),exports.SchmancyChip=_.n,exports.SchmancyFilterChip=_.n,Object.defineProperty(exports,`SchmancyCode`,{enumerable:!0,get:function(){return v.n}}),Object.defineProperty(exports,`SchmancyCodeHighlight`,{enumerable:!0,get:function(){return v.n}}),Object.defineProperty(exports,`SchmancyCodePreview`,{enumerable:!0,get:function(){return v.t}}),Object.defineProperty(exports,`SchmancyConnectivityStatus`,{enumerable:!0,get:function(){return ae.SchmancyConnectivityStatus}}),Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return f.v}}),exports.SchmancyContentDrawerID=f.y,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return f._}}),exports.SchmancyContentDrawerMaxHeight=f.b,exports.SchmancyContentDrawerMinWidth=f.x,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return f.g}}),exports.SchmancyContentDrawerSheetMode=f.S,exports.SchmancyContentDrawerSheetState=f.C,Object.defineProperty(exports,`SchmancyCountriesSelect`,{enumerable:!0,get:function(){return M.n}}),Object.defineProperty(exports,`SchmancyDataTable`,{enumerable:!0,get:function(){return X.t}}),Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return y.t}}),exports.SchmancyDateRangeInline=C.t,Object.defineProperty(exports,`SchmancyDelay`,{enumerable:!0,get:function(){return w.t}}),exports.SchmancyDetails=T.t,Object.defineProperty(exports,`SchmancyDrawerAppbar`,{enumerable:!0,get:function(){return f.p}}),exports.SchmancyDrawerNavbarMode=f.u,exports.SchmancyDrawerNavbarState=f.d,Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return O.SchmancyDropdown}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return O.SchmancyDropdownContent}}),Object.defineProperty(exports,`SchmancyEmailEditor`,{enumerable:!0,get:function(){return H.r}}),Object.defineProperty(exports,`SchmancyEmailLayoutSelector`,{enumerable:!0,get:function(){return H.i}}),Object.defineProperty(exports,`SchmancyEmailRecipients`,{enumerable:!0,get:function(){return H.t}}),Object.defineProperty(exports,`SchmancyEmailViewer`,{enumerable:!0,get:function(){return H.n}}),exports.SchmancyEvents=pe.SchmancyEvents,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return A.n}}),Object.defineProperty(exports,`SchmancyFlex`,{enumerable:!0,get:function(){return R.r}}),Object.defineProperty(exports,`SchmancyFlexV2`,{enumerable:!0,get:function(){return R.t}}),exports.SchmancyFloat=oe.t,exports.SchmancyForm=N.t,exports.SchmancyGenerateMoodAudioEvent=Z.n,Object.defineProperty(exports,`SchmancyGrid`,{enumerable:!0,get:function(){return R.n}}),exports.SchmancyIframe=P.t,exports.SchmancyInput=F.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return a.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return F.t}}),Object.defineProperty(exports,`SchmancyJson`,{enumerable:!0,get:function(){return L.SchmancyJson}}),Object.defineProperty(exports,`SchmancyKbd`,{enumerable:!0,get:function(){return _e.SchmancyKbd}}),Object.defineProperty(exports,`SchmancyLightbox`,{enumerable:!0,get:function(){return B.i}}),Object.defineProperty(exports,`SchmancyListItem`,{enumerable:!0,get:function(){return V.n}}),exports.SchmancyListTypeContext=V.r,Object.defineProperty(exports,`SchmancyMailbox`,{enumerable:!0,get:function(){return H.a}}),exports.SchmancyMap=U.t,Object.defineProperty(exports,`SchmancyNavigationBar`,{enumerable:!0,get:function(){return f.o}}),Object.defineProperty(exports,`SchmancyNavigationBarItem`,{enumerable:!0,get:function(){return f.s}}),Object.defineProperty(exports,`SchmancyNavigationDrawer`,{enumerable:!0,get:function(){return f.l}}),Object.defineProperty(exports,`SchmancyNavigationDrawerContent`,{enumerable:!0,get:function(){return f.f}}),Object.defineProperty(exports,`SchmancyNavigationDrawerSidebar`,{enumerable:!0,get:function(){return f.c}}),Object.defineProperty(exports,`SchmancyNavigationRail`,{enumerable:!0,get:function(){return W.SchmancyNavigationRail}}),Object.defineProperty(exports,`SchmancyNavigationRailItem`,{enumerable:!0,get:function(){return W.SchmancyNavigationRailItem}}),exports.SchmancyNotification=I.i,Object.defineProperty(exports,`SchmancyPage`,{enumerable:!0,get:function(){return G.SchmancyPage}}),Object.defineProperty(exports,`SchmancyPaymentCardForm`,{enumerable:!0,get:function(){return ie.t}}),Object.defineProperty(exports,`SchmancyPills`,{enumerable:!0,get:function(){return h.SchmancyPills}}),Object.defineProperty(exports,`SchmancyQRScanner`,{enumerable:!0,get:function(){return K.SchmancyQRScanner}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return se.SchmancyRange}}),Object.defineProperty(exports,`SchmancyRoute`,{enumerable:!0,get:function(){return e.y}}),Object.defineProperty(exports,`SchmancyScroll`,{enumerable:!0,get:function(){return z.t}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return ue.t}}),exports.SchmancySheetPosition=S.t,Object.defineProperty(exports,`SchmancySkeleton`,{enumerable:!0,get:function(){return ve.SchmancySkeleton}}),Object.defineProperty(exports,`SchmancySlide`,{enumerable:!0,get:function(){return J.SchmancySlide}}),Object.defineProperty(exports,`SchmancySlider`,{enumerable:!0,get:function(){return J.SchmancySlider}}),Object.defineProperty(exports,`SchmancyStep`,{enumerable:!0,get:function(){return Y.SchmancyStep}}),Object.defineProperty(exports,`SchmancyStepsContainer`,{enumerable:!0,get:function(){return Y.SchmancyStepsContainer}}),exports.SchmancyStoreObject=t.P,Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return _.t}}),Object.defineProperty(exports,`SchmancySurface`,{enumerable:!0,get:function(){return k.t}}),exports.SchmancySurfaceTypeContext=k.n,Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return ye.SchmancySwitch}}),Object.defineProperty(exports,`SchmancyTableRow`,{enumerable:!0,get:function(){return X.n}}),Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return f.n}}),exports.SchmancyTheme=le.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return Z.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return Z.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return Z.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return Z.t}}),Object.defineProperty(exports,`SchmancyTimezonesSelect`,{enumerable:!0,get:function(){return M.t}}),Object.defineProperty(exports,`SchmancyTree`,{enumerable:!0,get:function(){return fe.SchmancyTree}}),Object.defineProperty(exports,`SchmancyTypography`,{enumerable:!0,get:function(){return he.SchmancyTypography}}),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return be.SchmancyVisuallyHidden}}),exports.SchmancyWindow=j.t,Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return m.SchmnacyIconButton}}),exports.SessionStorageManager=t.B,exports.StepsController=Y.StepsController,exports.StoreError=t.H,exports.ThemeHereIAm=c.t,exports.ThemeWhereAreYou=c.n,Object.defineProperty(exports,`TypewriterElement`,{enumerable:!0,get:function(){return Q.TypewriterElement}}),exports.WhereAreYouRicky=f.i,exports.animateText=d.animateText,exports.area=e.S,exports.buildQueryString=e.t,exports.catmullRomSpline=h.catmullRomSpline,exports.color=d.color,exports.compareActiveRoutes=e.n,exports.compareCustomElementConstructors=e.r,exports.compareRouteActions=e.i,exports.compareValues=t.g,exports.confirmClick=d.confirmClick,exports.createAnimation=o.p,exports.createArrayContext=t.j,exports.createCollectionSelector=t.r,exports.createCompoundSelector=t.i,exports.createContext=t.M,exports.createCountSelector=t.a,exports.createDarkTonalPaletteFromBaseColor=Z.s,exports.createDismissAnimation=o.m,exports.createEntriesSelector=t.o,exports.createFilterSelector=t.s,exports.createFindSelector=t.c,exports.createItemSelector=t.l,exports.createItemsSelector=t.u,exports.createKeysSelector=t.d,exports.createLightTonalPaletteFromBaseColor=Z.c,exports.createMapSelector=t.f,exports.createOptimizedSelector=t.p,exports.createRevealAnimation=o.h,exports.createRouteCacheKey=e.a,exports.createScaleAnimation=o.g,exports.createSelector=t.m,exports.createSortSelector=t.h,exports.createStorageManager=t.V,exports.createTestArrayContext=t.N,exports.cursorGlow=s.t,exports.cycleText=d.cycleText,exports.debounce=e.o,exports.decodeData=e.h,exports.decodeRouteState=e.s,exports.deepMerge=e.c,exports.delayContext=w.n,exports.depthOfField=d.depthOfField,exports.discover=D.discover,exports.discoverAllElements=D.discoverAllElements,exports.discoverAnyComponent=D.discoverAnyComponent,exports.discoverComponent=D.discoverComponent,exports.discoverElement=D.discoverElement,exports.drag=d.drag,exports.drop=d.drop,exports.easeOutCubic=h.easeOutCubic,exports.encodeData=e.g,exports.encodeRouteState=e.l,exports.extractQueryParams=e.u,exports.filterArray=t._,exports.filterArrayItems=t.v,exports.filterMap=t.y,exports.filterMapItems=t.b,exports.flip=B.r,exports.formatTheme=Z.l,exports.fromResizeObserver=u.t,exports.fullHeight=u.n,exports.fullWidth=u.r,exports.getEasing=o._,exports.getFieldValue=t.x,exports.getTagName=e.d,exports.gravity=d.gravity,exports.hexToRgba=h.hexToRgba,exports.intersect=d.intersect,exports.intersection$=me.t,exports.isArray=t.S,exports.isDate=t.C,exports.isIterable=t.w,exports.isMap=t.T,exports.isNil=t.E,exports.isNumber=t.D,exports.isObject=e.f,exports.isPlainObject=t.O,exports.isSet=t.k,exports.isString=t.A,exports.lazy=te.t,exports.lightbox=B.t,exports.lightboxDirective=B.n,exports.liquid=d.liquid,exports.livingBorder=d.livingBorder,exports.longPress=d.longPress,exports.magnetic=re.t,exports.mutationObserver=ce.t,exports.nebula=d.nebula,exports.normalizeTagName=e.p,exports.notify=I.t,exports.notifyProgress=I.n,exports.overlayStack=b.t,exports.prefersReducedMotion=o.v,exports.reducedMotion$=ne.t,exports.reveal=d.reveal,exports.ripple=d.ripple,exports.routerHistory=e.C,exports.sanitizeRouteState=e.m,exports.schmancyContentDrawer=f.w,exports.schmancyNavDrawer=f.h,exports.schmancySound=n.t,exports.schmancyTheme=l.t,exports.select=t.t,exports.selectItem=t.n,exports.sheet=S.n,exports.similarity=i.t,exports.sound=n.n,exports.stepsContext=Y.stepsContext,exports.tailwindAnimations=o.y,exports.tailwindStyles=Z.o,exports.teleport=f.a,exports.theme=l.n,exports.themeContext=ee.i,exports.tooltip=de.tooltip,exports.typewriter=d.typewriter,exports.validateInitialDateRange=y.n,exports.windowManager=j.n;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./tailwind.mixin-BHX99hgX.cjs`),e=require(`./area-CFLFXu0Z.cjs`),te=require(`./lazy-BDNnH_r7.cjs`),t=require(`./store-CjFHCSDb.cjs`),n=require(`./sound.service-BEN6Xjy_.cjs`),r=require(`./audio-Dvr-RBzE.cjs`),i=require(`./search-CwMav5QB.cjs`),a=require(`./input-chip-FZEpuSaX.cjs`),o=require(`./animation-CQRdLgzX.cjs`),ne=require(`./reduced-motion-9RjNnhIg.cjs`),s=require(`./cursor-glow-Duw9jHmh.cjs`),c=require(`./theme.events-DakXxZeP.cjs`),l=require(`./theme.service-DxJPUGlu.cjs`),u=require(`./layout-CTfRXQoz.cjs`),re=require(`./magnetic-CVXEkYTA.cjs`),d=require(`./directives.cjs`),f=require(`./src-Ci10_Iwf.cjs`),p=require(`./boat-ZA47HbKj.cjs`),m=require(`./button.cjs`),h=require(`./charts.cjs`),ie=require(`./checkbox-DEKQLJYR.cjs`),g=require(`./chips-B-27tj7O.cjs`),_=require(`./code-highlight-_ZK6FEjF.cjs`),ae=require(`./components-DUiF-_Ul.cjs`),oe=require(`./connectivity.cjs`),v=require(`./date-range-CrAIk8dg.cjs`),y=require(`./overlay-stack-7bs4ZNnh.cjs`),b=require(`./dialog-service-CzDO08Gy.cjs`),x=require(`./sheet.service-B-RxqhpO.cjs`),S=require(`./date-range-inline-B9Dp2z6C.cjs`),C=require(`./delay-DCp_QEct.cjs`),w=require(`./details-BJTR16AV.cjs`),T=require(`./dialog.cjs`),E=require(`./discovery.cjs`),D=require(`./dropdown.cjs`),O=require(`./surface-fEmoN08Y.cjs`),k=require(`./expand-Dd0H6y8Z.cjs`),A=require(`./window-BhrSdbk2.cjs`),se=require(`./float-ByW-Gth3.cjs`),j=require(`./extra-CdOUiB0K.cjs`),M=require(`./form-wI58M85H.cjs`),N=require(`./iframe-BXzYZu9_.cjs`),P=require(`./input-BGNZlfL8.cjs`),F=require(`./notification-DqWW2oh9.cjs`),I=require(`./json.cjs`),L=require(`./layout-Bst19YG8.cjs`),R=require(`./scroll-BKn4essm.cjs`),z=require(`./lightbox-Dk2ICCBB.cjs`),B=require(`./list-DBiecR1i.cjs`),V=require(`./mailbox-BYNmcNIM.cjs`),H=require(`./map-7_cexh1e.cjs`),U=require(`./metric.cjs`),W=require(`./navigation-rail.cjs`),G=require(`./page.cjs`),K=require(`./qr-scanner.cjs`),q=require(`./radio-group-DYvIgv3P.cjs`),ce=require(`./range.cjs`),le=require(`./rxjs-utils-DJbZRjp3.cjs`),ue=require(`./theme.interface-DTwkuAKJ.cjs`),de=require(`./select-CQGKkEZc.cjs`),J=require(`./slider.cjs`),Y=require(`./steps.cjs`),X=require(`./table-ChHS4xby.cjs`),Z=require(`./theme-BjnQjhR0.cjs`),fe=require(`./tooltip.cjs`),pe=require(`./tree.cjs`),me=require(`./types.cjs`),he=require(`./intersection-DqBqnpgh.cjs`),ge=require(`./typewriter.cjs`),_e=require(`./typography.cjs`),Q=require(`./utils-CBPQvxNW.cjs`),$=require(`./breadcrumb.cjs`),ve=require(`./kbd.cjs`),ye=require(`./skeleton.cjs`),be=require(`./switch.cjs`),xe=require(`./visually-hidden.cjs`);exports.$dialog=b.t,exports.$drawer=f.m,exports.$notify=F.r,exports.$sounds=r.t,exports.ANIMATION_CSS_VARS=o.t,exports.BLACKBIRD_EASING=o.n,exports.BaseStore=t.I,Object.defineProperty(exports,`ConfirmDialog`,{enumerable:!0,get:function(){return T.ConfirmDialog}}),Object.defineProperty(exports,`SchmancyDialog`,{enumerable:!0,get:function(){return T.ConfirmDialog}}),exports.DISCOVER_EVENT=E.DISCOVER_EVENT,exports.DISCOVER_RESPONSE_EVENT=E.DISCOVER_RESPONSE_EVENT,exports.DURATION_BACKDROP=o.r,exports.DURATION_ENTER=o.i,exports.DURATION_EXIT=o.a,exports.DialogBase=T.DialogBase,exports.DialogService=b.n,exports.DragDirective=d.DragDirective,exports.DropDirective=d.DropDirective,exports.EASE_IN=o.o,exports.EASE_OUT=o.s,exports.EmotionalSoundGenerator=r.n,exports.FINDING_MORTIES=e.b,exports.GRID_ANIMATION_CSS=o.c,exports.HERE_RICKY=e.x,exports.HISTORY_STRATEGY=e.v,exports.HereMorty=f.r,exports.IndexedDBStorageManager=t.L,Object.defineProperty(exports,`List`,{enumerable:!0,get:function(){return B.t}}),exports.LocalStorageManager=t.R,exports.MemoryStorageManager=t.z,exports.Numbers=Q.t,Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return q.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return q.n}}),exports.SCHMANCY_EXPAND_REQUEST_CLOSE=k.t,exports.SPRING_BOUNCY=o.l,exports.SPRING_GENTLE=o.u,exports.SPRING_SMOOTH=o.d,exports.SPRING_SNAPPY=o.f,Object.defineProperty(exports,`ScBadgeV2`,{enumerable:!0,get:function(){return f.T}}),Object.defineProperty(exports,`SchmancyArea`,{enumerable:!0,get:function(){return e._}}),Object.defineProperty(exports,`SchmancyAreaChart`,{enumerable:!0,get:function(){return h.SchmancyAreaChart}}),exports.SchmancyArrayStore=t.F,Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return g.r}}),Object.defineProperty(exports,`SchmancyAvatar`,{enumerable:!0,get:function(){return f.t}}),Object.defineProperty(exports,`SchmancyBadgeV2`,{enumerable:!0,get:function(){return f.E}}),exports.SchmancyBoat=p.t,Object.defineProperty(exports,`SchmancyBreadcrumb`,{enumerable:!0,get:function(){return $.SchmancyBreadcrumb}}),Object.defineProperty(exports,`SchmancyBreadcrumbItem`,{enumerable:!0,get:function(){return $.SchmancyBreadcrumbItem}}),Object.defineProperty(exports,`SchmancyButton`,{enumerable:!0,get:function(){return m.SchmancyButton}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return ie.t}}),exports.SchmancyChip=g.n,exports.SchmancyFilterChip=g.n,Object.defineProperty(exports,`SchmancyCode`,{enumerable:!0,get:function(){return _.n}}),Object.defineProperty(exports,`SchmancyCodeHighlight`,{enumerable:!0,get:function(){return _.n}}),Object.defineProperty(exports,`SchmancyCodePreview`,{enumerable:!0,get:function(){return _.t}}),Object.defineProperty(exports,`SchmancyConnectivityStatus`,{enumerable:!0,get:function(){return oe.SchmancyConnectivityStatus}}),Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return f.v}}),exports.SchmancyContentDrawerID=f.y,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return f._}}),exports.SchmancyContentDrawerMaxHeight=f.b,exports.SchmancyContentDrawerMinWidth=f.x,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return f.g}}),exports.SchmancyContentDrawerSheetMode=f.S,exports.SchmancyContentDrawerSheetState=f.C,Object.defineProperty(exports,`SchmancyCountriesSelect`,{enumerable:!0,get:function(){return j.n}}),Object.defineProperty(exports,`SchmancyDataTable`,{enumerable:!0,get:function(){return X.t}}),Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return v.t}}),exports.SchmancyDateRangeInline=S.t,Object.defineProperty(exports,`SchmancyDelay`,{enumerable:!0,get:function(){return C.t}}),exports.SchmancyDetails=w.t,Object.defineProperty(exports,`SchmancyDrawerAppbar`,{enumerable:!0,get:function(){return f.p}}),exports.SchmancyDrawerNavbarMode=f.u,exports.SchmancyDrawerNavbarState=f.d,Object.defineProperty(exports,`SchmancyDropdown`,{enumerable:!0,get:function(){return D.SchmancyDropdown}}),Object.defineProperty(exports,`SchmancyDropdownContent`,{enumerable:!0,get:function(){return D.SchmancyDropdownContent}}),Object.defineProperty(exports,`SchmancyEmailEditor`,{enumerable:!0,get:function(){return V.r}}),Object.defineProperty(exports,`SchmancyEmailLayoutSelector`,{enumerable:!0,get:function(){return V.i}}),Object.defineProperty(exports,`SchmancyEmailRecipients`,{enumerable:!0,get:function(){return V.t}}),Object.defineProperty(exports,`SchmancyEmailViewer`,{enumerable:!0,get:function(){return V.n}}),exports.SchmancyEvents=me.SchmancyEvents,Object.defineProperty(exports,`SchmancyExpandRoot`,{enumerable:!0,get:function(){return k.n}}),Object.defineProperty(exports,`SchmancyFlex`,{enumerable:!0,get:function(){return L.r}}),Object.defineProperty(exports,`SchmancyFlexV2`,{enumerable:!0,get:function(){return L.t}}),exports.SchmancyFloat=se.t,exports.SchmancyForm=M.t,exports.SchmancyGenerateMoodAudioEvent=Z.n,Object.defineProperty(exports,`SchmancyGrid`,{enumerable:!0,get:function(){return L.n}}),exports.SchmancyIframe=N.t,exports.SchmancyInput=P.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return a.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return P.t}}),Object.defineProperty(exports,`SchmancyJson`,{enumerable:!0,get:function(){return I.SchmancyJson}}),Object.defineProperty(exports,`SchmancyKbd`,{enumerable:!0,get:function(){return ve.SchmancyKbd}}),Object.defineProperty(exports,`SchmancyLightbox`,{enumerable:!0,get:function(){return z.i}}),Object.defineProperty(exports,`SchmancyListItem`,{enumerable:!0,get:function(){return B.n}}),exports.SchmancyListTypeContext=B.r,Object.defineProperty(exports,`SchmancyMailbox`,{enumerable:!0,get:function(){return V.a}}),exports.SchmancyMap=H.t,Object.defineProperty(exports,`SchmancyMetric`,{enumerable:!0,get:function(){return U.SchmancyMetric}}),Object.defineProperty(exports,`SchmancyNavigationBar`,{enumerable:!0,get:function(){return f.o}}),Object.defineProperty(exports,`SchmancyNavigationBarItem`,{enumerable:!0,get:function(){return f.s}}),Object.defineProperty(exports,`SchmancyNavigationDrawer`,{enumerable:!0,get:function(){return f.l}}),Object.defineProperty(exports,`SchmancyNavigationDrawerContent`,{enumerable:!0,get:function(){return f.f}}),Object.defineProperty(exports,`SchmancyNavigationDrawerSidebar`,{enumerable:!0,get:function(){return f.c}}),Object.defineProperty(exports,`SchmancyNavigationRail`,{enumerable:!0,get:function(){return W.SchmancyNavigationRail}}),Object.defineProperty(exports,`SchmancyNavigationRailItem`,{enumerable:!0,get:function(){return W.SchmancyNavigationRailItem}}),exports.SchmancyNotification=F.i,Object.defineProperty(exports,`SchmancyPage`,{enumerable:!0,get:function(){return G.SchmancyPage}}),Object.defineProperty(exports,`SchmancyPaymentCardForm`,{enumerable:!0,get:function(){return ae.t}}),Object.defineProperty(exports,`SchmancyPills`,{enumerable:!0,get:function(){return h.SchmancyPills}}),Object.defineProperty(exports,`SchmancyQRScanner`,{enumerable:!0,get:function(){return K.SchmancyQRScanner}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return ce.SchmancyRange}}),Object.defineProperty(exports,`SchmancyRoute`,{enumerable:!0,get:function(){return e.y}}),Object.defineProperty(exports,`SchmancyScroll`,{enumerable:!0,get:function(){return R.t}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return de.t}}),exports.SchmancySheetPosition=x.t,Object.defineProperty(exports,`SchmancySkeleton`,{enumerable:!0,get:function(){return ye.SchmancySkeleton}}),Object.defineProperty(exports,`SchmancySlide`,{enumerable:!0,get:function(){return J.SchmancySlide}}),Object.defineProperty(exports,`SchmancySlider`,{enumerable:!0,get:function(){return J.SchmancySlider}}),Object.defineProperty(exports,`SchmancyStep`,{enumerable:!0,get:function(){return Y.SchmancyStep}}),Object.defineProperty(exports,`SchmancyStepsContainer`,{enumerable:!0,get:function(){return Y.SchmancyStepsContainer}}),exports.SchmancyStoreObject=t.P,Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return g.t}}),Object.defineProperty(exports,`SchmancySurface`,{enumerable:!0,get:function(){return O.t}}),exports.SchmancySurfaceTypeContext=O.n,Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return be.SchmancySwitch}}),Object.defineProperty(exports,`SchmancyTableRow`,{enumerable:!0,get:function(){return X.n}}),Object.defineProperty(exports,`SchmancyTeleportation`,{enumerable:!0,get:function(){return f.n}}),exports.SchmancyTheme=ue.t,Object.defineProperty(exports,`SchmancyThemeAudioPlayer`,{enumerable:!0,get:function(){return Z.r}}),Object.defineProperty(exports,`SchmancyThemeComponent`,{enumerable:!0,get:function(){return Z.a}}),Object.defineProperty(exports,`SchmancyThemeController`,{enumerable:!0,get:function(){return Z.i}}),Object.defineProperty(exports,`SchmancyThemeControllerBoat`,{enumerable:!0,get:function(){return Z.t}}),Object.defineProperty(exports,`SchmancyTimezonesSelect`,{enumerable:!0,get:function(){return j.t}}),Object.defineProperty(exports,`SchmancyTree`,{enumerable:!0,get:function(){return pe.SchmancyTree}}),Object.defineProperty(exports,`SchmancyTypography`,{enumerable:!0,get:function(){return _e.SchmancyTypography}}),Object.defineProperty(exports,`SchmancyVisuallyHidden`,{enumerable:!0,get:function(){return xe.SchmancyVisuallyHidden}}),exports.SchmancyWindow=A.t,Object.defineProperty(exports,`SchmnacyIconButton`,{enumerable:!0,get:function(){return m.SchmnacyIconButton}}),exports.SessionStorageManager=t.B,exports.StepsController=Y.StepsController,exports.StoreError=t.H,exports.ThemeHereIAm=c.t,exports.ThemeWhereAreYou=c.n,Object.defineProperty(exports,`TypewriterElement`,{enumerable:!0,get:function(){return ge.TypewriterElement}}),exports.WhereAreYouRicky=f.i,exports.animateText=d.animateText,exports.area=e.S,exports.buildQueryString=e.t,exports.catmullRomSpline=h.catmullRomSpline,exports.color=d.color,exports.compareActiveRoutes=e.n,exports.compareCustomElementConstructors=e.r,exports.compareRouteActions=e.i,exports.compareValues=t.g,exports.confirmClick=d.confirmClick,exports.createAnimation=o.p,exports.createArrayContext=t.j,exports.createCollectionSelector=t.r,exports.createCompoundSelector=t.i,exports.createContext=t.M,exports.createCountSelector=t.a,exports.createDarkTonalPaletteFromBaseColor=Z.s,exports.createDismissAnimation=o.m,exports.createEntriesSelector=t.o,exports.createFilterSelector=t.s,exports.createFindSelector=t.c,exports.createItemSelector=t.l,exports.createItemsSelector=t.u,exports.createKeysSelector=t.d,exports.createLightTonalPaletteFromBaseColor=Z.c,exports.createMapSelector=t.f,exports.createOptimizedSelector=t.p,exports.createRevealAnimation=o.h,exports.createRouteCacheKey=e.a,exports.createScaleAnimation=o.g,exports.createSelector=t.m,exports.createSortSelector=t.h,exports.createStorageManager=t.V,exports.createTestArrayContext=t.N,exports.cursorGlow=s.t,exports.cycleText=d.cycleText,exports.debounce=e.o,exports.decodeData=e.h,exports.decodeRouteState=e.s,exports.deepMerge=e.c,exports.delayContext=C.n,exports.depthOfField=d.depthOfField,exports.discover=E.discover,exports.discoverAllElements=E.discoverAllElements,exports.discoverAnyComponent=E.discoverAnyComponent,exports.discoverComponent=E.discoverComponent,exports.discoverElement=E.discoverElement,exports.drag=d.drag,exports.drop=d.drop,exports.easeOutCubic=h.easeOutCubic,exports.encodeData=e.g,exports.encodeRouteState=e.l,exports.extractQueryParams=e.u,exports.filterArray=t._,exports.filterArrayItems=t.v,exports.filterMap=t.y,exports.filterMapItems=t.b,exports.flip=z.r,exports.formatTheme=Z.l,exports.fromResizeObserver=u.t,exports.fullHeight=u.n,exports.fullWidth=u.r,exports.getEasing=o._,exports.getFieldValue=t.x,exports.getTagName=e.d,exports.gravity=d.gravity,exports.hexToRgba=h.hexToRgba,exports.intersect=d.intersect,exports.intersection$=he.t,exports.isArray=t.S,exports.isDate=t.C,exports.isIterable=t.w,exports.isMap=t.T,exports.isNil=t.E,exports.isNumber=t.D,exports.isObject=e.f,exports.isPlainObject=t.O,exports.isSet=t.k,exports.isString=t.A,exports.lazy=te.t,exports.lightbox=z.t,exports.lightboxDirective=z.n,exports.liquid=d.liquid,exports.livingBorder=d.livingBorder,exports.longPress=d.longPress,exports.magnetic=re.t,exports.mutationObserver=le.t,exports.nebula=d.nebula,exports.normalizeTagName=e.p,exports.notify=F.t,exports.notifyProgress=F.n,exports.overlayStack=y.t,exports.prefersReducedMotion=o.v,exports.reducedMotion$=ne.t,exports.reveal=d.reveal,exports.ripple=d.ripple,exports.routerHistory=e.C,exports.sanitizeRouteState=e.m,exports.schmancyContentDrawer=f.w,exports.schmancyNavDrawer=f.h,exports.schmancySound=n.t,exports.schmancyTheme=l.t,exports.select=t.t,exports.selectItem=t.n,exports.sheet=x.n,exports.similarity=i.t,exports.sound=n.n,exports.stepsContext=Y.stepsContext,exports.tailwindAnimations=o.y,exports.tailwindStyles=Z.o,exports.teleport=f.a,exports.theme=l.n,exports.themeContext=ee.i,exports.tooltip=fe.tooltip,exports.typewriter=d.typewriter,exports.validateInitialDateRange=v.n,exports.windowManager=A.n;
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,7 @@ import { n as Ke, t as qe } from "./theme.service-cOfPrtfe.js";
|
|
|
14
14
|
import { n as Je, r as Ye, t as Xe } from "./layout-fjM1DWlF.js";
|
|
15
15
|
import { t as Ze } from "./magnetic-BhXebqF3.js";
|
|
16
16
|
import { DragDirective as Qe, DropDirective as $e, animateText as et, color as tt, confirmClick as nt, cycleText as rt, depthOfField as it, drag as at, drop as ot, gravity as st, intersect as ct, liquid as lt, livingBorder as ut, longPress as dt, nebula as ft, reveal as pt, ripple as mt, typewriter as ht } from "./directives.js";
|
|
17
|
-
import { C as gt, E as _t, S as vt, T as yt, _ as bt, a as xt, b as St, c as Ct, d as wt, f as Tt, g as Et, h as Dt, i as Ot, l as kt, m as At, n as jt, o as Mt, p as Nt, r as Pt, s as Ft, t as It, u as Lt, v as Rt, w as zt, x as X, y as Bt } from "./src-
|
|
17
|
+
import { C as gt, E as _t, S as vt, T as yt, _ as bt, a as xt, b as St, c as Ct, d as wt, f as Tt, g as Et, h as Dt, i as Ot, l as kt, m as At, n as jt, o as Mt, p as Nt, r as Pt, s as Ft, t as It, u as Lt, v as Rt, w as zt, x as X, y as Bt } from "./src-DNuhxDig.js";
|
|
18
18
|
import { t as Vt } from "./boat-DxplbTDW.js";
|
|
19
19
|
import { SchmancyButton as Ht, SchmnacyIconButton as Ut } from "./button.js";
|
|
20
20
|
import { SchmancyAreaChart as Wt, SchmancyPills as Gt, catmullRomSpline as Kt, easeOutCubic as qt, hexToRgba as Jt } from "./charts.js";
|
|
@@ -49,28 +49,29 @@ import { i as Gn, n as Kn, r as qn, t as Jn } from "./lightbox-Cb5-XPWV.js";
|
|
|
49
49
|
import { n as Yn, r as Xn, t as Zn } from "./list-DZWoCb3V.js";
|
|
50
50
|
import { a as Qn, i as $n, n as er, r as tr, t as nr } from "./mailbox-laG7nvXl.js";
|
|
51
51
|
import { t as rr } from "./map-YSAPFrH9.js";
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import { t as fr } from "./
|
|
59
|
-
import { t as pr } from "./
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
|
|
52
|
+
import { SchmancyMetric as ir } from "./metric.js";
|
|
53
|
+
import { SchmancyNavigationRail as ar, SchmancyNavigationRailItem as or } from "./navigation-rail.js";
|
|
54
|
+
import { SchmancyPage as sr } from "./page.js";
|
|
55
|
+
import { SchmancyQRScanner as cr } from "./qr-scanner.js";
|
|
56
|
+
import { n as lr, t as ur } from "./radio-group-DchZApJl.js";
|
|
57
|
+
import { SchmancyRange as dr } from "./range.js";
|
|
58
|
+
import { t as fr } from "./rxjs-utils-CKTnEKUH.js";
|
|
59
|
+
import { t as pr } from "./theme.interface-Buged9Cg.js";
|
|
60
|
+
import { t as mr } from "./select-Bydjuia9.js";
|
|
61
|
+
import { SchmancySlide as hr, SchmancySlider as gr } from "./slider.js";
|
|
62
|
+
import { SchmancyStep as _r, SchmancyStepsContainer as vr, StepsController as yr, stepsContext as br } from "./steps.js";
|
|
63
|
+
import { n as xr, t as Sr } from "./table-B8H-zioX.js";
|
|
64
|
+
import { a as Cr, c as wr, i as Tr, l as Er, n as Dr, o as Or, r as kr, s as Ar, t as jr } from "./theme-DvCKLRkt.js";
|
|
65
|
+
import { tooltip as Mr } from "./tooltip.js";
|
|
66
|
+
import { SchmancyTree as Nr } from "./tree.js";
|
|
67
|
+
import { SchmancyEvents as Pr } from "./types.js";
|
|
68
|
+
import { t as Fr } from "./intersection-BrXp4YTO.js";
|
|
69
|
+
import { TypewriterElement as Ir } from "./typewriter.js";
|
|
70
|
+
import { SchmancyTypography as Lr } from "./typography.js";
|
|
71
|
+
import { t as Rr } from "./utils-Bp2jhyZc.js";
|
|
72
|
+
import { SchmancyBreadcrumb as zr, SchmancyBreadcrumbItem as Br } from "./breadcrumb.js";
|
|
73
|
+
import { SchmancyKbd as Vr } from "./kbd.js";
|
|
74
|
+
import { SchmancySkeleton as Hr } from "./skeleton.js";
|
|
75
|
+
import { SchmancySwitch as Ur } from "./switch.js";
|
|
76
|
+
import { SchmancyVisuallyHidden as Wr } from "./visually-hidden.js";
|
|
77
|
+
export { on as $dialog, At as $drawer, Rn as $notify, be as $sounds, Re as ANIMATION_CSS_VARS, Ne as BLACKBIRD_EASING, D as BaseStore, $ as ConfirmDialog, $ as SchmancyDialog, mn as DISCOVER_EVENT, hn as DISCOVER_RESPONSE_EVENT, Ie as DURATION_BACKDROP, Ae as DURATION_ENTER, we as DURATION_EXIT, pn as DialogBase, an as DialogService, Qe as DragDirective, $e as DropDirective, Pe as EASE_IN, Le as EASE_OUT, ye as EmotionalSoundGenerator, e as FINDING_MORTIES, Te as GRID_ANIMATION_CSS, _ as HERE_RICKY, g as HISTORY_STRATEGY, Pt as HereMorty, O as IndexedDBStorageManager, Zn as List, N as LocalStorageManager, ge as MemoryStorageManager, Rr as Numbers, ur as RadioButton, lr as RadioGroup, En as SCHMANCY_EXPAND_REQUEST_CLOSE, je as SPRING_BOUNCY, ze as SPRING_GENTLE, Ee as SPRING_SMOOTH, De as SPRING_SNAPPY, yt as ScBadgeV2, re as SchmancyArea, Wt as SchmancyAreaChart, T as SchmancyArrayStore, Xt as SchmancyAssistChip, It as SchmancyAvatar, _t as SchmancyBadgeV2, Vt as SchmancyBoat, zr as SchmancyBreadcrumb, Br as SchmancyBreadcrumbItem, Ht as SchmancyButton, Yt as SchmancyCheckbox, Z as SchmancyChip, Z as SchmancyFilterChip, Q as SchmancyCode, Q as SchmancyCodeHighlight, Qt as SchmancyCodePreview, en as SchmancyConnectivityStatus, Rt as SchmancyContentDrawer, Bt as SchmancyContentDrawerID, bt as SchmancyContentDrawerMain, St as SchmancyContentDrawerMaxHeight, X as SchmancyContentDrawerMinWidth, Et as SchmancyContentDrawerSheet, vt as SchmancyContentDrawerSheetMode, gt as SchmancyContentDrawerSheetState, An as SchmancyCountriesSelect, Sr as SchmancyDataTable, nn as SchmancyDateRange, ln as SchmancyDateRangeInline, dn as SchmancyDelay, fn as SchmancyDetails, Nt as SchmancyDrawerAppbar, Lt as SchmancyDrawerNavbarMode, wt as SchmancyDrawerNavbarState, xn as SchmancyDropdown, Sn as SchmancyDropdownContent, tr as SchmancyEmailEditor, $n as SchmancyEmailLayoutSelector, nr as SchmancyEmailRecipients, er as SchmancyEmailViewer, Pr as SchmancyEvents, Tn as SchmancyExpandRoot, Hn as SchmancyFlex, Un as SchmancyFlexV2, kn as SchmancyFloat, Mn as SchmancyForm, Dr as SchmancyGenerateMoodAudioEvent, Vn as SchmancyGrid, Nn as SchmancyIframe, Pn as SchmancyInput, Se as SchmancyInputChip, Fn as SchmancyInputCompat, Bn as SchmancyJson, Vr as SchmancyKbd, Gn as SchmancyLightbox, Yn as SchmancyListItem, Xn as SchmancyListTypeContext, Qn as SchmancyMailbox, rr as SchmancyMap, ir as SchmancyMetric, Mt as SchmancyNavigationBar, Ft as SchmancyNavigationBarItem, kt as SchmancyNavigationDrawer, Tt as SchmancyNavigationDrawerContent, Ct as SchmancyNavigationDrawerSidebar, ar as SchmancyNavigationRail, or as SchmancyNavigationRailItem, In as SchmancyNotification, sr as SchmancyPage, $t as SchmancyPaymentCardForm, Gt as SchmancyPills, cr as SchmancyQRScanner, dr as SchmancyRange, v as SchmancyRoute, Wn as SchmancyScroll, mr as SchmancySelect, cn as SchmancySheetPosition, Hr as SchmancySkeleton, hr as SchmancySlide, gr as SchmancySlider, _r as SchmancyStep, vr as SchmancyStepsContainer, M as SchmancyStoreObject, Zt as SchmancySuggestionChip, wn as SchmancySurface, Cn as SchmancySurfaceTypeContext, Ur as SchmancySwitch, xr as SchmancyTableRow, jt as SchmancyTeleportation, pr as SchmancyTheme, kr as SchmancyThemeAudioPlayer, Cr as SchmancyThemeComponent, Tr as SchmancyThemeController, jr as SchmancyThemeControllerBoat, jn as SchmancyTimezonesSelect, Nr as SchmancyTree, Lr as SchmancyTypography, Wr as SchmancyVisuallyHidden, On as SchmancyWindow, Ut as SchmnacyIconButton, x as SessionStorageManager, yr as StepsController, E as StoreError, Ge as ThemeHereIAm, We as ThemeWhereAreYou, Ir as TypewriterElement, Ot as WhereAreYouRicky, et as animateText, ne as area, m as buildQueryString, Kt as catmullRomSpline, tt as color, l as compareActiveRoutes, f as compareCustomElementConstructors, o as compareRouteActions, U as compareValues, nt as confirmClick, Fe as createAnimation, K as createArrayContext, ce as createCollectionSelector, G as createCompoundSelector, k as createContext, R as createCountSelector, Ar as createDarkTonalPaletteFromBaseColor, Me as createDismissAnimation, oe as createEntriesSelector, le as createFilterSelector, B as createFindSelector, J as createItemSelector, de as createItemsSelector, V as createKeysSelector, wr as createLightTonalPaletteFromBaseColor, H as createMapSelector, se as createOptimizedSelector, ke as createRevealAnimation, ie as createRouteCacheKey, Oe as createScaleAnimation, Y as createSelector, W as createSortSelector, I as createStorageManager, A as createTestArrayContext, Ue as cursorGlow, rt as cycleText, u as debounce, a as decodeData, p as decodeRouteState, t as deepMerge, un as delayContext, it as depthOfField, gn as discover, _n as discoverAllElements, vn as discoverAnyComponent, yn as discoverComponent, bn as discoverElement, at as drag, ot as drop, qt as easeOutCubic, i as encodeData, s as encodeRouteState, h as extractQueryParams, L as filterArray, fe as filterArrayItems, he as filterMap, z as filterMapItems, qn as flip, Er as formatTheme, Xe as fromResizeObserver, Je as fullHeight, Ye as fullWidth, Ce as getEasing, me as getFieldValue, n as getTagName, st as gravity, Jt as hexToRgba, ct as intersect, Fr as intersection$, P as isArray, S as isDate, pe as isIterable, F as isMap, w as isNil, C as isNumber, r as isObject, j as isPlainObject, q as isSet, b as isString, y as lazy, Jn as lightbox, Kn as lightboxDirective, lt as liquid, ut as livingBorder, dt as longPress, Ze as magnetic, fr as mutationObserver, ft as nebula, d as normalizeTagName, zn as notify, Ln as notifyProgress, rn as overlayStack, Be as prefersReducedMotion, He as reducedMotion$, pt as reveal, mt as ripple, te as routerHistory, c as sanitizeRouteState, zt as schmancyContentDrawer, Dt as schmancyNavDrawer, ve as schmancySound, qe as schmancyTheme, ue as select, ae as selectItem, sn as sheet, xe as similarity, _e as sound, br as stepsContext, Ve as tailwindAnimations, Or as tailwindStyles, xt as teleport, Ke as theme, ee as themeContext, Mr as tooltip, ht as typewriter, tn as validateInitialDateRange, Dn as windowManager };
|
package/dist/metric.cjs
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./tailwind.mixin-BHX99hgX.cjs`),t=require(`./decorate-F9CuyeHg.cjs`);require(`./mixins.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`);var i=class extends e.t(r.css`
|
|
2
|
+
:host {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
gap: 0.25rem;
|
|
6
|
+
min-width: 0;
|
|
7
|
+
}
|
|
8
|
+
:host([size='sm']) .label { font-size: 0.6875rem; }
|
|
9
|
+
:host([size='sm']) .value { font-size: 1.25rem; }
|
|
10
|
+
:host([size='md']) .label { font-size: 0.75rem; }
|
|
11
|
+
:host([size='md']) .value { font-size: 1.75rem; }
|
|
12
|
+
:host([size='lg']) .label { font-size: 0.8125rem; }
|
|
13
|
+
:host([size='lg']) .value { font-size: 2.5rem; }
|
|
14
|
+
.label {
|
|
15
|
+
font-weight: 500;
|
|
16
|
+
letter-spacing: 0.08em;
|
|
17
|
+
text-transform: uppercase;
|
|
18
|
+
color: var(--schmancy-sys-color-surface-onVariant);
|
|
19
|
+
}
|
|
20
|
+
.value {
|
|
21
|
+
font-weight: 600;
|
|
22
|
+
line-height: 1.1;
|
|
23
|
+
color: var(--schmancy-sys-color-surface-on);
|
|
24
|
+
font-variant-numeric: tabular-nums;
|
|
25
|
+
}
|
|
26
|
+
.delta {
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: 0.125rem;
|
|
30
|
+
font-size: 0.75rem;
|
|
31
|
+
font-weight: 600;
|
|
32
|
+
padding: 0.125rem 0.375rem;
|
|
33
|
+
border-radius: 999px;
|
|
34
|
+
font-variant-numeric: tabular-nums;
|
|
35
|
+
}
|
|
36
|
+
.delta[data-trend='up'] {
|
|
37
|
+
color: var(--schmancy-sys-color-success-on);
|
|
38
|
+
background: var(--schmancy-sys-color-success-default);
|
|
39
|
+
}
|
|
40
|
+
.delta[data-trend='down'] {
|
|
41
|
+
color: var(--schmancy-sys-color-error-on);
|
|
42
|
+
background: var(--schmancy-sys-color-error-default);
|
|
43
|
+
}
|
|
44
|
+
.delta[data-trend='neutral'] {
|
|
45
|
+
color: var(--schmancy-sys-color-surface-on);
|
|
46
|
+
background: var(--schmancy-sys-color-surface-containerHigh);
|
|
47
|
+
}
|
|
48
|
+
.arrow {
|
|
49
|
+
font-size: 0.625rem;
|
|
50
|
+
line-height: 1;
|
|
51
|
+
}
|
|
52
|
+
.row {
|
|
53
|
+
display: inline-flex;
|
|
54
|
+
align-items: baseline;
|
|
55
|
+
gap: 0.5rem;
|
|
56
|
+
flex-wrap: wrap;
|
|
57
|
+
}
|
|
58
|
+
`){constructor(...e){super(...e),this.label=``,this.value=``,this.size=`md`}_arrowFor(e){return e===`up`?`↑`:e===`down`?`↓`:`→`}render(){let e=this.trend??`neutral`;return r.html`
|
|
59
|
+
<span class="label" part="label"><slot name="label">${this.label}</slot></span>
|
|
60
|
+
<span class="row">
|
|
61
|
+
<span class="value" part="value"><slot>${this.value}</slot></span>
|
|
62
|
+
${this.delta?r.html`
|
|
63
|
+
<span class="delta" part="delta" data-trend=${e}>
|
|
64
|
+
${this.trend?r.html`<span class="arrow" aria-hidden="true">${this._arrowFor(this.trend)}</span>`:r.nothing}
|
|
65
|
+
${this.delta}
|
|
66
|
+
</span>
|
|
67
|
+
`:r.nothing}
|
|
68
|
+
</span>
|
|
69
|
+
`}};t.t([(0,n.property)({type:String})],i.prototype,`label`,void 0),t.t([(0,n.property)({type:String})],i.prototype,`value`,void 0),t.t([(0,n.property)({type:String,reflect:!0})],i.prototype,`trend`,void 0),t.t([(0,n.property)({type:String})],i.prototype,`delta`,void 0),t.t([(0,n.property)({type:String,reflect:!0})],i.prototype,`size`,void 0),i=t.t([(0,n.customElement)(`schmancy-metric`)],i),Object.defineProperty(exports,`SchmancyMetric`,{enumerable:!0,get:function(){return i}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric.cjs","names":[],"sources":["../src/metric/metric.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport type MetricTrend = 'up' | 'down' | 'neutral'\nexport type MetricSize = 'sm' | 'md' | 'lg'\n\n/**\n * KPI metric — a label + value pair for dashboards, with optional trend + delta indicators.\n *\n * @element schmancy-metric\n * @summary The building block of dashboards and meta bars. Pass `label` + `value` for a basic stat; add `trend` / `delta` for the delta-from-last-period pattern. Use multiple metrics side-by-side with Tailwind flex/grid utilities.\n * @example\n * <schmancy-metric label=\"In flight\" value=\"4\"></schmancy-metric>\n * <schmancy-metric label=\"Open value\" value=\"€165,900\" trend=\"up\" delta=\"+12%\"></schmancy-metric>\n * <schmancy-metric label=\"Error rate\" value=\"0.3%\" trend=\"down\" delta=\"-0.1%\"></schmancy-metric>\n * @platform div - Styled `<div>` with two text lines + optional trend arrow. Degrades to a plain div+spans if the tag never registers.\n * @slot - Optional custom value rendering (overrides the `value` attribute if present).\n * @slot label - Optional custom label rendering (overrides the `label` attribute if present).\n * @csspart label - The label line.\n * @csspart value - The value line.\n * @csspart delta - The delta pill (only when `delta` is set).\n */\n@customElement('schmancy-metric')\nexport class SchmancyMetric extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-flex;\n\t\tflex-direction: column;\n\t\tgap: 0.25rem;\n\t\tmin-width: 0;\n\t}\n\t:host([size='sm']) .label { font-size: 0.6875rem; }\n\t:host([size='sm']) .value { font-size: 1.25rem; }\n\t:host([size='md']) .label { font-size: 0.75rem; }\n\t:host([size='md']) .value { font-size: 1.75rem; }\n\t:host([size='lg']) .label { font-size: 0.8125rem; }\n\t:host([size='lg']) .value { font-size: 2.5rem; }\n\t.label {\n\t\tfont-weight: 500;\n\t\tletter-spacing: 0.08em;\n\t\ttext-transform: uppercase;\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\t.value {\n\t\tfont-weight: 600;\n\t\tline-height: 1.1;\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tfont-variant-numeric: tabular-nums;\n\t}\n\t.delta {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: 0.125rem;\n\t\tfont-size: 0.75rem;\n\t\tfont-weight: 600;\n\t\tpadding: 0.125rem 0.375rem;\n\t\tborder-radius: 999px;\n\t\tfont-variant-numeric: tabular-nums;\n\t}\n\t.delta[data-trend='up'] {\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t\tbackground: var(--schmancy-sys-color-success-default);\n\t}\n\t.delta[data-trend='down'] {\n\t\tcolor: var(--schmancy-sys-color-error-on);\n\t\tbackground: var(--schmancy-sys-color-error-default);\n\t}\n\t.delta[data-trend='neutral'] {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tbackground: var(--schmancy-sys-color-surface-containerHigh);\n\t}\n\t.arrow {\n\t\tfont-size: 0.625rem;\n\t\tline-height: 1;\n\t}\n\t.row {\n\t\tdisplay: inline-flex;\n\t\talign-items: baseline;\n\t\tgap: 0.5rem;\n\t\tflex-wrap: wrap;\n\t}\n`) {\n\t/** Upper-case caption shown above the value. */\n\t@property({ type: String }) label = ''\n\n\t/** Primary metric value, rendered large. Pre-format numbers/currency yourself. */\n\t@property({ type: String }) value = ''\n\n\t/** Optional trend direction. Controls the color + arrow on the delta pill. */\n\t@property({ type: String, reflect: true }) trend?: MetricTrend\n\n\t/** Optional delta copy displayed in a pill next to the value (e.g. `+12%`). */\n\t@property({ type: String }) delta?: string\n\n\t/** Size scale affecting label + value typography. */\n\t@property({ type: String, reflect: true }) size: MetricSize = 'md'\n\n\tprivate _arrowFor(trend: MetricTrend | undefined): string {\n\t\tif (trend === 'up') return '↑'\n\t\tif (trend === 'down') return '↓'\n\t\treturn '→'\n\t}\n\n\tprotected render(): unknown {\n\t\tconst trend = this.trend ?? 'neutral'\n\t\treturn html`\n\t\t\t<span class=\"label\" part=\"label\"><slot name=\"label\">${this.label}</slot></span>\n\t\t\t<span class=\"row\">\n\t\t\t\t<span class=\"value\" part=\"value\"><slot>${this.value}</slot></span>\n\t\t\t\t${this.delta\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"delta\" part=\"delta\" data-trend=${trend}>\n\t\t\t\t\t\t\t\t${this.trend ? html`<span class=\"arrow\" aria-hidden=\"true\">${this._arrowFor(this.trend)}</span>` : nothing}\n\t\t\t\t\t\t\t\t${this.delta}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-metric': SchmancyMetric\n\t}\n}\n"],"mappings":"qQAwBO,IAAA,EAAA,cAA6B,EAAA,EAAgB,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA2DlB,GAAA,KAAA,MAGA,GAAA,KAAA,KAS0B,KAE9D,UAAkB,EAAA,CACjB,OAAI,IAAU,KAAa,IACvB,IAAU,OAAe,IACtB,IAGR,QAAA,CACC,IAAM,EAAQ,KAAK,OAAS,UAC5B,MAAO,GAAA,IAAI;yDAC4C,KAAK,MAAA;;6CAEjB,KAAK,MAAA;MAC5C,KAAK,MACJ,EAAA,IAAI;qDAC0C,EAAA;UAC3C,KAAK,MAAQ,EAAA,IAAI,0CAA0C,KAAK,UAAU,KAAK,MAAA,CAAA,SAAkB,EAAA,QAAA;UACjG,KAAK,MAAA;;QAGR,EAAA,QAAA;;0BAjCI,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAQ,QAAA,CAAS,EAAA,CAAA,CAAA,CAAO,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhC,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGjB,CAAE,KAAM,OAAQ,QAAA,CAAS,EAAA,CAAA,CAAA,CAAO,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAxE5B,kBAAA,CAAA,CAAkB,EAAA,CAAA,OAAA,eAAA,QAAA,iBAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
|