@oods/components-vue 0.3.0 → 0.3.2

package/README.md

@@ -8,7 +8,7 @@ Vue components used by screens generated with OODS Foundry. The package exports
 npm install @oods/components-vue @oods/component-styles @oods/tokens @oods/component-contracts vue
 ```
 
-Use Vue 3. Bring your existing Vue app or use Forge's `code_generate` with `options.output: "application"` for an app entry and Vite configuration.
+Use Vue 3. Bring your existing Vue app or use OODS Foundry's `code_generate` with `options.output: "application"` for an app entry and Vite configuration.
 
 ## First result
 
@@ -26,7 +26,7 @@ const review = () => window.alert('Connect this action to your application.');
 
 Set `data-brand="A"` and `data-theme="light"` on the root HTML element. The result is a button labelled “Review stock” that invokes the supplied handler. Set the theme to `dark` or `hc` for those scopes.
 
-Generated sample screens identify their sample data. A workflow's local store is not a production database; supply your data, navigation and persistence handlers. Retained component evidence covers named scenarios and themes, not every application you build. For your own implementation of a shipped component, use Forge's substitution mapping and inspect its advisory contract report.
+Generated sample screens identify their sample data. A workflow's local store is not a production database; supply your data, navigation and persistence handlers. Retained component evidence covers named scenarios and themes, not every application you build. For your own implementation of a shipped component, use OODS Foundry's substitution mapping and inspect its advisory contract report.
 
 ## Limits
 
@@ -34,4 +34,4 @@ Use matching versions of the OODS packages. These packages are separate from the
 
 ## License
 
-Apache License 2.0. See [LICENSE](LICENSE) and [NOTICE](NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
+Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/components-vue@0.3.2/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/components-vue@0.3.2/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.

package/dist/index.cjs

@@ -721,7 +721,7 @@ function createBadgeFamily(options) {
         const content = authoredContent(slots.default?.());
         const scalar = scalarContent(content);
         const read = (key) => typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? String(record[key]) : record[key];
-        const label = scalar ?? firstText(...options.labelKeys.map((key) => options.component === "CancellationBadge" && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? record[key] ? "Cancellation scheduled" : "No cancellation scheduled" : read(key))) ?? options.defaultLabel;
+        const label = scalar ?? firstText(...options.labelKeys.map((key) => options.booleanLabels && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? options.booleanLabels[record[key] ? 0 : 1] : read(key))) ?? options.defaultLabel;
         const status = firstText(...options.statusKeys.map(read));
         const variant = firstText(record.variant) ?? options.defaultVariant;
         return vue.h(Badge, {
@@ -1364,7 +1364,8 @@ var ArchivePill = createBadgeFamily({
   labelKeys: ["label", "text", "status", "state", "isArchived", "value"],
   statusKeys: ["status", "state", "isArchived", "value"],
   extraProps: ["isArchived"],
-  booleanProps: ["isArchived", "value"]
+  booleanProps: ["isArchived", "value"],
+  booleanLabels: ["Archived", "Not archived"]
 });
 var CancellationBadge = createBadgeFamily({
   component: "CancellationBadge",
@@ -1374,7 +1375,8 @@ var CancellationBadge = createBadgeFamily({
   labelKeys: ["label", "text", "status", "state", "cancelAtPeriodEnd", "value"],
   statusKeys: ["status", "state", "cancelAtPeriodEnd", "isCancelled", "value"],
   extraProps: ["cancelAtPeriodEnd", "isCancelled"],
-  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"]
+  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"],
+  booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = vue.defineComponent({
   name: "OodsArchiveSummary",
@@ -1397,7 +1399,7 @@ var PriceCardMeta = vue.defineComponent({
   setup(props, { slots }) {
     return () => {
       const content = authoredContent(slots.default?.());
-      const terms = [["Model", firstText(props.model, props.pricingModel)], ["Interval", firstText(props.interval, props.billingInterval)]].filter((entry) => entry[1] !== void 0);
+      const terms = [["Model", componentContracts.formatPriceCode(firstText(props.model, props.pricingModel))], ["Interval", componentContracts.formatPriceCode(firstText(props.interval, props.billingInterval))]].filter((entry) => entry[1] !== void 0);
       return vue.h("div", { class: "oods-price-card-meta", "data-oods-component": "PriceCardMeta", "data-meta-type": "price" }, content.length ? content : [
         vue.h("span", { "data-meta-title": "true" }, firstText(props.title, props.label, props.heading, props.name) ?? "Price"),
         ...terms.map(([term, value]) => vue.h("span", { key: term, "data-meta-item": "true" }, [vue.h("strong", `${term}:`), ` ${value}`]))

package/dist/index.js

@@ -719,7 +719,7 @@ function createBadgeFamily(options) {
         const content = authoredContent(slots.default?.());
         const scalar = scalarContent(content);
         const read = (key) => typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? String(record[key]) : record[key];
-        const label = scalar ?? firstText(...options.labelKeys.map((key) => options.component === "CancellationBadge" && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? record[key] ? "Cancellation scheduled" : "No cancellation scheduled" : read(key))) ?? options.defaultLabel;
+        const label = scalar ?? firstText(...options.labelKeys.map((key) => options.booleanLabels && typeof record[key] === "boolean" && options.booleanProps?.includes(key) ? options.booleanLabels[record[key] ? 0 : 1] : read(key))) ?? options.defaultLabel;
         const status = firstText(...options.statusKeys.map(read));
         const variant = firstText(record.variant) ?? options.defaultVariant;
         return h(Badge, {
@@ -1362,7 +1362,8 @@ var ArchivePill = createBadgeFamily({
   labelKeys: ["label", "text", "status", "state", "isArchived", "value"],
   statusKeys: ["status", "state", "isArchived", "value"],
   extraProps: ["isArchived"],
-  booleanProps: ["isArchived", "value"]
+  booleanProps: ["isArchived", "value"],
+  booleanLabels: ["Archived", "Not archived"]
 });
 var CancellationBadge = createBadgeFamily({
   component: "CancellationBadge",
@@ -1372,7 +1373,8 @@ var CancellationBadge = createBadgeFamily({
   labelKeys: ["label", "text", "status", "state", "cancelAtPeriodEnd", "value"],
   statusKeys: ["status", "state", "cancelAtPeriodEnd", "isCancelled", "value"],
   extraProps: ["cancelAtPeriodEnd", "isCancelled"],
-  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"]
+  booleanProps: ["cancelAtPeriodEnd", "isCancelled", "value"],
+  booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = defineComponent({
   name: "OodsArchiveSummary",
@@ -1395,7 +1397,7 @@ var PriceCardMeta = defineComponent({
   setup(props, { slots }) {
     return () => {
       const content = authoredContent(slots.default?.());
-      const terms = [["Model", firstText(props.model, props.pricingModel)], ["Interval", firstText(props.interval, props.billingInterval)]].filter((entry) => entry[1] !== void 0);
+      const terms = [["Model", formatPriceCode(firstText(props.model, props.pricingModel))], ["Interval", formatPriceCode(firstText(props.interval, props.billingInterval))]].filter((entry) => entry[1] !== void 0);
       return h("div", { class: "oods-price-card-meta", "data-oods-component": "PriceCardMeta", "data-meta-type": "price" }, content.length ? content : [
         h("span", { "data-meta-title": "true" }, firstText(props.title, props.label, props.heading, props.name) ?? "Price"),
         ...terms.map(([term, value]) => h("span", { key: term, "data-meta-item": "true" }, [h("strong", `${term}:`), ` ${value}`]))

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "@oods/components-vue",
-  "version": "0.3.0",
-  "description": "OODS Vue 3 component package.",
+  "version": "0.3.2",
+  "description": "Vue 3 components for OODS Foundry: the controls, layouts and domain views its generated screens use.",
+  "homepage": "https://oods-foundry.com/",
+  "bugs": {
+    "email": "derek@derekn.com"
+  },
+  "keywords": [
+    "oods",
+    "oods-foundry",
+    "vue",
+    "components",
+    "design-system",
+    "accessibility"
+  ],
   "type": "module",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.11.1"
+    "node": ">=22.0.0"
   },
   "files": [
     "dist",
@@ -41,8 +53,8 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@oods/component-contracts": "0.3.0",
-    "@oods/component-styles": "0.3.0"
+    "@oods/component-contracts": "0.3.2",
+    "@oods/component-styles": "0.3.2"
   },
   "peerDependencies": {
     "vue": "^3.5.0"