@adia-ai/web-components 0.8.40 → 0.8.41

package/traits/haptic-feedback/haptic-feedback.js

@@ -7,6 +7,7 @@ export const hapticFeedback = defineTrait({
   attributes: ['data-haptic-feedback-active'],
   events: [],
   config: ['data-haptic-pattern'],
+  prefixes: ['haptic'], // ADR-0060 — grandfathered: data-haptic-pattern predates data-haptic-feedback-*
   setup({ host }) {
     if (!navigator.vibrate) {
       return () => {};

package/traits/input-mask/input-mask.js

@@ -201,6 +201,7 @@ export const inputMask = defineTrait({
   attributes: ['data-input-mask-active', 'data-input-mask-complete'],
   events: ['mask-commit'],
   config: ['data-mask-pattern', 'data-mask-strip-on-commit'],
+  prefixes: ['mask'], // ADR-0060 — grandfathered: config uses data-mask-*, not data-input-mask-*
   setup({ host }) {
     function readPattern() {
       return resolvePattern(host.getAttribute('data-mask-pattern') || '');

package/traits/intersection-observer/intersection-observer.js

@@ -7,6 +7,7 @@ export const intersectionObserver = defineTrait({
   attributes: ['data-intersection-visible', 'data-intersection-ratio'],
   events: ['element-visible', 'element-hidden'],
   config: ['data-intersection-threshold'],
+  prefixes: ['intersection'], // ADR-0060 — grandfathered: config/attrs use data-intersection-*, not data-intersection-observer-*
   setup({ host }) {
     // No-op in environments lacking IntersectionObserver (older Safari,
     // happy-dom without polyfill). Trait becomes inert rather than throwing.

package/traits/layout-animation/layout-animation.js

@@ -37,6 +37,7 @@ export const layoutAnimation = defineTrait({
     'data-layout-animate-easing',
     'data-layout-animate-trigger',
   ],
+  prefixes: ['layout-animate'], // ADR-0060 — grandfathered: config uses data-layout-animate-*, not data-layout-animation-*
   setup({ host }) {
     let snapshot = null;          // last captured DOMRect-shaped {x,y,w,h}
     let activeAnimation = null;   // the in-flight Web Animation

package/traits/noise-texture/noise-texture.js

@@ -7,6 +7,7 @@ export const noiseTexture = defineTrait({
   attributes: ['data-noise-texture-active'],
   events: [],
   config: ['data-noise-strength'],
+  prefixes: ['noise'], // ADR-0060 — grandfathered: data-noise-strength predates data-noise-texture-*
   setup({ host }) {
     // Strength governs the SVG rect's opacity (0..1). Default 0.15 — visibly
     // textured without dominating the underlying surface. Earlier defaults

package/traits/resize-observer/resize-observer.js

@@ -7,6 +7,7 @@ export const resizeObserver = defineTrait({
   attributes: ['data-resize-observer-observed', 'data-resize-width', 'data-resize-height'],
   events: ['element-resize'],
   config: [],
+  prefixes: ['resize'], // ADR-0060 — grandfathered; grazes shells' bare `data-resize` drag handle + table's `data-resize-handle` (burn-down, not a fail)
   setup({ host }) {
     // Guard for older browsers + non-DOM test environments (happy-dom, jsdom
     // without polyfill). The trait becomes a no-op rather than throwing on

package/traits/scroll-progress/scroll-progress.js

@@ -30,6 +30,7 @@ export const scrollProgress = defineTrait({
   attributes: ['data-scroll-progress-active', 'data-scroll-progress'],
   events: ['scroll-progress'],
   config: ['data-scroll-progress-mode', 'data-scroll-container'],
+  prefixes: ['scroll-container'], // ADR-0060 — grandfathered: data-scroll-container is outside data-scroll-progress-*
   setup({ host }) {
     const mode = host.getAttribute('data-scroll-progress-mode') || 'in-view';
     const containerSelector = host.getAttribute('data-scroll-container');

package/traits/snap-to-grid/snap-to-grid.js

@@ -7,6 +7,7 @@ export const snapToGrid = defineTrait({
   attributes: ['data-snap-to-grid-snapped'],
   events: [],
   config: ['data-snap-grid'],
+  prefixes: ['snap-grid'], // ADR-0060 — grandfathered: data-snap-grid is outside data-snap-to-grid-*
   setup({ host }) {
     const gridSize = parseInt(host.getAttribute('data-snap-grid'), 10) || 16;
 

package/traits/sound-feedback/sound-feedback.js

@@ -7,6 +7,7 @@ export const soundFeedback = defineTrait({
   attributes: ['data-sound-feedback-active'],
   events: [],
   config: ['data-sound-type'],
+  prefixes: ['sound'], // ADR-0060 — grandfathered: data-sound-type predates data-sound-feedback-*
   setup({ host }) {
     const soundType = host.getAttribute('data-sound-type');
     let audio = null;

package/traits/spring-animate/spring-animate.js

@@ -7,6 +7,7 @@ export const springAnimate = defineTrait({
   attributes: ['data-spring-animate-active'],
   events: [],
   config: ['data-spring-stiffness', 'data-spring-damping'],
+  prefixes: ['spring'], // ADR-0060 — grandfathered: data-spring-stiffness/damping predate data-spring-animate-*
   setup({ host }) {
     const stiffness = parseFloat(host.getAttribute('data-spring-stiffness')) || 180;
     const damping = parseFloat(host.getAttribute('data-spring-damping')) || 12;

package/traits/validation/validation.js

@@ -79,6 +79,7 @@ export const validation = defineTrait({
   attributes: ['data-validation-invalid', 'data-validation-valid', 'data-validation-message'],
   events: ['validated'],
   config: ['data-validate'],
+  prefixes: ['validate'], // ADR-0060 — grandfathered: data-validate predates data-validation-*
   setup({ host }) {
     function validate() {
       const rulesStr = host.getAttribute('data-validate') || '';