@roxyapi/ui 0.5.0 → 0.6.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.
- package/README.md +1 -1
- package/dist/cdn/components/ashtakavarga-grid.js +3 -362
- package/dist/cdn/components/ashtakavarga-grid.js.map +2 -2
- package/dist/cdn/components/biorhythm-chart.js +2 -225
- package/dist/cdn/components/biorhythm-chart.js.map +2 -2
- package/dist/cdn/components/choghadiya-grid.js +2 -231
- package/dist/cdn/components/choghadiya-grid.js.map +2 -2
- package/dist/cdn/components/compatibility-card.js +2 -230
- package/dist/cdn/components/compatibility-card.js.map +2 -2
- package/dist/cdn/components/dasha-timeline.js +3 -283
- package/dist/cdn/components/dasha-timeline.js.map +4 -4
- package/dist/cdn/components/data.js +3 -230
- package/dist/cdn/components/data.js.map +2 -2
- package/dist/cdn/components/divisional-chart.js +3 -356
- package/dist/cdn/components/divisional-chart.js.map +4 -4
- package/dist/cdn/components/dosha-card.js +2 -225
- package/dist/cdn/components/dosha-card.js.map +2 -2
- package/dist/cdn/components/endpoint-form.js +2 -243
- package/dist/cdn/components/endpoint-form.js.map +2 -2
- package/dist/cdn/components/guna-milan.js +2 -269
- package/dist/cdn/components/guna-milan.js.map +2 -2
- package/dist/cdn/components/hexagram.js +3 -247
- package/dist/cdn/components/hexagram.js.map +2 -2
- package/dist/cdn/components/horoscope-card.js +3 -281
- package/dist/cdn/components/horoscope-card.js.map +2 -2
- package/dist/cdn/components/kp-chart.js +2 -277
- package/dist/cdn/components/kp-chart.js.map +2 -2
- package/dist/cdn/components/kp-planets-table.js +2 -195
- package/dist/cdn/components/kp-planets-table.js.map +2 -2
- package/dist/cdn/components/kp-ruling-planets.js +2 -240
- package/dist/cdn/components/kp-ruling-planets.js.map +2 -2
- package/dist/cdn/components/location-search.js +2 -240
- package/dist/cdn/components/location-search.js.map +2 -2
- package/dist/cdn/components/moon-phase.js +3 -223
- package/dist/cdn/components/moon-phase.js.map +2 -2
- package/dist/cdn/components/nakshatra-card.js +2 -200
- package/dist/cdn/components/nakshatra-card.js.map +2 -2
- package/dist/cdn/components/natal-chart.js +3 -563
- package/dist/cdn/components/natal-chart.js.map +4 -4
- package/dist/cdn/components/numerology-card.js +2 -232
- package/dist/cdn/components/numerology-card.js.map +2 -2
- package/dist/cdn/components/panchang-table.js +3 -220
- package/dist/cdn/components/panchang-table.js.map +2 -2
- package/dist/cdn/components/shadbala-table.js +3 -284
- package/dist/cdn/components/shadbala-table.js.map +2 -2
- package/dist/cdn/components/synastry-chart.js +2 -398
- package/dist/cdn/components/synastry-chart.js.map +2 -2
- package/dist/cdn/components/tarot-card.js +3 -261
- package/dist/cdn/components/tarot-card.js.map +2 -2
- package/dist/cdn/components/tarot-spread.js +2 -248
- package/dist/cdn/components/tarot-spread.js.map +2 -2
- package/dist/cdn/components/transits-table.js +3 -382
- package/dist/cdn/components/transits-table.js.map +4 -4
- package/dist/cdn/components/vedic-kundli.js +3 -305
- package/dist/cdn/components/vedic-kundli.js.map +4 -4
- package/dist/cdn/components/vedic-planets-table.js +2 -202
- package/dist/cdn/components/vedic-planets-table.js.map +2 -2
- package/dist/cdn/components/western-planets-table.js +3 -192
- package/dist/cdn/components/western-planets-table.js.map +2 -2
- package/dist/cdn/components/yoga-list.js +2 -305
- package/dist/cdn/components/yoga-list.js.map +2 -2
- package/dist/cdn/roxy-ui.js +3 -5102
- package/dist/cdn/roxy-ui.js.map +4 -4
- package/dist/cdn/widgets.js +1 -114
- package/dist/components/ashtakavarga-grid.js +1 -577
- package/dist/components/ashtakavarga-grid.js.map +3 -3
- package/dist/components/biorhythm-chart.js +1 -378
- package/dist/components/biorhythm-chart.js.map +3 -3
- package/dist/components/choghadiya-grid.js +1 -397
- package/dist/components/choghadiya-grid.js.map +3 -3
- package/dist/components/compatibility-card.js +1 -359
- package/dist/components/compatibility-card.js.map +3 -3
- package/dist/components/dasha-timeline.d.ts.map +1 -1
- package/dist/components/dasha-timeline.js +1 -447
- package/dist/components/dasha-timeline.js.map +4 -4
- package/dist/components/data.js +1 -408
- package/dist/components/data.js.map +3 -3
- package/dist/components/divisional-chart.d.ts.map +1 -1
- package/dist/components/divisional-chart.js +1 -932
- package/dist/components/divisional-chart.js.map +4 -4
- package/dist/components/dosha-card.js +1 -339
- package/dist/components/dosha-card.js.map +3 -3
- package/dist/components/endpoint-form.js +1 -505
- package/dist/components/endpoint-form.js.map +3 -3
- package/dist/components/guna-milan.js +1 -420
- package/dist/components/guna-milan.js.map +3 -3
- package/dist/components/hexagram.js +1 -426
- package/dist/components/hexagram.js.map +3 -3
- package/dist/components/horoscope-card.js +1 -427
- package/dist/components/horoscope-card.js.map +3 -3
- package/dist/components/kp-chart.js +1 -441
- package/dist/components/kp-chart.js.map +3 -3
- package/dist/components/kp-planets-table.js +1 -292
- package/dist/components/kp-planets-table.js.map +3 -3
- package/dist/components/kp-ruling-planets.js +1 -334
- package/dist/components/kp-ruling-planets.js.map +3 -3
- package/dist/components/location-search.js +1 -461
- package/dist/components/location-search.js.map +3 -3
- package/dist/components/moon-phase.js +1 -373
- package/dist/components/moon-phase.js.map +3 -3
- package/dist/components/nakshatra-card.js +1 -290
- package/dist/components/nakshatra-card.js.map +3 -3
- package/dist/components/natal-chart.d.ts +0 -1
- package/dist/components/natal-chart.d.ts.map +1 -1
- package/dist/components/natal-chart.js +1 -1086
- package/dist/components/natal-chart.js.map +4 -4
- package/dist/components/numerology-card.js +1 -361
- package/dist/components/numerology-card.js.map +3 -3
- package/dist/components/panchang-table.js +1 -396
- package/dist/components/panchang-table.js.map +3 -3
- package/dist/components/shadbala-table.js +1 -459
- package/dist/components/shadbala-table.js.map +3 -3
- package/dist/components/synastry-chart.js +1 -704
- package/dist/components/synastry-chart.js.map +3 -3
- package/dist/components/tarot-card.js +1 -379
- package/dist/components/tarot-card.js.map +3 -3
- package/dist/components/tarot-spread.js +1 -356
- package/dist/components/tarot-spread.js.map +3 -3
- package/dist/components/transits-table.d.ts +2 -0
- package/dist/components/transits-table.d.ts.map +1 -1
- package/dist/components/transits-table.js +1 -594
- package/dist/components/transits-table.js.map +4 -4
- package/dist/components/vedic-kundli.d.ts.map +1 -1
- package/dist/components/vedic-kundli.js +1 -848
- package/dist/components/vedic-kundli.js.map +4 -4
- package/dist/components/vedic-planets-table.js +1 -414
- package/dist/components/vedic-planets-table.js.map +3 -3
- package/dist/components/western-planets-table.js +1 -409
- package/dist/components/western-planets-table.js.map +3 -3
- package/dist/components/yoga-list.js +1 -429
- package/dist/components/yoga-list.js.map +3 -3
- package/dist/index.cjs +1 -8726
- package/dist/index.cjs.map +4 -4
- package/dist/index.js +1 -8706
- package/dist/index.js.map +4 -4
- package/dist/utils/disclosure.d.ts +16 -0
- package/dist/utils/disclosure.d.ts.map +1 -0
- package/dist/utils/kundli-render.d.ts.map +1 -1
- package/dist/utils/kundli-styles.d.ts.map +1 -1
- package/dist/utils/tablist.d.ts +44 -0
- package/dist/utils/tablist.d.ts.map +1 -0
- package/dist/version.d.ts +1 -1
- package/package.json +3 -1
- package/src/components/dasha-timeline.ts +10 -1
- package/src/components/divisional-chart.ts +2 -0
- package/src/components/natal-chart.ts +37 -62
- package/src/components/transits-table.ts +45 -18
- package/src/components/vedic-kundli.ts +2 -1
- package/src/utils/disclosure.ts +62 -0
- package/src/utils/kundli-render.ts +21 -35
- package/src/utils/kundli-styles.ts +0 -31
- package/src/utils/tablist.ts +124 -0
- package/src/version.ts +1 -1
|
@@ -1,362 +1,2 @@
|
|
|
1
|
-
var
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
4
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
5
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
6
|
-
if (decorator = decorators[i])
|
|
7
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
8
|
-
if (kind && result) __defProp(target, key, result);
|
|
9
|
-
return result;
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
// packages/ui/src/components/numerology-card.ts
|
|
13
|
-
import { css as css2, html, LitElement, nothing } from "lit";
|
|
14
|
-
import { customElement, property } from "lit/decorators.js";
|
|
15
|
-
|
|
16
|
-
// packages/ui/src/utils/base-styles.ts
|
|
17
|
-
import { css } from "lit";
|
|
18
|
-
var baseStyles = css`
|
|
19
|
-
:host {
|
|
20
|
-
display: block;
|
|
21
|
-
container-type: inline-size;
|
|
22
|
-
font-family: var(
|
|
23
|
-
--roxy-font-sans,
|
|
24
|
-
system-ui,
|
|
25
|
-
-apple-system,
|
|
26
|
-
BlinkMacSystemFont,
|
|
27
|
-
'Segoe UI',
|
|
28
|
-
Roboto,
|
|
29
|
-
sans-serif
|
|
30
|
-
);
|
|
31
|
-
color: var(--roxy-fg, #0a0a0a);
|
|
32
|
-
background: transparent;
|
|
33
|
-
font-size: var(--roxy-text-base, 1rem);
|
|
34
|
-
line-height: var(--roxy-leading-normal, 1.5);
|
|
35
|
-
animation: roxy-fade-in var(--roxy-motion-duration, 200ms)
|
|
36
|
-
var(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
*,
|
|
40
|
-
*::before,
|
|
41
|
-
*::after {
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@keyframes roxy-fade-in {
|
|
46
|
-
from {
|
|
47
|
-
opacity: 0;
|
|
48
|
-
transform: translateY(2px);
|
|
49
|
-
}
|
|
50
|
-
to {
|
|
51
|
-
opacity: 1;
|
|
52
|
-
transform: translateY(0);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@media (prefers-reduced-motion: reduce) {
|
|
57
|
-
:host {
|
|
58
|
-
animation: none;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.roxy-skeleton {
|
|
63
|
-
background: linear-gradient(
|
|
64
|
-
90deg,
|
|
65
|
-
var(--roxy-border, #e4e4e7) 0%,
|
|
66
|
-
color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,
|
|
67
|
-
var(--roxy-border, #e4e4e7) 100%
|
|
68
|
-
);
|
|
69
|
-
background-size: 200% 100%;
|
|
70
|
-
animation: roxy-shimmer 1.4s ease-in-out infinite;
|
|
71
|
-
border-radius: var(--roxy-radius-md, 8px);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
@keyframes roxy-shimmer {
|
|
75
|
-
0% {
|
|
76
|
-
background-position: 200% 0;
|
|
77
|
-
}
|
|
78
|
-
100% {
|
|
79
|
-
background-position: -200% 0;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
@media (prefers-reduced-motion: reduce) {
|
|
84
|
-
.roxy-skeleton {
|
|
85
|
-
animation: none;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.roxy-empty {
|
|
90
|
-
padding: var(--roxy-space-lg, 1.5rem);
|
|
91
|
-
color: var(--roxy-muted, #71717a);
|
|
92
|
-
text-align: center;
|
|
93
|
-
font-size: var(--roxy-text-sm, 0.875rem);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
:host(:focus-within) .roxy-card {
|
|
97
|
-
outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
|
|
98
|
-
outline-offset: 2px;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/* Force the text-style variant on every Unicode glyph in the component.
|
|
102
|
-
* macOS and iOS substitute coloured emoji glyphs for the planetary and
|
|
103
|
-
* gender Unicode code points (Mars, Venus, Mercury, etc.) when the
|
|
104
|
-
* system colour-emoji font wins font selection. The text-style variant
|
|
105
|
-
* keeps glyphs monochrome so they inherit the surrounding fill colour
|
|
106
|
-
* and match the brand palette consistently across platforms.
|
|
107
|
-
*
|
|
108
|
-
* font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,
|
|
109
|
-
* Firefox 139+). On older browsers the rule is silently ignored.
|
|
110
|
-
*/
|
|
111
|
-
:host {
|
|
112
|
-
font-variant-emoji: text;
|
|
113
|
-
}
|
|
114
|
-
`;
|
|
115
|
-
|
|
116
|
-
// packages/ui/src/utils/markup-data.ts
|
|
117
|
-
var ROXY_DATA_CLASS = "roxy-data";
|
|
118
|
-
function isJsonScript(el) {
|
|
119
|
-
return el.nodeName === "SCRIPT" && el.getAttribute("type") === "application/json";
|
|
120
|
-
}
|
|
121
|
-
var MarkupDataController = class {
|
|
122
|
-
constructor(host) {
|
|
123
|
-
this.host = host;
|
|
124
|
-
host.addController(this);
|
|
125
|
-
}
|
|
126
|
-
hostConnected() {
|
|
127
|
-
if (this.host.data != null) return;
|
|
128
|
-
const parsed = this.read();
|
|
129
|
-
if (parsed === void 0) return;
|
|
130
|
-
this.host.data = parsed;
|
|
131
|
-
this.host.requestUpdate();
|
|
132
|
-
}
|
|
133
|
-
/**
|
|
134
|
-
* Resolve the embedded payload. Returns `undefined` when there is nothing valid to read so the caller can leave `host.data` untouched.
|
|
135
|
-
*/
|
|
136
|
-
read() {
|
|
137
|
-
const inline = this.findInlineScript();
|
|
138
|
-
return inline ? this.parse(inline.textContent) : void 0;
|
|
139
|
-
}
|
|
140
|
-
/**
|
|
141
|
-
* Direct-child `<script type="application/json" class="roxy-data">`. Scoped to immediate children so a nested data-driven component never has its script read by an ancestor, and so sibling fallback markup is ignored.
|
|
142
|
-
*/
|
|
143
|
-
findInlineScript() {
|
|
144
|
-
for (const child of Array.from(this.host.children)) {
|
|
145
|
-
if (isJsonScript(child) && child.classList.contains(ROXY_DATA_CLASS)) {
|
|
146
|
-
return child;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
return null;
|
|
150
|
-
}
|
|
151
|
-
parse(text) {
|
|
152
|
-
if (!text?.trim()) return void 0;
|
|
153
|
-
try {
|
|
154
|
-
return JSON.parse(text);
|
|
155
|
-
} catch {
|
|
156
|
-
return void 0;
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
// packages/ui/src/utils/string.ts
|
|
162
|
-
function humanize(s) {
|
|
163
|
-
return s.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^\w/, (c) => c.toUpperCase());
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
// packages/ui/src/components/numerology-card.ts
|
|
167
|
-
var RoxyNumerologyCard = class extends LitElement {
|
|
168
|
-
constructor() {
|
|
169
|
-
super();
|
|
170
|
-
this.data = null;
|
|
171
|
-
this.type = "life-path";
|
|
172
|
-
new MarkupDataController(this);
|
|
173
|
-
}
|
|
174
|
-
render() {
|
|
175
|
-
const d = this.data;
|
|
176
|
-
if (!d)
|
|
177
|
-
return html`<div class="roxy-empty" role="status">No numerology data</div>`;
|
|
178
|
-
const headerLabel = LABELS[this.type] ?? this.type;
|
|
179
|
-
if ("coreNumbers" in d) return this.renderChart(d, headerLabel);
|
|
180
|
-
if ("personalYear" in d) return this.renderPersonalYear(d, headerLabel);
|
|
181
|
-
return this.renderNumberCard(
|
|
182
|
-
d,
|
|
183
|
-
headerLabel
|
|
184
|
-
);
|
|
185
|
-
}
|
|
186
|
-
renderNumberCard(d, headerLabel) {
|
|
187
|
-
const keywords = d.meaning?.keywords ?? [];
|
|
188
|
-
return html`<article class="card" aria-label=${headerLabel}>
|
|
189
|
-
<div class="hero">
|
|
190
|
-
${typeof d.number === "number" ? html`<div class="numeral">${d.number}</div>` : nothing}
|
|
191
|
-
<div>
|
|
192
|
-
<p class="label">${headerLabel}</p>
|
|
193
|
-
${d.meaning?.title ? html`<h2 class="title">${d.meaning.title}</h2>` : nothing}
|
|
194
|
-
</div>
|
|
195
|
-
</div>
|
|
196
|
-
${d.meaning?.description ? html`<p class="meaning">${d.meaning.description}</p>` : nothing}
|
|
197
|
-
${d.calculation ? html`<pre class="calc">${d.calculation}</pre>` : nothing}
|
|
198
|
-
${keywords.length > 0 ? html`<div class="chips">
|
|
199
|
-
${keywords.map((k) => html`<span>${k}</span>`)}
|
|
200
|
-
</div>` : nothing}
|
|
201
|
-
${d.hasKarmicDebt && d.karmicDebtNumber ? html`<div class="karmic">
|
|
202
|
-
Karmic debt ${d.karmicDebtNumber}.
|
|
203
|
-
${karmicDebtText(d.karmicDebtMeaning)}
|
|
204
|
-
</div>` : nothing}
|
|
205
|
-
</article>`;
|
|
206
|
-
}
|
|
207
|
-
renderPersonalYear(d, headerLabel) {
|
|
208
|
-
return html`<article class="card" aria-label=${headerLabel}>
|
|
209
|
-
<div class="hero">
|
|
210
|
-
${typeof d.personalYear === "number" ? html`<div class="numeral">${d.personalYear}</div>` : nothing}
|
|
211
|
-
<div>
|
|
212
|
-
<p class="label">${headerLabel}</p>
|
|
213
|
-
${d.theme ? html`<h2 class="title">${d.theme}</h2>` : nothing}
|
|
214
|
-
</div>
|
|
215
|
-
</div>
|
|
216
|
-
${d.forecast ? html`<p class="meaning">${d.forecast}</p>` : nothing}
|
|
217
|
-
${d.advice ? html`<p>${d.advice}</p>` : nothing}
|
|
218
|
-
</article>`;
|
|
219
|
-
}
|
|
220
|
-
renderChart(d, headerLabel) {
|
|
221
|
-
const cores = Object.entries(d.coreNumbers).filter(
|
|
222
|
-
([, v]) => v !== null && v !== void 0
|
|
223
|
-
);
|
|
224
|
-
return html`<article class="card" aria-label=${headerLabel}>
|
|
225
|
-
<div>
|
|
226
|
-
<p class="label">${headerLabel}</p>
|
|
227
|
-
${d.profile?.name ? html`<h2 class="title">${d.profile.name}</h2>` : nothing}
|
|
228
|
-
</div>
|
|
229
|
-
${cores.length > 0 ? html`<div class="cores">
|
|
230
|
-
${cores.map(
|
|
231
|
-
([k, v]) => html`<div class="item">
|
|
232
|
-
<span>${humanize(k)}</span>
|
|
233
|
-
<strong>${v.number ?? ""}</strong>
|
|
234
|
-
</div>`
|
|
235
|
-
)}
|
|
236
|
-
</div>` : nothing}
|
|
237
|
-
</article>`;
|
|
238
|
-
}
|
|
239
|
-
};
|
|
240
|
-
RoxyNumerologyCard.styles = [
|
|
241
|
-
baseStyles,
|
|
242
|
-
css2`
|
|
243
|
-
.card {
|
|
244
|
-
background: var(--roxy-bg, #fff);
|
|
245
|
-
border: 1px solid var(--roxy-border, #e4e4e7);
|
|
246
|
-
border-radius: var(--roxy-radius-md, 8px);
|
|
247
|
-
padding: var(--roxy-space-lg, 1.5rem);
|
|
248
|
-
box-shadow: var(--roxy-shadow-sm);
|
|
249
|
-
display: grid;
|
|
250
|
-
gap: var(--roxy-space-md, 1rem);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
.hero {
|
|
254
|
-
display: flex;
|
|
255
|
-
align-items: center;
|
|
256
|
-
gap: var(--roxy-space-md, 1rem);
|
|
257
|
-
}
|
|
258
|
-
.numeral {
|
|
259
|
-
font-size: 4rem;
|
|
260
|
-
line-height: 1;
|
|
261
|
-
font-weight: var(--roxy-weight-bold, 600);
|
|
262
|
-
color: var(--roxy-accent-fg, #b45309);
|
|
263
|
-
font-variant-numeric: tabular-nums;
|
|
264
|
-
}
|
|
265
|
-
.label {
|
|
266
|
-
margin: 0;
|
|
267
|
-
font-size: var(--roxy-text-xs, 0.75rem);
|
|
268
|
-
color: var(--roxy-muted, #71717a);
|
|
269
|
-
text-transform: uppercase;
|
|
270
|
-
letter-spacing: 0.06em;
|
|
271
|
-
}
|
|
272
|
-
.title {
|
|
273
|
-
margin: 0;
|
|
274
|
-
font-size: var(--roxy-text-lg, 1.125rem);
|
|
275
|
-
font-weight: var(--roxy-weight-bold, 600);
|
|
276
|
-
}
|
|
277
|
-
.meaning {
|
|
278
|
-
margin: 0;
|
|
279
|
-
color: var(--roxy-fg, #0a0a0a);
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
.calc {
|
|
283
|
-
margin: 0;
|
|
284
|
-
font-family: var(--roxy-font-mono);
|
|
285
|
-
font-size: var(--roxy-text-xs, 0.75rem);
|
|
286
|
-
color: var(--roxy-muted, #71717a);
|
|
287
|
-
background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);
|
|
288
|
-
padding: var(--roxy-space-sm, 0.5rem);
|
|
289
|
-
border-radius: var(--roxy-radius-sm, 4px);
|
|
290
|
-
white-space: pre-wrap;
|
|
291
|
-
overflow-wrap: anywhere;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
.chips {
|
|
295
|
-
display: flex;
|
|
296
|
-
flex-wrap: wrap;
|
|
297
|
-
gap: var(--roxy-space-xs, 0.25rem);
|
|
298
|
-
}
|
|
299
|
-
.chips span {
|
|
300
|
-
background: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);
|
|
301
|
-
padding: 2px 8px;
|
|
302
|
-
border-radius: var(--roxy-radius-full, 9999px);
|
|
303
|
-
font-size: var(--roxy-text-xs, 0.75rem);
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
.cores {
|
|
307
|
-
display: grid;
|
|
308
|
-
grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
|
|
309
|
-
gap: var(--roxy-space-sm, 0.5rem);
|
|
310
|
-
border-top: 1px solid var(--roxy-border, #e4e4e7);
|
|
311
|
-
padding-top: var(--roxy-space-md, 1rem);
|
|
312
|
-
}
|
|
313
|
-
.cores .item {
|
|
314
|
-
display: flex;
|
|
315
|
-
align-items: baseline;
|
|
316
|
-
gap: var(--roxy-space-xs, 0.25rem);
|
|
317
|
-
font-size: var(--roxy-text-sm, 0.875rem);
|
|
318
|
-
}
|
|
319
|
-
.cores .item span:first-child {
|
|
320
|
-
color: var(--roxy-muted, #71717a);
|
|
321
|
-
text-transform: capitalize;
|
|
322
|
-
}
|
|
323
|
-
.cores .item strong {
|
|
324
|
-
color: var(--roxy-accent-fg, #b45309);
|
|
325
|
-
font-variant-numeric: tabular-nums;
|
|
326
|
-
font-size: var(--roxy-text-base, 1rem);
|
|
327
|
-
font-weight: var(--roxy-weight-bold, 600);
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
.karmic {
|
|
331
|
-
background: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);
|
|
332
|
-
border: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);
|
|
333
|
-
padding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);
|
|
334
|
-
border-radius: var(--roxy-radius-md, 8px);
|
|
335
|
-
font-size: var(--roxy-text-sm, 0.875rem);
|
|
336
|
-
color: var(--roxy-fg, #0a0a0a);
|
|
337
|
-
}
|
|
338
|
-
`
|
|
339
|
-
];
|
|
340
|
-
__decorateClass([
|
|
341
|
-
property({ attribute: false })
|
|
342
|
-
], RoxyNumerologyCard.prototype, "data", 2);
|
|
343
|
-
__decorateClass([
|
|
344
|
-
property({ type: String, reflect: true })
|
|
345
|
-
], RoxyNumerologyCard.prototype, "type", 2);
|
|
346
|
-
RoxyNumerologyCard = __decorateClass([
|
|
347
|
-
customElement("roxy-numerology-card")
|
|
348
|
-
], RoxyNumerologyCard);
|
|
349
|
-
var LABELS = {
|
|
350
|
-
"life-path": "Life Path",
|
|
351
|
-
expression: "Expression",
|
|
352
|
-
"personal-year": "Personal Year",
|
|
353
|
-
chart: "Numerology chart"
|
|
354
|
-
};
|
|
355
|
-
function karmicDebtText(value) {
|
|
356
|
-
if (!value) return "";
|
|
357
|
-
return [value.description, value.challenge, value.resolution].filter(Boolean).join(" ");
|
|
358
|
-
}
|
|
359
|
-
export {
|
|
360
|
-
RoxyNumerologyCard
|
|
361
|
-
};
|
|
1
|
+
var f=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var p=(o,r,e,t)=>{for(var n=t>1?void 0:t?y(r,e):r,s=o.length-1,c;s>=0;s--)(c=o[s])&&(n=(t?c(r,e,n):c(n))||n);return t&&n&&f(r,e,n),n};import{css as b,html as a,LitElement as $,nothing as i}from"lit";import{customElement as k,property as x}from"lit/decorators.js";import{css as g}from"lit";var d=g`:host{font-family:var(--roxy-font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--roxy-fg,#0a0a0a);font-size:var(--roxy-text-base,1rem);line-height:var(--roxy-leading-normal,1.5);animation:roxy-fade-in var(--roxy-motion-duration,.2s) var(--roxy-motion-easing,cubic-bezier(.4, 0, .2, 1)) both;background:0 0;display:block;container-type:inline-size}*,:before,:after{box-sizing:border-box}@keyframes roxy-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host{animation:none}}.roxy-skeleton{background:linear-gradient(90deg, var(--roxy-border,#e4e4e7) 0%, color-mix(in srgb, var(--roxy-border,#e4e4e7) 60%, transparent) 50%, var(--roxy-border,#e4e4e7) 100%);border-radius:var(--roxy-radius-md,8px);background-size:200% 100%;animation:1.4s ease-in-out infinite roxy-shimmer}@keyframes roxy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.roxy-skeleton{animation:none}}.roxy-empty{padding:var(--roxy-space-lg,1.5rem);color:var(--roxy-muted,#71717a);text-align:center;font-size:var(--roxy-text-sm,.875rem)}:host(:focus-within) .roxy-card{outline:2px solid var(--roxy-ring,#f59e0b66);outline-offset:2px}:host{font-variant-emoji:text}`;var v="roxy-data";function h(o){return o.nodeName==="SCRIPT"&&o.getAttribute("type")==="application/json"}var m=class{constructor(r){this.host=r,r.addController(this)}hostConnected(){if(this.host.data!=null)return;let r=this.read();r!==void 0&&(this.host.data=r,this.host.requestUpdate())}read(){let r=this.findInlineScript();return r?this.parse(r.textContent):void 0}findInlineScript(){for(let r of Array.from(this.host.children))if(h(r)&&r.classList.contains(v))return r;return null}parse(r){if(r?.trim())try{return JSON.parse(r)}catch{return}}};function u(o){return o.replace(/[_-]+/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/^\w/,r=>r.toUpperCase())}var l=class extends ${constructor(){super();this.data=null;this.type="life-path";new m(this)}render(){let e=this.data;if(!e)return a`<div class="roxy-empty" role="status">No numerology data</div>`;let t=C[this.type]??this.type;return"coreNumbers"in e?this.renderChart(e,t):"personalYear"in e?this.renderPersonalYear(e,t):this.renderNumberCard(e,t)}renderNumberCard(e,t){let n=e.meaning?.keywords??[];return a`<article class="card" aria-label="${t}"><div class="hero">${typeof e.number=="number"?a`<div class="numeral">${e.number}</div>`:i}<div><p class="label">${t}</p>${e.meaning?.title?a`<h2 class="title">${e.meaning.title}</h2>`:i}</div></div>${e.meaning?.description?a`<p class="meaning">${e.meaning.description}</p>`:i} ${e.calculation?a`<pre class="calc">${e.calculation}</pre>`:i} ${n.length>0?a`<div class="chips">${n.map(s=>a`<span>${s}</span>`)}</div>`:i} ${e.hasKarmicDebt&&e.karmicDebtNumber?a`<div class="karmic">Karmic debt ${e.karmicDebtNumber}. ${w(e.karmicDebtMeaning)}</div>`:i}</article>`}renderPersonalYear(e,t){return a`<article class="card" aria-label="${t}"><div class="hero">${typeof e.personalYear=="number"?a`<div class="numeral">${e.personalYear}</div>`:i}<div><p class="label">${t}</p>${e.theme?a`<h2 class="title">${e.theme}</h2>`:i}</div></div>${e.forecast?a`<p class="meaning">${e.forecast}</p>`:i} ${e.advice?a`<p>${e.advice}</p>`:i}</article>`}renderChart(e,t){let n=Object.entries(e.coreNumbers).filter(([,s])=>s!=null);return a`<article class="card" aria-label="${t}"><div><p class="label">${t}</p>${e.profile?.name?a`<h2 class="title">${e.profile.name}</h2>`:i}</div>${n.length>0?a`<div class="cores">${n.map(([s,c])=>a`<div class="item"><span>${u(s)}</span> <strong>${c.number??""}</strong></div>`)}</div>`:i}</article>`}};l.styles=[d,b`.card{background:var(--roxy-bg,#fff);border:1px solid var(--roxy-border,#e4e4e7);border-radius:var(--roxy-radius-md,8px);padding:var(--roxy-space-lg,1.5rem);box-shadow:var(--roxy-shadow-sm);gap:var(--roxy-space-md,1rem);display:grid}.hero{align-items:center;gap:var(--roxy-space-md,1rem);display:flex}.numeral{font-size:4rem;line-height:1;font-weight:var(--roxy-weight-bold,600);color:var(--roxy-accent-fg,#b45309);font-variant-numeric:tabular-nums}.label{font-size:var(--roxy-text-xs,.75rem);color:var(--roxy-muted,#71717a);text-transform:uppercase;letter-spacing:.06em;margin:0}.title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0}.meaning{color:var(--roxy-fg,#0a0a0a);margin:0}.calc{font-family:var(--roxy-font-mono);font-size:var(--roxy-text-xs,.75rem);color:var(--roxy-muted,#71717a);background:color-mix(in srgb, var(--roxy-border,#e4e4e7) 30%, transparent);padding:var(--roxy-space-sm,.5rem);border-radius:var(--roxy-radius-sm,4px);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chips{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;display:flex}.chips span{background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent);border-radius:var(--roxy-radius-full,9999px);font-size:var(--roxy-text-xs,.75rem);padding:2px 8px}.cores{gap:var(--roxy-space-sm,.5rem);border-top:1px solid var(--roxy-border,#e4e4e7);padding-top:var(--roxy-space-md,1rem);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.cores .item{align-items:baseline;gap:var(--roxy-space-xs,.25rem);font-size:var(--roxy-text-sm,.875rem);display:flex}.cores .item span:first-child{color:var(--roxy-muted,#71717a);text-transform:capitalize}.cores .item strong{color:var(--roxy-accent-fg,#b45309);font-variant-numeric:tabular-nums;font-size:var(--roxy-text-base,1rem);font-weight:var(--roxy-weight-bold,600)}.karmic{background:color-mix(in srgb, var(--roxy-warning,#ea580c) 12%, transparent);border:1px solid color-mix(in srgb, var(--roxy-warning,#ea580c) 32%, transparent);padding:var(--roxy-space-sm,.5rem) var(--roxy-space-md,1rem);border-radius:var(--roxy-radius-md,8px);font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-fg,#0a0a0a)}`],p([x({attribute:!1})],l.prototype,"data",2),p([x({type:String,reflect:!0})],l.prototype,"type",2),l=p([k("roxy-numerology-card")],l);var C={"life-path":"Life Path",expression:"Expression","personal-year":"Personal Year",chart:"Numerology chart"};function w(o){return o?[o.description,o.challenge,o.resolution].filter(Boolean).join(" "):""}export{l as RoxyNumerologyCard};
|
|
362
2
|
//# sourceMappingURL=numerology-card.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/numerology-card.ts", "../../src/utils/base-styles.ts", "../../src/utils/markup-data.ts", "../../src/utils/string.ts"],
|
|
4
|
-
"sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { MarkupDataController } from '../utils/markup-data.js';\nimport { humanize } from '../utils/string.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.hero {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.numeral {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.meaning {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.calc {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-family: var(--roxy-font-mono);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\toverflow-wrap: anywhere;\n\t\t\t}\n\n\t\t\t.chips {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.chips span {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\n\t\t\t.cores {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.cores .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: baseline;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.cores .item span:first-child {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.cores .item strong {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\n\t\t\t.karmic {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);\n\t\t\t\tborder: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\t\t`,\n\t];\n\n\tconstructor() {\n\t\tsuper();\n\t\t// Enables hydrating `data` from a direct-child\n\t\t// <script type=\"application/json\" class=\"roxy-data\"> for server-rendered\n\t\t// and cached consumers. The JavaScript `data` property still wins.\n\t\tnew MarkupDataController(this);\n\t}\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing}\n\t\t\t${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing}\n\t\t\t${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">\n\t\t\t\t\t\t${keywords.map((k) => html`<span>${k}</span>`)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">\n\t\t\t\t\t\tKarmic debt ${d.karmicDebtNumber}.\n\t\t\t\t\t\t${karmicDebtText(d.karmicDebtMeaning)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing}\n\t\t\t${d.advice ? html`<p>${d.advice}</p>` : nothing}\n\t\t</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div>\n\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}\n\t\t\t</div>\n\t\t\t${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">\n\t\t\t\t\t\t${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\">\n\t\t\t\t\t\t\t\t<span>${humanize(k)}</span>\n\t\t\t\t\t\t\t\t<strong>${v.number ?? ''}</strong>\n\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = CalculateLifePathResponse['karmicDebtMeaning'];\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Force the text-style variant on every Unicode glyph in the component.\n\t * macOS and iOS substitute coloured emoji glyphs for the planetary and\n\t * gender Unicode code points (Mars, Venus, Mercury, etc.) when the\n\t * system colour-emoji font wins font selection. The text-style variant\n\t * keeps glyphs monochrome so they inherit the surrounding fill colour\n\t * and match the brand palette consistently across platforms.\n\t *\n\t * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,\n\t * Firefox 139+). On older browsers the rule is silently ignored.\n\t */\n\t:host {\n\t\tfont-variant-emoji: text;\n\t}\n`;\n", "import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Marker class on the inline JSON script a server emits inside a component.\n *\n * @example\n * ```html\n * <roxy-natal-chart>\n * <script type=\"application/json\" class=\"roxy-data\">{ ...response... }</script>\n * </roxy-natal-chart>\n * ```\n */\nconst ROXY_DATA_CLASS = 'roxy-data';\n\n/**\n * True when the element is a `<script type=\"application/json\">`. Uses tag name and attribute rather than `instanceof HTMLScriptElement` so the check holds in every DOM implementation, including server-rendered and hydration runtimes where the constructor global may be absent.\n */\nfunction isJsonScript(el: Element): boolean {\n\treturn (\n\t\tel.nodeName === 'SCRIPT' && el.getAttribute('type') === 'application/json'\n\t);\n}\n\n/**\n * Host shape the controller drives: any reactive element that exposes a public `data` slot. The controller only writes `data` when the host left it unset, so the JavaScript property path always wins.\n */\ninterface DataHost extends ReactiveControllerHost, HTMLElement {\n\tdata?: unknown;\n}\n\n/**\n * Reactive controller that lets a component hydrate its `data` from embedded markup when no `data` property was assigned in JavaScript.\n *\n * @remarks\n * The server-side and cached-render model: a backend renders the RoxyAPI response into a direct-child `<script type=\"application/json\" class=\"roxy-data\">` element, ships static HTML, and never runs per-element JavaScript to assign a property. On connect this controller reads that script, parses it, and feeds the result to the host. The JavaScript property path is untouched and authoritative: if `host.data` already holds a value when the host connects, the controller does nothing and the markup is ignored.\n *\n * Source resolution order on connect, first hit wins:\n *\n * 1. `host.data` already set in JavaScript -> leave it, read nothing.\n * 2. A direct-child `<script type=\"application/json\" class=\"roxy-data\">` -> parse and use. Direct-child only, so a nested component's own script is never read by an ancestor.\n *\n * Fetching from a URL is intentionally unsupported: that would require a browser-visible key and breaks the server-rendered, cached model these consumers rely on.\n *\n * Timing: {@link hostConnected} runs inside the host `connectedCallback`. For an element parsed from server HTML, its direct children are present by the time the custom element upgrades and connects, so the script is readable here. For an element created with `document.createElement` and connected before any child is appended, there is nothing to read and the property path is the only source, which is exactly the existing behavior.\n *\n * Failure is safe: malformed JSON or a missing script leaves `host.data` untouched, so the host renders its normal empty state.\n *\n * Reading the script never mutates it, and only the marked script is touched, so any sibling fallback markup a server nested inside the element (for no-JavaScript, AMP, or crawler rendering) is left in place.\n *\n * @example\n * ```ts\n * import { MarkupDataController } from '../utils/markup-data.js';\n *\n * export class RoxyExample extends LitElement {\n * constructor() {\n * super();\n * new MarkupDataController(this);\n * }\n *\n * @property({ attribute: false })\n * data: ExampleResponse | null = null;\n * }\n * ```\n */\nexport class MarkupDataController<T = unknown> implements ReactiveController {\n\tprivate readonly host: DataHost;\n\n\tconstructor(host: DataHost) {\n\t\tthis.host = host;\n\t\thost.addController(this);\n\t}\n\n\thostConnected() {\n\t\t// Property path wins. If the consumer (React, vanilla `.data =`, the\n\t\t// widgets script, an MCP agent) already set data, never look at markup.\n\t\tif (this.host.data != null) return;\n\n\t\tconst parsed = this.read();\n\t\tif (parsed === undefined) return;\n\n\t\tthis.host.data = parsed as T;\n\t\tthis.host.requestUpdate();\n\t}\n\n\t/**\n\t * Resolve the embedded payload. Returns `undefined` when there is nothing valid to read so the caller can leave `host.data` untouched.\n\t */\n\tprivate read(): T | undefined {\n\t\tconst inline = this.findInlineScript();\n\t\treturn inline ? this.parse(inline.textContent) : undefined;\n\t}\n\n\t/**\n\t * Direct-child `<script type=\"application/json\" class=\"roxy-data\">`. Scoped to immediate children so a nested data-driven component never has its script read by an ancestor, and so sibling fallback markup is ignored.\n\t */\n\tprivate findInlineScript(): Element | null {\n\t\tfor (const child of Array.from(this.host.children)) {\n\t\t\tif (isJsonScript(child) && child.classList.contains(ROXY_DATA_CLASS)) {\n\t\t\t\treturn child;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\n\tprivate parse(text: string | null): T | undefined {\n\t\tif (!text?.trim()) return undefined;\n\t\ttry {\n\t\t\treturn JSON.parse(text) as T;\n\t\t} catch {\n\t\t\t// Malformed embedded JSON: fail safe, leave the host empty state in\n\t\t\t// place rather than throwing during connect.\n\t\t\treturn undefined;\n\t\t}\n\t}\n}\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n * - `capitalize`: title-cases the first character, lowercases the rest. Used\n * when matching API-supplied planet/sign names against the glyph maps in\n * `tokens/index.ts`, which use canonical TitleCase keys.\n * - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n * into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["css", "css"]
|
|
4
|
+
"sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { MarkupDataController } from '../utils/markup-data.js';\nimport { humanize } from '../utils/string.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`.card{background:var(--roxy-bg,#fff);border:1px solid var(--roxy-border,#e4e4e7);border-radius:var(--roxy-radius-md,8px);padding:var(--roxy-space-lg,1.5rem);box-shadow:var(--roxy-shadow-sm);gap:var(--roxy-space-md,1rem);display:grid}.hero{align-items:center;gap:var(--roxy-space-md,1rem);display:flex}.numeral{font-size:4rem;line-height:1;font-weight:var(--roxy-weight-bold,600);color:var(--roxy-accent-fg,#b45309);font-variant-numeric:tabular-nums}.label{font-size:var(--roxy-text-xs,.75rem);color:var(--roxy-muted,#71717a);text-transform:uppercase;letter-spacing:.06em;margin:0}.title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0}.meaning{color:var(--roxy-fg,#0a0a0a);margin:0}.calc{font-family:var(--roxy-font-mono);font-size:var(--roxy-text-xs,.75rem);color:var(--roxy-muted,#71717a);background:color-mix(in srgb, var(--roxy-border,#e4e4e7) 30%, transparent);padding:var(--roxy-space-sm,.5rem);border-radius:var(--roxy-radius-sm,4px);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chips{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;display:flex}.chips span{background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent);border-radius:var(--roxy-radius-full,9999px);font-size:var(--roxy-text-xs,.75rem);padding:2px 8px}.cores{gap:var(--roxy-space-sm,.5rem);border-top:1px solid var(--roxy-border,#e4e4e7);padding-top:var(--roxy-space-md,1rem);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.cores .item{align-items:baseline;gap:var(--roxy-space-xs,.25rem);font-size:var(--roxy-text-sm,.875rem);display:flex}.cores .item span:first-child{color:var(--roxy-muted,#71717a);text-transform:capitalize}.cores .item strong{color:var(--roxy-accent-fg,#b45309);font-variant-numeric:tabular-nums;font-size:var(--roxy-text-base,1rem);font-weight:var(--roxy-weight-bold,600)}.karmic{background:color-mix(in srgb, var(--roxy-warning,#ea580c) 12%, transparent);border:1px solid color-mix(in srgb, var(--roxy-warning,#ea580c) 32%, transparent);padding:var(--roxy-space-sm,.5rem) var(--roxy-space-md,1rem);border-radius:var(--roxy-radius-md,8px);font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-fg,#0a0a0a)}`,\n\t];\n\n\tconstructor() {\n\t\tsuper();\n\t\t// Enables hydrating `data` from a direct-child\n\t\t// <script type=\"application/json\" class=\"roxy-data\"> for server-rendered\n\t\t// and cached consumers. The JavaScript `data` property still wins.\n\t\tnew MarkupDataController(this);\n\t}\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=\"${headerLabel}\"><div class=\"hero\">${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}<div><p class=\"label\">${headerLabel}</p>${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}</div></div>${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing} ${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing} ${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">${keywords.map((k) => html`<span>${k}</span>`)}</div>`\n\t\t\t\t\t: nothing\n\t\t\t} ${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">Karmic debt ${d.karmicDebtNumber}. ${karmicDebtText(d.karmicDebtMeaning)}</div>`\n\t\t\t\t\t: nothing\n\t\t\t}</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=\"${headerLabel}\"><div class=\"hero\">${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}<div><p class=\"label\">${headerLabel}</p>${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}</div></div>${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing} ${d.advice ? html`<p>${d.advice}</p>` : nothing}</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=\"${headerLabel}\"><div><p class=\"label\">${headerLabel}</p>${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}</div>${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\"><span>${humanize(k)}</span> <strong>${v.number ?? ''}</strong></div>`,\n\t\t\t\t\t\t)}</div>`\n\t\t\t\t\t: nothing\n\t\t\t}</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = CalculateLifePathResponse['karmicDebtMeaning'];\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`:host{font-family:var(--roxy-font-sans,system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif);color:var(--roxy-fg,#0a0a0a);font-size:var(--roxy-text-base,1rem);line-height:var(--roxy-leading-normal,1.5);animation:roxy-fade-in var(--roxy-motion-duration,.2s) var(--roxy-motion-easing,cubic-bezier(.4, 0, .2, 1)) both;background:0 0;display:block;container-type:inline-size}*,:before,:after{box-sizing:border-box}@keyframes roxy-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:host{animation:none}}.roxy-skeleton{background:linear-gradient(90deg, var(--roxy-border,#e4e4e7) 0%, color-mix(in srgb, var(--roxy-border,#e4e4e7) 60%, transparent) 50%, var(--roxy-border,#e4e4e7) 100%);border-radius:var(--roxy-radius-md,8px);background-size:200% 100%;animation:1.4s ease-in-out infinite roxy-shimmer}@keyframes roxy-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.roxy-skeleton{animation:none}}.roxy-empty{padding:var(--roxy-space-lg,1.5rem);color:var(--roxy-muted,#71717a);text-align:center;font-size:var(--roxy-text-sm,.875rem)}:host(:focus-within) .roxy-card{outline:2px solid var(--roxy-ring,#f59e0b66);outline-offset:2px}:host{font-variant-emoji:text}`;\n", "import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Marker class on the inline JSON script a server emits inside a component.\n *\n * @example\n * ```html\n * <roxy-natal-chart>\n * <script type=\"application/json\" class=\"roxy-data\">{ ...response... }</script>\n * </roxy-natal-chart>\n * ```\n */\nconst ROXY_DATA_CLASS = 'roxy-data';\n\n/**\n * True when the element is a `<script type=\"application/json\">`. Uses tag name and attribute rather than `instanceof HTMLScriptElement` so the check holds in every DOM implementation, including server-rendered and hydration runtimes where the constructor global may be absent.\n */\nfunction isJsonScript(el: Element): boolean {\n\treturn (\n\t\tel.nodeName === 'SCRIPT' && el.getAttribute('type') === 'application/json'\n\t);\n}\n\n/**\n * Host shape the controller drives: any reactive element that exposes a public `data` slot. The controller only writes `data` when the host left it unset, so the JavaScript property path always wins.\n */\ninterface DataHost extends ReactiveControllerHost, HTMLElement {\n\tdata?: unknown;\n}\n\n/**\n * Reactive controller that lets a component hydrate its `data` from embedded markup when no `data` property was assigned in JavaScript.\n *\n * @remarks\n * The server-side and cached-render model: a backend renders the RoxyAPI response into a direct-child `<script type=\"application/json\" class=\"roxy-data\">` element, ships static HTML, and never runs per-element JavaScript to assign a property. On connect this controller reads that script, parses it, and feeds the result to the host. The JavaScript property path is untouched and authoritative: if `host.data` already holds a value when the host connects, the controller does nothing and the markup is ignored.\n *\n * Source resolution order on connect, first hit wins:\n *\n * 1. `host.data` already set in JavaScript -> leave it, read nothing.\n * 2. A direct-child `<script type=\"application/json\" class=\"roxy-data\">` -> parse and use. Direct-child only, so a nested component's own script is never read by an ancestor.\n *\n * Fetching from a URL is intentionally unsupported: that would require a browser-visible key and breaks the server-rendered, cached model these consumers rely on.\n *\n * Timing: {@link hostConnected} runs inside the host `connectedCallback`. For an element parsed from server HTML, its direct children are present by the time the custom element upgrades and connects, so the script is readable here. For an element created with `document.createElement` and connected before any child is appended, there is nothing to read and the property path is the only source, which is exactly the existing behavior.\n *\n * Failure is safe: malformed JSON or a missing script leaves `host.data` untouched, so the host renders its normal empty state.\n *\n * Reading the script never mutates it, and only the marked script is touched, so any sibling fallback markup a server nested inside the element (for no-JavaScript, AMP, or crawler rendering) is left in place.\n *\n * @example\n * ```ts\n * import { MarkupDataController } from '../utils/markup-data.js';\n *\n * export class RoxyExample extends LitElement {\n * constructor() {\n * super();\n * new MarkupDataController(this);\n * }\n *\n * @property({ attribute: false })\n * data: ExampleResponse | null = null;\n * }\n * ```\n */\nexport class MarkupDataController<T = unknown> implements ReactiveController {\n\tprivate readonly host: DataHost;\n\n\tconstructor(host: DataHost) {\n\t\tthis.host = host;\n\t\thost.addController(this);\n\t}\n\n\thostConnected() {\n\t\t// Property path wins. If the consumer (React, vanilla `.data =`, the\n\t\t// widgets script, an MCP agent) already set data, never look at markup.\n\t\tif (this.host.data != null) return;\n\n\t\tconst parsed = this.read();\n\t\tif (parsed === undefined) return;\n\n\t\tthis.host.data = parsed as T;\n\t\tthis.host.requestUpdate();\n\t}\n\n\t/**\n\t * Resolve the embedded payload. Returns `undefined` when there is nothing valid to read so the caller can leave `host.data` untouched.\n\t */\n\tprivate read(): T | undefined {\n\t\tconst inline = this.findInlineScript();\n\t\treturn inline ? this.parse(inline.textContent) : undefined;\n\t}\n\n\t/**\n\t * Direct-child `<script type=\"application/json\" class=\"roxy-data\">`. Scoped to immediate children so a nested data-driven component never has its script read by an ancestor, and so sibling fallback markup is ignored.\n\t */\n\tprivate findInlineScript(): Element | null {\n\t\tfor (const child of Array.from(this.host.children)) {\n\t\t\tif (isJsonScript(child) && child.classList.contains(ROXY_DATA_CLASS)) {\n\t\t\t\treturn child;\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\n\tprivate parse(text: string | null): T | undefined {\n\t\tif (!text?.trim()) return undefined;\n\t\ttry {\n\t\t\treturn JSON.parse(text) as T;\n\t\t} catch {\n\t\t\t// Malformed embedded JSON: fail safe, leave the host empty state in\n\t\t\t// place rather than throwing during connect.\n\t\t\treturn undefined;\n\t\t}\n\t}\n}\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n * - `capitalize`: title-cases the first character, lowercases the rest. Used\n * when matching API-supplied planet/sign names against the glyph maps in\n * `tokens/index.ts`, which use canonical TitleCase keys.\n * - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n * into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["css", "html", "LitElement", "nothing", "customElement", "property", "css", "baseStyles", "ROXY_DATA_CLASS", "isJsonScript", "el", "MarkupDataController", "host", "parsed", "inline", "child", "text", "humanize", "s", "c", "RoxyNumerologyCard", "LitElement", "MarkupDataController", "d", "html", "headerLabel", "LABELS", "keywords", "nothing", "k", "karmicDebtText", "cores", "v", "humanize", "baseStyles", "css", "__decorateClass", "property", "customElement", "value"]
|
|
7
7
|
}
|