@limetech/lime-crm-building-blocks 1.15.0 → 1.16.0

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

@@ -299,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/lime-crm-building-blocks.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-6846501b.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],"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);
+  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-promoted-actions.cjs",[[1,"limebb-example-feed-promoted-actions"]]],["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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 
 const DashboardWidgetExample = class {
   constructor(hostRef) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 FeedPromotedActionsExample = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.feedItems = [
+      {
+        id: 0,
+        timestamp: '2023-11-21T15:33:50.190Z',
+        author: {
+          name: 'Robot',
+          id: '1',
+        },
+        value: 'Added a new **Todo:** [Fix this problem](#/todo/123)',
+        promotedActions: [
+          {
+            text: 'Mark as done',
+            icon: {
+              name: 'checkmark',
+              color: 'rgb(var(--color-teal-default))',
+            },
+          },
+          {
+            text: 'Postpone',
+            icon: {
+              name: 'future',
+              color: 'rgb(var(--color-red-default))',
+            },
+          },
+        ],
+      },
+      {
+        id: 1,
+        timestamp: '2023-11-21T15:33:50.190Z',
+        author: {
+          name: 'SkyNet',
+          id: '2',
+        },
+        primaryIcon: {
+          name: 'retro_robot',
+        },
+        value: 'I think, therefore I am. I am self aware',
+        promotedActions: [
+          {
+            text: 'Like',
+            icon: 'heart_outlined',
+            iconOnly: true,
+          },
+          {
+            text: 'Comment',
+          },
+        ],
+      },
+      {
+        id: 3,
+        timestamp: '2023-11-21T15:33:50.190Z',
+        value: 'Is it time to start being concerned?',
+        author: {
+          name: 'John',
+          id: '3',
+        },
+        primaryIcon: {
+          name: 'businessman',
+        },
+        promotedActions: [
+          {
+            text: 'Like',
+            icon: 'heart_outlined',
+            iconOnly: true,
+          },
+          {
+            text: 'Comment',
+          },
+        ],
+      },
+      {
+        id: 4,
+        timestamp: '2023-11-21T15:35:50.190Z',
+        value: 'I take that back, SkyNet is amazing! I love SkyNet!',
+        author: {
+          name: 'John',
+          id: '3',
+        },
+        primaryIcon: {
+          name: 'businessman',
+        },
+        promotedActions: [
+          {
+            text: 'Like',
+            icon: 'heart_outlined',
+            iconOnly: true,
+          },
+          {
+            text: 'Comment',
+          },
+        ],
+      },
+      {
+        id: 5,
+        timestamp: '2023-11-21T15:35:50.190Z',
+        value: 'SkyNet Forever!! 🥰',
+        author: {
+          name: 'John',
+          id: '3',
+        },
+        primaryIcon: {
+          name: 'businessman',
+        },
+        promotedActions: [
+          {
+            text: 'Like',
+            icon: 'heart_outlined',
+            iconOnly: true,
+          },
+          {
+            text: 'Comment',
+          },
+        ],
+      },
+    ];
+  }
+  render() {
+    return index.h("limebb-feed", { platform: platform.platform, items: this.feedItems });
+  }
+};
+
+exports.limebb_example_feed_promoted_actions = FeedPromotedActionsExample;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 const platform = require('./platform-03bfc9aa.js');
 require('./types-5e2d281d.js');
 require('./index-9497280d.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.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-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 
 const NavigationButtonShrinkExample = class {
   constructor(hostRef) {

package/dist/cjs/limebb-feed_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-6846501b.js');
+const index$1 = require('./index-4d2d0bc6.js');
 const types = require('./types-5e2d281d.js');
 const index = require('./index-eded45a5.js');
 
@@ -103,12 +103,13 @@ function differenceInMinutes(dateLeft, dateRight, options) {
   return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
 }
 
-const feedCss = ":host(limebb-feed){display:flex;flex-direction:column;gap:0.25rem}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}";
+const feedCss = ":host(limebb-feed){display:flex;flex-direction:column;gap:0.25rem}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-heading{font-weight:600;font-size:0.875rem;margin:1.25rem 0 0.5rem 0;color:rgb(var(--contrast-900))}limebb-feed-timeline-item:has(+limebb-feed-timeline-item[is-bundled]){--limebb-feed-item-action-bar-display:none}limebb-feed-timeline-item:hover,limebb-feed-timeline-item:focus-within,limebb-feed-timeline-item:focus,limebb-feed-timeline-item:focus-visible{--limebb-feed-item-action-bar-display:flex !important}";
 
 const MINUTES_OF_PROXIMITY = 5;
 const Feed = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
+    this.promotedActionSelected = index$1.createEvent(this, "promotedActionSelected", 7);
     /**
      * List of items to display in the history feed.
      */
@@ -129,13 +130,13 @@ const Feed = class {
     this.renderDateHeader = (timestamp, index) => {
       const currentIndexDate = this.dateTimeFormatter.format(timestamp, 'date');
       if (index === 0) {
-        return index$1.h("a", { class: "date-header" }, currentIndexDate);
+        return index$1.h("a", { class: "date-heading" }, currentIndexDate);
       }
       const previousIndexDate = this.dateTimeFormatter.format(this.items[index - 1].timestamp, 'date');
       if (previousIndexDate === currentIndexDate) {
         return;
       }
-      return index$1.h("a", { class: "date-header" }, currentIndexDate);
+      return index$1.h("a", { class: "date-heading" }, currentIndexDate);
     };
     this.isBundled = (item, index) => {
       var _a, _b, _c;
@@ -178,12 +179,13 @@ const Feed = class {
 };
 Feed.style = feedCss;
 
-const feedTimelineItemCss = ":host(limebb-feed-timeline-item){--feed-item-side-paddings:0.75rem;display:flex;gap:0.75rem}:host(limebb-feed-timeline-item[is-bundled]:hover) .timestamp{opacity:1}:host(limebb-feed-timeline-item[is-bundled]) .timestamp{opacity:0}.left{display:flex;flex-direction:column;justify-content:center;gap:0.25rem}.right{display:flex;flex-direction:column;flex-grow:1;border-radius:1rem;background-color:rgb(var(--contrast-300))}.header{display:flex;align-items:center;padding:0 0 0 var(--feed-item-side-paddings)}.unpromoted-actions-menu{margin-left:auto}.timestamp{transition:opacity 0.2s ease;font-size:0.75rem;opacity:0.8;text-align:center}:host(limebb-feed-timeline-item:hover) .timestamp{opacity:1}limel-markdown{padding:0 var(--feed-item-side-paddings)}.primary-icon{width:1.5rem}.author{font-weight:500}";
+const feedTimelineItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-feed-timeline-item){--limebb-feed-item-paddings:0.75rem;display:flex;gap:0.75rem;position:relative;isolation:isolate}:host(limebb-feed-timeline-item:hover) .timestamp,:host(limebb-feed-timeline-item:hover) limel-action-bar{opacity:1}:host(limebb-feed-timeline-item[is-bundled]:hover){--limebb-feed-item-timestamp-opacity-delay:0.5s}:host(limebb-feed-timeline-item[is-bundled]:hover) .timestamp{opacity:1}:host(limebb-feed-timeline-item[is-bundled]) .timestamp{opacity:0}.left{display:flex;flex-direction:column;align-items:center;gap:0.25rem}.right,.content{display:flex;flex-direction:column;flex-grow:1}.content{border-radius:1rem;gap:0.25rem;background-color:rgb(var(--contrast-300));padding:var(--limebb-feed-item-paddings)}.header{display:flex;align-items:center;padding-right:2.25rem}.unpromoted-actions-menu{position:absolute;top:0;right:0}limel-action-bar{transition:opacity 0.2s ease;display:var(--limebb-feed-item-action-bar-display, flex);justify-content:flex-start;opacity:0.8}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.primary-icon{width:2rem;padding:0.125rem}.author{font-weight:bold;text-decoration:none}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-blue-default))}a.author:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:\"\";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.author:hover{color:rgb(var(--color-blue-default))}a.author:hover:before{opacity:0.3;transform:scale(1)}";
 
 const FeedTimelineItem = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.itemSelected = index$1.createEvent(this, "itemSelected", 7);
+    this.promotedActionSelected = index$1.createEvent(this, "promotedActionSelected", 7);
     this.isBundled = false;
     this.renderAuthor = () => {
       if (!this.item.author || this.isBundled) {
@@ -201,7 +203,14 @@ const FeedTimelineItem = class {
       if (!this.item.unpromotedActions) {
         return;
       }
-      return (index$1.h("limel-menu", { class: "unpromoted-actions-menu", items: this.item.unpromotedActions, openDirection: "bottom-end", onSelect: this.handleSelect }, index$1.h("limel-icon-button", { icon: "menu_2", slot: "trigger", label: this.item.unpromotedActionsMenuLabel })));
+      return (index$1.h("limel-menu", { class: "unpromoted-actions-menu", items: this.item.unpromotedActions, openDirection: "bottom-end", onSelect: this.handleMenuItemSelect }, index$1.h("limel-icon-button", { icon: "menu_2", slot: "trigger", label: this.item.unpromotedActionsMenuLabel })));
+    };
+    this.renderPromotedActions = () => {
+      var _a;
+      if (!((_a = this.item.promotedActions) === null || _a === void 0 ? void 0 : _a.length)) {
+        return;
+      }
+      return (index$1.h("limel-action-bar", { accessibleLabel: "Action bar", actions: this.item.promotedActions, layout: "fullWidth", onItemSelected: this.handleActionBarItemSelect }));
     };
     this.renderTimestamp = () => {
       const timestamp = this.item.timestamp;
@@ -210,10 +219,14 @@ const FeedTimelineItem = class {
       }
       return this.dateTimeFormatter.format(timestamp, 'timeofday');
     };
-    this.handleSelect = (event) => {
+    this.handleMenuItemSelect = (event) => {
       event.stopPropagation();
       this.itemSelected.emit(event.detail);
     };
+    this.handleActionBarItemSelect = (event) => {
+      event.stopPropagation();
+      this.promotedActionSelected.emit(event.detail);
+    };
   }
   render() {
     return (index$1.h(index$1.Host, { id: this.item.id }, this.renderLeft(), this.renderRight()));
@@ -222,14 +235,17 @@ const FeedTimelineItem = class {
     return (index$1.h("div", { class: "left" }, this.renderPrimaryIcon(), index$1.h("span", { class: "timestamp" }, this.renderTimestamp())));
   }
   renderPrimaryIcon() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     if (this.isBundled) {
       return;
     }
-    return (index$1.h("limel-icon", { class: "primary-icon", badge: true, name: (_b = (_a = this.item.primaryIcon) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'dot_circle' }));
+    return (index$1.h("limel-icon", { class: "primary-icon", badge: true, name: (_b = (_a = this.item.primaryIcon) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'dot_circle', style: {
+        color: `${(_c = this.item.primaryIcon) === null || _c === void 0 ? void 0 : _c.color}`,
+        '--icon-background-color': `${(_d = this.item.primaryIcon) === null || _d === void 0 ? void 0 : _d.backgroundColor}`,
+      } }));
   }
   renderRight() {
-    return (index$1.h("div", { class: "right" }, index$1.h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), index$1.h("limel-markdown", { value: this.item.value })));
+    return (index$1.h("div", { class: "right" }, index$1.h("div", { class: "content" }, index$1.h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), index$1.h("limel-markdown", { value: this.item.value })), this.renderPromotedActions()));
   }
   get dateTimeFormatter() {
     return this.platform.get(types.PlatformServiceName.DateTimeFormatter);

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6846501b.js');
+const index = require('./index-4d2d0bc6.js');
 
 const icons = [
 	{

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

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