@livelike/embet 0.0.13 → 0.0.14

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.14 (November 22, 2021)
+
+- Added `widgetWidthPercentage`, `parentContainer, `disableResizing` properties to widget's custom_data
+- Removed dynamic font size setting
+- Moved ResizeObserver from embet-widgets to the individual widget elements to allow for resizing in single tag widgets
+
 ## 0.0.13 (November 22, 2021)
 
 - Removed hard coded livelike-title color

package/README.md

@@ -85,13 +85,16 @@ options: [{
 custom_data: JSON stringified object
 
 custom_data: {
-  palce_bet_url: string;
+  place_bet_url: string;
   type: 'LIVE SPREAD' | 'LIVE MONEYLINE' | 'LIVE TOTAL';
   sponsors: [{logo_url: string, name: string}];
   betDetails: [{bet: string; description: string;}],
   customCss: string,
   customStyles: string,
   widgetHeight: string | number,
+  widgetWidthPercentage: string | number,
+  parentContainer: string,
+  disableResizing: boolean,
   widgetVariation: 'bar' | 'square' | 'inline'
   theme: {
     widgets: {
@@ -157,6 +160,30 @@ widgetHeight = '50%'
 
 The `widgetVariation` property can be used control the layout of the widgets. The three options are `bar`, `square`, and `inline`.
 
+### About the parentContainer property
+
+The `parentContainer` optional property is the selector of an element that is a parent of a widget. It is used to calculate styles for resizing. If `parentContainer` is not provided, `document.body` will be used instead.
+
+`parentContainer: "#parent-container-id"`
+
+`parentContainer: ".parent-container-class"`
+
+### About the widgetWidthPercentage property
+
+The `widgetWidthPercentage is the optional property that is a percentage decimal that works with the `parentContainer` property.
+
+For example
+
+`widgetWidthPercentage: "0.5"`
+
+will set the widget's width at 50% of the parent container.
+
+If not provided, the default value is `0.3`.
+
+### About the disableResizing property
+
+Set `disableResizing` optional property to `true` to prevent the widget from resizing. Default is false.
+
 ### About the betDetails property
 In the `betDetails` property of the `custom_data` stringified object, the `description` properties must match with your `options` array `description` properties.
 
@@ -205,6 +232,8 @@ The `bet: +120` will match the `options` object with `description: Astros`
     place_bet_url: "#",
     type: "LIVE MONEYLINE",
     widgetVariation: "bar",
+    parentContainer: ".parent-container-class",
+    widgetWidthPercentage: "0.5",
     sponsors: [
       {
         logo_url: