@htmlbricks/hb-chartjs 0.66.21 → 0.66.24

package/manifest.json

@@ -131,5 +131,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-chartjs",
-  "version": "0.66.21"
+  "version": "0.66.24"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-chartjs",
-  "version": "0.66.21",
+  "version": "0.66.24",
   "contributors": [],
   "description": "Embeds Chart.js (line, bar, pie, radar, time scales, etc.) inside the shadow DOM. Pass a JSON `data` object with `type`, `data`, and optional `options`; the chart is recreated on data changes and when the container resizes (ResizeObserver + debounced window resize). Clicking the canvas dispatches `chartClick` with the nearest point’s label and value.",
   "licenses": [
@@ -12,6 +12,14 @@
     }
   ],
   "main": "main.iife.js",
+  "types": "./types/html-elements.d.ts",
+  "exports": {
+    ".": "./main.iife.js",
+    "./package.json": "./package.json",
+    "./types/html-elements": "./types/html-elements.d.ts",
+    "./types/svelte-elements": "./types/svelte-elements.d.ts",
+    "./types/webcomponent.type": "./types/webcomponent.type.d.ts"
+  },
   "dependencies": {},
   "publishConfig": {
     "access": "public"

package/types/html-elements.d.ts

@@ -0,0 +1,58 @@
+/**
+ * DOM typings for `hb-chartjs`. Attribute values are strings (objects/arrays as JSON strings).
+ * Generated — do not edit by hand.
+ */
+import type { Component, Events } from "./webcomponent.type";
+
+type DomKeys = keyof HTMLElement;
+type HbComponentAttrs = {
+  [K in keyof Component as K extends DomKeys ? never : K]?: string;
+};
+
+/**
+ * Re-declare listener methods so custom `Events` overloads are compatible with
+ * `HTMLElement` (subclass methods must remain assignable to the base signatures).
+ */
+export interface HbChartjsElement
+  extends Omit<HTMLElement, "addEventListener" | "removeEventListener">,
+    HbComponentAttrs {
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener<K extends keyof Events & string>(
+    type: K,
+    listener: (this: this, ev: CustomEvent<Events[K]>) => void,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+
+  removeEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener<K extends keyof Events & string>(
+    type: K,
+    listener: (this: this, ev: CustomEvent<Events[K]>) => void,
+    options?: boolean | EventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "hb-chartjs": HbChartjsElement;
+  }
+}
+
+export {};

package/types/svelte-elements.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Svelte template typings for `hb-chartjs` (`SvelteHTMLElements`).
+ * — Host attributes from `Component` (optional strings).
+ * — Custom events from `Events`: `on` + event key, optional `capture` suffix, or quoted `'on:'` + key (same pattern as built-in DOM events in Svelte).
+ * Generated — do not edit by hand.
+ * Requires dependency on `svelte` (for `svelte/elements`).
+ */
+import type { HTMLAttributes } from "svelte/elements";
+import type { Component, Events } from "./webcomponent.type";
+
+type DomKeys = keyof HTMLElement;
+type HbSvelteAttrs = {
+  [K in keyof Component as K extends DomKeys ? never : K]?: string;
+};
+
+/** `detail` matches `Events[K]`; `currentTarget` is the host element. */
+type HbSvelteCustomEventHandler<TDetail> = (
+  event: CustomEvent<TDetail> & { currentTarget: EventTarget & HTMLElement }
+) => any;
+
+type HbSvelteEventAttrs = {
+  [K in keyof Events & string as `on${K}`]?: HbSvelteCustomEventHandler<Events[K]>;
+} & {
+  [K in keyof Events & string as `on${K}capture`]?: HbSvelteCustomEventHandler<Events[K]>;
+} & {
+  [K in keyof Events & string as `on:${K}`]?: HbSvelteCustomEventHandler<Events[K]>;
+};
+
+declare module "svelte/elements" {
+  export interface SvelteHTMLElements {
+    "hb-chartjs": HTMLAttributes<HTMLElement> & HbSvelteAttrs & HbSvelteEventAttrs;
+  }
+}
+
+export {};