@embeddable.com/remarkable-pro 0.1.27 → 0.1.29

package/dist/embeddable-components.json

@@ -1,75 +1,75 @@
 {
   "components": [
-    "ComparisonPeriodSelectFieldPro",
+    "MeasureMultiSelectFieldPro",
     "DimensionSingleSelectFieldPro",
-    "DimensionMeasureMultiSelectFieldPro",
     "GranularitySelectFieldPro",
-    "MultiSelectFieldPro",
     "MeasureSingleSelectFieldPro",
-    "MeasureMultiSelectFieldPro",
+    "ComparisonPeriodSelectFieldPro",
+    "DimensionMeasureMultiSelectFieldPro",
+    "MultiSelectFieldPro",
+    "TextFieldPro",
     "SingleSelectFieldPro",
     "DateRangePickerCustomPro",
+    "BarChartDefaultPro",
     "EmptyBlockPro",
-    "TextFieldPro",
-    "BarChartDefaultHorizontalPro",
-    "MarkdownPro",
     "HorizontalDividerPro",
+    "BarChartStackedHorizontalPro",
+    "MarkdownPro",
+    "BarChartGroupedPro",
+    "BarChartDefaultHorizontalPro",
     "BarChartGroupedHorizontalPro",
     "DateRangeSelectFieldPro",
-    "BarChartDefaultPro",
     "LineChartComparisonDefaultPro",
-    "BarChartGroupedPro",
-    "BarChartStackedPro",
     "KpiChartNumberComparisonPro",
-    "BarChartStackedHorizontalPro",
     "KpiChartNumberPro",
-    "PieChartPro",
+    "BarChartStackedPro",
     "LineChartGroupedPro",
-    "LineChartDefaultPro",
     "DonutChartPro",
-    "PivotTablePro",
     "DonutLabelChartPro",
+    "LineChartDefaultPro",
+    "PieChartPro",
+    "TableScrollable",
     "TableChartPaginated",
     "HeatMapPro",
-    "TableScrollable"
+    "PivotTablePro"
   ],
   "editors": [
-    "ColorEditor",
-    "MarkdownEditor"
+    "MarkdownEditor",
+    "ColorEditor"
   ],
   "previews": [
-    "ComparisonPeriodSelectFieldPro",
+    "MeasureMultiSelectFieldPro",
     "DimensionSingleSelectFieldPro",
-    "DimensionMeasureMultiSelectFieldPro",
     "GranularitySelectFieldPro",
-    "MultiSelectFieldPro",
     "MeasureSingleSelectFieldPro",
-    "MeasureMultiSelectFieldPro",
+    "ComparisonPeriodSelectFieldPro",
+    "DimensionMeasureMultiSelectFieldPro",
+    "MultiSelectFieldPro",
+    "TextFieldPro",
     "SingleSelectFieldPro",
     "DateRangePickerCustomPro",
+    "BarChartDefaultPro",
     "EmptyBlockPro",
-    "TextFieldPro",
-    "BarChartDefaultHorizontalPro",
-    "MarkdownPro",
     "HorizontalDividerPro",
+    "BarChartStackedHorizontalPro",
+    "MarkdownPro",
+    "BarChartGroupedPro",
+    "BarChartDefaultHorizontalPro",
     "BarChartGroupedHorizontalPro",
     "DateRangeSelectFieldPro",
-    "BarChartDefaultPro",
     "LineChartComparisonDefaultPro",
-    "BarChartGroupedPro",
-    "BarChartStackedPro",
     "KpiChartNumberComparisonPro",
-    "BarChartStackedHorizontalPro",
     "KpiChartNumberPro",
-    "PieChartPro",
+    "BarChartStackedPro",
     "LineChartGroupedPro",
-    "LineChartDefaultPro",
     "DonutChartPro",
-    "PivotTablePro",
     "DonutLabelChartPro",
+    "LineChartDefaultPro",
+    "PieChartPro",
+    "TableScrollable",
     "TableChartPaginated",
     "HeatMapPro",
-    "TableScrollable"
+    "PivotTablePro"
   ],
   "plugin": "react"
 }

package/dist/embeddable-lifecycle.js

@@ -1,42 +1,60 @@
-const c = (t) => {
-  let o = "";
-  return Object.keys(t).forEach((n) => {
-    const e = t[n];
-    o += `${n}: ${e};
+const l = "remarkable-theme-fonts", r = "data-remarkable-preconnect", d = "data-remarkable-google-fonts", i = (e) => {
+  if (document.querySelector(`link[${r}]`)) return;
+  const n = document.createElement("link");
+  n.rel = "preconnect", n.href = "https://fonts.googleapis.com", n.setAttribute(r, "1"), e.appendChild(n);
+  const t = document.createElement("link");
+  t.rel = "preconnect", t.href = "https://fonts.gstatic.com", t.crossOrigin = "anonymous", t.setAttribute(r, "1"), e.appendChild(t);
+}, u = (e) => {
+  if (!e || e.length === 0 || typeof document > "u" || !document.head || document.querySelector(`link[${d}]`)) return;
+  const n = document.head;
+  i(n);
+  const t = e.map((c) => {
+    const s = encodeURIComponent(c.name.replace(/\s+/g, " ")), a = c.weights ?? "100..900";
+    return `family=${s}:wght@${a}`;
+  }).join("&"), o = document.createElement("link");
+  o.rel = "stylesheet", o.href = `https://fonts.googleapis.com/css2?${t}&display=swap`, o.setAttribute(d, "1"), n.appendChild(o);
+}, m = (e) => {
+  const n = e.family.replace(/'/g, "\\'"), t = [];
+  if (e.descriptors) {
+    const s = e.descriptors;
+    s.style != null && t.push(`font-style: ${s.style}`), s.weight != null && t.push(`font-weight: ${s.weight}`), s.stretch != null && t.push(`font-stretch: ${s.stretch}`), s.unicodeRange != null && t.push(`unicode-range: ${s.unicodeRange}`);
+  }
+  const o = t.join("; "), c = o ? `; ${o}` : "";
+  return `@font-face { font-family: '${n}'; src: url(${e.src})${c}; }`;
+}, p = (e) => {
+  if (!e || e.length === 0 || typeof document > "u" || !document.head || e.length === 0) return;
+  let n = document.getElementById(l);
+  const t = e.map(m).join(`
+`);
+  n ? n.textContent = t : (n = document.createElement("style"), n.id = l, n.textContent = t, document.head.appendChild(n));
+}, f = (e) => {
+  e && (u(e.google), p(e.custom));
+}, h = (e) => {
+  let n = "";
+  return Object.keys(e).forEach((t) => {
+    const o = e[t];
+    n += `${t}: ${o};
 `;
-  }), o;
-}, r = (t) => {
-  const o = `:root {
-${c(t)}}`, n = "remarkable-ui-embeddable-style";
-  let e = document.getElementById(n);
-  return e ? e.textContent = o : (e = document.createElement("style"), e.id = n, e.textContent = o, document.head.appendChild(e)), () => e == null ? void 0 : e.remove();
-}, a = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), l = "embeddable", i = () => {
+  }), n;
+}, g = (e) => {
+  const n = `:root {
+${h(e)}}`, t = "remarkable-ui-embeddable-style";
+  let o = document.getElementById(t);
+  return o ? o.textContent = n : (o = document.createElement("style"), o.id = t, o.textContent = n, document.head.appendChild(o)), () => o == null ? void 0 : o.remove();
+}, y = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map(), C = "embeddable", b = () => {
   if (typeof window > "u" || typeof document > "u") return;
-  const t = sessionStorage.getItem(l);
-  if (!t) return;
-  const o = JSON.parse(t);
-  for (const n in o) {
-    const e = new Map(Object.entries(o[n] ?? {}));
-    a.set(n, e), d.set(n, new Set(e.values()));
-  }
-};
-i();
-const s = () => {
-  if (typeof document > "u") return;
-  const t = document.head || document.getElementsByTagName("head")[0];
-  if (t && !document.querySelector("link[data-remarkable-inter]")) {
-    const o = document.createElement("link");
-    o.rel = "preconnect", o.href = "https://fonts.googleapis.com", t.appendChild(o);
-    const n = document.createElement("link");
-    n.rel = "preconnect", n.href = "https://fonts.gstatic.com", n.crossOrigin = "anonymous", t.appendChild(n);
-    const e = document.createElement("link");
-    e.rel = "stylesheet", e.href = "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap", e.setAttribute("data-remarkable-inter", "1"), t.appendChild(e);
+  const e = sessionStorage.getItem(C);
+  if (!e) return;
+  const n = JSON.parse(e);
+  for (const t in n) {
+    const o = new Map(Object.entries(n[t] ?? {}));
+    y.set(t, o), E.set(t, new Set(o.values()));
   }
 };
-s();
-const m = {
-  onThemeUpdated: (t) => (s(), r(t.styles))
+b();
+const $ = {
+  onThemeUpdated: (e) => (f(e.fonts), g(e.styles))
 };
 export {
-  m as default
+  $ as default
 };