@htmlbricks/hb-messages-topics-card 0.68.6 → 0.68.8

package/manifest.json

@@ -261,7 +261,7 @@
             "counter": 0,
             "text": "Hello 0",
             "title": "Hello0",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           },
           {
@@ -269,7 +269,7 @@
             "counter": 0,
             "text": "Hello 1",
             "title": "Hello1",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           },
           {
@@ -277,7 +277,7 @@
             "counter": 0,
             "text": "Hello 2",
             "title": "Hello2",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           }
         ]
@@ -292,7 +292,7 @@
             "counter": 0,
             "text": "Hello 0",
             "title": "Hello0",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           },
           {
@@ -300,7 +300,7 @@
             "counter": 0,
             "text": "Hello 1",
             "title": "Hello1",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png",
             "_selected": true
           },
@@ -309,7 +309,7 @@
             "counter": 0,
             "text": "Hello 2",
             "title": "Hello2",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           }
         ]
@@ -325,7 +325,7 @@
             "counter": 3,
             "text": "Can you review the PR?",
             "title": "Engineering",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           },
           {
@@ -333,7 +333,7 @@
             "counter": 12,
             "text": "Contract signed",
             "title": "Sales",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           },
           {
@@ -341,7 +341,7 @@
             "counter": 1,
             "text": "Ticket #4421 updated",
             "title": "Support",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png"
           }
         ]
@@ -357,7 +357,7 @@
             "counter": 0,
             "text": "Only conversation in the list",
             "title": "Direct message",
-            "time": "2026-03-30T21:47:24.582Z",
+            "time": "2026-03-30T22:19:58.500Z",
             "img_uri": "https://www.w3schools.com/howto/img_avatar.png",
             "_selected": true
           }
@@ -386,5 +386,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-messages-topics-card",
-  "version": "0.68.6"
+  "version": "0.68.8"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-messages-topics-card",
-  "version": "0.68.6",
+  "version": "0.68.8",
   "contributors": [],
   "description": "Lists chat or channel previews from `chats`: avatar, title, last message snippet, derived time label, and unread `counter` badge. Clicking a row marks it selected (`_selected`) and dispatches `select` with that chat payload for opening a thread or switching context.",
   "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 HbMessagesTopicsCardElement
-  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-messages-topics-card": HTMLAttributes<HTMLElement> & HbSvelteAttrs & HbSvelteEventAttrs;
+    "hb-messages-topics-card": HbSvelteHostAttributes;
   }
 }