tyrell-components 1.0.0-TC52 → 1.0.0-TC53

package/lib/utils/property-manager.js

@@ -1,127 +1,127 @@
 export class PropertyManager {
-    constructor(config) {
-        this._props = new Map();
-        this._config = config;
-        this._initializeDefaults();
-    }
-    _initializeDefaults() {
-        for (const [name, config] of Object.entries(this._config)) {
-            if (config.default !== undefined) {
-                this._props.set(name, config.default);
-            }
-        }
-    }
-    hasConfig(name) {
-        return name in this._config;
-    }
-    updateProperty(name, value, source = 'property') {
-        const config = this._config[name];
-        if (!config) {
-            console.warn(`[PropertyManager] Unknown property: ${name}`);
-            return null;
-        }
-        const oldValue = this._props.get(name);
-        const coercedValue = this._coerceValue(name, value, config);
-        if (!this._validateValue(name, coercedValue, config)) {
-            console.warn(`[PropertyManager] Invalid value for ${name}:`, coercedValue);
-            return null;
-        }
-        if (this._valuesEqual(oldValue, coercedValue)) {
-            return null;
-        }
-        this._props.set(name, coercedValue);
-        const change = {
-            name,
-            oldValue,
-            newValue: coercedValue,
-            source
-        };
-        return change;
-    }
-    _coerceValue(name, value, config) {
-        if (config.coerce) {
-            return config.coerce(value);
-        }
-        if (value === null || value === undefined) {
-            return config.default ?? null;
-        }
-        switch (config.type) {
-            case 'boolean':
-                if (typeof value === 'string') {
-                    if (value === '')
-                        return true;
-                    const normalized = value.toLowerCase().trim();
-                    if (normalized === 'false' || normalized === '0')
-                        return false;
-                    return true;
-                }
-                return Boolean(value);
-            case 'number':
-                const num = Number(value);
-                return isNaN(num) ? (config.default ?? 0) : num;
-            case 'string':
-                return String(value);
-            case 'object':
-            case 'array':
-                if (typeof value === 'string') {
-                    try {
-                        return JSON.parse(value);
-                    }
-                    catch {
-                        console.warn(`[PropertyManager] Failed to parse ${name}:`, value);
-                        return config.default ?? (config.type === 'array' ? [] : {});
-                    }
-                }
-                return value;
-            default:
-                return value;
-        }
-    }
-    _validateValue(name, value, config) {
-        if (config.validate) {
-            return config.validate(value);
-        }
-        return true;
-    }
-    _valuesEqual(a, b) {
-        if (typeof a !== 'object' || typeof b !== 'object') {
-            return a === b;
-        }
-        if (a === null || b === null) {
-            return a === b;
-        }
-        try {
-            return JSON.stringify(a) === JSON.stringify(b);
-        }
-        catch {
-            return false;
-        }
-    }
-    get(name) {
-        return this._props.get(name);
-    }
-    getAll() {
-        return Object.fromEntries(this._props);
-    }
-    getConfig(name) {
-        return this._config[name];
-    }
-    isVisual(name) {
-        return this._config[name]?.visual ?? false;
-    }
-    isFormValue(name) {
-        return this._config[name]?.formValue ?? false;
-    }
-    shouldEmitChange(name) {
-        return this._config[name]?.emitChange ?? false;
-    }
-    handleAlias(aliasName, value) {
-        for (const [propName, config] of Object.entries(this._config)) {
-            if (config.aliases && aliasName in config.aliases) {
-                const aliasedValue = config.aliases[aliasName];
-                return this.updateProperty(propName, aliasedValue, 'attribute');
-            }
-        }
-        return null;
-    }
+constructor(config) {
+this._props = new Map();
+this._config = config;
+this._initializeDefaults();
+}
+_initializeDefaults() {
+for (const [name, config] of Object.entries(this._config)) {
+if (config.default !== undefined) {
+this._props.set(name, config.default);
+}
+}
+}
+hasConfig(name) {
+return name in this._config;
+}
+updateProperty(name, value, source = 'property') {
+const config = this._config[name];
+if (!config) {
+console.warn(`[PropertyManager] Unknown property: ${name}`);
+return null;
+}
+const oldValue = this._props.get(name);
+const coercedValue = this._coerceValue(name, value, config);
+if (!this._validateValue(name, coercedValue, config)) {
+console.warn(`[PropertyManager] Invalid value for ${name}:`, coercedValue);
+return null;
+}
+if (this._valuesEqual(oldValue, coercedValue)) {
+return null;
+}
+this._props.set(name, coercedValue);
+const change = {
+name,
+oldValue,
+newValue: coercedValue,
+source
+};
+return change;
+}
+_coerceValue(name, value, config) {
+if (config.coerce) {
+return config.coerce(value);
+}
+if (value === null || value === undefined) {
+return config.default ?? null;
+}
+switch (config.type) {
+case 'boolean':
+if (typeof value === 'string') {
+if (value === '')
+return true;
+const normalized = value.toLowerCase().trim();
+if (normalized === 'false' || normalized === '0')
+return false;
+return true;
+}
+return Boolean(value);
+case 'number':
+const num = Number(value);
+return isNaN(num) ? (config.default ?? 0) : num;
+case 'string':
+return String(value);
+case 'object':
+case 'array':
+if (typeof value === 'string') {
+try {
+return JSON.parse(value);
+}
+catch {
+console.warn(`[PropertyManager] Failed to parse ${name}:`, value);
+return config.default ?? (config.type === 'array' ? [] : {});
+}
+}
+return value;
+default:
+return value;
+}
+}
+_validateValue(name, value, config) {
+if (config.validate) {
+return config.validate(value);
+}
+return true;
+}
+_valuesEqual(a, b) {
+if (typeof a !== 'object' || typeof b !== 'object') {
+return a === b;
+}
+if (a === null || b === null) {
+return a === b;
+}
+try {
+return JSON.stringify(a) === JSON.stringify(b);
+}
+catch {
+return false;
+}
+}
+get(name) {
+return this._props.get(name);
+}
+getAll() {
+return Object.fromEntries(this._props);
+}
+getConfig(name) {
+return this._config[name];
+}
+isVisual(name) {
+return this._config[name]?.visual ?? false;
+}
+isFormValue(name) {
+return this._config[name]?.formValue ?? false;
+}
+shouldEmitChange(name) {
+return this._config[name]?.emitChange ?? false;
+}
+handleAlias(aliasName, value) {
+for (const [propName, config] of Object.entries(this._config)) {
+if (config.aliases && aliasName in config.aliases) {
+const aliasedValue = config.aliases[aliasName];
+return this.updateProperty(propName, aliasedValue, 'attribute');
+}
+}
+return null;
+}
 }

package/lib/utils/resize-observer.js

@@ -1,35 +1,35 @@
 const sizes = new Map();
 const callbacks = new Map();
 export function getSize(id) {
-    return sizes.get(id);
+return sizes.get(id);
 }
 export function onResize(id, callback) {
-    if (!callbacks.has(id)) {
-        callbacks.set(id, new Set());
-    }
-    callbacks.get(id).add(callback);
-    const current = sizes.get(id);
-    if (current)
-        callback(current);
-    return () => {
-        callbacks.get(id)?.delete(callback);
-        if (callbacks.get(id)?.size === 0) {
-            callbacks.delete(id);
-        }
-    };
+if (!callbacks.has(id)) {
+callbacks.set(id, new Set());
+}
+callbacks.get(id).add(callback);
+const current = sizes.get(id);
+if (current)
+callback(current);
+return () => {
+callbacks.get(id)?.delete(callback);
+if (callbacks.get(id)?.size === 0) {
+callbacks.delete(id);
+}
+};
 }
 export function getAllSizes() {
-    return Object.fromEntries(sizes);
+return Object.fromEntries(sizes);
 }
 export function updateSize(id, width, height) {
-    sizes.set(id, { width, height });
-    const cbs = callbacks.get(id);
-    if (cbs) {
-        const size = { width, height };
-        cbs.forEach(cb => cb(size));
-    }
+sizes.set(id, { width, height });
+const cbs = callbacks.get(id);
+if (cbs) {
+const size = { width, height };
+cbs.forEach(cb => cb(size));
+}
 }
 export function removeSize(id) {
-    sizes.delete(id);
-    callbacks.delete(id);
+sizes.delete(id);
+callbacks.delete(id);
 }

package/lib/utils/scroll-lock.js

@@ -1,89 +1,89 @@
 const lockState = {
-    locked: false,
-    scrollY: 0,
-    activeLocks: new Set(),
+locked: false,
+scrollY: 0,
+activeLocks: new Set(),
 };
 function getBodyEl() {
-    return document.body;
+return document.body;
 }
 function getDocEl() {
-    return document.documentElement;
+return document.documentElement;
 }
 function getScrollY() {
-    return window.scrollY || getDocEl().scrollTop || 0;
+return window.scrollY || getDocEl().scrollTop || 0;
 }
 function getScrollbarWidth() {
-    return window.innerWidth - getDocEl().clientWidth;
+return window.innerWidth - getDocEl().clientWidth;
 }
 function lockBodyFixed() {
-    if (lockState.locked)
-        return;
-    const scrollbarWidth = getScrollbarWidth();
-    const docEl = getDocEl();
-    if (window.tyScrollDebug) {
-        console.log('🔒 Locking body scroll:', { scrollbarWidth });
-    }
-    lockState.scrollY = getScrollY();
-    lockState.locked = true;
-    docEl.style.overflow = 'hidden';
-    if (scrollbarWidth > 0) {
-        docEl.style.paddingRight = `${scrollbarWidth}px`;
-    }
-    docEl.classList.add('ty-scroll-locked');
+if (lockState.locked)
+return;
+const scrollbarWidth = getScrollbarWidth();
+const docEl = getDocEl();
+if (window.tyScrollDebug) {
+console.log('🔒 Locking body scroll:', { scrollbarWidth });
+}
+lockState.scrollY = getScrollY();
+lockState.locked = true;
+docEl.style.overflow = 'hidden';
+if (scrollbarWidth > 0) {
+docEl.style.paddingRight = `${scrollbarWidth}px`;
+}
+docEl.classList.add('ty-scroll-locked');
 }
 function unlockBodyFixed() {
-    if (!lockState.locked)
-        return;
-    const docEl = getDocEl();
-    if (window.tyScrollDebug) {
-        console.log('🔓 Unlocking body scroll');
-    }
-    docEl.classList.remove('ty-scroll-locked');
-    docEl.style.overflow = '';
-    docEl.style.paddingRight = '';
-    lockState.locked = false;
+if (!lockState.locked)
+return;
+const docEl = getDocEl();
+if (window.tyScrollDebug) {
+console.log('🔓 Unlocking body scroll');
+}
+docEl.classList.remove('ty-scroll-locked');
+docEl.style.overflow = '';
+docEl.style.paddingRight = '';
+lockState.locked = false;
 }
 export function lockScroll(componentId) {
-    if (lockState.activeLocks.has(componentId))
-        return;
-    lockState.activeLocks.add(componentId);
-    if (lockState.activeLocks.size === 1) {
-        lockBodyFixed();
-    }
+if (lockState.activeLocks.has(componentId))
+return;
+lockState.activeLocks.add(componentId);
+if (lockState.activeLocks.size === 1) {
+lockBodyFixed();
+}
 }
 export function unlockScroll(componentId) {
-    if (!lockState.activeLocks.has(componentId))
-        return;
-    lockState.activeLocks.delete(componentId);
-    if (lockState.activeLocks.size === 0) {
-        unlockBodyFixed();
-    }
+if (!lockState.activeLocks.has(componentId))
+return;
+lockState.activeLocks.delete(componentId);
+if (lockState.activeLocks.size === 0) {
+unlockBodyFixed();
+}
 }
 export function forceUnlockAll() {
-    lockState.activeLocks.clear();
-    unlockBodyFixed();
+lockState.activeLocks.clear();
+unlockBodyFixed();
 }
 export function enableDebug() {
-    console.log('🔍 CSS Scroll lock debugging enabled');
-    window.tyScrollDebug = true;
+console.log('🔍 CSS Scroll lock debugging enabled');
+window.tyScrollDebug = true;
 }
 export function disableDebug() {
-    console.log('🔍 CSS Scroll lock debugging disabled');
-    window.tyScrollDebug = false;
+console.log('🔍 CSS Scroll lock debugging disabled');
+window.tyScrollDebug = false;
 }
 export function getActiveLocks() {
-    return new Set(lockState.activeLocks);
+return new Set(lockState.activeLocks);
 }
 export function isLocked() {
-    return lockState.locked;
+return lockState.locked;
 }
 export function isLockedBy(componentId) {
-    return lockState.activeLocks.has(componentId);
+return lockState.activeLocks.has(componentId);
 }
 export function getLockState() {
-    return {
-        locked: lockState.locked,
-        scrollY: lockState.scrollY,
-        activeLocks: Array.from(lockState.activeLocks),
-    };
+return {
+locked: lockState.locked,
+scrollY: lockState.scrollY,
+activeLocks: Array.from(lockState.activeLocks),
+};
 }

package/lib/utils/styles.js

@@ -1,22 +1,22 @@
 const styleCache = new Map();
 export function ensureStyles(shadowRoot, styleContent) {
-    const { css, id } = styleContent;
-    let sheet;
-    if (id && styleCache.has(id)) {
-        sheet = styleCache.get(id);
-    }
-    else {
-        sheet = new CSSStyleSheet();
-        sheet.replaceSync(css);
-        if (id) {
-            styleCache.set(id, sheet);
-        }
-    }
-    const existing = shadowRoot.adoptedStyleSheets || [];
-    if (!existing.includes(sheet)) {
-        shadowRoot.adoptedStyleSheets = [...existing, sheet];
-    }
+const { css, id } = styleContent;
+let sheet;
+if (id && styleCache.has(id)) {
+sheet = styleCache.get(id);
+}
+else {
+sheet = new CSSStyleSheet();
+sheet.replaceSync(css);
+if (id) {
+styleCache.set(id, sheet);
+}
+}
+const existing = shadowRoot.adoptedStyleSheets || [];
+if (!existing.includes(sheet)) {
+shadowRoot.adoptedStyleSheets = [...existing, sheet];
+}
 }
 export function buildClassList(...classes) {
-    return classes.filter(Boolean).join(' ');
+return classes.filter(Boolean).join(' ');
 }

package/lib/version.d.ts

@@ -4,4 +4,4 @@
  * This is automatically synced with package.json during build.
  * Use `npm version` to bump versions.
  */
-export declare const VERSION = "1.0.0-TC52";
+export declare const VERSION = "1.0.0-TC53";

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '1.0.0-TC52';
+export const VERSION = '1.0.0-TC53';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tyrell-components",
-  "version": "1.0.0-TC52",
+  "version": "1.0.0-TC53",
   "description": "Tyrell Components - Framework-agnostic web components with semantic design system",
   "type": "module",
   "sideEffects": [
@@ -134,9 +134,9 @@
   "scripts": {
     "dev": "vite",
     "generate:version": "node scripts/generate-version.js",
-    "build:lib": "npm run generate:version && tsc --project tsconfig.lib.json && tsc --project tsconfig.lib.dts.json",
-    "build:cdn": "npm run generate:version && vite build --config vite.config.cdn.ts && cp css/tyrell.css dist/tyrell.css && cp css/tyrell-theme.css dist/tyrell-theme.css && cp css/tyrell-colors-static.css dist/tyrell-colors-static.css",
-    "build:dev": "npm run generate:version && vite build --config vite.config.dev.ts && cp css/tyrell.css dist/tyrell.css && cp css/tyrell-theme.css dist/tyrell-theme.css && cp css/tyrell-colors-static.css dist/tyrell-colors-static.css",
+    "build:lib": "npm run generate:version && tsc --project tsconfig.lib.json && tsc --project tsconfig.lib.dts.json && node scripts/strip-lib-comments.mjs",
+    "build:cdn": "npm run generate:version && vite build --config vite.config.cdn.ts && esbuild css/tyrell.css css/tyrell-theme.css css/tyrell-colors-static.css --minify --outdir=dist",
+    "build:dev": "npm run generate:version && vite build --config vite.config.dev.ts && esbuild css/tyrell.css css/tyrell-theme.css css/tyrell-colors-static.css --minify --outdir=dist",
     "build:dev:watch": "vite build --config vite.config.dev.ts --watch",
     "build": "npm run build:lib && npm run build:cdn",
     "prepublishOnly": "npm run build",