@pie-players/pie-tool-calculator-shared 0.3.68

package/README.md

@@ -0,0 +1,35 @@
+# @pie-players/pie-tool-calculator-shared
+
+Provider-neutral Svelte surfaces for PIE calculator tools. This package owns
+calculator lifecycle, toolkit-context wiring, visibility, resizing, focus,
+loading/error presentation, and the inline toggle. It does not load or name a
+calculator vendor.
+
+The provider-neutral registration entry owns the stable generic element:
+
+```ts
+import "@pie-players/pie-tool-calculator-shared/calculator-element";
+```
+
+It registers `<pie-tool-calculator>` with the existing Desmos default. The
+Desmos-named package remains a compatibility entry for the same guarded
+registration.
+
+Provider packages wrap these components in their own custom-element tags and
+supply a default provider id. Applications normally install a provider package,
+not this package directly, unless they intentionally want the generic element.
+
+The shared inline trigger owns these component-level active-state theme hooks:
+
+- `--pie-tool-trigger-active-background`
+- `--pie-tool-trigger-active-border-color`
+- `--pie-tool-trigger-active-color`
+
+Its resting and hover fills resolve through the button tokens —
+`--pie-button-background-color` then `--pie-button-bg`, and
+`--pie-button-hover-background-color` then `--pie-button-hover-bg`. Every base
+theme and colour scheme sets those opaque. `--pie-background` is the page token
+and the base light theme ships it transparent, so it does not reach this fill.
+
+Vendor wrappers inherit the same WCAG-focused focus, pressed-state, reduced
+motion, and touch-target behavior.

package/dist/CalculatorElement.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/CalculatorInlineTool.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/CalculatorTool-DNQckBeq.js

@@ -0,0 +1,231 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { connectToolRuntimeContext as X } from "@pie-players/pie-assessment-toolkit";
+import { resolveInterfaceI18n as Y } from "@pie-players/pie-players-shared/i18n/provider";
+import { onMount as Z, untrack as $ } from "svelte";
+function ee(w) {
+  const n = /* @__PURE__ */ new Set(), a = (o) => {
+    if (o === void 0) return { $type: "undefined" };
+    if (typeof o == "bigint") return {
+      $type: "bigint",
+      value: o.toString()
+    };
+    if (typeof o == "function") return {
+      $type: "function",
+      value: o.toString()
+    };
+    if (typeof o == "symbol") return {
+      $type: "symbol",
+      value: o.description ?? ""
+    };
+    if (o === null || typeof o != "object") return o;
+    if (n.has(o)) return { $type: "circular-reference" };
+    n.add(o);
+    const c = Array.isArray(o) ? o.map(a) : Object.fromEntries(Object.entries(o).sort(([v], [d]) => v.localeCompare(d)).map(([v, d]) => [v, a(d)]));
+    return n.delete(o), c;
+  };
+  return JSON.stringify(a(w));
+}
+var te = e.from_html('<div class="pie-tool-calculator__loading svelte-i18sle"> </div>'), ie = e.from_html('<div class="pie-tool-calculator__loading pie-tool-calculator__loading--error svelte-i18sle">Calculator failed to initialize. <div class="pie-tool-calculator__error-details svelte-i18sle"> </div></div>'), oe = e.from_html('<div class="pie-tool-calculator notranslate svelte-i18sle" role="region" tabindex="-1" translate="no"><div class="pie-tool-calculator__container svelte-i18sle"></div> <!> <!></div>'), re = e.from_html('<div class="pie-tool-calculator__context-host svelte-i18sle"><!></div>'), le = {
+  hash: "svelte-i18sle",
+  code: `.pie-tool-calculator__context-host.svelte-i18sle {display:flex;width:100%;height:100%;min-height:0;}.pie-tool-calculator.svelte-i18sle {position:relative;display:flex;flex:1 1 auto;min-width:100%;min-height:0;background:var(--pie-white, white);overflow:hidden;}.pie-tool-calculator__container.svelte-i18sle {position:relative;width:100%;height:100%;min-width:100%;min-height:100%;
+		/*
+		 * \`--pie-white\`, not the literal. The token inverts by design (#ffffff light,
+		 * #000000 dark, redefined per colour scheme), so a hardcoded white showed
+		 * through as a white plate behind a dark calculator the moment a provider's own
+		 * surface stopped being opaque — and under a PNP colour scheme it was simply
+		 * the wrong colour.
+		 */background:var(--pie-white, white);overflow:hidden;}.pie-tool-calculator__mount {width:100%;height:100%;min-width:100%;min-height:100%;}.pie-tool-calculator__loading.svelte-i18sle {position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, var(--pie-white, #fff) 90%, transparent);color:var(--pie-text, #334155);font-size:0.9rem;}.pie-tool-calculator__loading--error.svelte-i18sle {flex-direction:column;gap:0.5rem;padding:0.75rem;color:var(--pie-incorrect, #b91c1c);text-align:center;}.pie-tool-calculator__error-details.svelte-i18sle {max-width:95%;color:var(--pie-incorrect, #7f1d1d);font-size:0.8rem;line-height:1.2;word-break:break-word;}.pie-tool-calculator__mount > * {width:100% !important;height:100% !important;}`
+};
+function ae(w, n) {
+  e.push(n, !0), e.append_styles(w, le);
+  let a = e.prop(n, "visible", 7, !1), o = e.prop(n, "toolId", 7, "calculator"), c = e.prop(n, "providerId", 7, ""), v = e.prop(n, "calculatorType", 7, "basic"), d = e.prop(n, "availableTypes", 23, () => [
+    "basic",
+    "scientific",
+    "graphing"
+  ]), y = e.prop(n, "calculatorConfig", 23, () => ({})), S = e.prop(n, "toolkitCoordinator", 7, null), x = e.state(null), T = e.state(null), O = e.state(null), u = e.state(null), h = e.state(!1), m = e.state(null), C = e.state(!1);
+  const k = e.derived(() => Y(e.get(O))), A = e.derived(() => S() ?? e.get(O)?.toolkitCoordinator), N = e.derived(() => (typeof d() == "string" ? d().split(",").map((t) => t.trim()) : d()).filter((t) => t === "basic" || t === "scientific" || t === "graphing")), z = e.derived(() => e.get(N).includes(v()) ? v() : e.get(N)[0] ?? "basic"), F = e.derived(() => ee(y()));
+  let E = null, f = null, g = 0, M = !1, I = null;
+  const q = /* @__PURE__ */ new Set();
+  e.user_effect(() => {
+    if (e.get(x))
+      return X(e.get(x), (t) => {
+        e.set(O, t, !0);
+      });
+  });
+  function D() {
+    I?.disconnect(), I = null;
+    for (const t of q) clearTimeout(t);
+    q.clear();
+  }
+  function P() {
+    g += 1, D();
+    const t = e.get(u), r = f;
+    e.set(u, null), f = null;
+    try {
+      t?.destroy();
+    } catch (i) {
+      console.warn("[CalculatorTool] calculator cleanup failed:", i);
+    }
+    r?.remove(), E = null, e.set(h, !1), e.set(C, !1);
+  }
+  function G() {
+    requestAnimationFrame(() => {
+      if (!a() || !e.get(u) || !f?.isConnected) return;
+      const t = document.activeElement;
+      t instanceof Node && f.contains(t) || e.get(u).focus?.();
+    });
+  }
+  function H(t, r) {
+    D(), typeof ResizeObserver < "u" && (I = new ResizeObserver(() => {
+      a() && r.isConnected && t.resize?.();
+    }), I.observe(r));
+    for (const i of [
+      60,
+      250,
+      1e3
+    ]) {
+      const l = setTimeout(() => {
+        q.delete(l), a() && r.isConnected && t.resize?.();
+      }, i);
+      q.add(l);
+    }
+  }
+  async function J(t, r, i) {
+    e.set(h, !0), e.set(m, null);
+    try {
+      if (!c()) throw new Error("Calculator provider id is required");
+      const l = e.get(A)?.toolProviderRegistry;
+      if (!l) throw new Error("Calculator provider registry is unavailable");
+      const j = await (await l.getProvider(c())).createInstance();
+      if (t !== g || !a() || !i.isConnected) {
+        i.remove();
+        return;
+      }
+      const _ = await j.createCalculator(e.get(z), i, y());
+      if (t !== g || !a() || !i.isConnected) {
+        _.destroy(), i.remove();
+        return;
+      }
+      e.set(u, _, !0), E = r, e.set(C, i.childElementCount > 0), H(_, i), requestAnimationFrame(() => {
+        t === g && (_.resize?.(), e.set(C, i.childElementCount > 0), G());
+      });
+    } catch (l) {
+      if (t !== g) {
+        i.remove();
+        return;
+      }
+      e.set(m, l instanceof Error ? l.message : String(l), !0), e.set(u, null), f === i && (f = null), i.remove(), e.set(C, !1);
+    } finally {
+      t === g && e.set(h, !1);
+    }
+  }
+  function L() {
+    M = !1;
+    const t = e.get(T), r = e.get(A);
+    if (!a() || !t || !t.isConnected || !r) {
+      (e.get(u) || e.get(h) || f) && P(), e.set(m, null);
+      return;
+    }
+    const i = `${c()}:${e.get(z)}:${e.get(F)}`;
+    if (e.get(u) && E === i) {
+      G();
+      return;
+    }
+    (e.get(u) || e.get(h) || f) && P();
+    const l = document.createElement("div");
+    l.className = "pie-tool-calculator__mount", t.replaceChildren(l), f = l, J(++g, i, l);
+  }
+  function Q() {
+    M || (M = !0, queueMicrotask(L));
+  }
+  e.user_effect(() => {
+    a(), c(), e.get(z), y(), e.get(F), e.get(T), e.get(A), $(Q);
+  }), Z(() => () => P());
+  var W = {
+    get visible() {
+      return a();
+    },
+    set visible(t = !1) {
+      a(t), e.flush();
+    },
+    get toolId() {
+      return o();
+    },
+    set toolId(t = "calculator") {
+      o(t), e.flush();
+    },
+    get providerId() {
+      return c();
+    },
+    set providerId(t = "") {
+      c(t), e.flush();
+    },
+    get calculatorType() {
+      return v();
+    },
+    set calculatorType(t = "basic") {
+      v(t), e.flush();
+    },
+    get availableTypes() {
+      return d();
+    },
+    set availableTypes(t = [
+      "basic",
+      "scientific",
+      "graphing"
+    ]) {
+      d(t), e.flush();
+    },
+    get calculatorConfig() {
+      return y();
+    },
+    set calculatorConfig(t = {}) {
+      y(t), e.flush();
+    },
+    get toolkitCoordinator() {
+      return S();
+    },
+    set toolkitCoordinator(t = null) {
+      S(t), e.flush();
+    }
+  }, R = re(), B = e.child(R), U = (t) => {
+    var r = oe(), i = e.child(r);
+    e.bind_this(i, (s) => e.set(T, s), () => e.get(T));
+    var l = e.sibling(i, 2), j = (s) => {
+      var p = te(), b = e.child(p, !0);
+      e.reset(p), e.template_effect((K) => e.set_text(b, K), [() => e.get(k).t("tools.calculator.loading")]), e.append(s, p);
+    };
+    e.if(l, (s) => {
+      (e.get(h) || !e.get(m) && !e.get(C)) && s(j);
+    });
+    var _ = e.sibling(l, 2), V = (s) => {
+      var p = ie(), b = e.sibling(e.child(p)), K = e.child(b, !0);
+      e.reset(b), e.reset(p), e.template_effect(() => e.set_text(K, e.get(m))), e.append(s, p);
+    };
+    e.if(_, (s) => {
+      e.get(m) && s(V);
+    }), e.reset(r), e.template_effect((s, p, b) => {
+      e.set_attribute(r, "data-tool-id", o()), e.set_attribute(r, "data-provider-id", c()), e.set_attribute(r, "lang", s), e.set_attribute(r, "dir", p), e.set_attribute(r, "aria-label", b), e.set_attribute(i, "data-calculator-type", e.get(z)), r.dir = r.dir;
+    }, [
+      () => e.get(k).getLocale(),
+      () => e.get(k).getDirection?.() ?? "ltr",
+      () => e.get(k).t("tools.calculator.toolA11y")
+    ]), e.append(t, r);
+  };
+  return e.if(B, (t) => {
+    a() && t(U);
+  }), e.reset(R), e.bind_this(R, (t) => e.set(x, t), () => e.get(x)), e.append(w, R), e.pop(W);
+}
+e.create_custom_element(ae, {
+  visible: {},
+  toolId: {},
+  providerId: {},
+  calculatorType: {},
+  availableTypes: {},
+  calculatorConfig: {},
+  toolkitCoordinator: {}
+}, [], [], { mode: "open" });
+export {
+  ae as t
+};

package/dist/CalculatorTool.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/calculator-element.d.ts

@@ -0,0 +1 @@
+export type { CalculatorType } from '@pie-players/pie-assessment-toolkit/tools/client';

package/dist/calculator-element.js

@@ -0,0 +1,113 @@
+import { t as g } from "./CalculatorTool-DNQckBeq.js";
+import "svelte/internal/disclose-version";
+import * as t from "svelte/internal/client";
+import { defineCustomElementSafely as v } from "@pie-players/pie-players-shared";
+var b = { tag: "pie-tool-calculator" }, y = {
+  hash: "svelte-2sv5xw",
+  code: ".pie-tool-calculator__container .dcg-container {width:100% !important;height:100% !important;}"
+};
+function p(s, r) {
+  t.push(r, !0), t.append_styles(s, y);
+  let o = t.prop(r, "visible", 7, !1), l = t.prop(r, "toolId", 7, "calculator"), a = t.prop(r, "providerId", 7, "calculator-desmos"), i = t.prop(r, "calculatorType", 7, "basic"), c = t.prop(r, "availableTypes", 23, () => [
+    "basic",
+    "scientific",
+    "graphing"
+  ]), u = t.prop(r, "calculatorConfig", 23, () => ({})), n = t.prop(r, "toolkitCoordinator", 7, null);
+  var d = {
+    get visible() {
+      return o();
+    },
+    set visible(e = !1) {
+      o(e), t.flush();
+    },
+    get toolId() {
+      return l();
+    },
+    set toolId(e = "calculator") {
+      l(e), t.flush();
+    },
+    get providerId() {
+      return a();
+    },
+    set providerId(e = "calculator-desmos") {
+      a(e), t.flush();
+    },
+    get calculatorType() {
+      return i();
+    },
+    set calculatorType(e = "basic") {
+      i(e), t.flush();
+    },
+    get availableTypes() {
+      return c();
+    },
+    set availableTypes(e = [
+      "basic",
+      "scientific",
+      "graphing"
+    ]) {
+      c(e), t.flush();
+    },
+    get calculatorConfig() {
+      return u();
+    },
+    set calculatorConfig(e = {}) {
+      u(e), t.flush();
+    },
+    get toolkitCoordinator() {
+      return n();
+    },
+    set toolkitCoordinator(e = null) {
+      n(e), t.flush();
+    }
+  };
+  return g(s, {
+    get visible() {
+      return o();
+    },
+    get toolId() {
+      return l();
+    },
+    get providerId() {
+      return a();
+    },
+    get calculatorType() {
+      return i();
+    },
+    get availableTypes() {
+      return c();
+    },
+    get calculatorConfig() {
+      return u();
+    },
+    get toolkitCoordinator() {
+      return n();
+    }
+  }), t.pop(d);
+}
+t.create_custom_element(p, {
+  visible: {
+    attribute: "visible",
+    type: "Boolean"
+  },
+  toolId: {
+    attribute: "tool-id",
+    type: "String"
+  },
+  providerId: {
+    attribute: "provider-id",
+    type: "String"
+  },
+  calculatorType: {
+    attribute: "calculator-type",
+    type: "String"
+  },
+  availableTypes: {
+    attribute: "available-types",
+    type: "Array"
+  },
+  calculatorConfig: { type: "Object" },
+  toolkitCoordinator: { type: "Object" }
+}, [], []);
+var f = p.element;
+v(b.tag, f);

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CalculatorInlineTool } from './CalculatorInlineTool.svelte';
+export { default as CalculatorTool } from './CalculatorTool.svelte';

package/dist/index.js

@@ -0,0 +1,136 @@
+import { t as D } from "./CalculatorTool-DNQckBeq.js";
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { ZIndexLayer as q, connectToolRuntimeContext as K, toOverlayToolId as N } from "@pie-players/pie-assessment-toolkit";
+import { resolveInterfaceI18n as U } from "@pie-players/pie-players-shared/i18n/provider";
+import { untrack as k } from "svelte";
+var Y = e.from_html('<div class="pie-tool-calculator-inline svelte-ar9a63"><button type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="pie-tool-calculator-inline__icon svelte-ar9a63" aria-hidden="true"><path d="M7,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V4A2,2 0 0,1 7,2M7,4V8H17V4H7M7,10V12H9V10H7M11,10V12H13V10H11M15,10V12H17V10H15M7,14V16H9V14H7M11,14V16H13V14H11M15,14V16H17V14H15M7,18V20H9V18H7M11,18V20H13V18H11M15,18V20H17V18H15Z"></path></svg></button> <div class="pie-sr-only svelte-ar9a63" role="status" aria-live="polite" aria-atomic="true"> </div></div>'), Z = {
+  hash: "svelte-ar9a63",
+  code: `.pie-tool-calculator-inline.svelte-ar9a63 {display:inline-flex;align-items:center;gap:0.25rem;}.pie-tool-calculator-inline__button.svelte-ar9a63 {position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0.25rem;border:1px solid var(--pie-border, #ccc);border-radius:4px;
+		/* Button fills resolve through the button tokens, which every base theme
+		   and colour scheme sets opaque. The base light theme ships
+		   --pie-background transparent so PIE content reveals the host page. */background-color:var(--pie-button-background-color, var(--pie-button-bg, var(--pie-white, #fff)));color:var(--pie-text, #333);cursor:pointer;transition:background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;}.pie-tool-calculator-inline__button.svelte-ar9a63:hover:not(:disabled) {background-color:var(--pie-button-hover-background-color, var(--pie-button-hover-bg, var(--pie-secondary-background, #f5f5f5)));transform:translateY(-1px);box-shadow:0 2px 4px rgb(0 0 0 / 10%);}.pie-tool-calculator-inline__button.svelte-ar9a63:focus-visible {z-index:1;outline:2px solid var(--pie-button-focus-outline, #0066cc);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--pie-button-focus-outline, #0066cc) 20%, transparent);}.pie-tool-calculator-inline__button--active.svelte-ar9a63 {border-color:var(--pie-tool-trigger-active-border-color, var(--pie-primary, #1976d2));background-color:var(--pie-tool-trigger-active-background, var(--pie-primary, #1976d2));color:var(
+			--pie-tool-trigger-active-color,
+			color-mix(in srgb, var(--pie-background, #fff) var(--pie-fixed-hue-collapse, 0%), white)
+		);}.pie-tool-calculator-inline__button--active.svelte-ar9a63:hover:not(:disabled) {border-color:var(--pie-tool-trigger-active-border-color, var(--pie-primary, #1976d2));background-color:var(
+			--pie-tool-trigger-active-background,
+			color-mix(
+				in srgb,
+				var(--pie-primary, #1565c0) var(--pie-fixed-hue-collapse, 0%),
+				var(--pie-primary-dark, #1565c0)
+			)
+		);color:var(
+			--pie-tool-trigger-active-color,
+			color-mix(in srgb, var(--pie-background, #fff) var(--pie-fixed-hue-collapse, 0%), white)
+		);}.pie-tool-calculator-inline__button.svelte-ar9a63:disabled {cursor:not-allowed;opacity:0.6;}.pie-tool-calculator-inline__button--sm.svelte-ar9a63 {width:1.5rem;height:1.5rem;padding:0.625rem;}.pie-tool-calculator-inline__button--md.svelte-ar9a63 {width:2rem;height:2rem;}.pie-tool-calculator-inline__button--lg.svelte-ar9a63 {width:2.5rem;height:2.5rem;}.pie-tool-calculator-inline__icon.svelte-ar9a63 {width:1.25rem;height:1.25rem;fill:currentColor;}.pie-tool-calculator-inline__button.svelte-ar9a63:not(.pie-tool-calculator-inline__button--active):hover:not(:disabled) .pie-tool-calculator-inline__icon:where(.svelte-ar9a63) {color:var(--pie-button-hover-color, #667eea);}.pie-tool-calculator-inline__button--active.svelte-ar9a63 .pie-tool-calculator-inline__icon:where(.svelte-ar9a63) {color:var(--pie-tool-trigger-active-color, inherit);}.pie-tool-calculator-inline__button--sm.svelte-ar9a63 .pie-tool-calculator-inline__icon:where(.svelte-ar9a63) {width:1rem;height:1rem;}.pie-tool-calculator-inline__button--lg.svelte-ar9a63 .pie-tool-calculator-inline__icon:where(.svelte-ar9a63) {width:1.5rem;height:1.5rem;}.pie-sr-only.svelte-ar9a63 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
+
+	@media (prefers-reduced-motion: reduce) {.pie-tool-calculator-inline__button.svelte-ar9a63 {transition:none;}
+	}`
+};
+function j(T, i) {
+  e.push(i, !0), e.append_styles(T, Z);
+  let s = e.prop(i, "toolId", 7, "calculator-inline"), g = e.prop(i, "targetToolId", 7, ""), u = e.prop(i, "calculatorType", 7, "basic"), v = e.prop(i, "availableTypes", 7, "basic,scientific,graphing"), d = e.prop(i, "size", 7, "md");
+  const x = typeof window < "u", C = [
+    "basic",
+    "scientific",
+    "graphing"
+  ], M = {
+    basic: {
+      name: "tools.calculator.nameBasic",
+      opened: "tools.calculator.openedBasic",
+      closed: "tools.calculator.closedBasic"
+    },
+    scientific: {
+      name: "tools.calculator.nameScientific",
+      opened: "tools.calculator.openedScientific",
+      closed: "tools.calculator.closedScientific"
+    },
+    graphing: {
+      name: "tools.calculator.nameGraphing",
+      opened: "tools.calculator.openedGraphing",
+      closed: "tools.calculator.closedGraphing"
+    }
+  };
+  let c = e.state(null), b = e.state(null), h = e.state(!1), w = e.state(""), l = null, a = null;
+  const y = e.derived(() => U(e.get(b))), n = e.derived(() => e.get(b)?.toolCoordinator), A = e.derived(() => new Set(v().split(",").map((t) => t.trim()).filter(Boolean))), f = e.derived(() => e.get(A).has(u()) ? u() : "basic"), z = e.derived(() => C.includes(e.get(f)) ? e.get(f) : "basic"), m = e.derived(() => M[e.get(z)]), V = e.derived(() => e.get(y).t(e.get(m).name)), _ = e.derived(() => g() || N(s())), B = e.derived(() => d() === "sm" ? "pie-tool-calculator-inline__button--sm" : d() === "lg" ? "pie-tool-calculator-inline__button--lg" : "pie-tool-calculator-inline__button--md");
+  e.user_effect(() => {
+    if (e.get(c))
+      return K(e.get(c), (t) => {
+        e.set(b, t, !0);
+      });
+  }), e.user_effect(() => {
+    const t = e.get(n), r = s(), o = e.get(c);
+    if (!(!t || !r || !o))
+      return k(() => {
+        l && a && (l !== t || a !== r) && (l.unregisterTool(a), l = null, a = null), l || (t.registerTool(r, "Calculator Inline", o, q.TOOL), l = t, a = r);
+      }), () => {
+        l === t && a === r && (l.unregisterTool(a), l = null, a = null);
+      };
+  }), e.user_effect(() => {
+    const t = e.get(n), r = e.get(_);
+    if (!x || !t) return;
+    const o = () => {
+      e.set(h, t.isToolVisible(r), !0);
+    }, p = t.subscribe(o);
+    return k(o), p;
+  });
+  function L() {
+    if (!e.get(n)) return;
+    const t = e.get(n).isToolVisible(e.get(_));
+    e.get(n).toggleTool(e.get(_)), e.set(w, e.get(y).t(t ? e.get(m).closed : e.get(m).opened), !0);
+  }
+  var S = {
+    get toolId() {
+      return s();
+    },
+    set toolId(t = "calculator-inline") {
+      s(t), e.flush();
+    },
+    get targetToolId() {
+      return g();
+    },
+    set targetToolId(t = "") {
+      g(t), e.flush();
+    },
+    get calculatorType() {
+      return u();
+    },
+    set calculatorType(t = "basic") {
+      u(t), e.flush();
+    },
+    get availableTypes() {
+      return v();
+    },
+    set availableTypes(t = "basic,scientific,graphing") {
+      v(t), e.flush();
+    },
+    get size() {
+      return d();
+    },
+    set size(t = "md") {
+      d(t), e.flush();
+    }
+  }, I = e.comment(), O = e.first_child(I), R = (t) => {
+    var r = Y(), o = e.child(r);
+    let p;
+    var H = e.sibling(o, 2), E = e.child(H, !0);
+    e.reset(H), e.reset(r), e.bind_this(r, (G) => e.set(c, G), () => e.get(c)), e.template_effect(() => {
+      p = e.set_class(o, 1, `pie-tool-calculator-inline__button ${e.get(B) ?? ""}`, "svelte-ar9a63", p, { "pie-tool-calculator-inline__button--active": e.get(h) }), e.set_attribute(o, "aria-label", e.get(V)), e.set_attribute(o, "aria-pressed", e.get(h)), e.set_attribute(o, "title", e.get(V)), e.set_attribute(o, "data-calculator-type", e.get(f)), o.disabled = !e.get(n), e.set_text(E, e.get(w));
+    }), e.delegated("click", o, L), e.append(t, r);
+  };
+  return e.if(O, (t) => {
+    x && t(R);
+  }), e.append(T, I), e.pop(S);
+}
+e.delegate(["click"]);
+e.create_custom_element(j, {
+  toolId: {},
+  targetToolId: {},
+  calculatorType: {},
+  availableTypes: {},
+  size: {}
+}, [], [], { mode: "open" });
+export {
+  j as CalculatorInlineTool,
+  D as CalculatorTool
+};

package/package.json

@@ -0,0 +1,72 @@
+{
+	"name": "@pie-players/pie-tool-calculator-shared",
+	"version": "0.3.68",
+	"type": "module",
+	"description": "Provider-neutral calculator tool surfaces shared by PIE vendor adapters",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/pie-framework/pie-players.git",
+		"directory": "packages/tool-calculator-shared"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"keywords": [
+		"pie",
+		"assessment",
+		"tool",
+		"calculator",
+		"shared",
+		"wcag"
+	],
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js"
+		},
+		"./calculator-element": {
+			"types": "./dist/calculator-element.d.ts",
+			"import": "./dist/calculator-element.js"
+		}
+	},
+	"files": [
+		"dist",
+		"README.md"
+	],
+	"scripts": {
+		"build": "vite build",
+		"test": "bun test tests",
+		"typecheck": "tsc --noEmit",
+		"check": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings options_missing_custom_element:ignore",
+		"lint": "biome check ."
+	},
+	"license": "MIT",
+	"unpkg": "./dist/index.js",
+	"jsdelivr": "./dist/index.js",
+	"dependencies": {
+		"@pie-players/pie-assessment-toolkit": "0.3.68",
+		"@pie-players/pie-players-shared": "0.3.68",
+		"svelte": "^5.56.10"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.5.10",
+		"@sveltejs/vite-plugin-svelte": "^7.3.0",
+		"svelte": "^5.56.10",
+		"svelte-check": "^4.7.5",
+		"typescript": "^5.9.3",
+		"vite": "^8.2.1",
+		"vite-plugin-dts": "^5.0.3"
+	},
+	"homepage": "https://github.com/pie-framework/pie-players/tree/master/packages/tool-calculator-shared#readme",
+	"bugs": {
+		"url": "https://github.com/pie-framework/pie-players/issues"
+	},
+	"engines": {
+		"node": ">=20.0.0"
+	},
+	"sideEffects": [
+		"./dist/calculator-element.js"
+	]
+}