@tmorrow/cre8-wc 2.0.3 → 2.0.5

package/lib/a2ui/index.d.ts

@@ -0,0 +1,5 @@
+export type { CatalogComponentDef, CatalogSchema, ComponentSpec, EmittedEvent, EventBinding, PropSchema, RegisteredCatalog, } from './types.js';
+export { registerCatalog, validateSpec } from './registry.js';
+export { render } from './renderer.js';
+export type { RenderOptions } from './renderer.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/a2ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../a2ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/lib/a2ui/index.js

@@ -0,0 +1,3 @@
+export { registerCatalog, validateSpec } from './registry.js';
+export { render } from './renderer.js';
+//# sourceMappingURL=index.js.map

package/lib/a2ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../a2ui/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export type {\n  CatalogComponentDef,\n  CatalogSchema,\n  ComponentSpec,\n  EmittedEvent,\n  EventBinding,\n  PropSchema,\n  RegisteredCatalog,\n} from './types.js';\nexport { registerCatalog, validateSpec } from './registry.js';\nexport { render } from './renderer.js';\nexport type { RenderOptions } from './renderer.js';\n"]}

package/lib/a2ui/registry.d.ts

@@ -0,0 +1,4 @@
+import type { CatalogSchema, ComponentSpec, RegisteredCatalog } from './types.js';
+export declare function registerCatalog(schema: CatalogSchema): RegisteredCatalog;
+export declare function validateSpec(spec: unknown, catalog: RegisteredCatalog, path?: string): asserts spec is ComponentSpec;
+//# sourceMappingURL=registry.d.ts.map

package/lib/a2ui/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../a2ui/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAc,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9F,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,iBAAiB,CAKxE;AA+FD,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,SAAM,GAAG,OAAO,CAAC,IAAI,IAAI,aAAa,CA+EjH"}

package/lib/a2ui/registry.js

@@ -0,0 +1,167 @@
+export function registerCatalog(schema) {
+    const defs = schema.$defs?.components ?? {};
+    const components = new Map(Object.entries(defs));
+    const id = schema['x-a2ui']?.catalogId ?? schema.$id ?? 'unknown';
+    return { id, schema, components };
+}
+function validatePropValue(value, schema, path) {
+    if (value === undefined || value === null)
+        return;
+    if (!schema)
+        return;
+    if (schema.const !== undefined && value !== schema.const) {
+        throw new Error(`${path}: expected const ${JSON.stringify(schema.const)}, got ${JSON.stringify(value)}`);
+    }
+    if (schema.enum && !schema.enum.includes(value)) {
+        const allowed = schema.enum.map((v) => JSON.stringify(v)).join(', ');
+        throw new Error(`${path}: value ${JSON.stringify(value)} not in enum [${allowed}]`);
+    }
+    if (schema.oneOf && schema.oneOf.length) {
+        const errors = [];
+        for (const branch of schema.oneOf) {
+            try {
+                validatePropValue(value, branch, path);
+                return;
+            }
+            catch (e) {
+                errors.push(e.message);
+            }
+        }
+        throw new Error(`${path}: value ${JSON.stringify(value)} matched none of oneOf branches: ${errors.join(' | ')}`);
+    }
+    const types = Array.isArray(schema.type) ? schema.type : schema.type ? [schema.type] : [];
+    if (types.length && !types.some((t) => matchesType(t, value))) {
+        throw new Error(`${path}: expected type ${types.join('|')}, got ${describeType(value)}`);
+    }
+    if (Array.isArray(value) && schema.items) {
+        value.forEach((item, i) => validatePropValue(item, schema.items, `${path}[${i}]`));
+    }
+    if (typeof value === 'object' &&
+        value !== null &&
+        !Array.isArray(value) &&
+        schema.properties) {
+        const obj = value;
+        if (schema.required) {
+            for (const req of schema.required) {
+                if (!(req in obj)) {
+                    throw new Error(`${path}.${req}: required property missing`);
+                }
+            }
+        }
+        for (const [key, childVal] of Object.entries(obj)) {
+            const childSchema = schema.properties[key];
+            if (!childSchema) {
+                if (schema.additionalProperties === false) {
+                    throw new Error(`${path}.${key}: unexpected property`);
+                }
+                continue;
+            }
+            validatePropValue(childVal, childSchema, `${path}.${key}`);
+        }
+    }
+}
+function matchesType(t, v) {
+    switch (t) {
+        case 'string':
+            return typeof v === 'string';
+        case 'number':
+            return typeof v === 'number' && Number.isFinite(v);
+        case 'integer':
+            return typeof v === 'number' && Number.isInteger(v);
+        case 'boolean':
+            return typeof v === 'boolean';
+        case 'array':
+            return Array.isArray(v);
+        case 'object':
+            return typeof v === 'object' && v !== null && !Array.isArray(v);
+        case 'null':
+            return v === null;
+        default:
+            return true;
+    }
+}
+function describeType(v) {
+    if (v === null)
+        return 'null';
+    if (Array.isArray(v))
+        return 'array';
+    return typeof v;
+}
+export function validateSpec(spec, catalog, path = '$') {
+    if (!spec || typeof spec !== 'object') {
+        throw new Error(`${path}: spec must be an object`);
+    }
+    const s = spec;
+    if (typeof s.component !== 'string') {
+        throw new Error(`${path}: spec.component must be a string`);
+    }
+    if (!catalog.components.has(s.component)) {
+        throw new Error(`${path}: component "${s.component}" is not registered in catalog "${catalog.id}"`);
+    }
+    const def = catalog.components.get(s.component);
+    const allowedProps = new Set(Object.keys(def.properties?.props?.properties ?? {}));
+    const hasChildren = def.properties?.children !== undefined;
+    const allowedSlots = def.properties?.slots
+        ? new Set(Object.keys(def.properties.slots.properties ?? {}))
+        : null;
+    if (s.props) {
+        if (typeof s.props !== 'object')
+            throw new Error(`${path}.props: must be an object`);
+        const propDefs = def.properties?.props?.properties ?? {};
+        for (const [prop, value] of Object.entries(s.props)) {
+            if (!allowedProps.has(prop)) {
+                throw new Error(`${path}.props.${prop}: not a declared prop on ${s.component}`);
+            }
+            validatePropValue(value, propDefs[prop], `${path}.props.${prop}`);
+        }
+    }
+    if (s.children !== undefined) {
+        if (!hasChildren) {
+            throw new Error(`${path}.children: ${s.component} does not accept default children`);
+        }
+        if (!Array.isArray(s.children))
+            throw new Error(`${path}.children: must be an array`);
+        s.children.forEach((c, i) => {
+            if (typeof c === 'string')
+                return;
+            validateSpec(c, catalog, `${path}.children[${i}]`);
+        });
+    }
+    if (s.events !== undefined) {
+        if (!s.events || typeof s.events !== 'object' || Array.isArray(s.events)) {
+            throw new Error(`${path}.events: must be an object`);
+        }
+        for (const [evtName, binding] of Object.entries(s.events)) {
+            if (typeof binding === 'string')
+                continue;
+            if (!binding || typeof binding !== 'object') {
+                throw new Error(`${path}.events.${evtName}: must be a string or { handler } object`);
+            }
+            const b = binding;
+            if (typeof b.handler !== 'string' || b.handler.length === 0) {
+                throw new Error(`${path}.events.${evtName}.handler: must be a non-empty string`);
+            }
+        }
+    }
+    if (s.slots !== undefined) {
+        if (!allowedSlots) {
+            throw new Error(`${path}.slots: ${s.component} does not accept named slots`);
+        }
+        if (typeof s.slots !== 'object')
+            throw new Error(`${path}.slots: must be an object`);
+        for (const [slotName, arr] of Object.entries(s.slots)) {
+            if (!allowedSlots.has(slotName)) {
+                throw new Error(`${path}.slots.${slotName}: not a declared slot on ${s.component}`);
+            }
+            if (!Array.isArray(arr)) {
+                throw new Error(`${path}.slots.${slotName}: must be an array`);
+            }
+            arr.forEach((c, i) => {
+                if (typeof c === 'string')
+                    return;
+                validateSpec(c, catalog, `${path}.slots.${slotName}[${i}]`);
+            });
+        }
+    }
+}
+//# sourceMappingURL=registry.js.map

package/lib/a2ui/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../a2ui/registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CatalogSchema, ComponentSpec, PropSchema, RegisteredCatalog } from './types.js';\n\nexport function registerCatalog(schema: CatalogSchema): RegisteredCatalog {\n  const defs = schema.$defs?.components ?? {};\n  const components = new Map(Object.entries(defs));\n  const id = schema['x-a2ui']?.catalogId ?? schema.$id ?? 'unknown';\n  return { id, schema, components };\n}\n\nfunction validatePropValue(value: unknown, schema: PropSchema | undefined, path: string): void {\n  if (value === undefined || value === null) return;\n  if (!schema) return;\n\n  if (schema.const !== undefined && value !== schema.const) {\n    throw new Error(\n      `${path}: expected const ${JSON.stringify(schema.const)}, got ${JSON.stringify(value)}`\n    );\n  }\n\n  if (schema.enum && !schema.enum.includes(value as string)) {\n    const allowed = schema.enum.map((v) => JSON.stringify(v)).join(', ');\n    throw new Error(`${path}: value ${JSON.stringify(value)} not in enum [${allowed}]`);\n  }\n\n  if (schema.oneOf && schema.oneOf.length) {\n    const errors: string[] = [];\n    for (const branch of schema.oneOf) {\n      try {\n        validatePropValue(value, branch, path);\n        return;\n      } catch (e) {\n        errors.push((e as Error).message);\n      }\n    }\n    throw new Error(\n      `${path}: value ${JSON.stringify(value)} matched none of oneOf branches: ${errors.join(' | ')}`\n    );\n  }\n\n  const types = Array.isArray(schema.type) ? schema.type : schema.type ? [schema.type] : [];\n  if (types.length && !types.some((t) => matchesType(t, value))) {\n    throw new Error(`${path}: expected type ${types.join('|')}, got ${describeType(value)}`);\n  }\n\n  if (Array.isArray(value) && schema.items) {\n    value.forEach((item, i) => validatePropValue(item, schema.items, `${path}[${i}]`));\n  }\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    !Array.isArray(value) &&\n    schema.properties\n  ) {\n    const obj = value as Record<string, unknown>;\n    if (schema.required) {\n      for (const req of schema.required) {\n        if (!(req in obj)) {\n          throw new Error(`${path}.${req}: required property missing`);\n        }\n      }\n    }\n    for (const [key, childVal] of Object.entries(obj)) {\n      const childSchema = schema.properties[key];\n      if (!childSchema) {\n        if (schema.additionalProperties === false) {\n          throw new Error(`${path}.${key}: unexpected property`);\n        }\n        continue;\n      }\n      validatePropValue(childVal, childSchema, `${path}.${key}`);\n    }\n  }\n}\n\nfunction matchesType(t: string, v: unknown): boolean {\n  switch (t) {\n    case 'string':\n      return typeof v === 'string';\n    case 'number':\n      return typeof v === 'number' && Number.isFinite(v);\n    case 'integer':\n      return typeof v === 'number' && Number.isInteger(v);\n    case 'boolean':\n      return typeof v === 'boolean';\n    case 'array':\n      return Array.isArray(v);\n    case 'object':\n      return typeof v === 'object' && v !== null && !Array.isArray(v);\n    case 'null':\n      return v === null;\n    default:\n      return true;\n  }\n}\n\nfunction describeType(v: unknown): string {\n  if (v === null) return 'null';\n  if (Array.isArray(v)) return 'array';\n  return typeof v;\n}\n\nexport function validateSpec(spec: unknown, catalog: RegisteredCatalog, path = '$'): asserts spec is ComponentSpec {\n  if (!spec || typeof spec !== 'object') {\n    throw new Error(`${path}: spec must be an object`);\n  }\n  const s = spec as Record<string, unknown>;\n  if (typeof s.component !== 'string') {\n    throw new Error(`${path}: spec.component must be a string`);\n  }\n  if (!catalog.components.has(s.component)) {\n    throw new Error(\n      `${path}: component \"${s.component}\" is not registered in catalog \"${catalog.id}\"`\n    );\n  }\n\n  const def = catalog.components.get(s.component)!;\n  const allowedProps = new Set(Object.keys(def.properties?.props?.properties ?? {}));\n  const hasChildren = def.properties?.children !== undefined;\n  const allowedSlots = def.properties?.slots\n    ? new Set(Object.keys(def.properties.slots.properties ?? {}))\n    : null;\n\n  if (s.props) {\n    if (typeof s.props !== 'object') throw new Error(`${path}.props: must be an object`);\n    const propDefs = def.properties?.props?.properties ?? {};\n    for (const [prop, value] of Object.entries(s.props as Record<string, unknown>)) {\n      if (!allowedProps.has(prop)) {\n        throw new Error(`${path}.props.${prop}: not a declared prop on ${s.component}`);\n      }\n      validatePropValue(value, propDefs[prop], `${path}.props.${prop}`);\n    }\n  }\n\n  if (s.children !== undefined) {\n    if (!hasChildren) {\n      throw new Error(`${path}.children: ${s.component} does not accept default children`);\n    }\n    if (!Array.isArray(s.children)) throw new Error(`${path}.children: must be an array`);\n    s.children.forEach((c, i) => {\n      if (typeof c === 'string') return;\n      validateSpec(c, catalog, `${path}.children[${i}]`);\n    });\n  }\n\n  if (s.events !== undefined) {\n    if (!s.events || typeof s.events !== 'object' || Array.isArray(s.events)) {\n      throw new Error(`${path}.events: must be an object`);\n    }\n    for (const [evtName, binding] of Object.entries(s.events as Record<string, unknown>)) {\n      if (typeof binding === 'string') continue;\n      if (!binding || typeof binding !== 'object') {\n        throw new Error(`${path}.events.${evtName}: must be a string or { handler } object`);\n      }\n      const b = binding as Record<string, unknown>;\n      if (typeof b.handler !== 'string' || b.handler.length === 0) {\n        throw new Error(`${path}.events.${evtName}.handler: must be a non-empty string`);\n      }\n    }\n  }\n\n  if (s.slots !== undefined) {\n    if (!allowedSlots) {\n      throw new Error(`${path}.slots: ${s.component} does not accept named slots`);\n    }\n    if (typeof s.slots !== 'object') throw new Error(`${path}.slots: must be an object`);\n    for (const [slotName, arr] of Object.entries(s.slots as Record<string, unknown>)) {\n      if (!allowedSlots.has(slotName)) {\n        throw new Error(\n          `${path}.slots.${slotName}: not a declared slot on ${s.component}`\n        );\n      }\n      if (!Array.isArray(arr)) {\n        throw new Error(`${path}.slots.${slotName}: must be an array`);\n      }\n      arr.forEach((c, i) => {\n        if (typeof c === 'string') return;\n        validateSpec(c, catalog, `${path}.slots.${slotName}[${i}]`);\n      });\n    }\n  }\n}\n"]}

package/lib/a2ui/renderer.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentSpec, EmittedEvent, RegisteredCatalog } from './types.js';
+export interface RenderOptions {
+    root?: HTMLElement;
+    doc?: Document;
+    onEvent?: (evt: EmittedEvent) => void;
+}
+export declare function render(spec: ComponentSpec, catalog: RegisteredCatalog, options?: RenderOptions): HTMLElement;
+//# sourceMappingURL=renderer.d.ts.map

package/lib/a2ui/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../a2ui/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EAGZ,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,MAAM,CACpB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,GAAE,aAAkB,GAC1B,WAAW,CAMb"}

package/lib/a2ui/renderer.js

@@ -0,0 +1,109 @@
+import { validateSpec } from './registry.js';
+export function render(spec, catalog, options = {}) {
+    validateSpec(spec, catalog);
+    const doc = options.doc ?? document;
+    const el = buildElement(spec, catalog, doc, '$', options.onEvent);
+    if (options.root)
+        options.root.replaceChildren(el);
+    return el;
+}
+function buildElement(spec, catalog, doc, path, onEvent) {
+    const def = catalog.components.get(spec.component);
+    const propDefs = def.properties?.props?.properties ?? {};
+    const el = doc.createElement(spec.component);
+    if (spec.props) {
+        for (const [key, value] of Object.entries(spec.props)) {
+            applyProp(el, key, value, propDefs[key]);
+        }
+    }
+    if (spec.events && onEvent) {
+        for (const [evtName, binding] of Object.entries(spec.events)) {
+            attachEvent(el, spec.component, path, evtName, binding, onEvent);
+        }
+    }
+    if (spec.children) {
+        spec.children.forEach((child, i) => {
+            if (typeof child === 'string') {
+                el.appendChild(doc.createTextNode(child));
+                return;
+            }
+            el.appendChild(buildElement(child, catalog, doc, `${path}.children[${i}]`, onEvent));
+        });
+    }
+    if (spec.slots) {
+        for (const [slotName, children] of Object.entries(spec.slots)) {
+            children.forEach((child, i) => {
+                if (typeof child === 'string') {
+                    if (slotName === 'default') {
+                        el.appendChild(doc.createTextNode(child));
+                    }
+                    else {
+                        const wrap = doc.createElement('span');
+                        wrap.setAttribute('slot', slotName);
+                        wrap.textContent = child;
+                        el.appendChild(wrap);
+                    }
+                    return;
+                }
+                const childEl = buildElement(child, catalog, doc, `${path}.slots.${slotName}[${i}]`, onEvent);
+                if (slotName !== 'default')
+                    childEl.setAttribute('slot', slotName);
+                el.appendChild(childEl);
+            });
+        }
+    }
+    return el;
+}
+function attachEvent(el, component, path, eventName, binding, onEvent) {
+    const handler = typeof binding === 'string' ? binding : binding.handler;
+    const stop = typeof binding === 'object' && binding.stopPropagation === true;
+    const prevent = typeof binding === 'object' && binding.preventDefault === true;
+    el.addEventListener(eventName, (nativeEvent) => {
+        if (stop)
+            nativeEvent.stopPropagation();
+        if (prevent)
+            nativeEvent.preventDefault();
+        const detail = 'detail' in nativeEvent
+            ? nativeEvent.detail
+            : undefined;
+        onEvent({
+            component,
+            path,
+            event: eventName,
+            handler,
+            detail,
+            nativeEvent,
+        });
+    });
+}
+function applyProp(el, key, value, schema) {
+    if (value === undefined || value === null)
+        return;
+    if (schema?.['x-kind'] === 'property') {
+        el[key] = value;
+        return;
+    }
+    if (typeof value === 'boolean') {
+        if (value)
+            el.setAttribute(key, '');
+        else
+            el.removeAttribute(key);
+        return;
+    }
+    if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {
+        el[key] = value;
+        return;
+    }
+    if (schema && isComplexSchema(schema)) {
+        el[key] = value;
+        return;
+    }
+    el.setAttribute(key, String(value));
+}
+function isComplexSchema(schema) {
+    const t = schema.type;
+    if (Array.isArray(t))
+        return t.some((x) => x === 'object' || x === 'array');
+    return t === 'object' || t === 'array';
+}
+//# sourceMappingURL=renderer.js.map

package/lib/a2ui/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../a2ui/renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  ComponentSpec,\n  EmittedEvent,\n  EventBinding,\n  PropSchema,\n  RegisteredCatalog,\n} from './types.js';\nimport { validateSpec } from './registry.js';\n\nexport interface RenderOptions {\n  root?: HTMLElement;\n  doc?: Document;\n  onEvent?: (evt: EmittedEvent) => void;\n}\n\nexport function render(\n  spec: ComponentSpec,\n  catalog: RegisteredCatalog,\n  options: RenderOptions = {}\n): HTMLElement {\n  validateSpec(spec, catalog);\n  const doc = options.doc ?? document;\n  const el = buildElement(spec, catalog, doc, '$', options.onEvent);\n  if (options.root) options.root.replaceChildren(el);\n  return el;\n}\n\nfunction buildElement(\n  spec: ComponentSpec,\n  catalog: RegisteredCatalog,\n  doc: Document,\n  path: string,\n  onEvent?: (evt: EmittedEvent) => void\n): HTMLElement {\n  const def = catalog.components.get(spec.component)!;\n  const propDefs = def.properties?.props?.properties ?? {};\n  const el = doc.createElement(spec.component);\n\n  if (spec.props) {\n    for (const [key, value] of Object.entries(spec.props)) {\n      applyProp(el, key, value, propDefs[key]);\n    }\n  }\n\n  if (spec.events && onEvent) {\n    for (const [evtName, binding] of Object.entries(spec.events)) {\n      attachEvent(el, spec.component, path, evtName, binding, onEvent);\n    }\n  }\n\n  if (spec.children) {\n    spec.children.forEach((child, i) => {\n      if (typeof child === 'string') {\n        el.appendChild(doc.createTextNode(child));\n        return;\n      }\n      el.appendChild(buildElement(child, catalog, doc, `${path}.children[${i}]`, onEvent));\n    });\n  }\n\n  if (spec.slots) {\n    for (const [slotName, children] of Object.entries(spec.slots)) {\n      children.forEach((child, i) => {\n        if (typeof child === 'string') {\n          if (slotName === 'default') {\n            el.appendChild(doc.createTextNode(child));\n          } else {\n            const wrap = doc.createElement('span');\n            wrap.setAttribute('slot', slotName);\n            wrap.textContent = child;\n            el.appendChild(wrap);\n          }\n          return;\n        }\n        const childEl = buildElement(\n          child,\n          catalog,\n          doc,\n          `${path}.slots.${slotName}[${i}]`,\n          onEvent\n        );\n        if (slotName !== 'default') childEl.setAttribute('slot', slotName);\n        el.appendChild(childEl);\n      });\n    }\n  }\n\n  return el;\n}\n\nfunction attachEvent(\n  el: HTMLElement,\n  component: string,\n  path: string,\n  eventName: string,\n  binding: EventBinding,\n  onEvent: (evt: EmittedEvent) => void\n): void {\n  const handler = typeof binding === 'string' ? binding : binding.handler;\n  const stop = typeof binding === 'object' && binding.stopPropagation === true;\n  const prevent = typeof binding === 'object' && binding.preventDefault === true;\n\n  el.addEventListener(eventName, (nativeEvent) => {\n    if (stop) nativeEvent.stopPropagation();\n    if (prevent) nativeEvent.preventDefault();\n    const detail = 'detail' in nativeEvent\n      ? (nativeEvent as CustomEvent).detail\n      : undefined;\n    onEvent({\n      component,\n      path,\n      event: eventName,\n      handler,\n      detail,\n      nativeEvent,\n    });\n  });\n}\n\nfunction applyProp(\n  el: HTMLElement,\n  key: string,\n  value: unknown,\n  schema: PropSchema | undefined\n): void {\n  if (value === undefined || value === null) return;\n\n  if (schema?.['x-kind'] === 'property') {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  if (typeof value === 'boolean') {\n    if (value) el.setAttribute(key, '');\n    else el.removeAttribute(key);\n    return;\n  }\n\n  if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  if (schema && isComplexSchema(schema)) {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  el.setAttribute(key, String(value));\n}\n\nfunction isComplexSchema(schema: PropSchema): boolean {\n  const t = schema.type;\n  if (Array.isArray(t)) return t.some((x) => x === 'object' || x === 'array');\n  return t === 'object' || t === 'array';\n}\n"]}

package/lib/a2ui/types.d.ts

@@ -0,0 +1,76 @@
+export type SpecChild = ComponentSpec | string;
+export interface ComponentSpec {
+    component: string;
+    props?: Record<string, unknown>;
+    children?: SpecChild[];
+    slots?: Record<string, SpecChild[]>;
+    events?: Record<string, EventBinding>;
+}
+export type EventBinding = string | {
+    handler: string;
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+};
+export interface EmittedEvent {
+    component: string;
+    path: string;
+    event: string;
+    handler: string;
+    detail: unknown;
+    nativeEvent: Event;
+}
+export interface CatalogSchema {
+    $id?: string;
+    $defs?: {
+        components?: Record<string, CatalogComponentDef>;
+    };
+    'x-a2ui'?: {
+        catalogId?: string;
+        library?: string;
+        libraryVersion?: string;
+        tagPrefix?: string;
+        framework?: string;
+    };
+    [key: string]: unknown;
+}
+export interface CatalogComponentDef {
+    title?: string;
+    description?: string;
+    'x-category'?: string;
+    'x-slot-descriptions'?: Record<string, string>;
+    'x-events'?: Record<string, {
+        detail?: unknown;
+    }>;
+    properties?: {
+        component?: {
+            const?: string;
+        };
+        props?: {
+            properties?: Record<string, PropSchema>;
+        };
+        children?: unknown;
+        slots?: {
+            properties?: Record<string, unknown>;
+        };
+    };
+}
+export interface PropSchema {
+    type?: string | string[];
+    enum?: string[];
+    const?: unknown;
+    default?: unknown;
+    description?: string;
+    items?: PropSchema;
+    properties?: Record<string, PropSchema>;
+    required?: string[];
+    additionalProperties?: boolean;
+    oneOf?: PropSchema[];
+    'x-tsType'?: string;
+    'x-kind'?: 'attribute' | 'property';
+}
+export interface RegisteredCatalog {
+    id: string;
+    schema: CatalogSchema;
+    components: Map<string, CatalogComponentDef>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/a2ui/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../a2ui/types.ts"],"names":[],"mappings":"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"}

package/lib/a2ui/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/a2ui/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../a2ui/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SpecChild = ComponentSpec | string;\n\nexport interface ComponentSpec {\n  component: string;\n  props?: Record<string, unknown>;\n  children?: SpecChild[];\n  slots?: Record<string, SpecChild[]>;\n  events?: Record<string, EventBinding>;\n}\n\nexport type EventBinding =\n  | string\n  | {\n      handler: string;\n      stopPropagation?: boolean;\n      preventDefault?: boolean;\n    };\n\nexport interface EmittedEvent {\n  component: string;\n  path: string;\n  event: string;\n  handler: string;\n  detail: unknown;\n  nativeEvent: Event;\n}\n\nexport interface CatalogSchema {\n  $id?: string;\n  $defs?: {\n    components?: Record<string, CatalogComponentDef>;\n  };\n  'x-a2ui'?: {\n    catalogId?: string;\n    library?: string;\n    libraryVersion?: string;\n    tagPrefix?: string;\n    framework?: string;\n  };\n  [key: string]: unknown;\n}\n\nexport interface CatalogComponentDef {\n  title?: string;\n  description?: string;\n  'x-category'?: string;\n  'x-slot-descriptions'?: Record<string, string>;\n  'x-events'?: Record<string, { detail?: unknown }>;\n  properties?: {\n    component?: { const?: string };\n    props?: {\n      properties?: Record<string, PropSchema>;\n    };\n    children?: unknown;\n    slots?: {\n      properties?: Record<string, unknown>;\n    };\n  };\n}\n\nexport interface PropSchema {\n  type?: string | string[];\n  enum?: string[];\n  const?: unknown;\n  default?: unknown;\n  description?: string;\n  items?: PropSchema;\n  properties?: Record<string, PropSchema>;\n  required?: string[];\n  additionalProperties?: boolean;\n  oneOf?: PropSchema[];\n  'x-tsType'?: string;\n  'x-kind'?: 'attribute' | 'property';\n}\n\nexport interface RegisteredCatalog {\n  id: string;\n  schema: CatalogSchema;\n  components: Map<string, CatalogComponentDef>;\n}\n"]}

package/lib/components/accordion/accordion.d.ts

@@ -8,6 +8,7 @@ import { Cre8Element } from '../cre8-element';
  *
  * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.
  *
+ * @slot - The `cre8-accordion-item` children to group
  */
 export declare class Cre8Accordion extends Cre8Element {
     static styles: import("lit").CSSResult[];

package/lib/components/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;GASG;AAEH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAG3B;;;;;;OAMG;IAEC,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC;IAErE;;;;;;OAMG;IAEC,UAAU,CAAC,UAAS;IAExB,iBAAiB,IAAI,IAAI;IAIzB,MAAM;CAeP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;;GAUG;AAEH,qBAAa,aAAc,SAAQ,WAAW;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAG3B;;;;;;OAMG;IAEC,UAAU,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAAC;IAErE;;;;;;OAMG;IAEC,UAAU,CAAC,UAAS;IAExB,iBAAiB,IAAI,IAAI;IAIzB,MAAM;CAeP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF;AAED,eAAe,aAAa,CAAC"}

package/lib/components/accordion/accordion.js

@@ -17,6 +17,7 @@ import styles from './accordion.styles.js';
  *
  * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.
  *
+ * @slot - The `cre8-accordion-item` children to group
  */
 export class Cre8Accordion extends Cre8Element {
     constructor() {

package/lib/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;;;;;;;;GASG;AAEH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAcE;;;;;;WAMG;QAEC,eAAU,GAAI,KAAK,CAAC;IAqB1B,CAAC;IAnBC,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACrE,sBAAsB,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;YAChD,+BAA+B,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM;YAC5F,oCAAoC,EAAE,IAAI,CAAC,UAAU,KAAK,WAAW;YACrE,yCAAyC,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;YAC/E,kCAAkC,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS;SACpE,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACG,mBAAmB;;;KAGlC,CAAC;IACJ,CAAC;;AAzCQ,oBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAWvB;IADH,QAAQ,EAAE;iDAC0D;AAUjE;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AAuB1B,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AAC3D,CAAC;AAOD,eAAe,aAAa,CAAC","sourcesContent":["import { html,  } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './accordion.styles.js';\n\n/**\n * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.\n * The header title gives the user a high level overview of the content allowing the user to decide\n * which sections to expand for the information.\n *\n * Accordion contains Accordion Items as children. This component is the wrapper for grouping related accordion items.\n *\n * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.\n *\n */\n\nexport class Cre8Accordion extends Cre8Element {\n    static styles = [styles];\n\n\n  /**\n   * borderType\n   * @prop {'rectangle' | 'rounded-bottom' | 'rounded' | 'none'}\n   *\n   * Controls the border and border-radius of the parent container of the slotted accordions.\n   *\n   */\n  @property()\n      borderType?: 'rectangle' | 'rounded-bottom' | 'rounded' | 'none';\n\n  /**\n   *\n   * When it is true, the inner dividers are displayed;\n   * if it is false, the inner dividers are not displayed\n   * @prop {boolean} hasDivider\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      hasDivider? = false;\n\n  connectedCallback(): void {\n      super.connectedCallback();\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-accordion', {\n          'cre8-c-inner-divider': this.hasDivider === true,\n          'cre8-c-accordion--border-none': this.borderType === undefined || this.borderType === 'none',\n          'cre8-c-accordion--border-rectangle': this.borderType === 'rectangle',\n          'cre8-c-accordion--border-rounded-bottom': this.borderType === 'rounded-bottom',\n          'cre8-c-accordion--border-rounded': this.borderType === 'rounded',\n      });\n\n      return html`\n      <div class=\"${componentClassNames}\">\n        <slot> </slot>\n      </div>\n    `;\n  }\n}\n\nif (customElements.get('cre8-accordion') === undefined) {\n    customElements.define('cre8-accordion', Cre8Accordion);\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-accordion': Cre8Accordion;\n  }\n}\n\nexport default Cre8Accordion;\n"]}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../components/accordion/accordion.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,GAAI,MAAM,KAAK,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C;;;;;;;;;;GAUG;AAEH,MAAM,OAAO,aAAc,SAAQ,WAAW;IAA9C;;QAcE;;;;;;WAMG;QAEC,eAAU,GAAI,KAAK,CAAC;IAqB1B,CAAC;IAnBC,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE;YACrE,sBAAsB,EAAE,IAAI,CAAC,UAAU,KAAK,IAAI;YAChD,+BAA+B,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM;YAC5F,oCAAoC,EAAE,IAAI,CAAC,UAAU,KAAK,WAAW;YACrE,yCAAyC,EAAE,IAAI,CAAC,UAAU,KAAK,gBAAgB;YAC/E,kCAAkC,EAAE,IAAI,CAAC,UAAU,KAAK,SAAS;SACpE,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;oBACG,mBAAmB;;;KAGlC,CAAC;IACJ,CAAC;;AAzCQ,oBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAWvB;IADH,QAAQ,EAAE;iDAC0D;AAUjE;IADH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDACnB;AAuB1B,IAAI,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,SAAS,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AAC3D,CAAC;AAOD,eAAe,aAAa,CAAC","sourcesContent":["import { html,  } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './accordion.styles.js';\n\n/**\n * The component is a vertically stacked list of headers that reveal or hide sections of related content on a page.\n * The header title gives the user a high level overview of the content allowing the user to decide\n * which sections to expand for the information.\n *\n * Accordion contains Accordion Items as children. This component is the wrapper for grouping related accordion items.\n *\n * Users can select different border types: default (no border), rectangle, rounded bottom, and rounded.\n *\n * @slot - The `cre8-accordion-item` children to group\n */\n\nexport class Cre8Accordion extends Cre8Element {\n    static styles = [styles];\n\n\n  /**\n   * borderType\n   * @prop {'rectangle' | 'rounded-bottom' | 'rounded' | 'none'}\n   *\n   * Controls the border and border-radius of the parent container of the slotted accordions.\n   *\n   */\n  @property()\n      borderType?: 'rectangle' | 'rounded-bottom' | 'rounded' | 'none';\n\n  /**\n   *\n   * When it is true, the inner dividers are displayed;\n   * if it is false, the inner dividers are not displayed\n   * @prop {boolean} hasDivider\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      hasDivider? = false;\n\n  connectedCallback(): void {\n      super.connectedCallback();\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-accordion', {\n          'cre8-c-inner-divider': this.hasDivider === true,\n          'cre8-c-accordion--border-none': this.borderType === undefined || this.borderType === 'none',\n          'cre8-c-accordion--border-rectangle': this.borderType === 'rectangle',\n          'cre8-c-accordion--border-rounded-bottom': this.borderType === 'rounded-bottom',\n          'cre8-c-accordion--border-rounded': this.borderType === 'rounded',\n      });\n\n      return html`\n      <div class=\"${componentClassNames}\">\n        <slot> </slot>\n      </div>\n    `;\n  }\n}\n\nif (customElements.get('cre8-accordion') === undefined) {\n    customElements.define('cre8-accordion', Cre8Accordion);\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-accordion': Cre8Accordion;\n  }\n}\n\nexport default Cre8Accordion;\n"]}

package/lib/components/accordion-item/accordion-item.d.ts

@@ -24,6 +24,7 @@ import '../button/button';
  *
  * @slot The body of the accordion item will be any valid html
  * inserted between the cre8-accordion-item opening and closing tags.
+ * @slot heading - Custom heading content, used when the `heading` property is not set.
  *
  *
  * @csspart ::part('header') - The container around the interactive header.

package/lib/components/accordion-item/accordion-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;OAKG;IAGC,QAAQ,CAAC,UAAS;IAGtB;;;;;;OAMG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;;;;OAOG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;OAOG;IAEC,YAAY,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IAEC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7B;;;;;;;OAOG;IAGC,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEtE;;;;;;OAMG;IAEC,OAAO,EAAG,MAAM,CAAC;IAErB;;;;;;OAMG;IAEC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IAEH,OAAO,CAAC,aAAa,CAAU;IAE/B;;;;;;OAMG;IAEH,OAAO,CAAC,OAAO,CAAU;IAEzB;;;;;;OAMG;IAGH,OAAO,CAAC,UAAU,CAAC,CAAU;;IASpB,iBAAiB;YASZ,iBAAiB;IAY/B,OAAO,CAAC,oBAAoB;IAmB5B,MAAM;CAsEP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,qBAAa,iBAAkB,SAAQ,WAAW;IAC9C,MAAM,CAAC,MAAM,4BAAY;IAE3B;;;;;OAKG;IAGC,QAAQ,CAAC,UAAS;IAGtB;;;;;;OAMG;IAEC,eAAe,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;;;;OAOG;IAEC,UAAU,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;OAOG;IAEC,YAAY,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;OAMG;IAEC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7B;;;;;;;OAOG;IAGC,iBAAiB,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEtE;;;;;;OAMG;IAEC,OAAO,EAAG,MAAM,CAAC;IAErB;;;;;;OAMG;IAEC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IAEH,OAAO,CAAC,aAAa,CAAU;IAE/B;;;;;;OAMG;IAEH,OAAO,CAAC,OAAO,CAAU;IAEzB;;;;;;OAMG;IAGH,OAAO,CAAC,UAAU,CAAC,CAAU;;IASpB,iBAAiB;YASZ,iBAAiB;IAY/B,OAAO,CAAC,oBAAoB;IAmB5B,MAAM;CAsEP;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/accordion-item/accordion-item.js

@@ -36,6 +36,7 @@ import styles from './accordion-item.styles.js';
  *
  * @slot The body of the accordion item will be any valid html
  * inserted between the cre8-accordion-item opening and closing tags.
+ * @slot heading - Custom heading content, used when the `heading` property is not set.
  *
  *
  * @csspart ::part('header') - The container around the interactive header.

package/lib/components/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.ts"],"names":[],"mappings":"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","sourcesContent":["import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport { html,  } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport classnames from 'classnames';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon';\nimport '../button/button';\nimport styles from './accordion-item.styles.js';\n\n/**\n *\n * The accordion item component delivers large amounts of content in a small space\n * through progressive disclosure. That is, the user gets key details about the\n * underlying content and can choose to expand that content within the constraints\n * of the accordion item. Accordion Items work especially well on mobile interfaces or\n * whenever vertical space is at a premium.\n *\n * ## HOW TO USE\n * Avoid “nested” accordion items—that is, collapsible content within collapsible content.\n * This type of pattern goes against UX best practices.\n *\n * The Cre8 accordion item header allows for two sizes:\n * 'sm' [cre8-typography-title-default] or 'lg' [cre8-typography-title-large]\n *\n * A chevron is used to indicate the “expand/collapse” action, though the entire\n * header area is clickable for the same action.\n *\n * **NOTE**: The header of the accordion item uses h tags so be sure to choose the headingTagVariant that\n * fits into the hierarchy of your html page layout. THIS WILL NOT CHANGE THE APPEARANCE OF THE HEADER.\n *\n * @slot The body of the accordion item will be any valid html\n * inserted between the cre8-accordion-item opening and closing tags.\n *\n *\n * @csspart ::part('header') - The container around the interactive header.\n * @csspart ::part('button') - The button containing the header text and the animated icon.\n * @csspart ::part('icon') - The animated icon that revolves on click.\n * @csspart ::part('body') - The container around the expanding body section.\n * @csspart ::part('body-inner') - The container around the slot into which any user provided HTML is inserted.\n *\n */\n\nexport class Cre8AccordionItem extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   *\n   * When true, the Accordion Item is opens, when false it closes;\n   * @prop {boolean} isActive\n   *\n   */\n\n  @property({ type: Boolean, reflect: true })\n      isActive? = false;\n\n\n  /**\n   *\n   * Optional custom id for the accordion item, if one is not set, a random id is generated for you.\n   * @prop {string} accordionItemId\n   *\n   *\n   */\n  @property({ type: String, reflect: true })\n      accordionItemId?: string;\n\n  /**\n   *\n   * Controls the positioning of the dropdown icon in relation to the text, true puts the icon before the text\n   * and false/undefined default the icon to the opposite side of the accordion item\n   * @prop {boolean} iconBefore\n   *\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      iconBefore?: boolean;\n\n  /**\n   *\n   * Controls the appearance  of dropdown icon as being an icon-only button. true renders the tertiary variant and\n   * false/undefined renders the default secondary appearance.\n   * @prop {boolean} tertiaryIcon\n   *\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      tertiaryIcon?: boolean;\n\n  /**\n   *\n   * Users can choose between two header sizes:  'sm' [title-default] or 'lg' [title-large].\n   * @prop {'sm' | 'lg'} size\n   *\n   *\n   */\n  @property({ reflect: true })\n      size: 'sm' | 'lg' = 'sm';\n\n  /**\n   *\n   * Purely meant to help the user structure the HTML page hierarchy. Does not change the\n   * header size. Defaults to 'h3'\n   * @prop {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'} headingTagVariant\n   *\n   *\n   */\n\n  @property({ reflect: true })\n      headingTagVariant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n  /**\n   *\n   * Controls the text content of the Accordion Item heading.\n   * @prop {string} heading\n   *\n   *\n   */\n  @property({ type: String })\n      heading!: string;\n\n  /**\n   *\n   * Controls whether the header takes on the theme's 'brand-strong' color\n   * @prop {boolean} brandHeader\n   *\n   *\n   */\n  @property({ type: Boolean })\n      brandHeader?: boolean;\n\n  /**\n   *\n   * The aria attribute to which is assigned the id of the details section which is revealed via interaction\n   * with the header.\n   * @private _ariaControls\n   *\n   *\n   */\n  @property({ attribute: 'aria-controls' })\n  private _ariaControls!: string;\n\n  /**\n   *\n   * Private internal state which indicates the current _height of the accordion item panel.\n   * @private _height\n   *\n   *\n   */\n  @state()\n  private _height!: string;\n\n  /**\n   *\n   * Private internal state which Indicates if the accordion item panel is completely open.\n   * @private _fullyOpen\n   *\n   *\n   */\n\n  @state()\n  private _fullyOpen?: boolean;\n\n  constructor() {\n      super();\n      const randomId = Math.floor(Math.random() * 900000) + 100000;\n      this._ariaControls = `cre8-accordion-item-details-${randomId}`;\n      this.accordionItemId = this.accordionItemId ?? `cre8-accordion-item-${randomId}`;\n  }\n\n  override connectedCallback() {\n      super.connectedCallback();\n      this._setContentHeight();\n      if (this.isActive) {\n          this._fullyOpen = true;\n          this._setContentHeight();\n      }\n  }\n\n  private async _setContentHeight() {\n      await this.updateComplete;\n\n      if ((this.isActive && !this._fullyOpen) || (!this.isActive && this._fullyOpen)) {\n          this._height = `${this.shadowRoot?.querySelector('.cre8-c-accordion-item__body-inner')?.scrollHeight}px`;\n      } else if (this.isActive && this._fullyOpen) {\n          this._height = 'auto';\n      } else if (!this.isActive && !this._fullyOpen) {\n          this._height = '0';\n      }\n  }\n\n  private _toggleAccordionItem() {\n      this.isActive = !this.isActive;\n\n      if (this.isActive) {\n          this._setContentHeight();\n          setTimeout(() => {\n              this._fullyOpen = true;\n              this._setContentHeight();\n          }, 350);\n      } else {\n          this._setContentHeight();\n          setTimeout(() => {\n              this._fullyOpen = false;\n              this._setContentHeight();\n          }, 50);\n      }\n  }\n\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-accordion-item', {\n          'cre8-is-active': this.isActive,\n          'cre8-c-accordion-item--icon-before': this.iconBefore,\n          'cre8-c-accordion-item--small': this.size === 'sm',\n          'cre8-c-accordion-item--large': this.size === 'lg',\n      });\n\n      const buttonClassNames = classnames('cre8-c-accordion-item__button', {\n          'cre8-is-active': this.isActive,\n          'cre8-u-justify-content-start': this.iconBefore,\n          'cre8-brand-color': this.brandHeader === true,\n      });\n\n      return html` <div id=${this.accordionItemId} class=\"${componentClassNames}\">\n      <cre8-heading\n        type=${this.size === 'lg' ? 'title-large' : 'title-default'}\n        part=\"heading\"\n        ?brandColor=${(this.brandHeader)}\n        tagVariant=\"${this.headingTagVariant ?? 'h3'}\"\n        class=\"cre8-c-accordion-item__header\"\n      >\n        <button\n          class=\"${buttonClassNames}\"\n          aria-expanded=\"${ifDefined(this.isActive)}\"\n          aria-controls=\"${this._ariaControls}\"\n          part=\"button\"\n          role=\"button\"\n          id=\"${this.id}\"\n          @click=${this._toggleAccordionItem}\n        >\n          ${this.iconBefore\n        ? html`\n            <div class=\"cre8-c-accordion-item--icon-before-heading-text\">\n                <div\n                  class=${this.tertiaryIcon\n        ? 'cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-before'\n        : 'cre8-c-accordion-item__icon cre8-c-accordion-item__icon-before'}\n                >\n                  <cre8-icon rotate=\"180\" svg=${svgCaretUp} aria-hidden=\"true\"></cre8-icon>\n                </div>\n                ${this.heading ?? html` <slot name=\"heading\"></slot>`}\n            </div>\n              `\n        : html`\n          <div class=\"cre8-c-accordion-item--icon-after-heading-text\">\n            ${this.heading ?? html` <slot name=\"heading\"></slot>`}\n                <div\n                  class=${this.tertiaryIcon\n        ? 'cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-after'\n        : 'cre8-c-accordion-item__icon cre8-c-accordion-item__icon-after'}\n                >\n                  <cre8-icon rotate=\"180\" svg='${svgCaretUp}' aria-hidden=\"true\"></cre8-icon>\n                </div>\n            </div>`}\n        </button>\n      </cre8-heading>\n      <div\n        class=\"cre8-c-accordion-item__body\"\n        aria-hidden=\"${!this.isActive}\"\n        id=\"${this._ariaControls}\"\n        part=\"body\"\n        style=${`height: ${this._height}`}\n      >\n        <div class=\"cre8-c-accordion-item__body-inner\" part=\"body-inner\">\n          <slot></slot>\n        </div>\n      </div>\n    </div>`;\n  }\n}\n\nif (customElements.get('cre8-accordion-item') === undefined) {\n    customElements.define('cre8-accordion-item', Cre8AccordionItem);\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-accordion-item': Cre8AccordionItem;\n  }\n}\n\nexport default Cre8AccordionItem;\n"]}
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../components/accordion-item/accordion-item.ts"],"names":[],"mappings":"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","sourcesContent":["import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport { html,  } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport classnames from 'classnames';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon';\nimport '../button/button';\nimport styles from './accordion-item.styles.js';\n\n/**\n *\n * The accordion item component delivers large amounts of content in a small space\n * through progressive disclosure. That is, the user gets key details about the\n * underlying content and can choose to expand that content within the constraints\n * of the accordion item. Accordion Items work especially well on mobile interfaces or\n * whenever vertical space is at a premium.\n *\n * ## HOW TO USE\n * Avoid “nested” accordion items—that is, collapsible content within collapsible content.\n * This type of pattern goes against UX best practices.\n *\n * The Cre8 accordion item header allows for two sizes:\n * 'sm' [cre8-typography-title-default] or 'lg' [cre8-typography-title-large]\n *\n * A chevron is used to indicate the “expand/collapse” action, though the entire\n * header area is clickable for the same action.\n *\n * **NOTE**: The header of the accordion item uses h tags so be sure to choose the headingTagVariant that\n * fits into the hierarchy of your html page layout. THIS WILL NOT CHANGE THE APPEARANCE OF THE HEADER.\n *\n * @slot The body of the accordion item will be any valid html\n * inserted between the cre8-accordion-item opening and closing tags.\n * @slot heading - Custom heading content, used when the `heading` property is not set.\n *\n *\n * @csspart ::part('header') - The container around the interactive header.\n * @csspart ::part('button') - The button containing the header text and the animated icon.\n * @csspart ::part('icon') - The animated icon that revolves on click.\n * @csspart ::part('body') - The container around the expanding body section.\n * @csspart ::part('body-inner') - The container around the slot into which any user provided HTML is inserted.\n *\n */\n\nexport class Cre8AccordionItem extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   *\n   * When true, the Accordion Item is opens, when false it closes;\n   * @prop {boolean} isActive\n   *\n   */\n\n  @property({ type: Boolean, reflect: true })\n      isActive? = false;\n\n\n  /**\n   *\n   * Optional custom id for the accordion item, if one is not set, a random id is generated for you.\n   * @prop {string} accordionItemId\n   *\n   *\n   */\n  @property({ type: String, reflect: true })\n      accordionItemId?: string;\n\n  /**\n   *\n   * Controls the positioning of the dropdown icon in relation to the text, true puts the icon before the text\n   * and false/undefined default the icon to the opposite side of the accordion item\n   * @prop {boolean} iconBefore\n   *\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      iconBefore?: boolean;\n\n  /**\n   *\n   * Controls the appearance  of dropdown icon as being an icon-only button. true renders the tertiary variant and\n   * false/undefined renders the default secondary appearance.\n   * @prop {boolean} tertiaryIcon\n   *\n   *\n   */\n  @property({ type: Boolean, reflect: true })\n      tertiaryIcon?: boolean;\n\n  /**\n   *\n   * Users can choose between two header sizes:  'sm' [title-default] or 'lg' [title-large].\n   * @prop {'sm' | 'lg'} size\n   *\n   *\n   */\n  @property({ reflect: true })\n      size: 'sm' | 'lg' = 'sm';\n\n  /**\n   *\n   * Purely meant to help the user structure the HTML page hierarchy. Does not change the\n   * header size. Defaults to 'h3'\n   * @prop {'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'} headingTagVariant\n   *\n   *\n   */\n\n  @property({ reflect: true })\n      headingTagVariant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = 'h3';\n\n  /**\n   *\n   * Controls the text content of the Accordion Item heading.\n   * @prop {string} heading\n   *\n   *\n   */\n  @property({ type: String })\n      heading!: string;\n\n  /**\n   *\n   * Controls whether the header takes on the theme's 'brand-strong' color\n   * @prop {boolean} brandHeader\n   *\n   *\n   */\n  @property({ type: Boolean })\n      brandHeader?: boolean;\n\n  /**\n   *\n   * The aria attribute to which is assigned the id of the details section which is revealed via interaction\n   * with the header.\n   * @private _ariaControls\n   *\n   *\n   */\n  @property({ attribute: 'aria-controls' })\n  private _ariaControls!: string;\n\n  /**\n   *\n   * Private internal state which indicates the current _height of the accordion item panel.\n   * @private _height\n   *\n   *\n   */\n  @state()\n  private _height!: string;\n\n  /**\n   *\n   * Private internal state which Indicates if the accordion item panel is completely open.\n   * @private _fullyOpen\n   *\n   *\n   */\n\n  @state()\n  private _fullyOpen?: boolean;\n\n  constructor() {\n      super();\n      const randomId = Math.floor(Math.random() * 900000) + 100000;\n      this._ariaControls = `cre8-accordion-item-details-${randomId}`;\n      this.accordionItemId = this.accordionItemId ?? `cre8-accordion-item-${randomId}`;\n  }\n\n  override connectedCallback() {\n      super.connectedCallback();\n      this._setContentHeight();\n      if (this.isActive) {\n          this._fullyOpen = true;\n          this._setContentHeight();\n      }\n  }\n\n  private async _setContentHeight() {\n      await this.updateComplete;\n\n      if ((this.isActive && !this._fullyOpen) || (!this.isActive && this._fullyOpen)) {\n          this._height = `${this.shadowRoot?.querySelector('.cre8-c-accordion-item__body-inner')?.scrollHeight}px`;\n      } else if (this.isActive && this._fullyOpen) {\n          this._height = 'auto';\n      } else if (!this.isActive && !this._fullyOpen) {\n          this._height = '0';\n      }\n  }\n\n  private _toggleAccordionItem() {\n      this.isActive = !this.isActive;\n\n      if (this.isActive) {\n          this._setContentHeight();\n          setTimeout(() => {\n              this._fullyOpen = true;\n              this._setContentHeight();\n          }, 350);\n      } else {\n          this._setContentHeight();\n          setTimeout(() => {\n              this._fullyOpen = false;\n              this._setContentHeight();\n          }, 50);\n      }\n  }\n\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-accordion-item', {\n          'cre8-is-active': this.isActive,\n          'cre8-c-accordion-item--icon-before': this.iconBefore,\n          'cre8-c-accordion-item--small': this.size === 'sm',\n          'cre8-c-accordion-item--large': this.size === 'lg',\n      });\n\n      const buttonClassNames = classnames('cre8-c-accordion-item__button', {\n          'cre8-is-active': this.isActive,\n          'cre8-u-justify-content-start': this.iconBefore,\n          'cre8-brand-color': this.brandHeader === true,\n      });\n\n      return html` <div id=${this.accordionItemId} class=\"${componentClassNames}\">\n      <cre8-heading\n        type=${this.size === 'lg' ? 'title-large' : 'title-default'}\n        part=\"heading\"\n        ?brandColor=${(this.brandHeader)}\n        tagVariant=\"${this.headingTagVariant ?? 'h3'}\"\n        class=\"cre8-c-accordion-item__header\"\n      >\n        <button\n          class=\"${buttonClassNames}\"\n          aria-expanded=\"${ifDefined(this.isActive)}\"\n          aria-controls=\"${this._ariaControls}\"\n          part=\"button\"\n          role=\"button\"\n          id=\"${this.id}\"\n          @click=${this._toggleAccordionItem}\n        >\n          ${this.iconBefore\n        ? html`\n            <div class=\"cre8-c-accordion-item--icon-before-heading-text\">\n                <div\n                  class=${this.tertiaryIcon\n        ? 'cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-before'\n        : 'cre8-c-accordion-item__icon cre8-c-accordion-item__icon-before'}\n                >\n                  <cre8-icon rotate=\"180\" svg=${svgCaretUp} aria-hidden=\"true\"></cre8-icon>\n                </div>\n                ${this.heading ?? html` <slot name=\"heading\"></slot>`}\n            </div>\n              `\n        : html`\n          <div class=\"cre8-c-accordion-item--icon-after-heading-text\">\n            ${this.heading ?? html` <slot name=\"heading\"></slot>`}\n                <div\n                  class=${this.tertiaryIcon\n        ? 'cre8-c-accordion-item__tertiary-icon cre8-c-accordion-item__icon-after'\n        : 'cre8-c-accordion-item__icon cre8-c-accordion-item__icon-after'}\n                >\n                  <cre8-icon rotate=\"180\" svg='${svgCaretUp}' aria-hidden=\"true\"></cre8-icon>\n                </div>\n            </div>`}\n        </button>\n      </cre8-heading>\n      <div\n        class=\"cre8-c-accordion-item__body\"\n        aria-hidden=\"${!this.isActive}\"\n        id=\"${this._ariaControls}\"\n        part=\"body\"\n        style=${`height: ${this._height}`}\n      >\n        <div class=\"cre8-c-accordion-item__body-inner\" part=\"body-inner\">\n          <slot></slot>\n        </div>\n      </div>\n    </div>`;\n  }\n}\n\nif (customElements.get('cre8-accordion-item') === undefined) {\n    customElements.define('cre8-accordion-item', Cre8AccordionItem);\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-accordion-item': Cre8AccordionItem;\n  }\n}\n\nexport default Cre8AccordionItem;\n"]}