@htmlbricks/hb-layout-desktop 0.66.20 → 0.66.24

package/manifest.json

@@ -813,7 +813,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-uaIeg74VEojpUSyy5PVRYZzv08DTCDRYPSgM3ceKkiaFEruH9KwraiBuLb626/pk",
+  "iifeIntegrity": "sha384-VsQyPJGEkkUQWjgXPbvIPNo5LcpnFStcdEquaHZwMkhY32pLzG7awBMTEFpAfYGx",
   "screenshots": [],
   "licenses": [
     {
@@ -836,5 +836,5 @@
   },
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-layout-desktop",
-  "version": "0.66.20"
+  "version": "0.66.24"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-layout-desktop",
-  "version": "0.66.20",
+  "version": "0.66.24",
   "contributors": [],
   "description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. Supports one-screen height mode and forwards navigation and footer 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-layout-desktop`. 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 HbLayoutDesktopElement
+  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-layout-desktop": HbLayoutDesktopElement;
+  }
+}
+
+export {};

package/types/svelte-elements.d.ts

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