@htmlbricks/hb-dashboard-indicator 0.71.36 → 0.72.0

package/README.md

@@ -19,9 +19,9 @@ Accent color (“karma”) is either a **Bulma semantic palette** on `:host` (`s
 
 ### Rendering
 
-- **`number`:** Shown as the main value (Bulma `title is-3`, with tightened line-height for a compact header). In markup, pass it as a **string** (web component attributes are always strings); the component coerces to a number internally (default `0` if omitted in implementation).
+- **`number`:** Shown as the main value (Bulma `title is-3`, with tightened line-height for a compact header). In markup, pass it as a **string** (web component attributes are always strings); the component coerces to a number internally (default **`0`** when omitted).
 - **`text`:** Optional subtitle under the number (Bulma `subtitle is-7`). Empty string hides the subtitle line container content but the layout still reserves flow; empty caption is visually minimal.
-- **`icon`:** Bootstrap Icons **glyph name only** (no `bi-` prefix). Rendered as `<i class="bi bi-{icon}">`. Implementation default if unset is **`hypnotize`**; TypeScript types mark `icon` as required—treat omission as “framework default icon” when integrating from HTML.
+- **`icon`:** Bootstrap Icons **glyph name only** (no `bi-` prefix). Rendered as `<i class="bi bi-{icon}">`. Implementation default if unset is **`hypnotize`**; the authoring type marks `icon` as optional to mirror HTML usage.
 - **`link_label`:** If **non-empty**, a **footer** strip is rendered with the label and a right-pointing circle arrow icon. If empty or unset, **no footer** and **no** `dashboardIndicatorClick` from this control (there is nothing to click).
 - **`id`:** Optional string forwarded in **`dashboardIndicatorClick`** detail as `{ id: string }`. If unset, detail is `{ id: "" }`.
 
@@ -86,9 +86,9 @@ Web components reflect **string** attributes. Use JSON only where a future API r
 | Attribute | Required | Default (behavior) | Description |
 | --- | --- | --- | --- |
 | `id` | No | `""` | Passed through in `dashboardIndicatorClick` detail. |
-| `number` | Recommended | `0` | Main KPI; pass as string, e.g. `"42"`. |
+| `number` | No | `0` | Main KPI; pass as string, e.g. `"42"`. |
 | `text` | No | `""` | Caption under the number. |
-| `icon` | Yes (types) | `"hypnotize"` in implementation | Bootstrap Icons name without `bi-` prefix. |
+| `icon` | No | `"hypnotize"` in implementation | Bootstrap Icons name without `bi-` prefix. |
 | `link_label` | No | `""` | If set, shows footer and enables click + event. |
 | `karma` | No | `"success"` | Accent mode; see Behavior. |
 | `style` | No | — | Standard HTML: useful to set `--hb--dashboard-indicator-background` and other variables on the host. |
@@ -157,9 +157,9 @@ export type Karma =
 export type Component = {
   id?: string;
   style?: string;
-  number: number;
+  number?: number;
   text?: string;
-  icon: string;
+  icon?: string;
   link_label?: string;
   karma?: Karma;
 };

package/manifest.json

@@ -57,10 +57,6 @@
               "type": "string"
             }
           },
-          "required": [
-            "number",
-            "icon"
-          ],
           "type": "object"
         },
         "Karma": {
@@ -207,5 +203,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-dashboard-indicator",
-  "version": "0.71.36"
+  "version": "0.72.0"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-dashboard-indicator",
-  "version": "0.71.36",
+  "version": "0.72.0",
   "contributors": [],
   "description": "Compact KPI tile: large `number`, caption `text`, configurable Bootstrap Icon, and `karma` accent (`success` | `danger` | `warning` | `primary` | `secondary` | `info`) using Bulma theme tokens (`secondary` maps to Bulma `dark`), or `karma=\"none\"` with host CSS variable `--hb--dashboard-indicator-background` for a custom color. When `link_label` is set, a footer strip is shown and clicks dispatch `dashboardIndicatorClick` with the component `id`.",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -28,10 +28,6 @@
           "type": "string"
         }
       },
-      "required": [
-        "number",
-        "icon"
-      ],
       "type": "object"
     },
     "Karma": {

package/types/webcomponent.type.d.ts

@@ -11,9 +11,9 @@ export type Karma =
 export type Component = {
 	id?: string;
 	style?: string;
-	number: number;
+	number?: number;
 	text?: string;
-	icon: string;
+	icon?: string;
 	link_label?: string;
 	/**
 	 * Semantic accent from Bulma (`secondary` → `dark` tokens), or `none` for a custom host color via