@livelike/embet 0.0.10 → 0.0.14

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## 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
+
+## 0.0.12 (November 20, 2021)
+
+- Added widget resize observer
+- Added box-sizing to contain progress bar
+- Added CSS scoping to unscoped styles selectors
+- Removed widget animation
+- Removed font-family style from title and footer
+- Removed option center align
+
+## 0.0.11 (November 8, 2021)
+
+- Added `widgetVariation` property to widget's custom_data to control widget variations
+
 ## 0.0.10 (November 8, 2021)
 
 - Added Live Spread widget layout change

package/README.md

@@ -85,13 +85,17 @@ 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: {
       prediction: {
@@ -152,6 +156,34 @@ widgetHeight = '400px'
 widgetHeight = '50%'
 ```
 
+### About the widgetVariation property
+
+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.
 
@@ -199,6 +231,9 @@ The `bet: +120` will match the `options` object with `description: Astros`
   custom_data: JSON.stringify({
     place_bet_url: "#",
     type: "LIVE MONEYLINE",
+    widgetVariation: "bar",
+    parentContainer: ".parent-container-class",
+    widgetWidthPercentage: "0.5",
     sponsors: [
       {
         logo_url:
@@ -260,6 +295,7 @@ The `bet: +120` will match the `options` object with `description: Astros`
   custom_data: JSON.stringify({
     place_bet_url: "#",
     type: "LIVE MONEYLINE",
+    widgetVariation: "square",
     sponsors: [
       {
         logo_url: