@htmlbricks/hb-navbar 0.66.20 → 0.66.24

package/manifest.json

@@ -232,7 +232,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-puv4juweRK7IdFKG0jjgtuvs/C7+ioq+sYgG6i+QgoLcW4eS5hZVUcXhBfJ28yBC",
+  "iifeIntegrity": "sha384-QLuMwmWr5hWn68g0myDnxPBwbrDGxkhUwMV9vJnSKZl7SbILLKB2BTDS7FhSG45x",
   "screenshots": [],
   "licenses": [
     {
@@ -254,5 +254,5 @@
   },
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-navbar",
-  "version": "0.66.20"
+  "version": "0.66.24"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-navbar",
-  "version": "0.66.20",
+  "version": "0.66.24",
   "contributors": [],
   "description": "Top navigation bar with optional hamburger to toggle an offcanvas menu, brand name and logo, slottable left, center, and right areas, and an optional user avatar dropdown (hb-dropdown-simple) with item click events.",
   "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-navbar`. 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 HbNavbarElement
+  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-navbar": HbNavbarElement;
+  }
+}
+
+export {};

package/types/svelte-elements.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Svelte template typings for `hb-navbar` (`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-navbar": HTMLAttributes<HTMLElement> & HbSvelteAttrs & HbSvelteEventAttrs;
+  }
+}
+
+export {};