@roxyapi/ui 0.4.1 → 0.6.0

package/dist/components/transits-table.js

@@ -1,549 +1,2 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-
-// packages/ui/src/components/transits-table.ts
-import { css as css2, html, LitElement, nothing } from "lit";
-import { customElement, property } from "lit/decorators.js";
-
-// packages/ui/src/tokens/index.ts
-var PLANET_GLYPH = {
-  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"
-};
-var SIGN_GLYPH = {
-  Aries: "\u2648",
-  Taurus: "\u2649",
-  Gemini: "\u264A",
-  Cancer: "\u264B",
-  Leo: "\u264C",
-  Virgo: "\u264D",
-  Libra: "\u264E",
-  Scorpio: "\u264F",
-  Sagittarius: "\u2650",
-  Capricorn: "\u2651",
-  Aquarius: "\u2652",
-  Pisces: "\u2653"
-};
-var SIGNS_ORDER = [
-  "Aries",
-  "Taurus",
-  "Gemini",
-  "Cancer",
-  "Leo",
-  "Virgo",
-  "Libra",
-  "Scorpio",
-  "Sagittarius",
-  "Capricorn",
-  "Aquarius",
-  "Pisces"
-];
-var RASHI_KEYS = SIGNS_ORDER.map(
-  (s) => s.toLowerCase()
-);
-
-// packages/ui/src/utils/base-styles.ts
-import { css } from "lit";
-var baseStyles = css`
-	:host {
-		display: block;
-		container-type: inline-size;
-		font-family: var(
-			--roxy-font-sans,
-			system-ui,
-			-apple-system,
-			BlinkMacSystemFont,
-			'Segoe UI',
-			Roboto,
-			sans-serif
-		);
-		color: var(--roxy-fg, #0a0a0a);
-		background: transparent;
-		font-size: var(--roxy-text-base, 1rem);
-		line-height: var(--roxy-leading-normal, 1.5);
-		animation: roxy-fade-in var(--roxy-motion-duration, 200ms)
-			var(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
-	}
-
-	*,
-	*::before,
-	*::after {
-		box-sizing: border-box;
-	}
-
-	@keyframes roxy-fade-in {
-		from {
-			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%
-		);
-		background-size: 200% 100%;
-		animation: roxy-shimmer 1.4s ease-in-out infinite;
-		border-radius: var(--roxy-radius-md, 8px);
-	}
-
-	@keyframes roxy-shimmer {
-		0% {
-			background-position: 200% 0;
-		}
-		100% {
-			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, 0.875rem);
-	}
-
-	:host(:focus-within) .roxy-card {
-		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
-		outline-offset: 2px;
-	}
-
-	/* Force the text-style variant on every Unicode glyph in the component.
-	 * macOS and iOS substitute coloured emoji glyphs for the planetary and
-	 * gender Unicode code points (Mars, Venus, Mercury, etc.) when the
-	 * system colour-emoji font wins font selection. The text-style variant
-	 * keeps glyphs monochrome so they inherit the surrounding fill colour
-	 * and match the brand palette consistently across platforms.
-	 *
-	 * font-variant-emoji is part of CSS Fonts 4 (Safari 17+, Chrome 134+,
-	 * Firefox 139+). On older browsers the rule is silently ignored.
-	 */
-	:host {
-		font-variant-emoji: text;
-	}
-`;
-
-// packages/ui/src/utils/format.ts
-function formatTime(input) {
-  if (typeof input !== "string" || input.length === 0) return "";
-  if (/^\d{4}-\d{2}-\d{2}$/.test(input)) return "";
-  const bareTime = /^\d{2}:\d{2}(:\d{2})?$/.test(input);
-  const iso = bareTime ? `1970-01-01T${input}` : input;
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return input;
-  return d.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true
-  });
-}
-function formatDate(input) {
-  if (typeof input !== "string" || input.length === 0) return "";
-  const d = new Date(
-    /^\d{4}-\d{2}-\d{2}$/.test(input) ? `${input}T00:00:00` : input
-  );
-  if (Number.isNaN(d.getTime())) return input;
-  return d.toLocaleDateString(void 0, {
-    month: "short",
-    day: "numeric",
-    year: "numeric"
-  });
-}
-function formatNumber(value, dp = 1) {
-  if (typeof value !== "number" || !Number.isFinite(value)) return "";
-  return value.toFixed(dp).replace(/\.?0+$/, "");
-}
-
-// packages/ui/src/utils/string.ts
-function capitalize(s) {
-  if (!s) return "";
-  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
-}
-
-// packages/ui/src/components/transits-table.ts
-var RoxyTransitsTable = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.data = null;
-  }
-  render() {
-    if (!this.data?.transitPlanets?.length) {
-      return html`<div class="roxy-empty" role="status">No transits data</div>`;
-    }
-    const {
-      transitDate,
-      transitTime,
-      transitPlanets,
-      transitAspects,
-      summary
-    } = this.data;
-    const dateStr = [formatDate(transitDate), formatTime(transitTime)].filter(Boolean).join(" ");
-    return html`<div class="wrap" aria-label="Transit positions table">
-			<div class="head">
-				<h2 class="title">Transits</h2>
-				${dateStr ? html`<p class="subtitle">${dateStr}</p>` : nothing}
-			</div>
-
-			${summary ? this.renderSummaryPills(summary) : nothing}
-
-			<div>
-				<p class="section-label">Planet positions</p>
-				<div class="overflow-scroll">
-					${this.renderPlanetsTable(transitPlanets)}
-				</div>
-			</div>
-
-			${transitAspects?.length ? html`<div>
-						<p class="section-label">Transit aspects</p>
-						<div class="overflow-scroll">
-							${this.renderAspectsList(transitAspects)}
-						</div>
-					</div>` : nothing}
-		</div>`;
-  }
-  renderSummaryPills(summary) {
-    return html`<div class="summary-pills" role="region" aria-label="Aspect summary">
-			<span class="pill pill--muted">
-				Total: ${summary.totalAspects}
-			</span>
-			<span class="pill pill--success">
-				Harmonious: ${summary.harmonious}
-			</span>
-			<span class="pill pill--danger">
-				Challenging: ${summary.challenging}
-			</span>
-			<span class="pill pill--muted">
-				Neutral: ${summary.neutral}
-			</span>
-		</div>`;
-  }
-  renderPlanetsTable(planets) {
-    return html`<table class="planets-table">
-			<thead>
-				<tr>
-					<th scope="col">Planet</th>
-					<th scope="col">Sign</th>
-					<th scope="col">Degree</th>
-					<th scope="col">Speed</th>
-				</tr>
-			</thead>
-			<tbody>
-				${planets.map((p) => {
-      const pGlyph = PLANET_GLYPH[capitalize(p.name)] ?? "";
-      const sGlyph = SIGN_GLYPH[capitalize(p.sign)] ?? "";
-      const speedArrow = p.speed >= 0 ? "\u2191" : "\u2193";
-      return html`<tr>
-						<td>
-							<div class="planet-cell">
-								<span class="glyph" aria-hidden="true">${pGlyph}</span>
-								${p.name}
-								${p.isRetrograde ? html`<span class="retro-badge" aria-label="retrograde">R</span>` : nothing}
-							</div>
-						</td>
-						<td>
-							<div class="planet-cell">
-								<span class="glyph" aria-hidden="true">${sGlyph}</span>
-								${p.sign}
-							</div>
-						</td>
-						<td class="num">${formatNumber(p.degree, 2)}</td>
-						<td class="speed">
-							<span class="speed-arrow" aria-hidden="true">${speedArrow}</span>
-							${formatNumber(Math.abs(p.speed), 4)}
-						</td>
-					</tr>`;
-    })}
-			</tbody>
-		</table>`;
-  }
-  renderAspectsList(aspects) {
-    return html`<div role="list" aria-label="Transit aspects">
-			${aspects.map((a, idx) => {
-      const tGlyph = PLANET_GLYPH[capitalize(a.transitPlanet)] ?? "";
-      const nGlyph = PLANET_GLYPH[capitalize(a.natalPlanet)] ?? "";
-      const nature = (a.nature ?? "neutral").toLowerCase();
-      const interp = a.interpretation;
-      const type = (a.type ?? "").toLowerCase();
-      const status = a.isApplying ? "Applying" : "Separating";
-      return html`<details class="aspect-card" role="listitem" name="transit-aspects" ?open=${idx === 0}>
-					<summary>
-						<span aria-hidden="true">${tGlyph}</span>
-						${a.transitPlanet}
-						<span class="nature-badge ${nature}">${type}</span>
-						<span aria-hidden="true">${nGlyph}</span>
-						${a.natalPlanet}
-						<span class="meta">
-							${status} · orb ${formatNumber(a.orb, 2)}° · strength ${formatNumber(a.strength, 1)}
-						</span>
-					</summary>
-					<div class="interp-body">
-						${interp?.summary ? html`<p>${interp.summary}</p>` : nothing}
-						${interp?.impact ? html`<p><strong>Impact:</strong> ${interp.impact}</p>` : nothing}
-						${interp?.timing ? html`<p><strong>Timing:</strong> ${interp.timing}</p>` : nothing}
-						${interp?.guidance ? html`<p><strong>Guidance:</strong> ${interp.guidance}</p>` : nothing}
-						${interp?.keywords?.length ? html`<div class="interp-keywords">
-										${interp.keywords.map((k) => html`<span class="kw">${k}</span>`)}
-									</div>` : nothing}
-					</div>
-				</details>`;
-    })}
-		</div>`;
-  }
-};
-RoxyTransitsTable.styles = [
-  baseStyles,
-  css2`
-			.wrap {
-				display: grid;
-				gap: var(--roxy-space-md, 1rem);
-			}
-
-			.head {
-				display: flex;
-				justify-content: space-between;
-				align-items: baseline;
-				gap: var(--roxy-space-md, 1rem);
-				flex-wrap: wrap;
-			}
-
-			.title {
-				font-size: var(--roxy-text-lg, 1.125rem);
-				font-weight: var(--roxy-weight-bold, 600);
-				margin: 0;
-			}
-
-			.subtitle {
-				color: var(--roxy-muted, #71717a);
-				font-size: var(--roxy-text-sm, 0.875rem);
-				margin: 0;
-			}
-
-			.summary-pills {
-				display: flex;
-				flex-wrap: wrap;
-				gap: var(--roxy-space-sm, 0.5rem);
-			}
-
-			.pill {
-				display: inline-flex;
-				align-items: center;
-				gap: 4px;
-				padding: 2px var(--roxy-space-sm, 0.5rem);
-				border-radius: var(--roxy-radius-full, 9999px);
-				font-size: var(--roxy-text-xs, 0.75rem);
-				font-weight: var(--roxy-weight-bold, 600);
-				border: 1px solid currentColor;
-			}
-
-			.pill--muted {
-				color: var(--roxy-fg, #0a0a0a);
-				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);
-			}
-
-			.pill--success {
-				color: var(--roxy-success-fg, #166534);
-				background: color-mix(in srgb, var(--roxy-success, #16a34a) 10%, transparent);
-			}
-
-			.pill--danger {
-				color: var(--roxy-danger-fg, #991b1b);
-				background: color-mix(in srgb, var(--roxy-danger, #dc2626) 10%, transparent);
-			}
-
-			table {
-				width: 100%;
-				border-collapse: collapse;
-				font-size: var(--roxy-text-sm, 0.875rem);
-			}
-
-			th,
-			td {
-				padding: var(--roxy-space-sm, 0.5rem);
-				border-bottom: 1px solid var(--roxy-border, #e4e4e7);
-				text-align: left;
-			}
-
-			th {
-				color: var(--roxy-muted, #71717a);
-				font-weight: var(--roxy-weight-bold, 600);
-				text-transform: uppercase;
-				font-size: var(--roxy-text-xs, 0.75rem);
-				letter-spacing: 0.06em;
-			}
-
-			.section-label {
-				font-size: var(--roxy-text-xs, 0.75rem);
-				color: var(--roxy-muted, #71717a);
-				text-transform: uppercase;
-				letter-spacing: 0.06em;
-				font-weight: var(--roxy-weight-bold, 600);
-				margin: 0 0 var(--roxy-space-xs, 0.25rem) 0;
-			}
-
-			.glyph {
-				font-size: 1.1em;
-				margin-right: 2px;
-				line-height: 1;
-			}
-
-			.planet-cell {
-				display: flex;
-				align-items: center;
-				gap: 4px;
-				white-space: nowrap;
-			}
-
-			.retro-badge {
-				display: inline-block;
-				font-size: 0.7em;
-				padding: 1px 4px;
-				border-radius: var(--roxy-radius-sm, 4px);
-				background: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);
-				color: var(--roxy-warning-fg, #9a3412);
-				font-weight: var(--roxy-weight-bold, 600);
-				margin-left: 2px;
-				vertical-align: middle;
-			}
-
-			.speed {
-				font-variant-numeric: tabular-nums;
-				color: var(--roxy-muted, #71717a);
-				white-space: nowrap;
-			}
-
-			.speed-arrow {
-				font-size: 0.85em;
-			}
-
-			td.num {
-				font-variant-numeric: tabular-nums;
-				color: var(--roxy-muted, #71717a);
-			}
-
-			.overflow-scroll {
-				overflow-x: auto;
-				-webkit-overflow-scrolling: touch;
-			}
-
-			.aspect-card {
-				border: 1px solid var(--roxy-border, #e4e4e7);
-				border-radius: var(--roxy-radius-md, 8px);
-				padding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);
-				margin-bottom: var(--roxy-space-xs, 0.25rem);
-			}
-			.aspect-card summary {
-				cursor: pointer;
-				font-weight: 500;
-				color: var(--roxy-fg, #0a0a0a);
-				display: flex;
-				flex-wrap: wrap;
-				align-items: center;
-				gap: 0.5em;
-			}
-			.aspect-card summary .meta {
-				color: var(--roxy-muted, #71717a);
-				font-weight: 400;
-				font-size: var(--roxy-text-xs, 0.75rem);
-				margin-left: auto;
-				font-variant-numeric: tabular-nums;
-			}
-			.aspect-card .interp-body {
-				margin-top: var(--roxy-space-xs, 0.25rem);
-				color: var(--roxy-fg, #0a0a0a);
-				font-size: var(--roxy-text-sm, 0.875rem);
-				line-height: 1.45;
-			}
-			.aspect-card .interp-body p {
-				margin: 0 0 var(--roxy-space-xs, 0.25rem);
-			}
-			.interp-keywords {
-				display: flex;
-				flex-wrap: wrap;
-				gap: 0.25rem;
-				margin-top: 0.5rem;
-			}
-			.interp-keywords .kw {
-				padding: 1px 8px;
-				border-radius: 9999px;
-				background: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);
-				color: var(--roxy-accent-fg, #b45309);
-				font-size: var(--roxy-text-xs, 0.75rem);
-			}
-			.nature-badge {
-				display: inline-block;
-				padding: 1px 8px;
-				border-radius: 9999px;
-				font-size: var(--roxy-text-xs, 0.75rem);
-				font-weight: 600;
-			}
-			.nature-badge.harmonious {
-				background: color-mix(in srgb, var(--roxy-success, #16a34a) 12%, transparent);
-				color: var(--roxy-success-fg, #166534);
-			}
-			.nature-badge.challenging {
-				background: color-mix(in srgb, var(--roxy-danger, #dc2626) 12%, transparent);
-				color: var(--roxy-danger-fg, #991b1b);
-			}
-			.nature-badge.neutral {
-				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);
-				color: var(--roxy-fg, #0a0a0a);
-			}
-		`
-];
-__decorateClass([
-  property({ attribute: false })
-], RoxyTransitsTable.prototype, "data", 2);
-RoxyTransitsTable = __decorateClass([
-  customElement("roxy-transits-table")
-], RoxyTransitsTable);
-export {
-  RoxyTransitsTable
-};
+var C=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var f=(r,e,o,t)=>{for(var s=t>1?void 0:t?z(e,o):e,i=r.length-1,l;i>=0;i--)(l=r[i])&&(s=(t?l(e,o,s):l(s))||s);return t&&s&&C(e,o,s),s};import{css as B,html as n,LitElement as Y,nothing as d}from"lit";import{customElement as j,property as O,state as K}from"lit/decorators.js";var b={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"};var h={Aries:"\u2648",Taurus:"\u2649",Gemini:"\u264A",Cancer:"\u264B",Leo:"\u264C",Virgo:"\u264D",Libra:"\u264E",Scorpio:"\u264F",Sagittarius:"\u2650",Capricorn:"\u2651",Aquarius:"\u2652",Pisces:"\u2653"};var M=["Aries","Taurus","Gemini","Cancer","Leo","Virgo","Libra","Scorpio","Sagittarius","Capricorn","Aquarius","Pisces"],V=M.map(r=>r.toLowerCase());import{css as E}from"lit";var w=E`: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{css as G,html as H}from"lit";function $(){return H`<svg class="roxy-chevron" viewBox="0 0 16 16" width="14" height="14" aria-hidden="true"><path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`}var S=G`summary{list-style:none}summary::-webkit-details-marker{display:none}.roxy-chevron{aspect-ratio:auto;width:14px;height:14px;color:var(--roxy-muted,#71717a);transition:transform var(--roxy-motion-duration,.2s) var(--roxy-motion-easing,ease);flex-shrink:0}details[open]>summary .roxy-chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.roxy-chevron{transition:none}}`;function T(r){if(typeof r!="string"||r.length===0||/^\d{4}-\d{2}-\d{2}$/.test(r))return"";let o=/^\d{2}:\d{2}(:\d{2})?$/.test(r)?`1970-01-01T${r}`:r,t=new Date(o);return Number.isNaN(t.getTime())?r:t.toLocaleTimeString(void 0,{hour:"numeric",minute:"2-digit",hour12:!0})}function k(r){if(typeof r!="string"||r.length===0)return"";let e=new Date(/^\d{4}-\d{2}-\d{2}$/.test(r)?`${r}T00:00:00`:r);return Number.isNaN(e.getTime())?r:e.toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"})}function x(r,e=1){return typeof r!="number"||!Number.isFinite(r)?"":r.toFixed(e).replace(/\.?0+$/,"")}var _="roxy-data";function D(r){return r.nodeName==="SCRIPT"&&r.getAttribute("type")==="application/json"}var v=class{constructor(e){this.host=e,e.addController(this)}hostConnected(){if(this.host.data!=null)return;let e=this.read();e!==void 0&&(this.host.data=e,this.host.requestUpdate())}read(){let e=this.findInlineScript();return e?this.parse(e.textContent):void 0}findInlineScript(){for(let e of Array.from(this.host.children))if(D(e)&&e.classList.contains(_))return e;return null}parse(e){if(e?.trim())try{return JSON.parse(e)}catch{return}}};function y(r){return r?r.charAt(0).toUpperCase()+r.slice(1).toLowerCase():""}import{css as I,html as A,nothing as q}from"lit";var L=I`.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-fg,#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 R(r){let{items:e,active:o,onSelect:t,label:s,idPrefix:i,controls:l=!1}=r;return A`<div class="roxy-tablist" role="tablist" aria-label="${s}" @keydown="${a=>{if(a.key!=="ArrowRight"&&a.key!=="ArrowLeft")return;a.preventDefault();let c=e.findIndex(N=>N.id===o);if(c===-1)return;let u=a.key==="ArrowRight"?1:-1,g=e[(c+u+e.length)%e.length];if(!g)return;t(g.id);let P=a.currentTarget.getRootNode();requestAnimationFrame(()=>{P.querySelector(`#${i}-tab-${g.id}`)?.focus()})}}">${e.map(a=>A`<button type="button" class="roxy-tab" role="tab" id="${i}-tab-${a.id}" aria-selected="${o===a.id?"true":"false"}" aria-controls="${l&&o===a.id?`${i}-panel-${a.id}`:q}" tabindex="${o===a.id?"0":"-1"}" @click="${()=>t(a.id)}">${a.label}</button>`)}</div>`}var p=class extends Y{constructor(){super();this.data=null;this.tab="positions";new v(this)}render(){if(!this.data?.transitPlanets?.length)return n`<div class="roxy-empty" role="status">No transits data</div>`;let{transitDate:o,transitTime:t,transitPlanets:s,transitAspects:i,summary:l}=this.data,m=[k(o),T(t)].filter(Boolean).join(" "),a=i?.length??0,c=this.tab;return n`<div class="wrap" aria-label="Transits"><div class="head"><h2 class="title">Transits</h2>${m?n`<p class="subtitle">${m}</p>`:d}</div>${a>0?n`${R({items:[{id:"positions",label:"Positions"},{id:"aspects",label:`Aspects (${a})`}],active:c,onSelect:u=>{this.tab=u},label:"Transit views",idPrefix:"transits",controls:!0})}<div id="transits-panel-${c}" role="tabpanel" aria-labelledby="transits-tab-${c}">${c==="positions"?n`<div class="overflow-scroll">${this.renderPlanetsTable(s)}</div>`:n`${l?this.renderSummaryPills(l):d}<div class="overflow-scroll">${this.renderAspectsList(i??[])}</div>`}</div>`:n`<div class="overflow-scroll">${this.renderPlanetsTable(s)}</div>`}</div>`}renderSummaryPills(o){return n`<div class="summary-pills" role="region" aria-label="Aspect summary"><span class="pill pill--muted">Total: ${o.totalAspects} </span><span class="pill pill--success">Harmonious: ${o.harmonious} </span><span class="pill pill--danger">Challenging: ${o.challenging} </span><span class="pill pill--muted">Neutral: ${o.neutral}</span></div>`}renderPlanetsTable(o){return n`<table class="planets-table"><thead><tr><th scope="col">Planet</th><th scope="col">Sign</th><th scope="col">Degree</th><th scope="col">Speed</th></tr></thead><tbody>${o.map(t=>{let s=b[y(t.name)]??"",i=h[y(t.sign)]??"",l=t.speed>=0?"\u2191":"\u2193";return n`<tr><td><div class="planet-cell"><span class="glyph" aria-hidden="true">${s}</span> ${t.name} ${t.isRetrograde?n`<span class="retro-badge" aria-label="retrograde">R</span>`:d}</div></td><td><div class="planet-cell"><span class="glyph" aria-hidden="true">${i}</span> ${t.sign}</div></td><td class="num">${x(t.degree,2)}</td><td class="speed"><span class="speed-arrow" aria-hidden="true">${l}</span> ${x(Math.abs(t.speed),4)}</td></tr>`})}</tbody></table>`}renderAspectsList(o){return n`<div role="list" aria-label="Transit aspects">${o.map((t,s)=>{let i=b[y(t.transitPlanet)]??"",l=b[y(t.natalPlanet)]??"",m=(t.nature??"neutral").toLowerCase(),a=t.interpretation,c=(t.type??"").toLowerCase(),u=t.isApplying?"Applying":"Separating";return n`<details class="aspect-card" role="listitem" name="transit-aspects" ?open="${s===0}"><summary><span aria-hidden="true">${i}</span> ${t.transitPlanet} <span class="nature-badge ${m}">${c}</span> <span aria-hidden="true">${l}</span> ${t.natalPlanet} <span class="meta">${u} · orb ${x(t.orb,2)}° · strength ${x(t.strength,1)} </span>${$()}</summary><div class="interp-body">${a?.summary?n`<p>${a.summary}</p>`:d} ${a?.impact?n`<p><strong>Impact:</strong> ${a.impact}</p>`:d} ${a?.timing?n`<p><strong>Timing:</strong> ${a.timing}</p>`:d} ${a?.guidance?n`<p><strong>Guidance:</strong> ${a.guidance}</p>`:d} ${a?.keywords?.length?n`<div class="interp-keywords">${a.keywords.map(g=>n`<span class="kw">${g}</span>`)}</div>`:d}</div></details>`})}</div>`}};p.styles=[w,L,S,B`.wrap{gap:var(--roxy-space-md,1rem);display:grid}.head{justify-content:space-between;align-items:baseline;gap:var(--roxy-space-md,1rem);flex-wrap:wrap;display:flex}.title{font-size:var(--roxy-text-lg,1.125rem);font-weight:var(--roxy-weight-bold,600);margin:0}.subtitle{color:var(--roxy-muted,#71717a);font-size:var(--roxy-text-sm,.875rem);margin:0}.summary-pills{gap:var(--roxy-space-sm,.5rem);flex-wrap:wrap;display:flex}.pill{padding:2px var(--roxy-space-sm,.5rem);border-radius:var(--roxy-radius-full,9999px);font-size:var(--roxy-text-xs,.75rem);font-weight:var(--roxy-weight-bold,600);border:1px solid;align-items:center;gap:4px;display:inline-flex}.pill--muted{color:var(--roxy-fg,#0a0a0a);background:color-mix(in srgb, var(--roxy-border,#e4e4e7) 60%, transparent)}.pill--success{color:var(--roxy-success-fg,#166534);background:color-mix(in srgb, var(--roxy-success,#16a34a) 10%, transparent)}.pill--danger{color:var(--roxy-danger-fg,#991b1b);background:color-mix(in srgb, var(--roxy-danger,#dc2626) 10%, transparent)}table{border-collapse:collapse;width:100%;font-size:var(--roxy-text-sm,.875rem)}th,td{padding:var(--roxy-space-sm,.5rem);border-bottom:1px solid var(--roxy-border,#e4e4e7);text-align:left}th{color:var(--roxy-muted,#71717a);font-weight:var(--roxy-weight-bold,600);text-transform:uppercase;font-size:var(--roxy-text-xs,.75rem);letter-spacing:.06em}.section-label{font-size:var(--roxy-text-xs,.75rem);color:var(--roxy-muted,#71717a);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--roxy-weight-bold,600);margin:0 0 var(--roxy-space-xs,.25rem) 0}.glyph{margin-right:2px;font-size:1.1em;line-height:1}.planet-cell{white-space:nowrap;align-items:center;gap:4px;display:flex}.retro-badge{border-radius:var(--roxy-radius-sm,4px);background:color-mix(in srgb, var(--roxy-warning,#ea580c) 12%, transparent);color:var(--roxy-warning-fg,#9a3412);font-size:.7em;font-weight:var(--roxy-weight-bold,600);vertical-align:middle;margin-left:2px;padding:1px 4px;display:inline-block}.speed{font-variant-numeric:tabular-nums;color:var(--roxy-muted,#71717a);white-space:nowrap}.speed-arrow{font-size:.85em}td.num{font-variant-numeric:tabular-nums;color:var(--roxy-muted,#71717a)}.overflow-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.aspect-card{border:1px solid var(--roxy-border,#e4e4e7);border-radius:var(--roxy-radius-md,8px);padding:var(--roxy-space-sm,.5rem) var(--roxy-space-md,1rem);margin-bottom:var(--roxy-space-xs,.25rem)}.aspect-card summary{cursor:pointer;color:var(--roxy-fg,#0a0a0a);flex-wrap:wrap;align-items:center;gap:.5em;font-weight:500;display:flex}.aspect-card summary .meta{color:var(--roxy-muted,#71717a);font-weight:400;font-size:var(--roxy-text-xs,.75rem);font-variant-numeric:tabular-nums;margin-left:auto}.aspect-card .interp-body{margin-top:var(--roxy-space-xs,.25rem);color:var(--roxy-fg,#0a0a0a);font-size:var(--roxy-text-sm,.875rem);line-height:1.45}.aspect-card .interp-body p{margin:0 0 var(--roxy-space-xs,.25rem)}.interp-keywords{flex-wrap:wrap;gap:.25rem;margin-top:.5rem;display:flex}.interp-keywords .kw{background:color-mix(in srgb, var(--roxy-accent,#f59e0b) 14%, transparent);color:var(--roxy-accent-fg,#b45309);font-size:var(--roxy-text-xs,.75rem);border-radius:9999px;padding:1px 8px}.nature-badge{font-size:var(--roxy-text-xs,.75rem);border-radius:9999px;padding:1px 8px;font-weight:600;display:inline-block}.nature-badge.harmonious{background:color-mix(in srgb, var(--roxy-success,#16a34a) 12%, transparent);color:var(--roxy-success-fg,#166534)}.nature-badge.challenging{background:color-mix(in srgb, var(--roxy-danger,#dc2626) 12%, transparent);color:var(--roxy-danger-fg,#991b1b)}.nature-badge.neutral{background:color-mix(in srgb, var(--roxy-border,#e4e4e7) 60%, transparent);color:var(--roxy-fg,#0a0a0a)}`],f([O({attribute:!1})],p.prototype,"data",2),f([K()],p.prototype,"tab",2),p=f([j("roxy-transits-table")],p);export{p as RoxyTransitsTable};
 //# sourceMappingURL=transits-table.js.map