@htmlbricks/hb-layout 0.66.21 → 0.66.25

package/manifest.json

@@ -823,7 +823,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-cm7vJzH/SIKKHihUbWZ/mOnydy5lCkptBjutODJaByn6Zw4E9sOQdKVJxp9Fjn9Y",
+  "iifeIntegrity": "sha384-btwP3S+O6oGUv+iEhlJYRxRwR7XE+3MxT0CDi0Z5t5Fg/QzH8oySraxTGM3BqfJW",
   "screenshots": [],
   "licenses": [
     {
@@ -845,5 +845,5 @@
   },
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-layout",
-  "version": "0.66.21"
+  "version": "0.66.25"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-layout",
-  "version": "0.66.21",
+  "version": "0.66.25",
   "contributors": [],
   "description": "Responsive application shell: below 800px viewport width it mounts the mobile layout; otherwise the desktop layout. Forwards navigation slots, page content, cookie-law options, and layout events from the active child.",
   "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`. 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 HbLayoutElement
+  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": HbLayoutElement;
+  }
+}
+
+export {};

package/types/svelte-elements.d.ts

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