@vanelsas/baredom 2.7.0 → 2.8.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 All notable changes to BareDOM will be documented in this file.
 
+## [2.8.0] - 2026-05-06
+
+### Added
+
+- **x-i18n / x-i18n-provider** — Translation components. `x-i18n-provider` holds the dictionary and active locale; `x-i18n` renders a translated string for a given key with parameter interpolation.
+- **x-kinetic-canvas** — Animated background component (canvas-based, motion-respecting).
+- **x-multi-combobox** — Combobox variant with multi-select chips, keyboard navigation, and a cancelable `change-request` event.
+
+### Changed
+
+- **Internal architecture audit** — 18 PRs across the component library: `event-schema` defs added to every model, lifecycle callbacks normalized to `!`-suffix `defn-` form, `^js` hints filled in for Closure Advanced safety, event dispatch routed through `du/dispatch!` / `du/dispatch-cancelable!`, and property accessors migrated to `du/define-*-prop!` helpers. 36 components now register properties via the one-line data-driven `du/install-properties!` (Tier 0). Net several thousand lines removed. **No public API changes.**
+- **Tier 0/1/2 property-accessor taxonomy** — Documented in `CLAUDE.md` and `docs/REGISTRATION.md` so contributors pick the simplest registration tier per component.
+- **Pre-commit hook** — Now auto-regenerates the Angular adapter when `src/` changes.
+
+### Fixed
+
+- **x-combobox / x-multi-combobox** — Render pipeline now applies the model-change guard, preventing infinite `attributeChangedCallback` recursion.
+- **x-kinetic-typography** — SVG path `d` attribute is now sanitized via `mu/sanitize-svg-path-d`.
+- **x-i18n-provider** — Internal state encapsulated behind the public API.
+- **x-kinetic-canvas docs** — CSS custom property defaults synced with implementation.
+- **x-icon** — Property test now forwards `:default` in `install-properties!` for string props.
+
 ## [2.7.0] - 2026-05-02
 
 ### Changed

package/custom-elements.json

@@ -572,6 +572,119 @@
         "name" : "XDrawer"
       }
     } ]
+  }, {
+    "kind" : "javascript-module",
+    "path" : "dist/x-multi-combobox.js",
+    "declarations" : [ {
+      "kind" : "class",
+      "name" : "XMultiCombobox",
+      "tagName" : "x-multi-combobox",
+      "superclass" : {
+        "name" : "HTMLElement"
+      },
+      "members" : [ {
+        "kind" : "field",
+        "name" : "value",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "placeholder",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "name",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "disabled",
+        "type" : {
+          "text" : "boolean"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "required",
+        "type" : {
+          "text" : "boolean"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "open",
+        "type" : {
+          "text" : "boolean"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "placement",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "max",
+        "type" : {
+          "text" : "number"
+        }
+      }, {
+        "kind" : "method",
+        "name" : "show",
+        "return" : {
+          "type" : {
+            "text" : "void"
+          }
+        }
+      }, {
+        "kind" : "method",
+        "name" : "hide",
+        "return" : {
+          "type" : {
+            "text" : "void"
+          }
+        }
+      } ],
+      "events" : [ {
+        "name" : "x-multi-combobox-change-request",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-multi-combobox-change",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-multi-combobox-input",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-multi-combobox-toggle",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      } ],
+      "slots" : [ {
+        "name" : ""
+      } ]
+    } ],
+    "exports" : [ {
+      "kind" : "js",
+      "name" : "init",
+      "declaration" : {
+        "name" : "init"
+      }
+    }, {
+      "kind" : "custom-element-definition",
+      "name" : "x-multi-combobox",
+      "declaration" : {
+        "name" : "XMultiCombobox"
+      }
+    } ]
   }, {
     "kind" : "javascript-module",
     "path" : "dist/x-skeleton-group.js",
@@ -1202,7 +1315,17 @@
           "text" : "any"
         }
       } ],
-      "events" : [ ],
+      "events" : [ {
+        "name" : "x-chart-select",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-chart-hover",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      } ],
       "slots" : [ {
         "name" : ""
       } ]
@@ -2549,16 +2672,41 @@
         "kind" : "field",
         "name" : "offset",
         "type" : {
-          "text" : "number"
+          "text" : "string"
         }
       }, {
         "kind" : "field",
         "name" : "zIndex",
         "type" : {
-          "text" : "number"
+          "text" : "string"
+        }
+      } ],
+      "events" : [ {
+        "name" : "x-context-menu-open-request",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-context-menu-open",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-context-menu-close-request",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-context-menu-close",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-context-menu-select",
+        "type" : {
+          "text" : "CustomEvent"
         }
       } ],
-      "events" : [ ],
       "slots" : [ {
         "name" : ""
       } ]
@@ -3748,7 +3896,22 @@
           "text" : "boolean"
         }
       } ],
-      "events" : [ ],
+      "events" : [ {
+        "name" : "x-date-picker-input",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-date-picker-change-request",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-date-picker-change",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      } ],
       "slots" : [ {
         "name" : ""
       } ]
@@ -3952,6 +4115,76 @@
         "name" : "XGrid"
       }
     } ]
+  }, {
+    "kind" : "javascript-module",
+    "path" : "dist/x-i18n-provider.js",
+    "declarations" : [ {
+      "kind" : "class",
+      "name" : "XI18nProvider",
+      "tagName" : "x-i18n-provider",
+      "superclass" : {
+        "name" : "HTMLElement"
+      },
+      "members" : [ {
+        "kind" : "field",
+        "name" : "src",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "locale",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "fallbackLocale",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "method",
+        "name" : "translateSubtree",
+        "return" : {
+          "type" : {
+            "text" : "void"
+          }
+        }
+      } ],
+      "events" : [ {
+        "name" : "x-i18n-loading",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-i18n-change",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      }, {
+        "name" : "x-i18n-error",
+        "type" : {
+          "text" : "CustomEvent"
+        }
+      } ],
+      "slots" : [ {
+        "name" : ""
+      } ]
+    } ],
+    "exports" : [ {
+      "kind" : "js",
+      "name" : "init",
+      "declaration" : {
+        "name" : "init"
+      }
+    }, {
+      "kind" : "custom-element-definition",
+      "name" : "x-i18n-provider",
+      "declaration" : {
+        "name" : "XI18nProvider"
+      }
+    } ]
   }, {
     "kind" : "javascript-module",
     "path" : "dist/x-modal.js",
@@ -4682,6 +4915,71 @@
         "name" : "XCombobox"
       }
     } ]
+  }, {
+    "kind" : "javascript-module",
+    "path" : "dist/x-kinetic-canvas.js",
+    "declarations" : [ {
+      "kind" : "class",
+      "name" : "XKineticCanvas",
+      "tagName" : "x-kinetic-canvas",
+      "superclass" : {
+        "name" : "HTMLElement"
+      },
+      "members" : [ {
+        "kind" : "field",
+        "name" : "type",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "variant",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "speed",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "density",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "fullscreen",
+        "type" : {
+          "text" : "boolean"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "paused",
+        "type" : {
+          "text" : "boolean"
+        }
+      } ],
+      "events" : [ ],
+      "slots" : [ {
+        "name" : ""
+      } ]
+    } ],
+    "exports" : [ {
+      "kind" : "js",
+      "name" : "init",
+      "declaration" : {
+        "name" : "init"
+      }
+    }, {
+      "kind" : "custom-element-definition",
+      "name" : "x-kinetic-canvas",
+      "declaration" : {
+        "name" : "XKineticCanvas"
+      }
+    } ]
   }, {
     "kind" : "javascript-module",
     "path" : "dist/x-text-area.js",
@@ -4833,6 +5131,47 @@
         "name" : "XTypography"
       }
     } ]
+  }, {
+    "kind" : "javascript-module",
+    "path" : "dist/x-i18n.js",
+    "declarations" : [ {
+      "kind" : "class",
+      "name" : "XI18n",
+      "tagName" : "x-i18n",
+      "superclass" : {
+        "name" : "HTMLElement"
+      },
+      "members" : [ {
+        "kind" : "field",
+        "name" : "key",
+        "type" : {
+          "text" : "string"
+        }
+      }, {
+        "kind" : "field",
+        "name" : "params",
+        "type" : {
+          "text" : "string"
+        }
+      } ],
+      "events" : [ ],
+      "slots" : [ {
+        "name" : ""
+      } ]
+    } ],
+    "exports" : [ {
+      "kind" : "js",
+      "name" : "init",
+      "declaration" : {
+        "name" : "init"
+      }
+    }, {
+      "kind" : "custom-element-definition",
+      "name" : "x-i18n",
+      "declaration" : {
+        "name" : "XI18n"
+      }
+    } ]
   }, {
     "kind" : "javascript-module",
     "path" : "dist/x-metaball-cursor.js",

package/dist/baredom.d.ts

@@ -7,6 +7,7 @@ export { XStepper } from "./x-stepper";
 export { XSpinner } from "./x-spinner";
 export { XScrollTimeline } from "./x-scroll-timeline";
 export { XDrawer } from "./x-drawer";
+export { XMultiCombobox } from "./x-multi-combobox";
 export { XSkeletonGroup } from "./x-skeleton-group";
 export { XRippleEffect } from "./x-ripple-effect";
 export { XPopover } from "./x-popover";
@@ -55,6 +56,7 @@ export { XDatePicker } from "./x-date-picker";
 export { XTimelineItem } from "./x-timeline-item";
 export { XOrganicDivider } from "./x-organic-divider";
 export { XGrid } from "./x-grid";
+export { XI18nProvider } from "./x-i18n-provider";
 export { XModal } from "./x-modal";
 export { XFileDownload } from "./x-file-download";
 export { XWelcomeTour } from "./x-welcome-tour";
@@ -63,8 +65,10 @@ export { XMorphStack } from "./x-morph-stack";
 export { XScrollParallax } from "./x-scroll-parallax";
 export { XParticleButton } from "./x-particle-button";
 export { XCombobox } from "./x-combobox";
+export { XKineticCanvas } from "./x-kinetic-canvas";
 export { XTextArea } from "./x-text-area";
 export { XTypography } from "./x-typography";
+export { XI18n } from "./x-i18n";
 export { XMetaballCursor } from "./x-metaball-cursor";
 export { XMenu } from "./x-menu";
 export { XLiquidGlass } from "./x-liquid-glass";