@roxyapi/ui 0.4.1 → 0.5.0

package/dist/index.js

@@ -237,6 +237,51 @@ var baseStyles = css`
 	}
 `;
 
+// packages/ui/src/utils/markup-data.ts
+var ROXY_DATA_CLASS = "roxy-data";
+function isJsonScript(el) {
+  return el.nodeName === "SCRIPT" && el.getAttribute("type") === "application/json";
+}
+var MarkupDataController = class {
+  constructor(host) {
+    this.host = host;
+    host.addController(this);
+  }
+  hostConnected() {
+    if (this.host.data != null) return;
+    const parsed = this.read();
+    if (parsed === void 0) return;
+    this.host.data = parsed;
+    this.host.requestUpdate();
+  }
+  /**
+   * Resolve the embedded payload. Returns `undefined` when there is nothing valid to read so the caller can leave `host.data` untouched.
+   */
+  read() {
+    const inline = this.findInlineScript();
+    return inline ? this.parse(inline.textContent) : void 0;
+  }
+  /**
+   * 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.
+   */
+  findInlineScript() {
+    for (const child of Array.from(this.host.children)) {
+      if (isJsonScript(child) && child.classList.contains(ROXY_DATA_CLASS)) {
+        return child;
+      }
+    }
+    return null;
+  }
+  parse(text) {
+    if (!text?.trim()) return void 0;
+    try {
+      return JSON.parse(text);
+    } catch {
+      return void 0;
+    }
+  }
+};
+
 // packages/ui/src/components/ashtakavarga-grid.ts
 var TAB_LABELS = {
   sarva: "Sarvashtakavarga",
@@ -246,9 +291,10 @@ var TAB_LABELS = {
 var TABS = ["sarva", "bhinna", "pinda"];
 var RoxyAshtakavargaGrid = class extends LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.activeTab = "sarva";
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data) {
@@ -635,9 +681,10 @@ var CYCLE_COLOR = {
 };
 var RoxyBiorhythmChart = class extends LitElement2 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "daily";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -860,8 +907,9 @@ function fmtTime(iso) {
 }
 var RoxyChoghadiyaGrid = class extends LitElement3 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /**
    * True when the current wall-clock time falls inside this period. Both
@@ -1092,9 +1140,10 @@ function normalizeAspect(a) {
 // packages/ui/src/components/compatibility-card.ts
 var RoxyCompatibilityCard = class extends LitElement4 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "astrology";
+    new MarkupDataController(this);
   }
   getBreakdown() {
     const d = this.data;
@@ -1284,9 +1333,10 @@ import { css as css6, html as html5, LitElement as LitElement5, nothing as nothi
 import { customElement as customElement5, property as property5 } from "lit/decorators.js";
 var RoxyDashaTimeline = class extends LitElement5 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.period = "current";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -1568,9 +1618,10 @@ var SKIP_KEYS = ["imageUrl", "image"];
 var MAX_DEPTH = 6;
 var RoxyData = class extends LitElement6 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.depth = 0;
+    new MarkupDataController(this);
   }
   render() {
     if (this.data == null) {
@@ -2412,12 +2463,13 @@ var kundliStyles = css8`
 // packages/ui/src/components/divisional-chart.ts
 var RoxyDivisionalChart = class extends LitElement7 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.chartStyle = "north";
     this.setStyle = (next) => {
       this.chartStyle = next;
     };
+    new MarkupDataController(this);
   }
   viewModel() {
     if (!this.data?.chart?.meta) return null;
@@ -2525,9 +2577,10 @@ var DOSHA_LABELS = {
 };
 var RoxyDoshaCard = class extends LitElement8 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.type = "manglik";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3083,8 +3136,9 @@ import { css as css12, html as html11, LitElement as LitElement10, nothing as no
 import { customElement as customElement10, property as property10 } from "lit/decorators.js";
 var RoxyGunaMilan = class extends LitElement10 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3320,9 +3374,10 @@ import { css as css13, html as html12, LitElement as LitElement11, nothing as no
 import { customElement as customElement11, property as property11 } from "lit/decorators.js";
 var RoxyHexagram = class extends LitElement11 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "lookup";
+    new MarkupDataController(this);
   }
   resolveHexagram() {
     const d = this.data;
@@ -3548,9 +3603,10 @@ import { css as css14, html as html13, LitElement as LitElement12, nothing as no
 import { customElement as customElement12, property as property12 } from "lit/decorators.js";
 var RoxyHoroscopeCard = class extends LitElement12 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.period = "daily";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3775,9 +3831,10 @@ import { css as css15, html as html14, LitElement as LitElement13, nothing as no
 import { customElement as customElement13, property as property13, state as state3 } from "lit/decorators.js";
 var RoxyKpChart = class extends LitElement13 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.activeTab = "planets";
+    new MarkupDataController(this);
   }
   /** Merge the 7 planets and the two nodes into one ordered body list. */
   bodies() {
@@ -4049,8 +4106,9 @@ import { css as css16, html as html15, LitElement as LitElement14, nothing as no
 import { customElement as customElement14, property as property14 } from "lit/decorators.js";
 var RoxyKpPlanetsTable = class extends LitElement14 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -4174,8 +4232,9 @@ import { css as css17, html as html16, LitElement as LitElement15, nothing as no
 import { customElement as customElement15, property as property15 } from "lit/decorators.js";
 var RoxyKpRulingPlanets = class extends LitElement15 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -4695,9 +4754,10 @@ import { css as css19, html as html18, LitElement as LitElement17, nothing as no
 import { customElement as customElement17, property as property17 } from "lit/decorators.js";
 var RoxyMoonPhase = class extends LitElement17 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "current";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -4872,8 +4932,9 @@ import { css as css20, html as html19, LitElement as LitElement18, nothing as no
 import { customElement as customElement18, property as property18 } from "lit/decorators.js";
 var RoxyNakshatraCard = class extends LitElement18 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -5009,10 +5070,11 @@ var ANGLE_TICK_R = 178;
 var ANGLE_LABEL_R = 196;
 var RoxyNatalChart = class extends LitElement19 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.houseSystem = "placidus";
     this.view = "wheel";
+    new MarkupDataController(this);
   }
   getPlanets() {
     return this.data?.planets ?? [];
@@ -5800,9 +5862,10 @@ import { css as css22, html as html21, LitElement as LitElement20, nothing as no
 import { customElement as customElement20, property as property20 } from "lit/decorators.js";
 var RoxyNumerologyCard = class extends LitElement20 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.type = "life-path";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -5995,9 +6058,10 @@ import { css as css23, html as html22, LitElement as LitElement21, nothing as no
 import { customElement as customElement21, property as property21 } from "lit/decorators.js";
 var RoxyPanchangTable = class extends LitElement21 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.detail = "detailed";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -6208,8 +6272,9 @@ var BALA_COMPONENTS = [
 ];
 var RoxyShadbalaTable = class extends LitElement22 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data?.planets?.length) {
@@ -6445,8 +6510,9 @@ var P1_R = 124;
 var P2_R = 96;
 var RoxySynastryChart = class extends LitElement23 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -6874,12 +6940,13 @@ import { css as css26, html as html25, LitElement as LitElement24, nothing as no
 import { customElement as customElement24, property as property24, state as state6 } from "lit/decorators.js";
 var RoxyTarotCard = class extends LitElement24 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.flipped = false;
     this.toggleFlip = () => {
       this.flipped = !this.flipped;
     };
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -7092,9 +7159,10 @@ import { css as css27, html as html26, LitElement as LitElement25, nothing as no
 import { customElement as customElement25, property as property25 } from "lit/decorators.js";
 var RoxyTarotSpread = class extends LitElement25 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.spread = "three-card";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -7287,8 +7355,9 @@ import { css as css28, html as html27, LitElement as LitElement26, nothing as no
 import { customElement as customElement26, property as property26 } from "lit/decorators.js";
 var RoxyTransitsTable = class extends LitElement26 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data?.transitPlanets?.length) {
@@ -7626,12 +7695,13 @@ import { html as html28, LitElement as LitElement27 } from "lit";
 import { customElement as customElement27, property as property27 } from "lit/decorators.js";
 var RoxyVedicKundli = class extends LitElement27 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.chartStyle = "north";
     this.setStyle = (next) => {
       this.chartStyle = next;
     };
+    new MarkupDataController(this);
   }
   viewModel() {
     if (!this.data?.meta) return null;
@@ -7686,8 +7756,9 @@ var GRAHA_ORDER = [
 ];
 var RoxyVedicPlanetsTable = class extends LitElement28 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /** Ordered [name, entry] pairs: GRAHA_ORDER first, then any extras. */
   orderedRows() {
@@ -7838,8 +7909,9 @@ import { css as css30, html as html30, LitElement as LitElement29, nothing as no
 import { customElement as customElement29, property as property29 } from "lit/decorators.js";
 var RoxyWesternPlanetsTable = class extends LitElement29 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /** Build the ordered row list: the planets array, then the four chart points. */
   rows() {
@@ -7991,12 +8063,13 @@ import { css as css31, html as html31, LitElement as LitElement30, nothing as no
 import { customElement as customElement30, property as property30, state as state7 } from "lit/decorators.js";
 var RoxyYogaList = class extends LitElement30 {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.filter = "";
     this.handleInput = (e) => {
       this.filter = e.target.value;
     };
+    new MarkupDataController(this);
   }
   renderQualityChip(quality) {
     const cls = `quality-chip quality-${quality}`;
@@ -8592,7 +8665,7 @@ var ROXY_COMPONENTS = [
 ];
 
 // packages/ui/src/version.ts
-var ROXY_UI_VERSION = "0.4.1";
+var ROXY_UI_VERSION = "0.5.0";
 
 // packages/ui/src/index.ts
 var ROXY_UI_COMPONENTS = ROXY_COMPONENTS.map((c) => c.slug);