@pie-players/pie-tool-calculator-shared 0.3.75 → 1.0.0-beta.1

package/README.md

@@ -16,12 +16,14 @@ Desmos-named package remains a compatibility entry for the same guarded
 registration. The entry bundles its own Svelte runtime and never resolves the
 host's. It is the package's only entry.
 
-Provider packages wrap the calculator and inline shells in their own
-custom-element tags. The shell finds its provider under its base tool id through the toolkit runtime context, so the
-calculator tool config selects the vendor; the shells are unpublished, and each wrapper compiles them
-from source onto the one Svelte runtime it bundles. Applications normally
-install a provider package, not this package directly, unless they
-intentionally want the generic element.
+The Svelte shells are not exported. This package compiles the calculator shell
+into `<pie-tool-calculator>`, and
+`@pie-players/pie-tool-calculator-inline-desmos` compiles the inline shell from
+source into `<pie-tool-calculator-inline>`, each onto the one Svelte runtime its
+entry bundles. Each shell finds its provider under its base tool id through the
+toolkit runtime context, so the calculator tool config selects the vendor. The
+packaged tool set in `@pie-players/pie-default-tool-loaders` loads
+`<pie-tool-calculator>`; the inline button is installed separately.
 
 The shared inline trigger owns these component-level active-state theme hooks:
 
@@ -29,11 +31,13 @@ The shared inline trigger owns these component-level active-state theme hooks:
 - `--pie-tool-trigger-active-border-color`
 - `--pie-tool-trigger-active-color`
 
+All three are registered `component-public` tokens.
+
 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.
+theme and color scheme sets those opaque. `--pie-background` is the page token a
+host may point at its own backdrop, so it does not reach this fill.
 
 Vendor wrappers inherit the same WCAG-focused focus, pressed-state, reduced
 motion, and touch-target behavior.

package/custom-elements.json

@@ -0,0 +1,129 @@
+{
+	"schemaVersion": "2.1.0",
+	"modules": [
+		{
+			"kind": "javascript-module",
+			"path": "dist/calculator-element.js",
+			"declarations": [
+				{
+					"kind": "class",
+					"description": "Calculator panel, rendered into its light DOM. The toolkit coordinator in the runtime context supplies the calculator provider registered under the base of `tool-id`; the panel mounts a `calculator-type` calculator from it, limited to `available-types`, with `calculatorConfig` as the provider's options. The host shows it with `visible`; the panel shows a loading or error message until the calculator mounts, then the provider's attribution link when it declares one.",
+					"name": "CalculatorElement",
+					"tagName": "pie-tool-calculator",
+					"customElement": true,
+					"members": [
+						{
+							"kind": "field",
+							"name": "visible",
+							"type": {
+								"text": "boolean"
+							},
+							"default": "false",
+							"attribute": "visible"
+						},
+						{
+							"kind": "field",
+							"name": "toolId",
+							"type": {
+								"text": "string"
+							},
+							"default": "'calculator'",
+							"attribute": "tool-id"
+						},
+						{
+							"kind": "field",
+							"name": "calculatorType",
+							"type": {
+								"text": "CalculatorType"
+							},
+							"default": "'basic'",
+							"attribute": "calculator-type"
+						},
+						{
+							"kind": "field",
+							"name": "availableTypes",
+							"type": {
+								"text": "CalculatorType[] | string"
+							},
+							"default": "['basic', 'scientific', 'graphing']",
+							"attribute": "available-types"
+						},
+						{
+							"kind": "field",
+							"name": "calculatorConfig",
+							"type": {
+								"text": "CalculatorProviderConfig"
+							},
+							"default": "{}",
+							"attribute": "calculatorconfig"
+						}
+					],
+					"attributes": [
+						{
+							"name": "visible",
+							"type": {
+								"text": "boolean"
+							},
+							"default": "false",
+							"fieldName": "visible"
+						},
+						{
+							"name": "tool-id",
+							"type": {
+								"text": "string"
+							},
+							"default": "'calculator'",
+							"fieldName": "toolId"
+						},
+						{
+							"name": "calculator-type",
+							"type": {
+								"text": "string"
+							},
+							"default": "'basic'",
+							"fieldName": "calculatorType"
+						},
+						{
+							"name": "available-types",
+							"type": {
+								"text": "CalculatorType[] | string"
+							},
+							"default": "['basic', 'scientific', 'graphing']",
+							"fieldName": "availableTypes"
+						},
+						{
+							"name": "calculatorconfig",
+							"type": {
+								"text": "CalculatorProviderConfig"
+							},
+							"default": "{}",
+							"fieldName": "calculatorConfig"
+						}
+					],
+					"x-pie": {
+						"shadow": "none",
+						"classes": [
+							"pie-tool-calculator",
+							"pie-tool-calculator--attributed",
+							"pie-tool-calculator__attribution",
+							"pie-tool-calculator__container",
+							"pie-tool-calculator__context-host",
+							"pie-tool-calculator__error-details",
+							"pie-tool-calculator__loading",
+							"pie-tool-calculator__loading--error"
+						]
+					}
+				}
+			],
+			"exports": [
+				{
+					"kind": "custom-element-definition",
+					"name": "pie-tool-calculator",
+					"declaration": {
+						"name": "CalculatorElement"
+					}
+				}
+			]
+		}
+	]
+}