@bquery/bquery 1.5.0 → 1.6.0

package/dist/component-CY5MVoYN.js

@@ -1,531 +0,0 @@
-import { n as v, t as x } from "./sanitize-jyJ2ryE2.js";
-import { n as $ } from "./config-DRmZZno3.js";
-var w = (r, t) => {
-  const { type: a } = t;
-  if (a === String) return r;
-  if (a === Number) return Number(r);
-  if (a === Boolean) {
-    const e = r.trim().toLowerCase();
-    return e === "" || e === "true" || e === "1" ? !0 : e === "false" || e === "0" ? !1 : !!r;
-  }
-  if (a === Object || a === Array) try {
-    return JSON.parse(r);
-  } catch {
-    return r;
-  }
-  if (typeof a == "function") {
-    const e = a, o = a;
-    if (t.construct === !0) return Reflect.construct(o, [r]);
-    if (t.construct === !1) return e(r);
-    const n = a.prototype !== void 0 && a.prototype !== null, l = (n ? Object.getOwnPropertyNames(a.prototype) : []).length > 1, i = n && a.prototype.constructor !== a, d = /^class\s/.test(Function.prototype.toString.call(a));
-    if (l || i || d) try {
-      return Reflect.construct(o, [r]);
-    } catch {
-      return e(r);
-    }
-    try {
-      const c = e(r);
-      if (c === void 0 && n) try {
-        return Reflect.construct(o, [r]);
-      } catch {
-        return c;
-      }
-      return c;
-    } catch (c) {
-      if (c instanceof TypeError && /cannot be invoked without 'new'|is not a function/i.test(c.message)) return Reflect.construct(o, [r]);
-      throw c;
-    }
-  }
-  return r;
-}, S = (r, t) => {
-  class a extends HTMLElement {
-    constructor() {
-      super(), this.state = { ...t.state ?? {} }, this.props = {}, this.missingRequiredProps = /* @__PURE__ */ new Set(), this.hasMounted = !1, this.attachShadow({ mode: "open" }), this.syncProps();
-    }
-    static get observedAttributes() {
-      return Object.keys(t.props ?? {});
-    }
-    connectedCallback() {
-      try {
-        if (this.missingRequiredProps.size > 0) return;
-        this.mount();
-      } catch (o) {
-        this.handleError(o);
-      }
-    }
-    mount() {
-      this.hasMounted || (t.beforeMount?.call(this), t.connected?.call(this), this.render(), this.hasMounted = !0);
-    }
-    disconnectedCallback() {
-      try {
-        t.disconnected?.call(this);
-      } catch (o) {
-        this.handleError(o);
-      }
-    }
-    attributeChangedCallback(o, n, l) {
-      try {
-        this.syncProps(), this.hasMounted ? this.render(!0) : this.isConnected && this.missingRequiredProps.size === 0 && this.mount();
-      } catch (i) {
-        this.handleError(i);
-      }
-    }
-    handleError(o) {
-      t.onError ? t.onError.call(this, o) : console.error(`bQuery component error in <${r}>:`, o);
-    }
-    setState(o, n) {
-      this.state[o] = n, this.render(!0);
-    }
-    getState(o) {
-      return this.state[o];
-    }
-    syncProps() {
-      const o = t.props ?? {};
-      for (const [n, l] of Object.entries(o)) {
-        const i = this.getAttribute(n);
-        let d;
-        if (i == null ? l.required && l.default === void 0 ? (this.missingRequiredProps.add(n), d = void 0) : d = l.default ?? void 0 : (this.missingRequiredProps.has(n) && this.missingRequiredProps.delete(n), d = w(i, l)), l.validator && d !== void 0 && !l.validator(d))
-          throw new Error(`bQuery component: validation failed for prop "${n}" with value ${JSON.stringify(d)}`);
-        this.props[n] = d;
-      }
-    }
-    render(o = !1) {
-      try {
-        if (o && t.beforeUpdate && t.beforeUpdate.call(this, this.props) === !1)
-          return;
-        const n = (i, d) => {
-          this.dispatchEvent(new CustomEvent(i, {
-            detail: d,
-            bubbles: !0,
-            composed: !0
-          }));
-        };
-        if (!this.shadowRoot) return;
-        const l = v(t.render({
-          props: this.props,
-          state: this.state,
-          emit: n
-        }), {
-          allowTags: ["slot"],
-          allowAttributes: [
-            "part",
-            "disabled",
-            "checked",
-            "placeholder",
-            "value",
-            "rows",
-            "cols",
-            "readonly",
-            "required",
-            "maxlength",
-            "minlength",
-            "max",
-            "min",
-            "step",
-            "pattern",
-            "autocomplete",
-            "autofocus",
-            "for",
-            "multiple",
-            "selected",
-            "wrap"
-          ]
-        });
-        if (this.shadowRoot.innerHTML = l, t.styles) {
-          const i = document.createElement("style");
-          i.textContent = t.styles, this.shadowRoot.prepend(i);
-        }
-        o && t.updated?.call(this);
-      } catch (n) {
-        this.handleError(n);
-      }
-    }
-  }
-  return a;
-}, u = (r, t) => {
-  const a = S(r, t);
-  customElements.get(r) || customElements.define(r, a);
-}, h = (r, ...t) => r.reduce((a, e, o) => `${a}${e}${t[o] ?? ""}`, ""), P = (r, ...t) => {
-  const a = {
-    "&": "&amp;",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#x27;",
-    "`": "&#x60;"
-  }, e = (o) => String(o ?? "").replace(/[&<>"'`]/g, (n) => a[n]);
-  return r.reduce((o, n, l) => `${o}${n}${e(t[l])}`, "");
-}, f = `
-  :host {
-    color: inherit;
-    font: inherit;
-  }
-`, y = `
-  ${f}
-  .field {
-    display: inline-flex;
-    flex-direction: column;
-    gap: 0.375rem;
-    width: 100%;
-  }
-  .label {
-    color: #334155;
-    font-size: 0.875rem;
-    font-weight: 600;
-  }
-  .control {
-    border: 1px solid #cbd5e1;
-    border-radius: 0.75rem;
-    box-sizing: border-box;
-    font: inherit;
-    min-height: 2.75rem;
-    outline: none;
-    padding: 0.75rem 0.875rem;
-    width: 100%;
-    background: #fff;
-    color: #0f172a;
-    transition: border-color 160ms ease, box-shadow 160ms ease;
-  }
-  .control:focus {
-    border-color: #2563eb;
-    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
-  }
-  .control:disabled {
-    background: #f8fafc;
-    color: #94a3b8;
-    cursor: not-allowed;
-  }
-`, s = (r) => x(r), m = /* @__PURE__ */ new WeakMap(), b = (r, t) => m.get(r)?.[t], p = (r, t, a) => {
-  const e = m.get(r) ?? {};
-  e[t] = a, m.set(r, e);
-}, g = (r) => r.shadowRoot?.querySelector(".label")?.textContent ?? "", k = (r, t) => {
-  const a = r.shadowRoot?.querySelector("input.control");
-  return !a || g(r) !== t.label || (a.getAttribute("type") ?? "text") !== t.type || (a.getAttribute("placeholder") ?? "") !== t.placeholder || (a.getAttribute("name") ?? "") !== t.name || a.disabled !== t.disabled ? !1 : (a.value !== t.value && (a.value = t.value), !0);
-}, E = (r, t) => {
-  const a = r.shadowRoot?.querySelector("textarea.control");
-  return !a || g(r) !== t.label || (a.getAttribute("placeholder") ?? "") !== t.placeholder || (a.getAttribute("name") ?? "") !== t.name || a.getAttribute("rows") !== String(t.rows) || a.disabled !== t.disabled ? !1 : (a.value !== t.value && (a.value = t.value), !0);
-}, C = (r) => [
-  "<textarea",
-  ' part="control"',
-  ' class="control"',
-  ` placeholder="${s(r.placeholder)}"`,
-  ` name="${s(r.name)}"`,
-  ` rows="${r.rows}"`,
-  r.disabled ? " disabled" : "",
-  `>${s(r.value)}</textarea>`
-].join(""), z = (r = {}) => {
-  const t = r.prefix ?? $().components?.prefix ?? "bq", a = {
-    button: `${t}-button`,
-    card: `${t}-card`,
-    input: `${t}-input`,
-    textarea: `${t}-textarea`,
-    checkbox: `${t}-checkbox`
-  };
-  return u(a.button, {
-    props: {
-      label: {
-        type: String,
-        default: ""
-      },
-      variant: {
-        type: String,
-        default: "primary"
-      },
-      size: {
-        type: String,
-        default: "md"
-      },
-      type: {
-        type: String,
-        default: "button"
-      },
-      disabled: {
-        type: Boolean,
-        default: !1
-      }
-    },
-    styles: `
-      ${f}
-      button {
-        appearance: none;
-        border: 0;
-        border-radius: 999px;
-        cursor: pointer;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font: inherit;
-        font-weight: 600;
-        gap: 0.5rem;
-        min-height: 2.5rem;
-        padding: 0.65rem 1rem;
-        transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;
-        background: #2563eb;
-        color: #fff;
-      }
-      button[data-variant='secondary'] {
-        background: #e2e8f0;
-        color: #0f172a;
-      }
-      button[data-size='sm'] {
-        min-height: 2.125rem;
-        padding: 0.5rem 0.875rem;
-      }
-      button[data-size='lg'] {
-        min-height: 3rem;
-        padding: 0.875rem 1.25rem;
-      }
-      button:hover:not(:disabled) {
-        transform: translateY(-1px);
-      }
-      button:disabled {
-        cursor: not-allowed;
-        opacity: 0.6;
-      }
-    `,
-    render: ({ props: e }) => h`
-      <button
-        part="button"
-        type="${s(e.type)}"
-        data-variant="${s(e.variant)}"
-        data-size="${s(e.size)}"
-        ${e.disabled ? "disabled" : ""}
-      >
-        <slot>${s(e.label)}</slot>
-      </button>
-    `
-  }), u(a.card, {
-    props: {
-      title: {
-        type: String,
-        default: ""
-      },
-      footer: {
-        type: String,
-        default: ""
-      },
-      elevated: {
-        type: Boolean,
-        default: !0
-      }
-    },
-    styles: `
-      ${f}
-      article {
-        background: #fff;
-        border: 1px solid #e2e8f0;
-        border-radius: 1rem;
-        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
-        color: #0f172a;
-        display: block;
-        padding: 1rem;
-      }
-      article[data-elevated='false'] {
-        box-shadow: none;
-      }
-      header, footer {
-        color: #475569;
-        font-size: 0.95rem;
-        font-weight: 600;
-      }
-      header {
-        margin-bottom: 0.75rem;
-      }
-      footer {
-        margin-top: 0.75rem;
-      }
-    `,
-    render: ({ props: e }) => h`
-      <article part="card" data-elevated="${String(e.elevated)}">
-        ${e.title ? `<header part="header">${s(e.title)}</header>` : ""}
-        <section part="body"><slot></slot></section>
-        ${e.footer ? `<footer part="footer">${s(e.footer)}</footer>` : ""}
-      </article>
-    `
-  }), u(a.input, {
-    props: {
-      label: {
-        type: String,
-        default: ""
-      },
-      type: {
-        type: String,
-        default: "text"
-      },
-      value: {
-        type: String,
-        default: ""
-      },
-      placeholder: {
-        type: String,
-        default: ""
-      },
-      name: {
-        type: String,
-        default: ""
-      },
-      disabled: {
-        type: Boolean,
-        default: !1
-      }
-    },
-    styles: y,
-    beforeUpdate(e) {
-      return !k(this, e);
-    },
-    connected() {
-      const e = (o) => {
-        const n = o.target;
-        n?.matches("input") && (o.stopPropagation(), this.setAttribute("value", n.value), this.dispatchEvent(new CustomEvent("input", {
-          detail: { value: n.value },
-          bubbles: !0,
-          composed: !0
-        })));
-      };
-      p(this, "__bqueryInputHandler", e), this.shadowRoot?.addEventListener("input", e);
-    },
-    disconnected() {
-      const e = b(this, "__bqueryInputHandler");
-      e && this.shadowRoot?.removeEventListener("input", e);
-    },
-    render: ({ props: e }) => h`
-      <label part="field" class="field">
-        ${e.label ? `<span part="label" class="label">${s(e.label)}</span>` : ""}
-        <input
-          part="control"
-          class="control"
-          type="${s(e.type)}"
-          value="${s(e.value)}"
-          placeholder="${s(e.placeholder)}"
-          name="${s(e.name)}"
-          ${e.disabled ? "disabled" : ""}
-        />
-      </label>
-    `
-  }), u(a.textarea, {
-    props: {
-      label: {
-        type: String,
-        default: ""
-      },
-      value: {
-        type: String,
-        default: ""
-      },
-      placeholder: {
-        type: String,
-        default: ""
-      },
-      name: {
-        type: String,
-        default: ""
-      },
-      rows: {
-        type: Number,
-        default: 4
-      },
-      disabled: {
-        type: Boolean,
-        default: !1
-      }
-    },
-    styles: `${y}
-      textarea.control {
-        min-height: 6rem;
-        resize: vertical;
-      }
-    `,
-    beforeUpdate(e) {
-      return !E(this, e);
-    },
-    connected() {
-      const e = (o) => {
-        const n = o.target;
-        n?.matches("textarea") && (o.stopPropagation(), this.setAttribute("value", n.value), this.dispatchEvent(new CustomEvent("input", {
-          detail: { value: n.value },
-          bubbles: !0,
-          composed: !0
-        })));
-      };
-      p(this, "__bqueryTextareaHandler", e), this.shadowRoot?.addEventListener("input", e);
-    },
-    disconnected() {
-      const e = b(this, "__bqueryTextareaHandler");
-      e && this.shadowRoot?.removeEventListener("input", e);
-    },
-    render: ({ props: e }) => h`
-      <label part="field" class="field">
-        ${e.label ? `<span part="label" class="label">${s(e.label)}</span>` : ""}
-        ${C(e)}
-      </label>
-    `
-  }), u(a.checkbox, {
-    props: {
-      label: {
-        type: String,
-        default: ""
-      },
-      checked: {
-        type: Boolean,
-        default: !1
-      },
-      disabled: {
-        type: Boolean,
-        default: !1
-      }
-    },
-    styles: `
-      ${f}
-      label {
-        align-items: center;
-        color: #0f172a;
-        cursor: pointer;
-        display: inline-flex;
-        gap: 0.625rem;
-      }
-      input {
-        accent-color: #2563eb;
-        block-size: 1rem;
-        inline-size: 1rem;
-      }
-      input:disabled {
-        cursor: not-allowed;
-      }
-    `,
-    connected() {
-      const e = (o) => {
-        const n = o.target;
-        n?.matches('input[type="checkbox"]') && (o.stopPropagation(), n.checked ? this.setAttribute("checked", "true") : this.removeAttribute("checked"), this.dispatchEvent(new CustomEvent("change", {
-          detail: { checked: n.checked },
-          bubbles: !0,
-          composed: !0
-        })));
-      };
-      p(this, "__bqueryCheckboxHandler", e), this.shadowRoot?.addEventListener("change", e);
-    },
-    disconnected() {
-      const e = b(this, "__bqueryCheckboxHandler");
-      e && this.shadowRoot?.removeEventListener("change", e);
-    },
-    render: ({ props: e }) => h`
-      <label part="label">
-        <input
-          part="control"
-          type="checkbox"
-          ${e.checked ? "checked" : ""}
-          ${e.disabled ? "disabled" : ""}
-        />
-        <span part="text"><slot>${s(e.label)}</slot></span>
-      </label>
-    `
-  }), a;
-};
-export {
-  S as a,
-  u as i,
-  h as n,
-  P as r,
-  z as t
-};
-
-//# sourceMappingURL=component-CY5MVoYN.js.map

package/dist/component-CY5MVoYN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-CY5MVoYN.js","names":[],"sources":["../src/component/props.ts","../src/component/component.ts","../src/component/html.ts","../src/component/library.ts"],"sourcesContent":["/**\n * Prop coercion utilities.\n *\n * @module bquery/component\n */\n\nimport type { PropDefinition } from './types';\n\n/**\n * Coerces a string attribute value into a typed prop value.\n * Supports String, Number, Boolean, Object, Array, and custom converters.\n *\n * @internal\n * @template T - The target type\n * @param rawValue - The raw string value from the attribute\n * @param config - The prop definition with type information\n * @returns The coerced value of type T\n */\nexport const coercePropValue = <T>(rawValue: string, config: PropDefinition<T>): T => {\n  const { type } = config;\n\n  if (type === String) return rawValue as T;\n\n  if (type === Number) {\n    return Number(rawValue) as T;\n  }\n\n  if (type === Boolean) {\n    const normalized = rawValue.trim().toLowerCase();\n    if (normalized === '' || normalized === 'true' || normalized === '1') {\n      return true as T;\n    }\n    if (normalized === 'false' || normalized === '0') {\n      return false as T;\n    }\n    return Boolean(rawValue) as T;\n  }\n\n  if (type === Object || type === Array) {\n    try {\n      return JSON.parse(rawValue) as T;\n    } catch {\n      return rawValue as T;\n    }\n  }\n\n  if (typeof type === 'function') {\n    const callable = type as (value: unknown) => T;\n    const constructable = type as new (value: unknown) => T;\n\n    // Explicit construct mode takes precedence\n    if (config.construct === true) {\n      return Reflect.construct(constructable, [rawValue]) as T;\n    }\n    if (config.construct === false) {\n      return callable(rawValue);\n    }\n\n    // Auto-detect: Check if type is constructable\n    // A function is considered constructable if:\n    // 1. It has a prototype with properties beyond just constructor, OR\n    // 2. Its prototype.constructor is not itself (inherited), OR\n    // 3. It's a class (toString starts with \"class\")\n    const hasPrototype = type.prototype !== undefined && type.prototype !== null;\n    const prototypeProps = hasPrototype ? Object.getOwnPropertyNames(type.prototype) : [];\n    const hasPrototypeMethods = prototypeProps.length > 1;\n    const hasInheritedConstructor = hasPrototype && type.prototype.constructor !== type;\n    const isClassSyntax = /^class\\s/.test(Function.prototype.toString.call(type));\n\n    const isConstructable = hasPrototypeMethods || hasInheritedConstructor || isClassSyntax;\n\n    // For constructable types (e.g. Date, custom classes), prefer `new` to avoid\n    // silent wrong-type returns (Date() returns string, new Date() returns Date)\n    if (isConstructable) {\n      try {\n        return Reflect.construct(constructable, [rawValue]) as T;\n      } catch {\n        // Fall back to calling as function if construction fails\n        return callable(rawValue);\n      }\n    }\n\n    // For non-constructable types (arrow functions, plain functions), call directly\n    // but fall back to constructor if result is undefined (common for function constructors)\n    try {\n      const result = callable(rawValue);\n\n      // If calling without `new` returned undefined and the function has a prototype,\n      // it's likely a function constructor that should be called with `new`\n      if (result === undefined && hasPrototype) {\n        try {\n          return Reflect.construct(constructable, [rawValue]) as T;\n        } catch {\n          // Construction also failed, return the undefined\n          return result as T;\n        }\n      }\n\n      return result as T;\n    } catch (error) {\n      // Fall back to constructor if error indicates 'new' is required\n      const isNewRequired =\n        error instanceof TypeError &&\n        /cannot be invoked without 'new'|is not a function/i.test(error.message);\n\n      if (isNewRequired) {\n        return Reflect.construct(constructable, [rawValue]) as T;\n      }\n\n      // Rethrow original error for non-constructable converters\n      throw error;\n    }\n  }\n\n  return rawValue as T;\n};\n","/**\r\n * Web Component factory and registry.\r\n *\r\n * @module bquery/component\r\n */\r\n\r\nimport { sanitizeHtml } from '../security/sanitize';\r\nimport { coercePropValue } from './props';\r\nimport type { ComponentDefinition, PropDefinition } from './types';\r\n\r\n/**\r\n * Creates a custom element class for a component definition.\r\n *\r\n * This is useful when you want to extend or register the class manually\r\n * (e.g. with different tag names in tests or custom registries).\r\n *\r\n * @template TProps - Type of the component's props\r\n * @param tagName - The custom element tag name (used for diagnostics)\r\n * @param definition - The component configuration\r\n */\r\nexport const defineComponent = <TProps extends Record<string, unknown>>(\r\n  tagName: string,\r\n  definition: ComponentDefinition<TProps>\r\n): typeof HTMLElement => {\r\n  class BQueryComponent extends HTMLElement {\r\n    /** Internal state object for the component */\r\n    private readonly state = { ...(definition.state ?? {}) };\r\n    /** Typed props object populated from attributes */\r\n    private props = {} as TProps;\r\n    /** Tracks missing required props for validation during connectedCallback */\r\n    private missingRequiredProps = new Set<string>();\r\n    /** Tracks whether the component has completed its initial mount */\r\n    private hasMounted = false;\r\n\r\n    constructor() {\r\n      super();\r\n      this.attachShadow({ mode: 'open' });\r\n      this.syncProps();\r\n    }\r\n\r\n    /**\r\n     * Returns the list of attributes to observe for changes.\r\n     */\r\n    static get observedAttributes(): string[] {\r\n      return Object.keys(definition.props ?? {});\r\n    }\r\n\r\n    /**\r\n     * Called when the element is added to the DOM.\r\n     */\r\n    connectedCallback(): void {\r\n      try {\r\n        // Defer initial render until all required props are present\r\n        // This allows attributes to be set after element creation\r\n        if (this.missingRequiredProps.size > 0) {\r\n          // Component will mount once all required props are satisfied\r\n          // via attributeChangedCallback\r\n          return;\r\n        }\r\n        this.mount();\r\n      } catch (error) {\r\n        this.handleError(error as Error);\r\n      }\r\n    }\r\n\r\n    /**\r\n     * Performs the initial mount of the component.\r\n     * Called when the element is connected and all required props are present.\r\n     * @internal\r\n     */\r\n    private mount(): void {\r\n      if (this.hasMounted) return;\r\n      definition.beforeMount?.call(this);\r\n      definition.connected?.call(this);\r\n      this.render();\r\n      this.hasMounted = true;\r\n    }\r\n\r\n    /**\r\n     * Called when the element is removed from the DOM.\r\n     */\r\n    disconnectedCallback(): void {\r\n      try {\r\n        definition.disconnected?.call(this);\r\n      } catch (error) {\r\n        this.handleError(error as Error);\r\n      }\r\n    }\r\n\r\n    /**\r\n     * Called when an observed attribute changes.\r\n     */\r\n    attributeChangedCallback(\r\n      _name: string,\r\n      _oldValue: string | null,\r\n      _newValue: string | null\r\n    ): void {\r\n      try {\r\n        this.syncProps();\r\n\r\n        if (this.hasMounted) {\r\n          // Component already mounted - trigger update render\r\n          this.render(true);\r\n        } else if (this.isConnected && this.missingRequiredProps.size === 0) {\r\n          // All required props are now satisfied and element is connected\r\n          // Trigger the deferred initial mount\r\n          this.mount();\r\n        }\r\n      } catch (error) {\r\n        this.handleError(error as Error);\r\n      }\r\n    }\r\n\r\n    /**\r\n     * Handles errors during component lifecycle.\r\n     * @internal\r\n     */\r\n    private handleError(error: Error): void {\r\n      if (definition.onError) {\r\n        definition.onError.call(this, error);\r\n      } else {\r\n        console.error(`bQuery component error in <${tagName}>:`, error);\r\n      }\r\n    }\r\n\r\n    /**\r\n     * Updates a state property and triggers a re-render.\r\n     *\r\n     * @param key - The state property key\r\n     * @param value - The new value\r\n     */\r\n    setState(key: string, value: unknown): void {\r\n      this.state[key] = value;\r\n      this.render(true);\r\n    }\r\n\r\n    /**\r\n     * Gets a state property value.\r\n     *\r\n     * @param key - The state property key\r\n     * @returns The current value\r\n     */\r\n    getState<T = unknown>(key: string): T {\r\n      return this.state[key] as T;\r\n    }\r\n\r\n    /**\r\n     * Synchronizes props from attributes.\r\n     * @internal\r\n     */\r\n    private syncProps(): void {\r\n      const props = definition.props ?? {};\r\n      for (const [key, config] of Object.entries(props) as [string, PropDefinition][]) {\r\n        const attrValue = this.getAttribute(key);\r\n        let value: unknown;\r\n\r\n        if (attrValue == null) {\r\n          if (config.required && config.default === undefined) {\r\n            // Mark as missing instead of throwing - validate during connectedCallback\r\n            this.missingRequiredProps.add(key);\r\n            value = undefined;\r\n          } else {\r\n            value = config.default ?? undefined;\r\n          }\r\n        } else {\r\n          // Attribute is present, remove from missing set if it was there\r\n          if (this.missingRequiredProps.has(key)) {\r\n            this.missingRequiredProps.delete(key);\r\n          }\r\n          value = coercePropValue(attrValue, config);\r\n        }\r\n\r\n        if (config.validator && value !== undefined) {\r\n          const isValid = config.validator(value);\r\n          if (!isValid) {\r\n            throw new Error(\r\n              `bQuery component: validation failed for prop \"${key}\" with value ${JSON.stringify(value)}`\r\n            );\r\n          }\r\n        }\r\n\r\n        (this.props as Record<string, unknown>)[key] = value;\r\n      }\r\n    }\r\n\r\n    /**\r\n     * Renders the component to its shadow root.\r\n     * @internal\r\n     */\r\n    private render(triggerUpdated = false): void {\r\n      try {\r\n        if (triggerUpdated && definition.beforeUpdate) {\r\n          const shouldUpdate = definition.beforeUpdate.call(this, this.props);\r\n          if (shouldUpdate === false) return;\r\n        }\r\n\r\n        const emit = (event: string, detail?: unknown): void => {\r\n          this.dispatchEvent(new CustomEvent(event, { detail, bubbles: true, composed: true }));\r\n        };\r\n\r\n        if (!this.shadowRoot) return;\r\n\r\n        const markup = definition.render({\r\n          props: this.props,\r\n          state: this.state,\r\n          emit,\r\n        });\r\n\r\n        // Component render output is authored by the component definition itself,\r\n        // so we can explicitly preserve shadow-DOM-specific markup such as <slot>,\r\n        // the stylistic `part` attribute, and standard form/input attributes without\r\n        // relaxing the global DOM sanitization rules.\r\n        const sanitizedMarkup = sanitizeHtml(markup, {\r\n          allowTags: ['slot'],\r\n          allowAttributes: [\r\n            'part',\r\n            // Standard form attributes required by interactive shadow DOM content\r\n            'disabled',\r\n            'checked',\r\n            'placeholder',\r\n            'value',\r\n            'rows',\r\n            'cols',\r\n            'readonly',\r\n            'required',\r\n            'maxlength',\r\n            'minlength',\r\n            'max',\r\n            'min',\r\n            'step',\r\n            'pattern',\r\n            'autocomplete',\r\n            'autofocus',\r\n            'for',\r\n            'multiple',\r\n            'selected',\r\n            'wrap',\r\n          ],\r\n        });\r\n        this.shadowRoot.innerHTML = sanitizedMarkup;\r\n\r\n        if (definition.styles) {\r\n          const styleElement = document.createElement('style');\r\n          styleElement.textContent = definition.styles;\r\n          this.shadowRoot.prepend(styleElement);\r\n        }\r\n\r\n        if (triggerUpdated) {\r\n          definition.updated?.call(this);\r\n        }\r\n      } catch (error) {\r\n        this.handleError(error as Error);\r\n      }\r\n    }\r\n  }\r\n\r\n  return BQueryComponent;\r\n};\r\n\r\n/**\r\n * Defines and registers a custom Web Component.\r\n *\r\n * This function creates a new custom element with the given tag name\r\n * and configuration. The component uses Shadow DOM for encapsulation\r\n * and automatically re-renders when observed attributes change.\r\n *\r\n * @template TProps - Type of the component's props\r\n * @param tagName - The custom element tag name (must contain a hyphen)\r\n * @param definition - The component configuration\r\n *\r\n * @example\r\n * ```ts\r\n * component('counter-button', {\r\n *   props: {\r\n *     start: { type: Number, default: 0 },\r\n *   },\r\n *   state: { count: 0 },\r\n *   styles: `\r\n *     button { padding: 0.5rem 1rem; }\r\n *   `,\r\n *   connected() {\r\n *     // Use event delegation on shadow root so handler survives re-renders\r\n *     const handleClick = (event: Event) => {\r\n *       const target = event.target as HTMLElement | null;\r\n *       if (target?.matches('button')) {\r\n *         this.setState('count', (this.getState('count') as number) + 1);\r\n *       }\r\n *     };\r\n *     this.shadowRoot?.addEventListener('click', handleClick);\r\n *     // Store handler for cleanup\r\n *     (this as any)._handleClick = handleClick;\r\n *   },\r\n *   disconnected() {\r\n *     // Clean up event listener to prevent memory leaks\r\n *     const handleClick = (this as any)._handleClick;\r\n *     if (handleClick) {\r\n *       this.shadowRoot?.removeEventListener('click', handleClick);\r\n *     }\r\n *   },\r\n *   render({ props, state }) {\r\n *     return html`\r\n *       <button>\r\n *         Count: ${state.count}\r\n *       </button>\r\n *     `;\r\n *   },\r\n * });\r\n * ```\r\n */\r\nexport const component = <TProps extends Record<string, unknown>>(\r\n  tagName: string,\r\n  definition: ComponentDefinition<TProps>\r\n): void => {\r\n  const elementClass = defineComponent(tagName, definition);\r\n\r\n  if (!customElements.get(tagName)) {\r\n    customElements.define(tagName, elementClass);\r\n  }\r\n};\r\n","/**\n * Tagged template literal for creating HTML strings.\n *\n * This function handles interpolation of values into HTML templates,\n * converting null/undefined to empty strings.\n *\n * @param strings - Template literal string parts\n * @param values - Interpolated values\n * @returns Combined HTML string\n *\n * @example\n * ```ts\n * const name = 'World';\n * const greeting = html`<h1>Hello, ${name}!</h1>`;\n * // Result: '<h1>Hello, World!</h1>'\n * ```\n */\nexport const html = (strings: TemplateStringsArray, ...values: unknown[]): string => {\n  return strings.reduce((acc, part, index) => `${acc}${part}${values[index] ?? ''}`, '');\n};\n\n/**\n * Escapes HTML entities in interpolated values for XSS prevention.\n * Use this when you need to safely embed user content in templates.\n *\n * @param strings - Template literal string parts\n * @param values - Interpolated values to escape\n * @returns Combined HTML string with escaped values\n *\n * @example\n * ```ts\n * const userInput = '<script>alert(\"xss\")</script>';\n * const safe = safeHtml`<div>${userInput}</div>`;\n * // Result: '<div>&lt;script&gt;alert(\"xss\")&lt;/script&gt;</div>'\n * ```\n */\nexport const safeHtml = (strings: TemplateStringsArray, ...values: unknown[]): string => {\n  const escapeMap: Record<string, string> = {\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#x27;',\n    '`': '&#x60;',\n  };\n\n  const escape = (value: unknown): string => {\n    const str = String(value ?? '');\n    return str.replace(/[&<>\"'`]/g, (char) => escapeMap[char]);\n  };\n\n  return strings.reduce((acc, part, index) => `${acc}${part}${escape(values[index])}`, '');\n};\n","/**\r\n * Default component library based on native Web Components.\r\n *\r\n * @module bquery/component\r\n */\r\n\r\nimport { getBqueryConfig } from '../platform/config';\r\nimport { escapeHtml } from '../security';\r\nimport { component } from './component';\r\nimport { html } from './html';\r\n\r\n/** Options for registering the default component library. */\r\nexport interface DefaultComponentLibraryOptions {\r\n  /** Prefix used for all registered component tags. Defaults to `bq`. */\r\n  prefix?: string;\r\n}\r\n\r\n/** Tag names returned by registerDefaultComponents(). */\r\nexport interface RegisteredDefaultComponents {\r\n  /** Button component tag name. */\r\n  button: string;\r\n  /** Card component tag name. */\r\n  card: string;\r\n  /** Input component tag name. */\r\n  input: string;\r\n  /** Textarea component tag name. */\r\n  textarea: string;\r\n  /** Checkbox component tag name. */\r\n  checkbox: string;\r\n}\r\n\r\nconst baseStyles = `\r\n  :host {\r\n    color: inherit;\r\n    font: inherit;\r\n  }\r\n`;\r\n\r\nconst controlStyles = `\r\n  ${baseStyles}\r\n  .field {\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    gap: 0.375rem;\r\n    width: 100%;\r\n  }\r\n  .label {\r\n    color: #334155;\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n  }\r\n  .control {\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 0.75rem;\r\n    box-sizing: border-box;\r\n    font: inherit;\r\n    min-height: 2.75rem;\r\n    outline: none;\r\n    padding: 0.75rem 0.875rem;\r\n    width: 100%;\r\n    background: #fff;\r\n    color: #0f172a;\r\n    transition: border-color 160ms ease, box-shadow 160ms ease;\r\n  }\r\n  .control:focus {\r\n    border-color: #2563eb;\r\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);\r\n  }\r\n  .control:disabled {\r\n    background: #f8fafc;\r\n    color: #94a3b8;\r\n    cursor: not-allowed;\r\n  }\r\n`;\r\n\r\nconst escapeProp = (value: string): string => escapeHtml(value);\r\n\r\nconst handlerStore = new WeakMap<HTMLElement, Record<string, EventListener>>();\r\n\r\nconst readHandler = (element: HTMLElement, key: string): EventListener | undefined => {\r\n  return handlerStore.get(element)?.[key];\r\n};\r\n\r\nconst storeHandler = (element: HTMLElement, key: string, value: EventListener): void => {\r\n  const handlers = handlerStore.get(element) ?? {};\r\n  handlers[key] = value;\r\n  handlerStore.set(element, handlers);\r\n};\r\n\r\nconst getShadowLabelText = (element: HTMLElement): string => {\r\n  return element.shadowRoot?.querySelector('.label')?.textContent ?? '';\r\n};\r\n\r\n/**\r\n * Detect a value-only input update, patch the live control in place, and\r\n * return whether the component can skip a full shadow DOM re-render.\r\n *\r\n * @param element - The host custom element whose shadow DOM is being updated\r\n * @param props - The next reflected input props for the pending update\r\n */\r\nconst canSkipInputRender = (\r\n  element: HTMLElement,\r\n  props: {\r\n    label: string;\r\n    type: string;\r\n    value: string;\r\n    placeholder: string;\r\n    name: string;\r\n    disabled: boolean;\r\n  }\r\n): boolean => {\r\n  const control = element.shadowRoot?.querySelector('input.control') as HTMLInputElement | null;\r\n  if (!control) return false;\r\n\r\n  if (getShadowLabelText(element) !== props.label) return false;\r\n  if ((control.getAttribute('type') ?? 'text') !== props.type) return false;\r\n  if ((control.getAttribute('placeholder') ?? '') !== props.placeholder) return false;\r\n  if ((control.getAttribute('name') ?? '') !== props.name) return false;\r\n  if (control.disabled !== props.disabled) return false;\r\n\r\n  if (control.value !== props.value) {\r\n    control.value = props.value;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\n/**\r\n * Detect a value-only textarea update, patch the live control in place, and\r\n * return whether the component can skip a full shadow DOM re-render.\r\n *\r\n * @param element - The host custom element whose shadow DOM is being updated\r\n * @param props - The next reflected textarea props for the pending update\r\n */\r\nconst canSkipTextareaRender = (\r\n  element: HTMLElement,\r\n  props: {\r\n    label: string;\r\n    value: string;\r\n    placeholder: string;\r\n    name: string;\r\n    rows: number;\r\n    disabled: boolean;\r\n  }\r\n): boolean => {\r\n  const control = element.shadowRoot?.querySelector(\r\n    'textarea.control'\r\n  ) as HTMLTextAreaElement | null;\r\n  if (!control) return false;\r\n\r\n  if (getShadowLabelText(element) !== props.label) return false;\r\n  if ((control.getAttribute('placeholder') ?? '') !== props.placeholder) return false;\r\n  if ((control.getAttribute('name') ?? '') !== props.name) return false;\r\n  if (control.getAttribute('rows') !== String(props.rows)) return false;\r\n  if (control.disabled !== props.disabled) return false;\r\n\r\n  if (control.value !== props.value) {\r\n    control.value = props.value;\r\n  }\r\n  return true;\r\n};\r\n\r\nconst renderTextareaControl = (props: {\r\n  value: string;\r\n  placeholder: string;\r\n  name: string;\r\n  rows: number;\r\n  disabled: boolean;\r\n}): string => {\r\n  return [\r\n    '<textarea',\r\n    ' part=\"control\"',\r\n    ' class=\"control\"',\r\n    ` placeholder=\"${escapeProp(props.placeholder)}\"`,\r\n    ` name=\"${escapeProp(props.name)}\"`,\r\n    ` rows=\"${props.rows}\"`,\r\n    props.disabled ? ' disabled' : '',\r\n    `>${escapeProp(props.value)}</textarea>`,\r\n  ].join('');\r\n};\r\n\r\n/**\r\n * Register a default set of foundational UI components.\r\n *\r\n * The library is intentionally small and dependency-free, providing common\r\n * primitives that can be themed via shadow parts and CSS custom properties.\r\n *\r\n * @param options - Optional registration settings such as a custom tag prefix\r\n * @returns The registered tag names for each component\r\n */\r\nexport const registerDefaultComponents = (\r\n  options: DefaultComponentLibraryOptions = {}\r\n): RegisteredDefaultComponents => {\r\n  const prefix = options.prefix ?? getBqueryConfig().components?.prefix ?? 'bq';\r\n  const tags: RegisteredDefaultComponents = {\r\n    button: `${prefix}-button`,\r\n    card: `${prefix}-card`,\r\n    input: `${prefix}-input`,\r\n    textarea: `${prefix}-textarea`,\r\n    checkbox: `${prefix}-checkbox`,\r\n  };\r\n\r\n  component<{\r\n    label: string;\r\n    variant: string;\r\n    size: string;\r\n    type: string;\r\n    disabled: boolean;\r\n  }>(tags.button, {\r\n    props: {\r\n      label: { type: String, default: '' },\r\n      variant: { type: String, default: 'primary' },\r\n      size: { type: String, default: 'md' },\r\n      type: { type: String, default: 'button' },\r\n      disabled: { type: Boolean, default: false },\r\n    },\r\n    styles: `\r\n      ${baseStyles}\r\n      button {\r\n        appearance: none;\r\n        border: 0;\r\n        border-radius: 999px;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font: inherit;\r\n        font-weight: 600;\r\n        gap: 0.5rem;\r\n        min-height: 2.5rem;\r\n        padding: 0.65rem 1rem;\r\n        transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;\r\n        background: #2563eb;\r\n        color: #fff;\r\n      }\r\n      button[data-variant='secondary'] {\r\n        background: #e2e8f0;\r\n        color: #0f172a;\r\n      }\r\n      button[data-size='sm'] {\r\n        min-height: 2.125rem;\r\n        padding: 0.5rem 0.875rem;\r\n      }\r\n      button[data-size='lg'] {\r\n        min-height: 3rem;\r\n        padding: 0.875rem 1.25rem;\r\n      }\r\n      button:hover:not(:disabled) {\r\n        transform: translateY(-1px);\r\n      }\r\n      button:disabled {\r\n        cursor: not-allowed;\r\n        opacity: 0.6;\r\n      }\r\n    `,\r\n    render: ({ props }) => html`\r\n      <button\r\n        part=\"button\"\r\n        type=\"${escapeProp(props.type)}\"\r\n        data-variant=\"${escapeProp(props.variant)}\"\r\n        data-size=\"${escapeProp(props.size)}\"\r\n        ${props.disabled ? 'disabled' : ''}\r\n      >\r\n        <slot>${escapeProp(props.label)}</slot>\r\n      </button>\r\n    `,\r\n  });\r\n\r\n  component<{ title: string; footer: string; elevated: boolean }>(tags.card, {\r\n    props: {\r\n      title: { type: String, default: '' },\r\n      footer: { type: String, default: '' },\r\n      elevated: { type: Boolean, default: true },\r\n    },\r\n    styles: `\r\n      ${baseStyles}\r\n      article {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 1rem;\r\n        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);\r\n        color: #0f172a;\r\n        display: block;\r\n        padding: 1rem;\r\n      }\r\n      article[data-elevated='false'] {\r\n        box-shadow: none;\r\n      }\r\n      header, footer {\r\n        color: #475569;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n      }\r\n      header {\r\n        margin-bottom: 0.75rem;\r\n      }\r\n      footer {\r\n        margin-top: 0.75rem;\r\n      }\r\n    `,\r\n    render: ({ props }) => html`\r\n      <article part=\"card\" data-elevated=\"${String(props.elevated)}\">\r\n        ${props.title ? `<header part=\"header\">${escapeProp(props.title)}</header>` : ''}\r\n        <section part=\"body\"><slot></slot></section>\r\n        ${props.footer ? `<footer part=\"footer\">${escapeProp(props.footer)}</footer>` : ''}\r\n      </article>\r\n    `,\r\n  });\r\n\r\n  component<{\r\n    label: string;\r\n    type: string;\r\n    value: string;\r\n    placeholder: string;\r\n    name: string;\r\n    disabled: boolean;\r\n  }>(tags.input, {\r\n    props: {\r\n      label: { type: String, default: '' },\r\n      type: { type: String, default: 'text' },\r\n      value: { type: String, default: '' },\r\n      placeholder: { type: String, default: '' },\r\n      name: { type: String, default: '' },\r\n      disabled: { type: Boolean, default: false },\r\n    },\r\n    styles: controlStyles,\r\n    /**\r\n     * Skip the full shadow DOM re-render when only the reflected input value\r\n     * changed, because the live control has already been patched in place.\r\n     */\r\n    beforeUpdate(props) {\r\n      if (canSkipInputRender(this, props)) {\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    connected() {\r\n      const handleInput = (event: Event) => {\r\n        const target = event.target as HTMLInputElement | null;\r\n        if (!target?.matches('input')) return;\r\n        event.stopPropagation();\r\n        this.setAttribute('value', target.value);\r\n        this.dispatchEvent(\r\n          new CustomEvent('input', {\r\n            detail: { value: target.value },\r\n            bubbles: true,\r\n            composed: true,\r\n          })\r\n        );\r\n      };\r\n      storeHandler(this, '__bqueryInputHandler', handleInput);\r\n      this.shadowRoot?.addEventListener('input', handleInput);\r\n    },\r\n    disconnected() {\r\n      const handleInput = readHandler(this, '__bqueryInputHandler');\r\n      if (handleInput) {\r\n        this.shadowRoot?.removeEventListener('input', handleInput);\r\n      }\r\n    },\r\n    render: ({ props }) => html`\r\n      <label part=\"field\" class=\"field\">\r\n        ${props.label ? `<span part=\"label\" class=\"label\">${escapeProp(props.label)}</span>` : ''}\r\n        <input\r\n          part=\"control\"\r\n          class=\"control\"\r\n          type=\"${escapeProp(props.type)}\"\r\n          value=\"${escapeProp(props.value)}\"\r\n          placeholder=\"${escapeProp(props.placeholder)}\"\r\n          name=\"${escapeProp(props.name)}\"\r\n          ${props.disabled ? 'disabled' : ''}\r\n        />\r\n      </label>\r\n    `,\r\n  });\r\n\r\n  component<{\r\n    label: string;\r\n    value: string;\r\n    placeholder: string;\r\n    name: string;\r\n    rows: number;\r\n    disabled: boolean;\r\n  }>(tags.textarea, {\r\n    props: {\r\n      label: { type: String, default: '' },\r\n      value: { type: String, default: '' },\r\n      placeholder: { type: String, default: '' },\r\n      name: { type: String, default: '' },\r\n      rows: { type: Number, default: 4 },\r\n      disabled: { type: Boolean, default: false },\r\n    },\r\n    styles: `${controlStyles}\r\n      textarea.control {\r\n        min-height: 6rem;\r\n        resize: vertical;\r\n      }\r\n    `,\r\n    /**\r\n     * Skip the full shadow DOM re-render when only the reflected textarea value\r\n     * changed, because the live control has already been patched in place.\r\n     */\r\n    beforeUpdate(props) {\r\n      if (canSkipTextareaRender(this, props)) {\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    connected() {\r\n      const handleInput = (event: Event) => {\r\n        const target = event.target as HTMLTextAreaElement | null;\r\n        if (!target?.matches('textarea')) return;\r\n        event.stopPropagation();\r\n        this.setAttribute('value', target.value);\r\n        this.dispatchEvent(\r\n          new CustomEvent('input', {\r\n            detail: { value: target.value },\r\n            bubbles: true,\r\n            composed: true,\r\n          })\r\n        );\r\n      };\r\n      storeHandler(this, '__bqueryTextareaHandler', handleInput);\r\n      this.shadowRoot?.addEventListener('input', handleInput);\r\n    },\r\n    disconnected() {\r\n      const handleInput = readHandler(this, '__bqueryTextareaHandler');\r\n      if (handleInput) {\r\n        this.shadowRoot?.removeEventListener('input', handleInput);\r\n      }\r\n    },\r\n    render: ({ props }) => html`\r\n      <label part=\"field\" class=\"field\">\r\n        ${props.label ? `<span part=\"label\" class=\"label\">${escapeProp(props.label)}</span>` : ''}\r\n        ${renderTextareaControl(props)}\r\n      </label>\r\n    `,\r\n  });\r\n\r\n  component<{ label: string; checked: boolean; disabled: boolean }>(tags.checkbox, {\r\n    props: {\r\n      label: { type: String, default: '' },\r\n      checked: { type: Boolean, default: false },\r\n      disabled: { type: Boolean, default: false },\r\n    },\r\n    styles: `\r\n      ${baseStyles}\r\n      label {\r\n        align-items: center;\r\n        color: #0f172a;\r\n        cursor: pointer;\r\n        display: inline-flex;\r\n        gap: 0.625rem;\r\n      }\r\n      input {\r\n        accent-color: #2563eb;\r\n        block-size: 1rem;\r\n        inline-size: 1rem;\r\n      }\r\n      input:disabled {\r\n        cursor: not-allowed;\r\n      }\r\n    `,\r\n    connected() {\r\n      const handleChange = (event: Event) => {\r\n        const target = event.target as HTMLInputElement | null;\r\n        if (!target?.matches('input[type=\"checkbox\"]')) return;\r\n        event.stopPropagation();\r\n        if (target.checked) {\r\n          this.setAttribute('checked', 'true');\r\n        } else {\r\n          this.removeAttribute('checked');\r\n        }\r\n        this.dispatchEvent(\r\n          new CustomEvent('change', {\r\n            detail: { checked: target.checked },\r\n            bubbles: true,\r\n            composed: true,\r\n          })\r\n        );\r\n      };\r\n      storeHandler(this, '__bqueryCheckboxHandler', handleChange);\r\n      this.shadowRoot?.addEventListener('change', handleChange);\r\n    },\r\n    disconnected() {\r\n      const handleChange = readHandler(this, '__bqueryCheckboxHandler');\r\n      if (handleChange) {\r\n        this.shadowRoot?.removeEventListener('change', handleChange);\r\n      }\r\n    },\r\n    render: ({ props }) => html`\r\n      <label part=\"label\">\r\n        <input\r\n          part=\"control\"\r\n          type=\"checkbox\"\r\n          ${props.checked ? 'checked' : ''}\r\n          ${props.disabled ? 'disabled' : ''}\r\n        />\r\n        <span part=\"text\"><slot>${escapeProp(props.label)}</slot></span>\r\n      </label>\r\n    `,\r\n  });\r\n\r\n  return tags;\r\n};\r\n"],"mappings":"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"}