@roxyapi/ui 0.9.0 → 0.10.0

package/dist/components/data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/data.ts", "../../src/utils/base-styles.ts", "../../src/utils/markup-data.ts", "../../src/utils/string.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { MarkupDataController } from '../utils/markup-data.js';\nimport { humanize } from '../utils/string.js';\n\n/**\n * Generic fallback renderer. Accepts ANY OpenAPI response shape and renders\n * it via field-name heuristics so future spec additions render reasonably\n * without hand-wired components.\n *\n * Heuristic order:\n *   1. Primitive (string, number, boolean) -> single line.\n *   2. Array of primitives -> chip list.\n *   3. Array of objects with shared keys -> table.\n *   4. Object with title-like field -> card with key/value rows.\n *   5. Otherwise -> definition list of all keys.\n *\n * When a schema declares an `x-roxy-ui` hint, a future dispatcher can opt\n * into a hand-tuned component instead of this fallback.\n */\n\ntype Json = string | number | boolean | null | Json[] | { [key: string]: Json };\n\nconst TITLE_KEYS = ['title', 'name', 'label', 'heading', 'overview', 'summary'];\nconst IMAGE_KEYS = ['imageUrl', 'image', 'icon', 'symbol'];\nconst SKIP_KEYS = ['imageUrl', 'image']; // rendered separately, not in body rows\n\n// Hard cap on recursion. Real RoxyAPI responses nest at most 5-6 deep; anything\n// deeper is either a circular reference (which would otherwise infinite-loop)\n// or a payload too rich for the generic fallback to render usefully. The\n// recursion is otherwise safe: <roxy-data> is registered globally by its\n// `@customElement` decorator on import, so the nested template resolves to\n// this same class without a separate import.\nconst MAX_DEPTH = 6;\n\n@customElement('roxy-data')\nexport class RoxyData extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`.roxy-card{background:var(--roxy-bg,#fff);border:1px solid var(--roxy-border,#e4e4e7);border-radius:var(--roxy-radius-md,8px);padding:var(--roxy-space-md,1rem);box-shadow:var(--roxy-shadow-sm)}.roxy-title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0 0 var(--roxy-space-sm,.5rem) 0;color:var(--roxy-primary,#0f172a);letter-spacing:var(--roxy-tracking-tight)}.roxy-summary{color:var(--roxy-secondary,#475569);margin:0 0 var(--roxy-space-md,1rem) 0;font-size:var(--roxy-text-sm,.875rem)}dl.roxy-rows{gap:var(--roxy-space-xs,.25rem) var(--roxy-space-md,1rem);grid-template-columns:minmax(8ch,max-content) 1fr;margin:0;display:grid}dl.roxy-rows dt{color:var(--roxy-muted,#71717a);font-size:var(--roxy-text-sm,.875rem);text-transform:capitalize}dl.roxy-rows dd{color:var(--roxy-fg,#0a0a0a);font-size:var(--roxy-text-sm,.875rem);word-break:break-word;margin:0}ul.roxy-chips{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}ul.roxy-chips li{background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent);color:var(--roxy-fg,#0a0a0a);border-radius:var(--roxy-radius-full,9999px);font-size:var(--roxy-text-xs,.75rem);padding:2px 8px}table.roxy-table{border-collapse:collapse;width:100%;font-size:var(--roxy-text-sm,.875rem)}table.roxy-table th,table.roxy-table td{border-bottom:1px solid var(--roxy-border,#e4e4e7);padding:var(--roxy-space-sm,.5rem);text-align:left;text-transform:none}table.roxy-table th{color:var(--roxy-muted,#71717a);font-weight:var(--roxy-weight-bold,600);text-transform:capitalize;font-size:var(--roxy-text-xs,.75rem);letter-spacing:.04em}.roxy-image{border-radius:var(--roxy-radius-md,8px);max-width:100%;height:auto;margin-bottom:var(--roxy-space-md,1rem)}.roxy-section{margin-bottom:var(--roxy-space-md,1rem)}.roxy-section h4{font-size:var(--roxy-text-sm,.875rem);font-weight:var(--roxy-weight-bold,600);color:var(--roxy-secondary,#475569);margin:0 0 var(--roxy-space-xs,.25rem) 0;text-transform:capitalize}`,\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: Json = null;\n\n\t/**\n\t * Internal recursion depth. Nested <roxy-data> instances inherit this from\n\t * the parent and increment to guard against circular references in the\n\t * input. Not part of the public API; do not set from consumer code.\n\t */\n\t@property({ attribute: false })\n\tdepth = 0;\n\n\trender() {\n\t\tif (this.data == null) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No data</div>`;\n\t\t}\n\t\tif (this.depth >= MAX_DEPTH) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">\u2026</div>`;\n\t\t}\n\t\treturn html`<div class=\"roxy-card\" aria-label=\"Generic data display\">${this.renderValue(this.data)}</div>`;\n\t}\n\n\tprivate renderValue(value: Json): TemplateResult | typeof nothing {\n\t\tif (value === null || value === undefined) return nothing;\n\t\tif (typeof value === 'string') return html`<p>${value}</p>`;\n\t\tif (typeof value === 'number' || typeof value === 'boolean') {\n\t\t\treturn html`<p>${String(value)}</p>`;\n\t\t}\n\t\tif (Array.isArray(value)) return this.renderArray(value);\n\t\treturn this.renderObject(value as Record<string, Json>);\n\t}\n\n\tprivate renderArray(arr: Json[]): TemplateResult {\n\t\tif (arr.length === 0) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">Empty list</div>`;\n\t\t}\n\t\tconst allPrimitive = arr.every(\n\t\t\t(v) => v === null || ['string', 'number', 'boolean'].includes(typeof v),\n\t\t);\n\t\tif (allPrimitive) {\n\t\t\treturn html`<ul class=\"roxy-chips\">${arr.map((v) => html`<li>${String(v)}</li>`)}</ul>`;\n\t\t}\n\t\tconst allObjects = arr.every(\n\t\t\t(v) => v !== null && typeof v === 'object' && !Array.isArray(v),\n\t\t);\n\t\tif (allObjects) return this.renderTable(arr as Record<string, Json>[]);\n\t\treturn html`<ol>${arr.map((v) => html`<li>${this.renderValue(v)}</li>`)}</ol>`;\n\t}\n\n\tprivate renderTable(rows: Record<string, Json>[]): TemplateResult {\n\t\tconst keys = this.collectKeys(rows);\n\t\treturn html`<table class=\"roxy-table\" role=\"table\"><thead><tr>${keys.map((k) => html`<th>${humanize(k)}</th>`)}</tr></thead><tbody>${rows.map(\n\t\t\t\t\t(row) => html`<tr>${keys.map((k) => html`<td>${this.formatPrimitive(row[k])}</td>`)}</tr>`,\n\t\t\t\t)}</tbody></table>`;\n\t}\n\n\tprivate renderObject(obj: Record<string, Json>): TemplateResult {\n\t\tconst titleKey = TITLE_KEYS.find((k) => typeof obj[k] === 'string');\n\t\tconst imageKey = IMAGE_KEYS.find(\n\t\t\t(k) =>\n\t\t\t\ttypeof obj[k] === 'string' && (obj[k] as string).startsWith('http'),\n\t\t);\n\t\tconst summaryKey =\n\t\t\ttitleKey !== 'summary' && typeof obj.summary === 'string'\n\t\t\t\t? 'summary'\n\t\t\t\t: null;\n\t\tconst rows = Object.entries(obj).filter(\n\t\t\t([k, v]) =>\n\t\t\t\tk !== titleKey &&\n\t\t\t\tk !== summaryKey &&\n\t\t\t\t!SKIP_KEYS.includes(k) &&\n\t\t\t\tv !== null &&\n\t\t\t\tv !== undefined,\n\t\t);\n\n\t\treturn html`${\n\t\t\t\timageKey\n\t\t\t\t\t? html`<img class=\"roxy-image\" src=\"${String(obj[imageKey])}\" alt=\"${titleKey ? String(obj[titleKey]) : 'illustration'}\" loading=\"lazy\">`\n\t\t\t\t\t: nothing\n\t\t\t} ${titleKey ? html`<h3 class=\"roxy-title\">${obj[titleKey]}</h3>` : nothing} ${summaryKey ? html`<p class=\"roxy-summary\">${obj[summaryKey]}</p>` : nothing} ${\n\t\t\t\trows.length > 0\n\t\t\t\t\t? html`<dl class=\"roxy-rows\">${rows.map(\n\t\t\t\t\t\t\t([k, v]) => html`<dt>${humanize(k)}</dt><dd>${this.renderField(v)}</dd>`,\n\t\t\t\t\t\t)}</dl>`\n\t\t\t\t\t: nothing\n\t\t\t}`;\n\t}\n\n\tprivate renderField(value: Json): TemplateResult | string {\n\t\tif (value === null || value === undefined) return '';\n\t\tif (typeof value === 'string') return value;\n\t\tif (typeof value === 'number' || typeof value === 'boolean')\n\t\t\treturn String(value);\n\t\tif (Array.isArray(value)) {\n\t\t\tconst allPrimitive = value.every((v) =>\n\t\t\t\t['string', 'number', 'boolean'].includes(typeof v),\n\t\t\t);\n\t\t\tif (allPrimitive) {\n\t\t\t\treturn html`<ul class=\"roxy-chips\">${value.map((v) => html`<li>${String(v)}</li>`)}</ul>`;\n\t\t\t}\n\t\t}\n\t\treturn html`<roxy-data .data=\"${value}\" .depth=\"${this.depth + 1}\"></roxy-data>`;\n\t}\n\n\tprivate formatPrimitive(value: Json | undefined): string {\n\t\tif (value === null || value === undefined) return '';\n\t\tif (typeof value === 'string') return value;\n\t\tif (typeof value === 'number' || typeof value === 'boolean')\n\t\t\treturn String(value);\n\t\tif (Array.isArray(value)) return value.map(String).join(', ');\n\t\treturn JSON.stringify(value);\n\t}\n\n\tprivate collectKeys(rows: Record<string, Json>[]): string[] {\n\t\tconst seen = new Set<string>();\n\t\tfor (const row of rows) {\n\t\t\tfor (const k of Object.keys(row)) seen.add(k);\n\t\t}\n\t\treturn Array.from(seen);\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-data': RoxyData;\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"],
-  "mappings": "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",
-  "names": ["css", "html", "LitElement", "nothing", "customElement", "property", "css", "baseStyles", "ROXY_DATA_CLASS", "isJsonScript", "el", "MarkupDataController", "host", "parsed", "inline", "child", "text", "humanize", "c", "TITLE_KEYS", "IMAGE_KEYS", "SKIP_KEYS", "MAX_DEPTH", "RoxyData", "LitElement", "MarkupDataController", "html", "value", "nothing", "arr", "v", "rows", "keys", "k", "humanize", "row", "obj", "titleKey", "imageKey", "summaryKey", "seen", "baseStyles", "css", "__decorateClass", "property", "customElement"]
+  "sourcesContent": ["import { css, html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { MarkupDataController } from '../utils/markup-data.js';\nimport { humanize } from '../utils/string.js';\n\n/**\n * Generic fallback renderer. Accepts ANY OpenAPI response shape and renders\n * it via field-name heuristics so future spec additions render reasonably\n * without hand-wired components.\n *\n * Heuristic order:\n *   1. Primitive (string, number, boolean) -> single line.\n *   2. Array of primitives -> chip list.\n *   3. Array of objects with shared keys -> table.\n *   4. Object with title-like field -> card with key/value rows.\n *   5. Otherwise -> definition list of all keys.\n *\n * When a schema declares an `x-roxy-ui` hint, a future dispatcher can opt\n * into a hand-tuned component instead of this fallback.\n */\n\ntype Json = string | number | boolean | null | Json[] | { [key: string]: Json };\n\nconst TITLE_KEYS = ['title', 'name', 'label', 'heading', 'overview', 'summary'];\nconst IMAGE_KEYS = ['imageUrl', 'image', 'icon', 'symbol'];\nconst SKIP_KEYS = ['imageUrl', 'image']; // rendered separately, not in body rows\n\n// Hard cap on recursion. Real RoxyAPI responses nest at most 5-6 deep; anything\n// deeper is either a circular reference (which would otherwise infinite-loop)\n// or a payload too rich for the generic fallback to render usefully. The\n// recursion is otherwise safe: <roxy-data> is registered globally by its\n// `@customElement` decorator on import, so the nested template resolves to\n// this same class without a separate import.\nconst MAX_DEPTH = 6;\n\n@customElement('roxy-data')\nexport class RoxyData extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`.roxy-card{background:var(--roxy-bg,#fff);border:1px solid var(--roxy-border,#e4e4e7);border-radius:var(--roxy-radius-md,8px);padding:var(--roxy-space-md,1rem);box-shadow:var(--roxy-shadow-sm)}.roxy-title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0 0 var(--roxy-space-sm,.5rem) 0;color:var(--roxy-primary,#0f172a);letter-spacing:var(--roxy-tracking-tight)}.roxy-summary{color:var(--roxy-secondary,#475569);margin:0 0 var(--roxy-space-md,1rem) 0;font-size:var(--roxy-text-sm,.875rem)}dl.roxy-rows{gap:var(--roxy-space-xs,.25rem) var(--roxy-space-md,1rem);grid-template-columns:minmax(8ch,max-content) 1fr;margin:0;display:grid}dl.roxy-rows dt{color:var(--roxy-muted,#71717a);font-size:var(--roxy-text-sm,.875rem);text-transform:capitalize}dl.roxy-rows dd{color:var(--roxy-fg,#0a0a0a);font-size:var(--roxy-text-sm,.875rem);word-break:break-word;margin:0}ul.roxy-chips{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}ul.roxy-chips li{background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent);color:var(--roxy-fg,#0a0a0a);border-radius:var(--roxy-radius-full,9999px);font-size:var(--roxy-text-xs,.75rem);padding:2px 8px}table.roxy-table{border-collapse:collapse;width:100%;font-size:var(--roxy-text-sm,.875rem)}table.roxy-table th,table.roxy-table td{border-bottom:1px solid var(--roxy-border,#e4e4e7);padding:var(--roxy-space-sm,.5rem);text-align:left;text-transform:none}table.roxy-table th{color:var(--roxy-muted,#71717a);font-weight:var(--roxy-weight-bold,600);text-transform:capitalize;font-size:var(--roxy-text-xs,.75rem);letter-spacing:.04em}.roxy-image{border-radius:var(--roxy-radius-md,8px);max-width:100%;height:auto;margin-bottom:var(--roxy-space-md,1rem)}.roxy-section{margin-bottom:var(--roxy-space-md,1rem)}.roxy-section h4{font-size:var(--roxy-text-sm,.875rem);font-weight:var(--roxy-weight-bold,600);color:var(--roxy-secondary,#475569);margin:0 0 var(--roxy-space-xs,.25rem) 0;text-transform:capitalize}`,\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: Json = null;\n\n\t/**\n\t * Internal recursion depth. Nested <roxy-data> instances inherit this from\n\t * the parent and increment to guard against circular references in the\n\t * input. Not part of the public API; do not set from consumer code.\n\t */\n\t@property({ attribute: false })\n\tdepth = 0;\n\n\trender() {\n\t\tif (this.data == null) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No data</div>`;\n\t\t}\n\t\tif (this.depth >= MAX_DEPTH) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">\u2026</div>`;\n\t\t}\n\t\treturn html`<div class=\"roxy-card\" aria-label=\"Generic data display\">${this.renderValue(this.data)}</div>`;\n\t}\n\n\tprivate renderValue(value: Json): TemplateResult | typeof nothing {\n\t\tif (value === null || value === undefined) return nothing;\n\t\tif (typeof value === 'string') return html`<p>${value}</p>`;\n\t\tif (typeof value === 'number' || typeof value === 'boolean') {\n\t\t\treturn html`<p>${String(value)}</p>`;\n\t\t}\n\t\tif (Array.isArray(value)) return this.renderArray(value);\n\t\treturn this.renderObject(value as Record<string, Json>);\n\t}\n\n\tprivate renderArray(arr: Json[]): TemplateResult {\n\t\tif (arr.length === 0) {\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">Empty list</div>`;\n\t\t}\n\t\tconst allPrimitive = arr.every(\n\t\t\t(v) => v === null || ['string', 'number', 'boolean'].includes(typeof v),\n\t\t);\n\t\tif (allPrimitive) {\n\t\t\treturn html`<ul class=\"roxy-chips\">${arr.map((v) => html`<li>${String(v)}</li>`)}</ul>`;\n\t\t}\n\t\tconst allObjects = arr.every(\n\t\t\t(v) => v !== null && typeof v === 'object' && !Array.isArray(v),\n\t\t);\n\t\tif (allObjects) return this.renderTable(arr as Record<string, Json>[]);\n\t\treturn html`<ol>${arr.map((v) => html`<li>${this.renderValue(v)}</li>`)}</ol>`;\n\t}\n\n\tprivate renderTable(rows: Record<string, Json>[]): TemplateResult {\n\t\tconst keys = this.collectKeys(rows);\n\t\treturn html`<table class=\"roxy-table\" role=\"table\"><thead><tr>${keys.map((k) => html`<th>${humanize(k)}</th>`)}</tr></thead><tbody>${rows.map(\n\t\t\t\t\t(row) => html`<tr>${keys.map((k) => html`<td>${this.formatPrimitive(row[k])}</td>`)}</tr>`,\n\t\t\t\t)}</tbody></table>`;\n\t}\n\n\tprivate renderObject(obj: Record<string, Json>): TemplateResult {\n\t\tconst titleKey = TITLE_KEYS.find((k) => typeof obj[k] === 'string');\n\t\tconst imageKey = IMAGE_KEYS.find(\n\t\t\t(k) =>\n\t\t\t\ttypeof obj[k] === 'string' && (obj[k] as string).startsWith('http'),\n\t\t);\n\t\tconst summaryKey =\n\t\t\ttitleKey !== 'summary' && typeof obj.summary === 'string'\n\t\t\t\t? 'summary'\n\t\t\t\t: null;\n\t\tconst rows = Object.entries(obj).filter(\n\t\t\t([k, v]) =>\n\t\t\t\tk !== titleKey &&\n\t\t\t\tk !== summaryKey &&\n\t\t\t\t!SKIP_KEYS.includes(k) &&\n\t\t\t\tv !== null &&\n\t\t\t\tv !== undefined,\n\t\t);\n\n\t\treturn html`${\n\t\t\t\timageKey\n\t\t\t\t\t? html`<img class=\"roxy-image\" src=\"${String(obj[imageKey])}\" alt=\"${titleKey ? String(obj[titleKey]) : 'illustration'}\" loading=\"lazy\">`\n\t\t\t\t\t: nothing\n\t\t\t} ${titleKey ? html`<h3 class=\"roxy-title\">${obj[titleKey]}</h3>` : nothing} ${summaryKey ? html`<p class=\"roxy-summary\">${obj[summaryKey]}</p>` : nothing} ${\n\t\t\t\trows.length > 0\n\t\t\t\t\t? html`<dl class=\"roxy-rows\">${rows.map(\n\t\t\t\t\t\t\t([k, v]) => html`<dt>${humanize(k)}</dt><dd>${this.renderField(v)}</dd>`,\n\t\t\t\t\t\t)}</dl>`\n\t\t\t\t\t: nothing\n\t\t\t}`;\n\t}\n\n\tprivate renderField(value: Json): TemplateResult | string {\n\t\tif (value === null || value === undefined) return '';\n\t\tif (typeof value === 'string') return value;\n\t\tif (typeof value === 'number' || typeof value === 'boolean')\n\t\t\treturn String(value);\n\t\tif (Array.isArray(value)) {\n\t\t\tconst allPrimitive = value.every((v) =>\n\t\t\t\t['string', 'number', 'boolean'].includes(typeof v),\n\t\t\t);\n\t\t\tif (allPrimitive) {\n\t\t\t\treturn html`<ul class=\"roxy-chips\">${value.map((v) => html`<li>${String(v)}</li>`)}</ul>`;\n\t\t\t}\n\t\t}\n\t\treturn html`<roxy-data .data=\"${value}\" .depth=\"${this.depth + 1}\"></roxy-data>`;\n\t}\n\n\tprivate formatPrimitive(value: Json | undefined): string {\n\t\tif (value === null || value === undefined) return '';\n\t\tif (typeof value === 'string') return value;\n\t\tif (typeof value === 'number' || typeof value === 'boolean')\n\t\t\treturn String(value);\n\t\tif (Array.isArray(value)) return value.map(String).join(', ');\n\t\treturn JSON.stringify(value);\n\t}\n\n\tprivate collectKeys(rows: Record<string, Json>[]): string[] {\n\t\tconst seen = new Set<string>();\n\t\tfor (const row of rows) {\n\t\t\tfor (const k of Object.keys(row)) seen.add(k);\n\t\t}\n\t\treturn Array.from(seen);\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-data': RoxyData;\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 * Serialize a RoxyAPI response for embedding inside an inline `<script type=\"application/json\" class=\"roxy-data\">`. This is the safe writer counterpart to {@link MarkupDataController}, the reader: server-rendered and cached consumers (WordPress, JSX SSR, static HTML) emit the script with this, and the component hydrates `data` from it on connect.\n *\n * @remarks\n * Use this instead of a bare `JSON.stringify`. A raw stringify of a response that contains the literal text `</script>` (common in long interpretation prose) closes the script element early, corrupting the page and creating an HTML-injection vector. This escapes the script-unsafe characters to their `\\uXXXX` JSON escapes, which `JSON.parse` restores to the original characters, so the value the component receives is identical to the response you passed.\n *\n * `<` is the load-bearing escape (it defeats `</script>` and `<!--`). `>` and `&` are escaped for defence in depth, and U+2028 / U+2029 because they are valid in JSON yet are line terminators in a `<script>` context and break some parsers. The escapes introduce only `\\uXXXX` sequences, so the replacements never feed each other and order is irrelevant.\n *\n * Pass the unwrapped RoxyAPI response, the same shape you would assign to `element.data`. Do not pass the SDK envelope (`{ data, error, request, response }`).\n *\n * @example\n * ```ts\n * import { serializeRoxyData } from '@roxyapi/ui';\n *\n * const { data } = await roxy.dreams.getDreamSymbol({ path: { id: 'water' } });\n * const html = `<roxy-dream-card><script type=\"application/json\" class=\"roxy-data\">${serializeRoxyData(data)}</script></roxy-dream-card>`;\n * ```\n */\nexport function serializeRoxyData(data: unknown): string {\n\treturn JSON.stringify(data)\n\t\t.replace(/</g, '\\\\u003c')\n\t\t.replace(/>/g, '\\\\u003e')\n\t\t.replace(/&/g, '\\\\u0026')\n\t\t.replace(/\\u2028/g, '\\\\u2028')\n\t\t.replace(/\\u2029/g, '\\\\u2029');\n}\n\n/**\n * Build the complete `<script type=\"application/json\" class=\"roxy-data\">\u2026</script>` element a server nests inside a `roxy-*` component for the no-JavaScript hydration path. The payload is escaped via {@link serializeRoxyData}, so it is safe to drop straight into HTML output.\n *\n * @remarks\n * The element carries both `type=\"application/json\"` and `class=\"roxy-data\"` because {@link MarkupDataController} reads only a direct-child script that has both. Emit one of these inside the target component; the JavaScript `data` property still wins if it is later assigned.\n *\n * @example\n * ```ts\n * import { roxyDataScript } from '@roxyapi/ui';\n *\n * const { data } = await roxy.crystals.getCrystal({ path: { id: 'amethyst' } });\n * const html = `<roxy-crystal-grid>${roxyDataScript(data)}</roxy-crystal-grid>`;\n * ```\n */\nexport function roxyDataScript(data: unknown): string {\n\treturn `<script type=\"application/json\" class=\"${ROXY_DATA_CLASS}\">${serializeRoxyData(data)}</script>`;\n}\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"],
+  "mappings": "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",
+  "names": ["css", "html", "LitElement", "nothing", "customElement", "property", "css", "baseStyles", "ROXY_DATA_CLASS", "isJsonScript", "el", "MarkupDataController", "host", "parsed", "inline", "child", "ROXY_DATA_CLASS", "text", "humanize", "c", "TITLE_KEYS", "IMAGE_KEYS", "SKIP_KEYS", "MAX_DEPTH", "RoxyData", "LitElement", "MarkupDataController", "html", "value", "nothing", "arr", "v", "rows", "keys", "k", "humanize", "row", "obj", "titleKey", "imageKey", "summaryKey", "seen", "baseStyles", "css", "__decorateClass", "property", "customElement"]
 }

package/dist/components/divisional-chart.js

@@ -1,5 +1,5 @@
-var X=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var S=(e,t,r,n)=>{for(var o=n>1?void 0:n?Z(t,r):t,a=e.length-1,i;a>=0;a--)(i=e[a])&&(o=(n?i(t,r,o):i(o))||o);return n&&o&&X(t,r,o),o};import{css as Tt,html as w,LitElement as Mt,nothing as L}from"lit";import{customElement as Ct,property as U}from"lit/decorators.js";var G={Sun:"\u2609",Moon:"\u263D",Mercury:"\u263F",Venus:"\u2640",Earth:"\u2641",Mars:"\u2642",Jupiter:"\u2643",Saturn:"\u2644",Uranus:"\u2645",Neptune:"\u2646",Pluto:"\u2647",Rahu:"\u260A",Ketu:"\u260B",Ascendant:"Asc",Lagna:"La",NorthNode:"\u260A",SouthNode:"\u260B","North node":"\u260A","South node":"\u260B",Chiron:"\u26B7",Lilith:"\u26B8","Black moon lilith":"\u26B8"},K={Sun:"Su",Moon:"Mo",Mercury:"Me",Venus:"Ve",Mars:"Ma",Jupiter:"Ju",Saturn:"Sa",Uranus:"Ur",Neptune:"Ne",Pluto:"Pl",Rahu:"Ra",Ketu:"Ke",Ascendant:"Asc",Lagna:"La"};var R={Aries:"Ar",Taurus:"Ta",Gemini:"Ge",Cancer:"Cn",Leo:"Le",Virgo:"Vi",Libra:"Li",Scorpio:"Sc",Sagittarius:"Sg",Capricorn:"Cp",Aquarius:"Aq",Pisces:"Pi"},g=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],Pt=g.map(e=>e.toLowerCase());import{css as Q}from"lit";var O=Q`: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}`;import{nothing as y,svg as u}from"lit";function tt(e){let t=e%360;return t<0?t+360:t}function k(e){let t=tt(e),r=Math.floor(t/30)%12,n=t%30,o=Math.floor(n),a=(n-o)*60,i=Math.floor(a),m=Math.round((a-i)*60);return{sign:g[r]??"Aries",signIndex:r,degree:o,minute:i,second:m}}function C(e){return e?e.charAt(0).toUpperCase()+e.slice(1).toLowerCase():""}import{css as et,html as z,nothing as rt}from"lit";var H=et`.roxy-tablist{border-bottom:2px solid var(--roxy-border,#e4e4e7);gap:2px;display:flex}.roxy-tab{padding:var(--roxy-space-xs,.25rem) var(--roxy-space-md,1rem);font-size:var(--roxy-text-sm,.875rem);cursor:pointer;color:var(--roxy-muted,#71717a);transition:color var(--roxy-motion-duration,.2s) var(--roxy-motion-easing,ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-family:inherit}.roxy-tab[aria-selected=true]{color:var(--roxy-accent-ink,#b45309);border-bottom-color:var(--roxy-accent,#f59e0b);font-weight:var(--roxy-weight-bold,600)}.roxy-tab:hover:not([aria-selected=true]){color:var(--roxy-fg,#0a0a0a)}.roxy-tab:focus-visible{outline:2px solid var(--roxy-ring,#f59e0b66);outline-offset:2px;border-radius:4px}`;function V(e){let{items:t,active:r,onSelect:n,label:o,idPrefix:a,controls:i=!1}=e;return z`<div class="roxy-tablist" role="tablist" aria-label="${o}" @keydown="${l=>{if(l.key!=="ArrowRight"&&l.key!=="ArrowLeft")return;l.preventDefault();let $=t.findIndex(N=>N.id===r);if($===-1)return;let E=l.key==="ArrowRight"?1:-1,v=t[($+E+t.length)%t.length];if(!v)return;n(v.id);let P=l.currentTarget.getRootNode();requestAnimationFrame(()=>{P.querySelector(`#${a}-tab-${v.id}`)?.focus()})}}">${t.map(l=>z`<button type="button" class="roxy-tab" role="tab" id="${a}-tab-${l.id}" aria-selected="${r===l.id?"true":"false"}" aria-controls="${i&&r===l.id?`${a}-panel-${l.id}`:rt}" tabindex="${r===l.id?"0":"-1"}" @click="${()=>n(l.id)}">${l.label}</button>`)}</div>`}var p=400,c=20,x=p-2*c,d=p/2,nt=Object.fromEntries(g.map(e=>[e.toLowerCase(),e])),ot=[{id:"north",label:"North"},{id:"south",label:"South"},{id:"east",label:"East"}],at="\u02B3";function D(e,t){return typeof e.longitude!="number"||!Number.isFinite(e.longitude)?!1:k(e.longitude).sign.toLowerCase()!==t.toLowerCase()}function it(e,t){let r=K[C(e.graha)]??e.graha.slice(0,2),n=e.isRetrograde?at:"";if(typeof e.longitude!="number"||!Number.isFinite(e.longitude)||D(e,t))return`${r}${n}`;let{degree:o}=k(e.longitude);return`${r} ${o}\xB0${n}`}function st(e,t){let r=[C(e.graha)],n=D(e,t);if(n&&r.push(`in ${t}`),typeof e.longitude=="number"&&Number.isFinite(e.longitude)){let o=k(e.longitude),a=String(o.minute).padStart(2,"0");r.push(n?`D1: ${o.degree}\xB0${a}' ${o.sign}`:`${o.degree}\xB0${a}' ${o.sign}`)}if(e.nakshatra?.name){let o=e.nakshatra.pada?` pada ${e.nakshatra.pada}`:"";r.push(`${e.nakshatra.name}${o}`)}return e.awastha&&r.push(e.awastha),e.isRetrograde&&r.push("retrograde"),r.join(" \xB7 ")}function A(e,t,r,n,o){let a=n-(e.length-1)*o/2;return e.map((i,m)=>{let l=a+m*o;return u`<text class="planet-text" x=${r} y=${l} text-anchor="middle" dominant-baseline="central">${it(i,t)}<title>${st(i,t)}</title></text>`})}function q(e,t){let r={};for(let o of g)r[o.toLowerCase()]=[];let n="";for(let[o,a]of Object.entries(e??{})){let i=(a?.rashi??"").toLowerCase();if(o==="Lagna"||a?.graha==="Lagna"){n=nt[i]??"";continue}!i||!(i in r)||r[i]?.push({graha:a.graha??o,longitude:a.longitude,nakshatra:a.nakshatra,isRetrograde:a.isRetrograde,awastha:a.awastha})}return{lagnaSign:n,placements:r,divisionLabel:t}}var f=x/4,lt={Pisces:{col:0,row:0},Aries:{col:1,row:0},Taurus:{col:2,row:0},Gemini:{col:3,row:0},Cancer:{col:3,row:1},Leo:{col:3,row:2},Virgo:{col:3,row:3},Libra:{col:2,row:3},Scorpio:{col:1,row:3},Sagittarius:{col:0,row:3},Capricorn:{col:0,row:2},Aquarius:{col:0,row:1}};function ct(e){let t=lt[e]??{col:0,row:0};return{x:c+t.col*f,y:c+t.row*f,w:f,h:f}}function dt(e){let t=c,r=c+f,n=c+2*f,o=c+3*f,a=p-c;return u`
-		<rect class="line" x=${t} y=${t} width=${x} height=${x} stroke-width="1.5" fill="none" />
+var Z=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var S=(e,t,r,n)=>{for(var o=n>1?void 0:n?Q(t,r):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(o=(n?s(t,r,o):s(o))||o);return n&&o&&Z(t,r,o),o};import{css as Tt,html as w,LitElement as Ct,nothing as A}from"lit";import{customElement as Mt,property as J}from"lit/decorators.js";var G={Sun:"\u2609",Moon:"\u263D",Mercury:"\u263F",Venus:"\u2640",Earth:"\u2641",Mars:"\u2642",Jupiter:"\u2643",Saturn:"\u2644",Uranus:"\u2645",Neptune:"\u2646",Pluto:"\u2647",Rahu:"\u260A",Ketu:"\u260B",Ascendant:"Asc",Lagna:"La",NorthNode:"\u260A",SouthNode:"\u260B","North node":"\u260A","South node":"\u260B",Chiron:"\u26B7",Lilith:"\u26B8","Black moon lilith":"\u26B8"},K={Sun:"Su",Moon:"Mo",Mercury:"Me",Venus:"Ve",Mars:"Ma",Jupiter:"Ju",Saturn:"Sa",Uranus:"Ur",Neptune:"Ne",Pluto:"Pl",Rahu:"Ra",Ketu:"Ke",Ascendant:"Asc",Lagna:"La"};var R={Aries:"Ar",Taurus:"Ta",Gemini:"Ge",Cancer:"Cn",Leo:"Le",Virgo:"Vi",Libra:"Li",Scorpio:"Sc",Sagittarius:"Sg",Capricorn:"Cp",Aquarius:"Aq",Pisces:"Pi"},g=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],Pt=g.map(e=>e.toLowerCase());import{css as tt}from"lit";var z=tt`: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}`;import{nothing as y,svg as x}from"lit";function et(e){let t=e%360;return t<0?t+360:t}function k(e){let t=et(e),r=Math.floor(t/30)%12,n=t%30,o=Math.floor(n),a=(n-o)*60,s=Math.floor(a),u=Math.round((a-s)*60);return{sign:g[r]??"Aries",signIndex:r,degree:o,minute:s,second:u}}function M(e){return e?e.charAt(0).toUpperCase()+e.slice(1).toLowerCase():""}import{css as rt,html as O,nothing as nt}from"lit";var H=rt`.roxy-tablist{border-bottom:2px solid var(--roxy-border,#e4e4e7);gap:2px;display:flex}.roxy-tab{padding:var(--roxy-space-xs,.25rem) var(--roxy-space-md,1rem);font-size:var(--roxy-text-sm,.875rem);cursor:pointer;color:var(--roxy-muted,#71717a);transition:color var(--roxy-motion-duration,.2s) var(--roxy-motion-easing,ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-family:inherit}.roxy-tab[aria-selected=true]{color:var(--roxy-accent-ink,#b45309);border-bottom-color:var(--roxy-accent,#f59e0b);font-weight:var(--roxy-weight-bold,600)}.roxy-tab:hover:not([aria-selected=true]){color:var(--roxy-fg,#0a0a0a)}.roxy-tab:focus-visible{outline:2px solid var(--roxy-ring,#f59e0b66);outline-offset:2px;border-radius:4px}`;function V(e){let{items:t,active:r,onSelect:n,label:o,idPrefix:a,controls:s=!1}=e;return O`<div class="roxy-tablist" role="tablist" aria-label="${o}" @keydown="${i=>{if(i.key!=="ArrowRight"&&i.key!=="ArrowLeft")return;i.preventDefault();let $=t.findIndex(N=>N.id===r);if($===-1)return;let E=i.key==="ArrowRight"?1:-1,v=t[($+E+t.length)%t.length];if(!v)return;n(v.id);let P=i.currentTarget.getRootNode();requestAnimationFrame(()=>{P.querySelector(`#${a}-tab-${v.id}`)?.focus()})}}">${t.map(i=>O`<button type="button" class="roxy-tab" role="tab" id="${a}-tab-${i.id}" aria-selected="${r===i.id?"true":"false"}" aria-controls="${s&&r===i.id?`${a}-panel-${i.id}`:nt}" tabindex="${r===i.id?"0":"-1"}" @click="${()=>n(i.id)}">${i.label}</button>`)}</div>`}var p=400,c=20,m=p-2*c,d=p/2,D=Object.fromEntries(g.map(e=>[e.toLowerCase(),e])),ot=[{id:"north",label:"North"},{id:"south",label:"South"},{id:"east",label:"East"}],at="\u02B3";function q(e,t){return typeof e.longitude!="number"||!Number.isFinite(e.longitude)?!1:k(e.longitude).sign.toLowerCase()!==t.toLowerCase()}function it(e,t){let r=K[M(e.graha)]??e.graha.slice(0,2),n=e.isRetrograde?at:"";if(typeof e.longitude!="number"||!Number.isFinite(e.longitude)||q(e,t))return`${r}${n}`;let{degree:o}=k(e.longitude);return`${r} ${o}\xB0${n}`}function st(e,t){let r=[M(e.graha)],n=q(e,t);if(n&&r.push(`in ${t}`),typeof e.longitude=="number"&&Number.isFinite(e.longitude)){let o=k(e.longitude),a=String(o.minute).padStart(2,"0");r.push(n?`D1: ${o.degree}\xB0${a}' ${o.sign}`:`${o.degree}\xB0${a}' ${o.sign}`)}if(e.nakshatra?.name){let o=e.nakshatra.pada?` pada ${e.nakshatra.pada}`:"";r.push(`${e.nakshatra.name}${o}`)}return e.awastha&&r.push(e.awastha),e.isRetrograde&&r.push("retrograde"),r.join(" \xB7 ")}function L(e,t,r,n,o){let a=n-(e.length-1)*o/2;return e.map((s,u)=>{let i=a+u*o;return x`<text class="planet-text" x=${r} y=${i} text-anchor="middle" dominant-baseline="central">${it(s,t)}<title>${st(s,t)}</title></text>`})}function B(e,t,r){let n={};for(let s of g)n[s.toLowerCase()]=[];let o=r?D[r.toLowerCase()]??"":"",a=o;for(let[s,u]of Object.entries(e??{})){let i=(u?.rashi??"").toLowerCase();if(s==="Lagna"||u?.graha==="Lagna"){o||(a=D[i]??"");continue}!i||!(i in n)||n[i]?.push({graha:u.graha??s,longitude:u.longitude,nakshatra:u.nakshatra,isRetrograde:u.isRetrograde,awastha:u.awastha})}return{lagnaSign:a,placements:n,divisionLabel:t}}var f=m/4,lt={Pisces:{col:0,row:0},Aries:{col:1,row:0},Taurus:{col:2,row:0},Gemini:{col:3,row:0},Cancer:{col:3,row:1},Leo:{col:3,row:2},Virgo:{col:3,row:3},Libra:{col:2,row:3},Scorpio:{col:1,row:3},Sagittarius:{col:0,row:3},Capricorn:{col:0,row:2},Aquarius:{col:0,row:1}};function ct(e){let t=lt[e]??{col:0,row:0};return{x:c+t.col*f,y:c+t.row*f,w:f,h:f}}function dt(e){let t=c,r=c+f,n=c+2*f,o=c+3*f,a=p-c;return x`
+		<rect class="line" x=${t} y=${t} width=${m} height=${m} stroke-width="1.5" fill="none" />
 		<line class="line" x1=${t} y1=${r} x2=${a} y2=${r} stroke-width="1" />
 		<line class="line" x1=${t} y1=${o} x2=${a} y2=${o} stroke-width="1" />
 		<line class="line" x1=${r} y1=${t} x2=${r} y2=${a} stroke-width="1" />
@@ -8,38 +8,38 @@ var X=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var S=(e,t,r,n
 		<line class="line" x1=${o} y1=${n} x2=${a} y2=${n} stroke-width="1" />
 		<line class="line" x1=${n} y1=${t} x2=${n} y2=${r} stroke-width="1" />
 		<line class="line" x1=${n} y1=${o} x2=${n} y2=${a} stroke-width="1" />
-		${e?u`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
-	`}function B(e,t){let r=g.findIndex(o=>o===t),n=g.findIndex(o=>o===e);return r===-1||n===-1?0:(n-r+12)%12+1}function ut(e,t,r,n){let o=ct(e),a=o.x+o.w/2,i=o.y+o.h/2,m=R[e]??e.slice(0,2),l=14;return u`
+		${e?x`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
+	`}function Y(e,t){let r=g.findIndex(o=>o===t),n=g.findIndex(o=>o===e);return r===-1||n===-1?0:(n-r+12)%12+1}function ut(e,t,r,n){let o=ct(e),a=o.x+o.w/2,s=o.y+o.h/2,u=R[e]??e.slice(0,2),i=14;return x`
 		<g class=${r?"cell lagna":"cell"}>
-			${r?u`
+			${r?x`
 						<rect class="lagna-bg" x=${o.x} y=${o.y} width=${o.w} height=${o.h} />
-						<line class="lagna-slash" x1=${o.x+o.w-l} y1=${o.y+l} x2=${o.x+l} y2=${o.y+o.h-l} stroke-width="1.2" />
+						<line class="lagna-slash" x1=${o.x+o.w-i} y1=${o.y+i} x2=${o.x+i} y2=${o.y+o.h-i} stroke-width="1.2" />
 					`:y}
-			<text class="sign-text" x=${o.x+6} y=${o.y+12} text-anchor="start" dominant-baseline="central">${m}</text>
-			${n>0?u`<text class="house-num" x=${o.x+o.w-6} y=${o.y+12} text-anchor="end" dominant-baseline="central">${n}</text>`:y}
-			${r?u`<text class="lagna-marker" x=${a} y=${o.y+26} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
-			${t.length?A(t,e,a,i+4,14):y}
+			<text class="sign-text" x=${o.x+6} y=${o.y+12} text-anchor="start" dominant-baseline="central">${u}</text>
+			${n>0?x`<text class="house-num" x=${o.x+o.w-6} y=${o.y+12} text-anchor="end" dominant-baseline="central">${n}</text>`:y}
+			${r?x`<text class="lagna-marker" x=${a} y=${o.y+26} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
+			${t.length?L(t,e,a,s+4,14):y}
 		</g>
-	`}function xt(e){let t=e.lagnaSign.toLowerCase();return u`
+	`}function xt(e){let t=e.lagnaSign.toLowerCase();return x`
 		${dt(e.divisionLabel)}
-		${g.map(r=>ut(r,e.placements[r.toLowerCase()]??[],r.toLowerCase()===t,B(r,e.lagnaSign)))}
-	`}var s={tl:{x:c,y:c},tr:{x:p-c,y:c},br:{x:p-c,y:p-c},bl:{x:c,y:p-c},top:{x:d,y:c},right:{x:p-c,y:d},bottom:{x:d,y:p-c},left:{x:c,y:d},tlMid:{x:d-x/4,y:d-x/4},trMid:{x:d+x/4,y:d-x/4},brMid:{x:d+x/4,y:d+x/4},blMid:{x:d-x/4,y:d+x/4}};function h(e){let t=e.reduce((n,o)=>n+o.x,0)/e.length,r=e.reduce((n,o)=>n+o.y,0)/e.length;return{x:t,y:r}}var mt={1:{x:d,y:s.tlMid.y},2:h([s.tl,s.top,s.tlMid]),3:h([s.tl,s.left,s.tlMid]),4:{x:s.tlMid.x,y:d},5:h([s.bl,s.left,s.blMid]),6:h([s.bl,s.bottom,s.blMid]),7:{x:d,y:s.blMid.y},8:h([s.br,s.bottom,s.brMid]),9:h([s.br,s.right,s.brMid]),10:{x:s.brMid.x,y:d},11:h([s.tr,s.right,s.trMid]),12:h([s.tr,s.top,s.trMid])};function yt(e,t){let r=g.findIndex(n=>n===t);return r===-1?e:(r+e-1)%12+1}function gt(e){let{tl:t,tr:r,br:n,bl:o,top:a,right:i,bottom:m,left:l}=s;return u`
-		<rect class="line" x=${t.x} y=${t.y} width=${x} height=${x} stroke-width="1.5" fill="none" />
-		<polygon class="line" points="${a.x},${a.y} ${i.x},${i.y} ${m.x},${m.y} ${l.x},${l.y}" stroke-width="1" fill="none" />
+		${g.map(r=>ut(r,e.placements[r.toLowerCase()]??[],r.toLowerCase()===t,Y(r,e.lagnaSign)))}
+	`}var l={tl:{x:c,y:c},tr:{x:p-c,y:c},br:{x:p-c,y:p-c},bl:{x:c,y:p-c},top:{x:d,y:c},right:{x:p-c,y:d},bottom:{x:d,y:p-c},left:{x:c,y:d},tlMid:{x:d-m/4,y:d-m/4},trMid:{x:d+m/4,y:d-m/4},brMid:{x:d+m/4,y:d+m/4},blMid:{x:d-m/4,y:d+m/4}};function h(e){let t=e.reduce((n,o)=>n+o.x,0)/e.length,r=e.reduce((n,o)=>n+o.y,0)/e.length;return{x:t,y:r}}var mt={1:{x:d,y:l.tlMid.y},2:h([l.tl,l.top,l.tlMid]),3:h([l.tl,l.left,l.tlMid]),4:{x:l.tlMid.x,y:d},5:h([l.bl,l.left,l.blMid]),6:h([l.bl,l.bottom,l.blMid]),7:{x:d,y:l.blMid.y},8:h([l.br,l.bottom,l.brMid]),9:h([l.br,l.right,l.brMid]),10:{x:l.brMid.x,y:d},11:h([l.tr,l.right,l.trMid]),12:h([l.tr,l.top,l.trMid])};function yt(e,t){let r=g.findIndex(n=>n===t);return r===-1?e:(r+e-1)%12+1}function gt(e){let{tl:t,tr:r,br:n,bl:o,top:a,right:s,bottom:u,left:i}=l;return x`
+		<rect class="line" x=${t.x} y=${t.y} width=${m} height=${m} stroke-width="1.5" fill="none" />
+		<polygon class="line" points="${a.x},${a.y} ${s.x},${s.y} ${u.x},${u.y} ${i.x},${i.y}" stroke-width="1" fill="none" />
 		<line class="line" x1=${t.x} y1=${t.y} x2=${n.x} y2=${n.y} stroke-width="1" />
 		<line class="line" x1=${r.x} y1=${r.y} x2=${o.x} y2=${o.y} stroke-width="1" />
-		${e?u`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
-	`}function pt(e,t,r,n,o){let a=mt[e];if(!a)return u``;let i=Math.min(14,Math.abs(a.y-d)*.45+6),m=i+12,l=o?`${t} \xB7 ${R[r]??r.slice(0,2)}`:`${t}`;return u`
+		${e?x`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
+	`}function pt(e,t,r,n,o){let a=mt[e];if(!a)return x``;let s=Math.min(14,Math.abs(a.y-d)*.45+6),u=s+12,i=o?`${t} \xB7 ${R[r]??r.slice(0,2)}`:`${t}`;return x`
 		<g class=${o?"cell lagna":"cell"}>
-			<text class="rashi-num" x=${a.x} y=${a.y-i} text-anchor="middle" dominant-baseline="central">${l}</text>
-			${o?u`<text class="lagna-marker" x=${a.x} y=${a.y-m} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
-			${n.length?A(n,r,a.x,a.y+8,12):y}
+			<text class="rashi-num" x=${a.x} y=${a.y-s} text-anchor="middle" dominant-baseline="central">${i}</text>
+			${o?x`<text class="lagna-marker" x=${a.x} y=${a.y-u} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
+			${n.length?L(n,r,a.x,a.y+8,12):y}
 		</g>
-	`}function ht(e){let t=e.lagnaSign||"Aries";return u`
+	`}function ht(e){let t=e.lagnaSign||"Aries";return x`
 		${gt(e.divisionLabel)}
-		${Array.from({length:12},(r,n)=>{let o=n+1,a=yt(o,t),i=g[a-1]??"Aries";return pt(o,a,i,e.placements[i.toLowerCase()]??[],o===1)})}
-	`}var T=x/3;function ft(){let e=c,t=c+T,r=c+2*T,n=p-c,J={Aries:[{x:t,y:e},{x:r,y:e},{x:r,y:t},{x:t,y:t}],Taurus:[{x:e,y:e},{x:t,y:e},{x:t,y:t}],Gemini:[{x:e,y:e},{x:t,y:t},{x:e,y:t}],Cancer:[{x:e,y:t},{x:t,y:t},{x:t,y:r},{x:e,y:r}],Leo:[{x:e,y:r},{x:t,y:r},{x:e,y:n}],Virgo:[{x:t,y:r},{x:t,y:n},{x:e,y:n}],Libra:[{x:t,y:r},{x:r,y:r},{x:r,y:n},{x:t,y:n}],Scorpio:[{x:r,y:r},{x:r,y:n},{x:n,y:n}],Sagittarius:[{x:r,y:r},{x:n,y:n},{x:n,y:r}],Capricorn:[{x:r,y:t},{x:n,y:t},{x:n,y:r},{x:r,y:r}],Aquarius:[{x:n,y:e},{x:n,y:t},{x:r,y:t}],Pisces:[{x:r,y:e},{x:n,y:e},{x:r,y:t}]},I={};for(let[W,_]of Object.entries(J))I[W]={points:[..._],centroid:h(_)};return I}var bt=ft();function $t(e){let t=c,r=c+T,n=c+2*T,o=p-c;return u`
-		<rect class="line" x=${t} y=${t} width=${x} height=${x} stroke-width="1.5" fill="none" />
+		${Array.from({length:12},(r,n)=>{let o=n+1,a=yt(o,t),s=g[a-1]??"Aries";return pt(o,a,s,e.placements[s.toLowerCase()]??[],o===1)})}
+	`}var T=m/3;function ft(){let e=c,t=c+T,r=c+2*T,n=p-c,W={Aries:[{x:t,y:e},{x:r,y:e},{x:r,y:t},{x:t,y:t}],Taurus:[{x:e,y:e},{x:t,y:e},{x:t,y:t}],Gemini:[{x:e,y:e},{x:t,y:t},{x:e,y:t}],Cancer:[{x:e,y:t},{x:t,y:t},{x:t,y:r},{x:e,y:r}],Leo:[{x:e,y:r},{x:t,y:r},{x:e,y:n}],Virgo:[{x:t,y:r},{x:t,y:n},{x:e,y:n}],Libra:[{x:t,y:r},{x:r,y:r},{x:r,y:n},{x:t,y:n}],Scorpio:[{x:r,y:r},{x:r,y:n},{x:n,y:n}],Sagittarius:[{x:r,y:r},{x:n,y:n},{x:n,y:r}],Capricorn:[{x:r,y:t},{x:n,y:t},{x:n,y:r},{x:r,y:r}],Aquarius:[{x:n,y:e},{x:n,y:t},{x:r,y:t}],Pisces:[{x:r,y:e},{x:n,y:e},{x:r,y:t}]},I={};for(let[X,_]of Object.entries(W))I[X]={points:[..._],centroid:h(_)};return I}var bt=ft();function $t(e){let t=c,r=c+T,n=c+2*T,o=p-c;return x`
+		<rect class="line" x=${t} y=${t} width=${m} height=${m} stroke-width="1.5" fill="none" />
 		<line class="line" x1=${t} y1=${r} x2=${r} y2=${r} stroke-width="1" />
 		<line class="line" x1=${n} y1=${r} x2=${o} y2=${r} stroke-width="1" />
 		<line class="line" x1=${t} y1=${n} x2=${r} y2=${n} stroke-width="1" />
@@ -52,17 +52,17 @@ var X=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var S=(e,t,r,n
 		<line class="line" x1=${o} y1=${t} x2=${n} y2=${r} stroke-width="1" />
 		<line class="line" x1=${o} y1=${o} x2=${n} y2=${n} stroke-width="1" />
 		<line class="line" x1=${t} y1=${o} x2=${r} y2=${n} stroke-width="1" />
-		${e?u`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
-	`}function wt(e,t,r,n){let o=bt[e];if(!o)return u``;let{centroid:a,points:i}=o,m=R[e]??e.slice(0,2),l=i.map($=>`${$.x},${$.y}`).join(" ");return u`
+		${e?x`<text class="centre-label" x=${d} y=${d} text-anchor="middle" dominant-baseline="central">${e}</text>`:y}
+	`}function wt(e,t,r,n){let o=bt[e];if(!o)return x``;let{centroid:a,points:s}=o,u=R[e]??e.slice(0,2),i=s.map($=>`${$.x},${$.y}`).join(" ");return x`
 		<g class=${r?"cell lagna":"cell"}>
-			${r?u`<polygon class="lagna-bg" points=${l} />`:y}
-			<text class="sign-text" x=${a.x} y=${a.y-16} text-anchor="middle" dominant-baseline="central">${m}</text>
-			${n>0?u`<text class="house-num" x=${a.x+18} y=${a.y-16} text-anchor="start" dominant-baseline="central">${n}</text>`:y}
-			${r?u`<text class="lagna-marker" x=${a.x} y=${a.y-30} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
-			${t.length?A(t,e,a.x,a.y+4,12):y}
+			${r?x`<polygon class="lagna-bg" points=${i} />`:y}
+			<text class="sign-text" x=${a.x} y=${a.y-16} text-anchor="middle" dominant-baseline="central">${u}</text>
+			${n>0?x`<text class="house-num" x=${a.x+18} y=${a.y-16} text-anchor="start" dominant-baseline="central">${n}</text>`:y}
+			${r?x`<text class="lagna-marker" x=${a.x} y=${a.y-30} text-anchor="middle" dominant-baseline="central">Asc</text>`:y}
+			${t.length?L(t,e,a.x,a.y+4,12):y}
 		</g>
-	`}function vt(e){let t=e.lagnaSign.toLowerCase();return u`
+	`}function vt(e){let t=e.lagnaSign.toLowerCase();return x`
 		${$t(e.divisionLabel)}
-		${g.map(r=>wt(r,e.placements[r.toLowerCase()]??[],r.toLowerCase()===t,B(r,e.lagnaSign)))}
-	`}function Y(e,t){switch(t){case"north":return ht(e);case"east":return vt(e);default:return xt(e)}}function j(e,t){return V({items:ot,active:e,onSelect:t,label:"Kundli style",idPrefix:"kundli"})}import{css as St}from"lit";var F=St`.wrap{gap:var(--roxy-space-md,1rem);display:grid}.header{justify-content:space-between;align-items:center;gap:var(--roxy-space-sm,.5rem);flex-wrap:wrap;display:flex}.title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0}svg{aspect-ratio:1;width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.line{fill:#0000;stroke:var(--roxy-border,#d4d4d8)}.sign-text{fill:var(--roxy-muted,#71717a);font-size:11px;font-weight:500;font-family:var(--roxy-font-sans);text-transform:uppercase;letter-spacing:.04em}.rashi-num{fill:var(--roxy-muted,#71717a);font-size:12px;font-weight:500;font-family:var(--roxy-font-sans)}.house-num{fill:var(--roxy-accent-ink,#b45309);font-size:11px;font-weight:600;font-family:var(--roxy-font-sans);opacity:.85}.planet-text{fill:var(--roxy-fg,#0a0a0a);font-size:13px;font-weight:600;font-family:var(--roxy-font-sans)}.centre-label{fill:var(--roxy-muted,#71717a);font-size:14px;font-weight:600;font-family:var(--roxy-font-sans);letter-spacing:.02em}.lagna-marker{fill:var(--roxy-accent-ink,#b45309);font-size:10px;font-weight:700;font-family:var(--roxy-font-sans);letter-spacing:.08em;text-transform:uppercase}.lagna-bg{fill:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent)}.lagna-slash{stroke:var(--roxy-accent,#f59e0b);stroke-linecap:round;opacity:.7}`;var Rt="roxy-data";function kt(e){return e.nodeName==="SCRIPT"&&e.getAttribute("type")==="application/json"}var M=class{constructor(t){this.host=t,t.addController(this)}hostConnected(){if(this.host.data!=null)return;let t=this.read();t!==void 0&&(this.host.data=t,this.host.requestUpdate())}read(){let t=this.findInlineScript();return t?this.parse(t.textContent):void 0}findInlineScript(){for(let t of Array.from(this.host.children))if(kt(t)&&t.classList.contains(Rt))return t;return null}parse(t){if(t?.trim())try{return JSON.parse(t)}catch{return}}};var b=class extends Mt{constructor(){super();this.data=null;this.chartStyle="north";this.setStyle=r=>{this.chartStyle=r};new M(this)}viewModel(){if(!this.data?.chart?.meta)return null;let{division:r}=this.data,n=`D${r.number} ${r.name}`;return q(this.data.chart.meta,n)}render(){let r=this.viewModel();if(!this.data||!r)return w`<div class="roxy-empty" role="status">No divisional chart data</div>`;let{division:n,vargottama:o}=this.data;return w`<div class="wrap"><div class="header"><div><h2 class="title">D${n.number} ${n.name} ${n.sanskritName&&n.sanskritName!==n.name?w`<span class="division-meta">· ${n.sanskritName}</span>`:L}</h2>${n.significance?w`<p class="significance">${n.significance}</p>`:L}</div>${j(this.chartStyle,this.setStyle)}</div><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid meet" role="img" aria-label="D${n.number} ${n.name} divisional chart with twelve sign houses"><title>D${n.number} ${n.name}</title>${Y(r,this.chartStyle)}</svg> ${o&&o.length>0?w`<div class="vargottama-row" role="list" aria-label="Vargottama planets"><span class="vargottama-label">Vargottama:</span> ${o.map(a=>w`<span class="vargottama-pill" role="listitem">${G[a]??""} ${a}</span>`)}</div>`:L}</div>`}};b.styles=[O,F,H,Tt`.division-meta{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);margin:0}.significance{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);border-left:2px solid var(--roxy-border,#e4e4e7);padding-left:var(--roxy-space-sm,.5rem);margin:0}.vargottama-row{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;align-items:center;display:flex}.vargottama-label{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);margin-right:var(--roxy-space-xs,.25rem);font-weight:500}.vargottama-pill{font-size:var(--roxy-text-sm,.875rem);background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 22%, transparent);color:var(--roxy-fg,#0a0a0a);border:1px solid color-mix(in srgb, var(--roxy-accent,#f59e0b) 45%, transparent);border-radius:999px;align-items:center;gap:.2em;padding:.15em .6em;font-weight:600;display:inline-flex}`],S([U({attribute:!1})],b.prototype,"data",2),S([U({type:String,reflect:!0,attribute:"chart-style"})],b.prototype,"chartStyle",2),b=S([Ct("roxy-divisional-chart")],b);export{b as RoxyDivisionalChart};
+		${g.map(r=>wt(r,e.placements[r.toLowerCase()]??[],r.toLowerCase()===t,Y(r,e.lagnaSign)))}
+	`}function j(e,t){switch(t){case"north":return ht(e);case"east":return vt(e);default:return xt(e)}}function F(e,t){return V({items:ot,active:e,onSelect:t,label:"Kundli style",idPrefix:"kundli"})}import{css as St}from"lit";var U=St`.wrap{gap:var(--roxy-space-md,1rem);display:grid}.header{justify-content:space-between;align-items:center;gap:var(--roxy-space-sm,.5rem);flex-wrap:wrap;display:flex}.title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0}svg{aspect-ratio:1;width:100%;max-width:560px;height:auto;margin:0 auto;display:block}.line{fill:#0000;stroke:var(--roxy-border,#d4d4d8)}.sign-text{fill:var(--roxy-muted,#71717a);font-size:11px;font-weight:500;font-family:var(--roxy-font-sans);text-transform:uppercase;letter-spacing:.04em}.rashi-num{fill:var(--roxy-muted,#71717a);font-size:12px;font-weight:500;font-family:var(--roxy-font-sans)}.house-num{fill:var(--roxy-accent-ink,#b45309);font-size:11px;font-weight:600;font-family:var(--roxy-font-sans);opacity:.85}.planet-text{fill:var(--roxy-fg,#0a0a0a);font-size:13px;font-weight:600;font-family:var(--roxy-font-sans)}.centre-label{fill:var(--roxy-muted,#71717a);font-size:14px;font-weight:600;font-family:var(--roxy-font-sans);letter-spacing:.02em}.lagna-marker{fill:var(--roxy-accent-ink,#b45309);font-size:10px;font-weight:700;font-family:var(--roxy-font-sans);letter-spacing:.08em;text-transform:uppercase}.lagna-bg{fill:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent)}.lagna-slash{stroke:var(--roxy-accent,#f59e0b);stroke-linecap:round;opacity:.7}`;var Rt="roxy-data";function kt(e){return e.nodeName==="SCRIPT"&&e.getAttribute("type")==="application/json"}var C=class{constructor(t){this.host=t,t.addController(this)}hostConnected(){if(this.host.data!=null)return;let t=this.read();t!==void 0&&(this.host.data=t,this.host.requestUpdate())}read(){let t=this.findInlineScript();return t?this.parse(t.textContent):void 0}findInlineScript(){for(let t of Array.from(this.host.children))if(kt(t)&&t.classList.contains(Rt))return t;return null}parse(t){if(t?.trim())try{return JSON.parse(t)}catch{return}}};var b=class extends Ct{constructor(){super();this.data=null;this.chartStyle="north";this.setStyle=r=>{this.chartStyle=r};new C(this)}viewModel(){if(!this.data?.chart?.meta)return null;let{division:r}=this.data,n=`D${r.number} ${r.name}`;return B(this.data.chart.meta,n)}render(){let r=this.viewModel();if(!this.data||!r)return w`<div class="roxy-empty" role="status">No divisional chart data</div>`;let{division:n,vargottama:o}=this.data;return w`<div class="wrap"><div class="header"><div><h2 class="title">D${n.number} ${n.name} ${n.sanskritName&&n.sanskritName!==n.name?w`<span class="division-meta">· ${n.sanskritName}</span>`:A}</h2>${n.significance?w`<p class="significance">${n.significance}</p>`:A}</div>${F(this.chartStyle,this.setStyle)}</div><svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid meet" role="img" aria-label="D${n.number} ${n.name} divisional chart with twelve sign houses"><title>D${n.number} ${n.name}</title>${j(r,this.chartStyle)}</svg> ${o&&o.length>0?w`<div class="vargottama-row" role="list" aria-label="Vargottama planets"><span class="vargottama-label">Vargottama:</span> ${o.map(a=>w`<span class="vargottama-pill" role="listitem">${G[a]??""} ${a}</span>`)}</div>`:A}</div>`}};b.styles=[z,U,H,Tt`.division-meta{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);margin:0}.significance{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);border-left:2px solid var(--roxy-border,#e4e4e7);padding-left:var(--roxy-space-sm,.5rem);margin:0}.vargottama-row{gap:var(--roxy-space-xs,.25rem);flex-wrap:wrap;align-items:center;display:flex}.vargottama-label{font-size:var(--roxy-text-sm,.875rem);color:var(--roxy-muted,#71717a);margin-right:var(--roxy-space-xs,.25rem);font-weight:500}.vargottama-pill{font-size:var(--roxy-text-sm,.875rem);background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 22%, transparent);color:var(--roxy-fg,#0a0a0a);border:1px solid color-mix(in srgb, var(--roxy-accent,#f59e0b) 45%, transparent);border-radius:999px;align-items:center;gap:.2em;padding:.15em .6em;font-weight:600;display:inline-flex}`],S([J({attribute:!1})],b.prototype,"data",2),S([J({type:String,reflect:!0,attribute:"chart-style"})],b.prototype,"chartStyle",2),b=S([Mt("roxy-divisional-chart")],b);export{b as RoxyDivisionalChart};
 //# sourceMappingURL=divisional-chart.js.map