@htmlbricks/hb-site-slideshow 0.68.6 → 0.68.8

package/manifest.json

@@ -7,38 +7,38 @@
         "Events": {
           "additionalProperties": false,
           "properties": {
-            "changeSlide": {
+            "changeHover": {
               "additionalProperties": false,
               "properties": {
+                "hover": {
+                  "type": "boolean"
+                },
                 "index": {
                   "type": "number"
                 }
               },
               "required": [
-                "index"
+                "index",
+                "hover"
               ],
               "type": "object"
             },
-            "onHover": {
+            "changeSlide": {
               "additionalProperties": false,
               "properties": {
-                "hover": {
-                  "type": "boolean"
-                },
                 "index": {
                   "type": "number"
                 }
               },
               "required": [
-                "index",
-                "hover"
+                "index"
               ],
               "type": "object"
             }
           },
           "required": [
             "changeSlide",
-            "onHover"
+            "changeHover"
           ],
           "type": "object"
         }
@@ -116,8 +116,8 @@
     "changeSlide": {
       "action": "changeSlide"
     },
-    "onHover": {
-      "action": "onHover"
+    "changeHover": {
+      "action": "changeHover"
     }
   },
   "styleSetup": {
@@ -242,7 +242,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-95mzZ9DkuXSyiR6Lemka83mRbc8BihXcjj/OgbNpA1ZxoKKj1BU+LngfoAAbymXW",
+  "iifeIntegrity": "sha384-FjyI/RXQWSFKQJ7lxIXmSBiFXouSH2jcn4cyxHyrKazqltAA4kLJMzfbEII+yTn3",
   "dependencies": [],
   "screenshots": [],
   "licenses": [
@@ -265,5 +265,5 @@
   },
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-site-slideshow",
-  "version": "0.68.6"
+  "version": "0.68.8"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-site-slideshow",
-  "version": "0.68.6",
+  "version": "0.68.8",
   "contributors": [],
   "description": "Full-viewport image slideshow: pass `data` as an array of slides (`href`, optional `caption`). Supports optional `index` and `timer`, dots and captions via CSS parts, overlay/prev/next/cover slots, and dispatches slide change and hover events.",
   "licenses": [

package/types/html-elements.d.ts

@@ -4,17 +4,30 @@
  */
 import type { Component, Events } from "./webcomponent.type";
 
+/**
+ * Host properties already on `HTMLElement` (no `svelte/elements` here — DOM typings stay
+ * usable without Svelte). Custom `Component` keys that collide stay on the native typing.
+ */
 type DomKeys = keyof HTMLElement;
 type HbComponentAttrs = {
   [K in keyof Component as K extends DomKeys ? never : K]?: string;
 };
 
+type HbHtmlElementWithoutListeners = Omit<
+  HTMLElement,
+  "addEventListener" | "removeEventListener"
+>;
+
 /**
  * Re-declare listener methods so custom `Events` overloads are compatible with
  * `HTMLElement` (subclass methods must remain assignable to the base signatures).
+ *
+ * Like `svelte-elements.d.ts`, we `Omit` keys we define on `HbComponentAttrs` from the DOM
+ * base, then add them back: avoids `extends A, B` merging the same key with incompatible types
+ * if a name slips past `DomKeys`.
  */
 export interface HbSiteSlideshowElement
-  extends Omit<HTMLElement, "addEventListener" | "removeEventListener">,
+  extends Omit<HbHtmlElementWithoutListeners, keyof HbComponentAttrs>,
     HbComponentAttrs {
   addEventListener<K extends keyof HTMLElementEventMap>(
     type: K,

package/types/svelte-elements.d.ts

@@ -8,9 +8,13 @@
 import type { HTMLAttributes } from "svelte/elements";
 import type { Component, Events } from "./webcomponent.type";
 
-type DomKeys = keyof HTMLElement;
+/**
+ * Keys already modeled on `HTMLAttributes` (global attrs + DOM listeners). Exclude these from
+ * `Component` so host props stay plain strings and are not merged with unrelated DOM typings.
+ */
+type HtmlReservedAttrKeys = keyof HTMLAttributes<HTMLElement>;
 type HbSvelteAttrs = {
-  [K in keyof Component as K extends DomKeys ? never : K]?: string;
+  [K in keyof Component as K extends HtmlReservedAttrKeys ? never : K]?: string;
 };
 
 /** `detail` matches `Events[K]`; `currentTarget` is the host element. */
@@ -26,9 +30,21 @@ type HbSvelteEventAttrs = {
   [K in keyof Events & string as `on:${K}`]?: HbSvelteCustomEventHandler<Events[K]>;
 };
 
+/**
+ * Strip keys we re-declare from Svelte’s base, then add them back: plain intersection would
+ * merge `on*` / attrs with conflicting DOM typings (`string & EventHandler` → errors or
+ * props treated like listeners).
+ */
+type HbSvelteHostAttributes = Omit<
+  HTMLAttributes<HTMLElement>,
+  keyof HbSvelteAttrs | keyof HbSvelteEventAttrs
+> &
+  HbSvelteAttrs &
+  HbSvelteEventAttrs;
+
 declare module "svelte/elements" {
   export interface SvelteHTMLElements {
-    "hb-site-slideshow": HTMLAttributes<HTMLElement> & HbSvelteAttrs & HbSvelteEventAttrs;
+    "hb-site-slideshow": HbSvelteHostAttributes;
   }
 }
 

package/types/webcomponent.type.d.ts

@@ -13,5 +13,5 @@ export type Component = {
 
 export type Events = {
   changeSlide: { index: number };
-  onHover: { index: number; hover: boolean };
+  changeHover: { index: number; hover: boolean };
 };

package/types/webcomponent_events.type.d.json

@@ -5,38 +5,38 @@
     "Events": {
       "additionalProperties": false,
       "properties": {
-        "changeSlide": {
+        "changeHover": {
           "additionalProperties": false,
           "properties": {
+            "hover": {
+              "type": "boolean"
+            },
             "index": {
               "type": "number"
             }
           },
           "required": [
-            "index"
+            "index",
+            "hover"
           ],
           "type": "object"
         },
-        "onHover": {
+        "changeSlide": {
           "additionalProperties": false,
           "properties": {
-            "hover": {
-              "type": "boolean"
-            },
             "index": {
               "type": "number"
             }
           },
           "required": [
-            "index",
-            "hover"
+            "index"
           ],
           "type": "object"
         }
       },
       "required": [
         "changeSlide",
-        "onHover"
+        "changeHover"
       ],
       "type": "object"
     }