@htmlbricks/hb-paragraps-around-image-cell 0.71.36 → 0.71.37

package/README.md

@@ -1,8 +1,8 @@
-# hb-paragraps-around-image-cell
+# `hb-paragraps-around-image-cell` — integrator guide
 
-**Category:** content · **Tags:** content
+**Category:** content · **Tags:** content · **Package:** `@htmlbricks/hb-paragraps-around-image-cell`
 
-## Overview
+## Summary
 
 `hb-paragraps-around-image-cell` renders a single content tile: a Bootstrap icon, an optional title row (plain text, external link, or interactive control), and a body paragraph whose height is limited by a line clamp so tiles stay visually consistent in multi-column layouts. It is designed to sit inside `hb-paragraps-around-image` (the parent “paragraphs around image” layout) but can be used on its own wherever you need a compact icon + text block.
 
@@ -18,7 +18,7 @@ Web component attributes are always strings. Pass structured data as JSON on `pa
 
 | Attribute | Required | Description |
 |-----------|----------|-------------|
-| `paragraph` | Yes | JSON string describing the tile. Parsed in the component; invalid JSON is logged and the tile may not render. |
+| `paragraph` | No | JSON string (or object from JS) describing the tile. Parsed in the component; missing or invalid values may not render. |
 | `max_lines` | No | Maximum number of lines for the body text clamp. Coerced to a number internally; default **8** if omitted. |
 | `id` | No | Optional host `id` (standard HTML). |
 

package/manifest.json

@@ -41,15 +41,19 @@
               "type": "number"
             },
             "paragraph": {
-              "$ref": "#/definitions/Paragraphs"
+              "anyOf": [
+                {
+                  "$ref": "#/definitions/Paragraphs"
+                },
+                {
+                  "type": "string"
+                }
+              ]
             },
             "style": {
               "type": "string"
             }
           },
-          "required": [
-            "paragraph"
-          ],
           "type": "object"
         },
         "Paragraphs": {
@@ -208,5 +212,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-paragraps-around-image-cell",
-  "version": "0.71.36"
+  "version": "0.71.37"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-paragraps-around-image-cell",
-  "version": "0.71.36",
+  "version": "0.71.37",
   "contributors": [],
   "description": "One paragraph tile with Bootstrap icon, optional title as external link or key-triggered control (dispatches paragraphPressed with key), and body text clamped to max_lines for consistent height inside paragraps-around-image layouts.",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -12,15 +12,19 @@
           "type": "number"
         },
         "paragraph": {
-          "$ref": "#/definitions/Paragraphs"
+          "anyOf": [
+            {
+              "$ref": "#/definitions/Paragraphs"
+            },
+            {
+              "type": "string"
+            }
+          ]
         },
         "style": {
           "type": "string"
         }
       },
-      "required": [
-        "paragraph"
-      ],
       "type": "object"
     },
     "Paragraphs": {

package/types/webcomponent.type.d.ts

@@ -1,7 +1,7 @@
 import type { Paragraphs } from "../../paragraps-around-image/types/webcomponent.type";
 
 export type Component = {
-  paragraph: Paragraphs;
+  paragraph?: Paragraphs | string;
   id?: string;
   style?: string;
   max_lines?: number;