@limetech/lime-crm-building-blocks 1.14.0 → 1.15.1

package/dist/cjs/{index-ea12fa4e.js → index-4d2d0bc6.js}

@@ -168,6 +168,10 @@ const parsePropertyValue = (propValue, propType) => {
             // but we'll cheat here and say that the string "false" is the boolean false
             return propValue === 'false' ? false : propValue === '' || !!propValue;
         }
+        if (propType & 2 /* MEMBER_FLAGS.Number */) {
+            // force it to be a number
+            return parseFloat(propValue);
+        }
         if (propType & 1 /* MEMBER_FLAGS.String */) {
             // could have been passed as a number or boolean
             // but we still want it as a string
@@ -295,6 +299,31 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
         else if ((!isProp ) &&
             memberName[0] === 'o' &&
             memberName[1] === 'n') {

package/dist/cjs/index-eded45a5.js

@@ -0,0 +1,72 @@
+'use strict';
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+  }
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @param {Date|Number} argument - the value to convert
+ * @returns {Date} the parsed date in the local time zone
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument) {
+  requiredArgs(1, arguments);
+  var argStr = Object.prototype.toString.call(argument);
+
+  // Clone the date
+  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
+    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+    return new Date(argument.getTime());
+  } else if (typeof argument === 'number' || argStr === '[object Number]') {
+    return new Date(argument);
+  } else {
+    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
+      // eslint-disable-next-line no-console
+      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
+      // eslint-disable-next-line no-console
+      console.warn(new Error().stack);
+    }
+    return new Date(NaN);
+  }
+}
+
+exports._typeof = _typeof;
+exports.requiredArgs = requiredArgs;
+exports.toDate = toDate;

package/dist/cjs/lime-crm-building-blocks.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-example-feed.cjs",[[1,"limebb-example-feed"]]],["limebb-example-feed-unpromoted-actions.cjs",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker.cjs",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker.cjs",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple.cjs",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize.cjs",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize.cjs",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[8]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-feed_2.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-date-picker_2.cjs",[[0,"limebb-example-value",{"label":[513],"value":[8]}],[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]]], options);
+  return index.bootstrapLazy([["limebb-example-date-picker-date.cjs",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime.cjs",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time.cjs",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week.cjs",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range.cjs",[[1,"limebb-example-date-range"]]],["limebb-example-feed.cjs",[[1,"limebb-example-feed"]]],["limebb-example-feed-unpromoted-actions.cjs",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker.cjs",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european.cjs",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic.cjs",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-example-dashboard-widget.cjs",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots.cjs",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles.cjs",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker.cjs",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker.cjs",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple.cjs",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back.cjs",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close.cjs",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand.cjs",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float.cjs",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize.cjs",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize.cjs",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab.cjs",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink.cjs",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[8]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-feed_2.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]],["limebb-date-picker_2.cjs",[[0,"limebb-example-value",{"label":[513],"value":[8]}],[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]]], options);
 });

package/dist/cjs/limebb-currency-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const types = require('./types-5e2d281d.js');
 const currencies = require('./currencies-98ac425a.js');
 

package/dist/cjs/limebb-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const dashboardWidgetCss = ":host(limebb-dashboard-widget){--dashboard-widget-background-color:var(\n      --start-page-grid-widget-background-color,\n      rgb(var(--contrast-100))\n  );--header-icon-color:var(--dashboard-widget-icon-color);--header-background-color:var(\n      --dashboard-widget-header-background-color,\n      var(--start-page-grid-widget-header-color)\n  );--dashboard-widget-border-radius:var(\n      --start-page-grid-widget-border-radius,\n      1rem\n  );--header-top-right-left-border-radius:0;display:flex;flex-direction:column;border-radius:var(--dashboard-widget-border-radius);background-color:var(--dashboard-widget-background-color);height:100%;width:100%;overflow:hidden}";
 

package/dist/cjs/limebb-date-picker_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const types = require('./types-5e2d281d.js');
 const _nodeUtil = require('./_nodeUtil-d0211145.js');
 

package/dist/cjs/limebb-date-range.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const dateRangeCss = ":host(limebb-date-range){isolation:isolate;display:block;position:relative}*{box-sizing:border-box}.date-pickers{display:grid;grid-template-columns:repeat(auto-fit, minmax(13.5rem, 1fr));gap:0.5rem;padding:0.75rem 1rem 1.25rem 1rem}.label-group{display:flex;align-items:center;margin-bottom:0.25rem}.end-time .label-group{flex-direction:row-reverse}.label-group .label{font-size:0.75rem;padding:0 0.25rem}.label-group .circle{flex-shrink:0;width:0.5rem;height:0.5rem;border-radius:50%}.start-time .label-group .circle{background-color:rgb(var(--color-green-default))}.end-time .label-group .circle{background-color:rgb(var(--color-coral-default))}.label-group .line{flex-grow:1;height:0.25rem;border-radius:1rem}.start-time .label-group .line{background-image:linear-gradient(to right, rgb(var(--color-green-light)), rgb(var(--contrast-400)) 30%)}.end-time .label-group .line{background-image:linear-gradient(to left, rgb(var(--color-coral-light)), rgb(var(--contrast-400)) 30%)}.date-pickers:has(>:last-child:nth-child(2)) .start-time .line{margin-right:-0.5rem}.date-pickers:has(>:last-child:nth-child(2)) .end-time .line{margin-left:-0.5rem}";
 

package/dist/cjs/limebb-example-currency-picker-european.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {

package/dist/cjs/limebb-example-currency-picker-nordic.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const currencies = require('./currencies-98ac425a.js');
 
 const CurrencyPickerExample = class {

package/dist/cjs/limebb-example-currency-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const CurrencyPickerExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-dashboard-widget-slots.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const DashboardWidgetSlotsExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-dashboard-widget-styles.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const dashboardWidgetStylesCss = "limebb-dashboard-widget{--dashboard-widget-header-background-color:rgb(\n      var(--color-yellow-default)\n  );--dashboard-widget-background-color:rgb(var(--contrast-300));--dashboard-widget-icon-color:rgb(var(--color-orange-default))}[slot=content]{padding:0 1rem}";
 

package/dist/cjs/limebb-example-dashboard-widget.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const DashboardWidgetExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-date.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const DatePickerExampleDate = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-datetime.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const DatePickerExampleDateTime = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-time.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const DatePickerExampleTime = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-picker-week.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const DatePickerExampleWeek = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-date-range.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const dateRangeCss = ":host(limebb-example-date-range){display:flex;flex-direction:column;background-color:rgb(var(--contrast-500));border-radius:0.5rem;padding:0.5rem}span{padding-left:0.5rem;font-size:1.25rem}limebb-date-range{margin-top:0.75rem;border-radius:0.75rem;background-color:rgb(var(--contrast-100))}limebb-date-range:before{content:\"\";position:absolute;top:-0.5rem;left:2rem;background-color:inherit;width:1rem;height:1rem;rotate:45deg;border-radius:0.25rem 0 0 0}";
 

package/dist/cjs/limebb-example-feed-unpromoted-actions.cjs.entry.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const FeedUnpromotedActionsExample = class {
   constructor(hostRef) {
@@ -14,7 +15,7 @@ const FeedUnpromotedActionsExample = class {
       {
         id: 0,
         timestamp: new Date(),
-        creator: 'Robot',
+        author: { id: '1', name: 'Robot' },
         value: 'Ticket was created',
         unpromotedActions: [
           {

package/dist/cjs/limebb-example-feed.cjs.entry.js

@@ -2,16 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
-const platform = require('./platform-3d3b774b.js');
+const index = require('./index-4d2d0bc6.js');
+const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');
+require('./index-eded45a5.js');
 
 const ExampleFeedItems = [
   {
     id: 0,
     timestamp: '2023-10-04T15:33:50.190Z',
-    creator: 'Lucy',
+    author: {
+      name: 'Lucy',
+      id: '0',
+    },
     value: 'The [customer](https://ikea.se) is really angry guys!',
     primaryIcon: {
       name: 'user_female',
@@ -20,7 +24,10 @@ const ExampleFeedItems = [
   {
     id: 1,
     timestamp: '2023-11-21T15:33:50.190Z',
-    creator: 'Befkadu',
+    author: {
+      name: 'Befkadu',
+      id: '1',
+    },
     value: 'I called the customer. They are _really happy_ now! 🥳',
     primaryIcon: {
       name: 'user_male',
@@ -30,7 +37,22 @@ const ExampleFeedItems = [
     id: 2,
     timestamp: '2023-11-21T15:33:50.190Z',
     value: 'Oh great job Bef! 👏👏👏',
-    creator: 'John',
+    author: {
+      name: 'John',
+      id: '2',
+    },
+    primaryIcon: {
+      name: 'businessman',
+    },
+  },
+  {
+    id: 2,
+    timestamp: '2023-11-21T15:35:50.190Z',
+    value: 'Oh I forgot to mention that I also called them. They were so thankful and happy! 🥰',
+    author: {
+      name: 'John',
+      id: '2',
+    },
     primaryIcon: {
       name: 'businessman',
     },
@@ -39,9 +61,12 @@ const ExampleFeedItems = [
     id: 3,
     timestamp: new Date(),
     value: "Oh finally! 😅 I'm so proud of you guys",
-    creator: {
-      text: 'Kiarokh',
-      href: 'https://se.linkedin.com/in/kiarokh',
+    author: {
+      name: {
+        text: 'Kiarokh',
+        href: 'https://se.linkedin.com/in/kiarokh',
+      },
+      id: '3',
     },
   },
 ];

package/dist/cjs/limebb-example-icon-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const IconPickerExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-locale-picker-multiple.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-b656fbcc.js');
 require('./index-9497280d.js');
 

package/dist/cjs/limebb-example-locale-picker.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-b656fbcc.js');
 require('./index-9497280d.js');
 

package/dist/cjs/limebb-example-navigation-button-back.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonBackExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-close.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonCloseExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-expand.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonExpandExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-float.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonFloatExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-maximize.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonMaximizeExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-minimize.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonMinimizeExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-new-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonNewTabExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-example-navigation-button-shrink.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ea12fa4e.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonShrinkExample = class {
   constructor(hostRef) {