@htmlbricks/hb-tooltip 0.62.5 → 0.62.6

package/manifest.json

@@ -95,6 +95,12 @@
             "html": {
               "type": "boolean"
             },
+            "maxHeight": {
+              "type": "string"
+            },
+            "maxWidth": {
+              "type": "string"
+            },
             "offset": {
               "anyOf": [
                 {
@@ -247,6 +253,15 @@
           }
         }
       }
+    },
+    {
+      "name": "LongTextWithMaxWidth",
+      "data": {
+        "tooltip": {
+          "title": "This is a very long tooltip text that should wrap because of the max-width property set on the tooltip configuration. It demonstrates how to control the width of the tooltip.",
+          "maxWidth": "200px"
+        }
+      }
     }
   ],
   "screenshots": [],
@@ -267,5 +282,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-tooltip",
-  "version": "0.62.5"
+  "version": "0.62.6"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-tooltip",
-  "version": "0.62.5",
+  "version": "0.62.6",
   "contributors": [],
   "description": "A wrapper component that adds a Bootstrap tooltip to its content",
   "licenses": [

package/types/webcomponent.type.d.json

@@ -62,6 +62,12 @@
         "html": {
           "type": "boolean"
         },
+        "maxHeight": {
+          "type": "string"
+        },
+        "maxWidth": {
+          "type": "string"
+        },
         "offset": {
           "anyOf": [
             {

package/types/webcomponent.type.d.ts

@@ -27,6 +27,8 @@ export interface TTooltip {
     customClass?: string;
     offset?: [number, number] | string;
     style?: TooltipStyle;
+    maxWidth?: string;
+    maxHeight?: string;
 }
 
 export type Component = {