@roxyapi/ui 0.4.1 → 0.5.0

package/dist/index.cjs

@@ -292,6 +292,51 @@ var baseStyles = import_lit.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",
@@ -301,9 +346,10 @@ var TAB_LABELS = {
 var TABS = ["sarva", "bhinna", "pinda"];
 var RoxyAshtakavargaGrid = class extends import_lit2.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.activeTab = "sarva";
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data) {
@@ -690,9 +736,10 @@ var CYCLE_COLOR = {
 };
 var RoxyBiorhythmChart = class extends import_lit3.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "daily";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -915,8 +962,9 @@ function fmtTime(iso) {
 }
 var RoxyChoghadiyaGrid = class extends import_lit4.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /**
    * True when the current wall-clock time falls inside this period. Both
@@ -1147,9 +1195,10 @@ function normalizeAspect(a) {
 // packages/ui/src/components/compatibility-card.ts
 var RoxyCompatibilityCard = class extends import_lit5.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "astrology";
+    new MarkupDataController(this);
   }
   getBreakdown() {
     const d = this.data;
@@ -1339,9 +1388,10 @@ var import_lit6 = require("lit");
 var import_decorators5 = require("lit/decorators.js");
 var RoxyDashaTimeline = class extends import_lit6.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.period = "current";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -1623,9 +1673,10 @@ var SKIP_KEYS = ["imageUrl", "image"];
 var MAX_DEPTH = 6;
 var RoxyData = class extends import_lit7.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.depth = 0;
+    new MarkupDataController(this);
   }
   render() {
     if (this.data == null) {
@@ -2467,12 +2518,13 @@ var kundliStyles = import_lit9.css`
 // packages/ui/src/components/divisional-chart.ts
 var RoxyDivisionalChart = class extends import_lit10.LitElement {
   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;
@@ -2580,9 +2632,10 @@ var DOSHA_LABELS = {
 };
 var RoxyDoshaCard = class extends import_lit11.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.type = "manglik";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3138,8 +3191,9 @@ var import_lit13 = require("lit");
 var import_decorators10 = require("lit/decorators.js");
 var RoxyGunaMilan = class extends import_lit13.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3375,9 +3429,10 @@ var import_lit14 = require("lit");
 var import_decorators11 = require("lit/decorators.js");
 var RoxyHexagram = class extends import_lit14.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "lookup";
+    new MarkupDataController(this);
   }
   resolveHexagram() {
     const d = this.data;
@@ -3603,9 +3658,10 @@ var import_lit15 = require("lit");
 var import_decorators12 = require("lit/decorators.js");
 var RoxyHoroscopeCard = class extends import_lit15.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.period = "daily";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -3830,9 +3886,10 @@ var import_lit16 = require("lit");
 var import_decorators13 = require("lit/decorators.js");
 var RoxyKpChart = class extends import_lit16.LitElement {
   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() {
@@ -4104,8 +4161,9 @@ var import_lit17 = require("lit");
 var import_decorators14 = require("lit/decorators.js");
 var RoxyKpPlanetsTable = class extends import_lit17.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -4229,8 +4287,9 @@ var import_lit18 = require("lit");
 var import_decorators15 = require("lit/decorators.js");
 var RoxyKpRulingPlanets = class extends import_lit18.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -4750,9 +4809,10 @@ var import_lit20 = require("lit");
 var import_decorators17 = require("lit/decorators.js");
 var RoxyMoonPhase = class extends import_lit20.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.mode = "current";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -4927,8 +4987,9 @@ var import_lit21 = require("lit");
 var import_decorators18 = require("lit/decorators.js");
 var RoxyNakshatraCard = class extends import_lit21.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -5064,10 +5125,11 @@ var ANGLE_TICK_R = 178;
 var ANGLE_LABEL_R = 196;
 var RoxyNatalChart = class extends import_lit22.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.houseSystem = "placidus";
     this.view = "wheel";
+    new MarkupDataController(this);
   }
   getPlanets() {
     return this.data?.planets ?? [];
@@ -5855,9 +5917,10 @@ var import_lit23 = require("lit");
 var import_decorators20 = require("lit/decorators.js");
 var RoxyNumerologyCard = class extends import_lit23.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.type = "life-path";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -6050,9 +6113,10 @@ var import_lit24 = require("lit");
 var import_decorators21 = require("lit/decorators.js");
 var RoxyPanchangTable = class extends import_lit24.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.detail = "detailed";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -6263,8 +6327,9 @@ var BALA_COMPONENTS = [
 ];
 var RoxyShadbalaTable = class extends import_lit25.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data?.planets?.length) {
@@ -6500,8 +6565,9 @@ var P1_R = 124;
 var P2_R = 96;
 var RoxySynastryChart = class extends import_lit26.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data)
@@ -6929,12 +6995,13 @@ var import_lit27 = require("lit");
 var import_decorators24 = require("lit/decorators.js");
 var RoxyTarotCard = class extends import_lit27.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.flipped = false;
     this.toggleFlip = () => {
       this.flipped = !this.flipped;
     };
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -7147,9 +7214,10 @@ var import_lit28 = require("lit");
 var import_decorators25 = require("lit/decorators.js");
 var RoxyTarotSpread = class extends import_lit28.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
     this.spread = "three-card";
+    new MarkupDataController(this);
   }
   render() {
     const d = this.data;
@@ -7342,8 +7410,9 @@ var import_lit29 = require("lit");
 var import_decorators26 = require("lit/decorators.js");
 var RoxyTransitsTable = class extends import_lit29.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   render() {
     if (!this.data?.transitPlanets?.length) {
@@ -7681,12 +7750,13 @@ var import_lit30 = require("lit");
 var import_decorators27 = require("lit/decorators.js");
 var RoxyVedicKundli = class extends import_lit30.LitElement {
   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;
@@ -7741,8 +7811,9 @@ var GRAHA_ORDER = [
 ];
 var RoxyVedicPlanetsTable = class extends import_lit31.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /** Ordered [name, entry] pairs: GRAHA_ORDER first, then any extras. */
   orderedRows() {
@@ -7893,8 +7964,9 @@ var import_lit32 = require("lit");
 var import_decorators29 = require("lit/decorators.js");
 var RoxyWesternPlanetsTable = class extends import_lit32.LitElement {
   constructor() {
-    super(...arguments);
+    super();
     this.data = null;
+    new MarkupDataController(this);
   }
   /** Build the ordered row list: the planets array, then the four chart points. */
   rows() {
@@ -8046,12 +8118,13 @@ var import_lit33 = require("lit");
 var import_decorators30 = require("lit/decorators.js");
 var RoxyYogaList = class extends import_lit33.LitElement {
   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}`;
@@ -8647,7 +8720,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);