@limetech/lime-crm-building-blocks 1.42.0 → 1.43.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+### [1.43.1](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.43.0...v1.43.1) (2024-09-04)
+
+
+### Bug Fixes
+
+
+* **notification-list:** remove `emptyStateMessage` prop ([c9bacdb](https://github.com/Lundalogik/lime-crm-building-blocks/commit/c9bacdba3cbbbbc470713fa97879350882e9b16f))
+
+## [1.43.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.42.0...v1.43.0) (2024-09-04)
+
+
+### Features
+
+
+* **empty-message:** add a new component ([ea35cfc](https://github.com/Lundalogik/lime-crm-building-blocks/commit/ea35cfcdf92a4840d3cd2ede4559c0efbaedb438))
+
 ## [1.42.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.41.3...v1.42.0) (2024-08-29)
 
 

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[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":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker.cjs",[[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]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[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":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["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-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker.cjs",[[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]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
 });

package/dist/cjs/limebb-empty-state.cjs.entry.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5aaf6970.js');
+
+const emptyStateCss = ":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}";
+
+const EmptyState = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return [
+      this.renderIcon(),
+      this.renderHeading(),
+      this.renderSubheader(),
+    ];
+  }
+  renderHeading() {
+    if (!this.heading) {
+      return;
+    }
+    return index.h("h2", null, this.heading);
+  }
+  renderSubheader() {
+    if (!this.value) {
+      return;
+    }
+    return index.h("limel-markdown", { value: this.value });
+  }
+  renderIcon() {
+    var _a, _b, _c;
+    if (!this.icon) {
+      return;
+    }
+    return (index.h("limel-icon", { badge: true, name: (_a = this.icon) === null || _a === void 0 ? void 0 : _a.name, style: {
+        color: `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.color}`,
+        'background-color': `${(_c = this.icon) === null || _c === void 0 ? void 0 : _c.backgroundColor}`,
+      } }));
+  }
+};
+EmptyState.style = emptyStateCss;
+
+exports.limebb_empty_state = EmptyState;

package/dist/cjs/limebb-notification-list.cjs.entry.js

@@ -36,7 +36,6 @@ const NotificationList = class {
   }
   render() {
     return [
-      this.renderEmptyFeedMessage(),
       this.renderSpinner(),
       this.renderNotificationItems(),
       this.renderLoadMore(),
@@ -47,14 +46,6 @@ const NotificationList = class {
       return index.h("limel-spinner", { size: "small" });
     }
   }
-  renderEmptyFeedMessage() {
-    if (this.loading) {
-      return;
-    }
-    if (this.items.length === 0) {
-      return index.h("p", { class: "empty-state" }, this.emptyStateMessage);
-    }
-  }
   renderNotificationItems() {
     return this.items
       .slice(0, this.displayedItemCount)

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[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":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker.cjs",[[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]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[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":[16]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["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-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["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-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker.cjs",[[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]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
   });
 };
 

package/dist/collection/collection-manifest.json

@@ -5,6 +5,7 @@
     "./components/dashboard-widget/dashboard-widget.js",
     "./components/date-picker/date-picker.js",
     "./components/date-range/date-range.js",
+    "./components/empty-state/empty-state.js",
     "./components/feed/feed.js",
     "./components/feed/feed-item/feed-timeline-item.js",
     "./components/icon-picker/icon-picker.js",

package/dist/collection/components/empty-state/empty-state.css

@@ -0,0 +1,26 @@
+:host(limebb-empty-state) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.5rem;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+h2 {
+  color: rgb(var(--contrast-1100));
+  margin: 0;
+}
+
+limel-markdown {
+  color: rgb(var(--contrast-1000));
+  text-align: center;
+  line-height: 1.4;
+}
+
+limel-icon {
+  width: 2.5rem;
+}

package/dist/collection/components/empty-state/empty-state.js

@@ -0,0 +1,110 @@
+import { h } from '@stencil/core';
+/**
+ * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
+ * or content available to show to the user. This state typically occurs in new accounts, after clearing data,
+ * or when no results are returned from a search.
+ *
+ * @exampleComponent limebb-example-empty-state-basic
+ * @exampleComponent limebb-example-empty-state-value-as-markdown
+ */
+export class EmptyState {
+  render() {
+    return [
+      this.renderIcon(),
+      this.renderHeading(),
+      this.renderSubheader(),
+    ];
+  }
+  renderHeading() {
+    if (!this.heading) {
+      return;
+    }
+    return h("h2", null, this.heading);
+  }
+  renderSubheader() {
+    if (!this.value) {
+      return;
+    }
+    return h("limel-markdown", { value: this.value });
+  }
+  renderIcon() {
+    var _a, _b, _c;
+    if (!this.icon) {
+      return;
+    }
+    return (h("limel-icon", { badge: true, name: (_a = this.icon) === null || _a === void 0 ? void 0 : _a.name, style: {
+        color: `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.color}`,
+        'background-color': `${(_c = this.icon) === null || _c === void 0 ? void 0 : _c.backgroundColor}`,
+      } }));
+  }
+  static get is() { return "limebb-empty-state"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["empty-state.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["empty-state.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text to display in the header"
+        },
+        "attribute": "heading",
+        "reflect": true
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Message to further clarify the heading. It receives markdown syntax and renders it as HTML.\nThis allows for more complex formatting. For example, you can use links, lists, and other formatting options."
+        },
+        "attribute": "value",
+        "reflect": true
+      },
+      "icon": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Icon",
+          "resolved": "Icon | undefined",
+          "references": {
+            "Icon": {
+              "location": "import",
+              "path": "@limetech/lime-elements"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Icon to display"
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/notification-list/notification-list.js

@@ -37,7 +37,6 @@ export class NotificationList {
   }
   render() {
     return [
-      this.renderEmptyFeedMessage(),
       this.renderSpinner(),
       this.renderNotificationItems(),
       this.renderLoadMore(),
@@ -48,14 +47,6 @@ export class NotificationList {
       return h("limel-spinner", { size: "small" });
     }
   }
-  renderEmptyFeedMessage() {
-    if (this.loading) {
-      return;
-    }
-    if (this.items.length === 0) {
-      return h("p", { class: "empty-state" }, this.emptyStateMessage);
-    }
-  }
   renderNotificationItems() {
     return this.items
       .slice(0, this.displayedItemCount)
@@ -196,23 +187,6 @@ export class NotificationList {
         },
         "defaultValue": "[]"
       },
-      "emptyStateMessage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The message shown when there are no items to show in the feed."
-        },
-        "attribute": "empty-state-message",
-        "reflect": false
-      },
       "loading": {
         "type": "boolean",
         "mutable": false,

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { CurrencyPicker as LimebbCurrencyPicker } from '../types/components/curr
 export { DashboardComponent as LimebbDashboardWidget } from '../types/components/dashboard-widget/dashboard-widget';
 export { DatePicker as LimebbDatePicker } from '../types/components/date-picker/date-picker';
 export { DateRange as LimebbDateRange } from '../types/components/date-range/date-range';
+export { EmptyState as LimebbEmptyState } from '../types/components/empty-state/empty-state';
 export { Feed as LimebbFeed } from '../types/components/feed/feed';
 export { FeedTimelineItem as LimebbFeedTimelineItem } from '../types/components/feed/feed-item/feed-timeline-item';
 export { IconPicker as LimebbIconPicker } from '../types/components/icon-picker/icon-picker';

package/dist/components/index.js

@@ -4,6 +4,7 @@ export { LimebbCurrencyPicker, defineCustomElement as defineCustomElementLimebbC
 export { LimebbDashboardWidget, defineCustomElement as defineCustomElementLimebbDashboardWidget } from './limebb-dashboard-widget.js';
 export { LimebbDatePicker, defineCustomElement as defineCustomElementLimebbDatePicker } from './limebb-date-picker.js';
 export { LimebbDateRange, defineCustomElement as defineCustomElementLimebbDateRange } from './limebb-date-range.js';
+export { LimebbEmptyState, defineCustomElement as defineCustomElementLimebbEmptyState } from './limebb-empty-state.js';
 export { LimebbFeed, defineCustomElement as defineCustomElementLimebbFeed } from './limebb-feed.js';
 export { LimebbFeedTimelineItem, defineCustomElement as defineCustomElementLimebbFeedTimelineItem } from './limebb-feed-timeline-item.js';
 export { LimebbIconPicker, defineCustomElement as defineCustomElementLimebbIconPicker } from './limebb-icon-picker.js';

package/dist/components/limebb-empty-state.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LimebbEmptyState extends Components.LimebbEmptyState, HTMLElement {}
+export const LimebbEmptyState: {
+  prototype: LimebbEmptyState;
+  new (): LimebbEmptyState;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/limebb-empty-state.js

@@ -0,0 +1,63 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const emptyStateCss = ":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}";
+
+const EmptyState = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return [
+      this.renderIcon(),
+      this.renderHeading(),
+      this.renderSubheader(),
+    ];
+  }
+  renderHeading() {
+    if (!this.heading) {
+      return;
+    }
+    return h("h2", null, this.heading);
+  }
+  renderSubheader() {
+    if (!this.value) {
+      return;
+    }
+    return h("limel-markdown", { value: this.value });
+  }
+  renderIcon() {
+    var _a, _b, _c;
+    if (!this.icon) {
+      return;
+    }
+    return (h("limel-icon", { badge: true, name: (_a = this.icon) === null || _a === void 0 ? void 0 : _a.name, style: {
+        color: `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.color}`,
+        'background-color': `${(_c = this.icon) === null || _c === void 0 ? void 0 : _c.backgroundColor}`,
+      } }));
+  }
+  static get style() { return emptyStateCss; }
+}, [1, "limebb-empty-state", {
+    "heading": [513],
+    "value": [513],
+    "icon": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["limebb-empty-state"];
+  components.forEach(tagName => { switch (tagName) {
+    case "limebb-empty-state":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, EmptyState);
+      }
+      break;
+  } });
+}
+
+const LimebbEmptyState = EmptyState;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbEmptyState, defineCustomElement };

package/dist/components/limebb-notification-list.js

@@ -35,7 +35,6 @@ const NotificationList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   render() {
     return [
-      this.renderEmptyFeedMessage(),
       this.renderSpinner(),
       this.renderNotificationItems(),
       this.renderLoadMore(),
@@ -46,14 +45,6 @@ const NotificationList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       return h("limel-spinner", { size: "small" });
     }
   }
-  renderEmptyFeedMessage() {
-    if (this.loading) {
-      return;
-    }
-    if (this.items.length === 0) {
-      return h("p", { class: "empty-state" }, this.emptyStateMessage);
-    }
-  }
   renderNotificationItems() {
     return this.items
       .slice(0, this.displayedItemCount)
@@ -118,7 +109,6 @@ const NotificationList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "platform": [16],
     "context": [16],
     "items": [16],
-    "emptyStateMessage": [1, "empty-state-message"],
     "loading": [4],
     "paginationSize": [2, "pagination-size"],
     "lastVisitedTimestamp": [1, "last-visited-timestamp"],

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

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["limebb-kanban",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range",[[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-feed",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-currency-picker",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker",[[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-navigation-button",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker",[[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]}]]],["limebb-feed-timeline-item",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return bootstrapLazy([["limebb-kanban",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range",[[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-feed",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-currency-picker",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-empty-state",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["limebb-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker",[[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-navigation-button",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker",[[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]}]]],["limebb-feed-timeline-item",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
 });

package/dist/esm/limebb-empty-state.entry.js

@@ -0,0 +1,41 @@
+import { r as registerInstance, h } from './index-3d816bf5.js';
+
+const emptyStateCss = ":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}";
+
+const EmptyState = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return [
+      this.renderIcon(),
+      this.renderHeading(),
+      this.renderSubheader(),
+    ];
+  }
+  renderHeading() {
+    if (!this.heading) {
+      return;
+    }
+    return h("h2", null, this.heading);
+  }
+  renderSubheader() {
+    if (!this.value) {
+      return;
+    }
+    return h("limel-markdown", { value: this.value });
+  }
+  renderIcon() {
+    var _a, _b, _c;
+    if (!this.icon) {
+      return;
+    }
+    return (h("limel-icon", { badge: true, name: (_a = this.icon) === null || _a === void 0 ? void 0 : _a.name, style: {
+        color: `${(_b = this.icon) === null || _b === void 0 ? void 0 : _b.color}`,
+        'background-color': `${(_c = this.icon) === null || _c === void 0 ? void 0 : _c.backgroundColor}`,
+      } }));
+  }
+};
+EmptyState.style = emptyStateCss;
+
+export { EmptyState as limebb_empty_state };

package/dist/esm/limebb-notification-list.entry.js

@@ -32,7 +32,6 @@ const NotificationList = class {
   }
   render() {
     return [
-      this.renderEmptyFeedMessage(),
       this.renderSpinner(),
       this.renderNotificationItems(),
       this.renderLoadMore(),
@@ -43,14 +42,6 @@ const NotificationList = class {
       return h("limel-spinner", { size: "small" });
     }
   }
-  renderEmptyFeedMessage() {
-    if (this.loading) {
-      return;
-    }
-    if (this.items.length === 0) {
-      return h("p", { class: "empty-state" }, this.emptyStateMessage);
-    }
-  }
   renderNotificationItems() {
     return this.items
       .slice(0, this.displayedItemCount)

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["limebb-kanban",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range",[[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-feed",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-currency-picker",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker",[[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-navigation-button",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker",[[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]}]]],["limebb-feed-timeline-item",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
+  return bootstrapLazy([["limebb-kanban",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-date-range",[[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-feed",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-notification-list",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"lastVisitedTimestamp":[1,"last-visited-timestamp"],"displayedItemCount":[32]}]]],["limebb-browser",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-currency-picker",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-empty-state",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]],["limebb-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[1,"filter-id"],"disabled":[4],"icon":[1],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"filters":[32],"value":[32],"loading":[32],"error":[32]}]]],["limebb-limeobject-file-viewer",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker",[[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-navigation-button",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-kanban-item",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-column",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-date-picker",[[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]}]]],["limebb-feed-timeline-item",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-notification-item",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]]], options);
   });
 };
 

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

@@ -1 +1 @@
-import{p as e,b as t}from"./p-8c0e3713.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-2ccd3c25",[[1,"limebb-kanban",{platform:[16],context:[16],items:[16],paginationSize:[2,"pagination-size"],groupBy:[513,"group-by"],groups:[16]}]]],["p-54dbbbba",[[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]}]]],["p-3d6f678d",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"],lastVisitedTimestamp:[1,"last-visited-timestamp"]}]]],["p-cf9cdfb5",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],loading:[4],paginationSize:[2,"pagination-size"],lastVisitedTimestamp:[1,"last-visited-timestamp"],displayedItemCount:[32]}]]],["p-9bf1ff4f",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-03113a76",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[16]}]]],["p-3f30c8de",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-6a49e564",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-832f45c2",[[1,"limebb-info-tile",{platform:[16],context:[16],filterId:[1,"filter-id"],disabled:[4],icon:[1],label:[1],prefix:[1],suffix:[1],propertyName:[1,"property-name"],aggregateOperator:[1,"aggregate-operator"],filters:[32],value:[32],loading:[32],error:[32]}]]],["p-b992f9cf",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-0334f490",[[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]}]]],["p-1c9d80f2",[[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-9a0ff0bb",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-13521554",[[1,"limebb-kanban-column",{platform:[16],context:[16],columnHeading:[1,"column-heading"],items:[16],loading:[4],paginationSize:[2,"pagination-size"],displayedItemCount:[32]}]]],["p-2e373ea5",[[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]}]]],["p-4c667ff0",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],ui:[513],isBundled:[516,"is-bundled"],headingCanExpand:[32],isHeadingExpanded:[32],showMore:[32],isTall:[32]}]]],["p-97322726",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]]],e)));
+import{p as e,b as t}from"./p-8c0e3713.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-2ccd3c25",[[1,"limebb-kanban",{platform:[16],context:[16],items:[16],paginationSize:[2,"pagination-size"],groupBy:[513,"group-by"],groups:[16]}]]],["p-54dbbbba",[[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]}]]],["p-3d6f678d",[[1,"limebb-feed",{platform:[16],context:[16],items:[16],emptyStateMessage:[1,"empty-state-message"],loading:[4],minutesOfProximity:[2,"minutes-of-proximity"],totalCount:[2,"total-count"],lastVisitedTimestamp:[1,"last-visited-timestamp"]}]]],["p-d4e6bed2",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],loading:[4],paginationSize:[2,"pagination-size"],lastVisitedTimestamp:[1,"last-visited-timestamp"],displayedItemCount:[32]}]]],["p-9bf1ff4f",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-03113a76",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[16]}]]],["p-3f30c8de",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-02e5fa8f",[[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]]],["p-6a49e564",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-832f45c2",[[1,"limebb-info-tile",{platform:[16],context:[16],filterId:[1,"filter-id"],disabled:[4],icon:[1],label:[1],prefix:[1],suffix:[1],propertyName:[1,"property-name"],aggregateOperator:[1,"aggregate-operator"],filters:[32],value:[32],loading:[32],error:[32]}]]],["p-b992f9cf",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-0334f490",[[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]}]]],["p-1c9d80f2",[[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-9a0ff0bb",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-13521554",[[1,"limebb-kanban-column",{platform:[16],context:[16],columnHeading:[1,"column-heading"],items:[16],loading:[4],paginationSize:[2,"pagination-size"],displayedItemCount:[32]}]]],["p-2e373ea5",[[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]}]]],["p-4c667ff0",[[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],ui:[513],isBundled:[516,"is-bundled"],headingCanExpand:[32],isHeadingExpanded:[32],showMore:[32],isTall:[32]}]]],["p-97322726",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]]],e)));

package/dist/lime-crm-building-blocks/p-02e5fa8f.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r}from"./p-8c0e3713.js";const i=class{constructor(r){e(this,r)}render(){return[this.renderIcon(),this.renderHeading(),this.renderSubheader()]}renderHeading(){if(this.heading)return r("h2",null,this.heading)}renderSubheader(){if(this.value)return r("limel-markdown",{value:this.value})}renderIcon(){var e,i,t;if(this.icon)return r("limel-icon",{badge:!0,name:null===(e=this.icon)||void 0===e?void 0:e.name,style:{color:`${null===(i=this.icon)||void 0===i?void 0:i.color}`,"background-color":`${null===(t=this.icon)||void 0===t?void 0:t.backgroundColor}`}})}};i.style=":host(limebb-empty-state){display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem}*{box-sizing:border-box}h2{color:rgb(var(--contrast-1100));margin:0}limel-markdown{color:rgb(var(--contrast-1000));text-align:center;line-height:1.4}limel-icon{width:2.5rem}";export{i as limebb_empty_state}

package/dist/lime-crm-building-blocks/p-d4e6bed2.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e}from"./p-8c0e3713.js";import{P as r}from"./p-6588244c.js";const n=class{constructor(e){t(this,e),this.loadMore=i(this,"loadMore",7),this.itemClick=i(this,"itemClick",7),this.items=[],this.paginationSize=50,this.displayedItemCount=0,this.handleItemClick=t=>{this.itemClick.emit(t.detail)},this.handleLoadMore=t=>{t.stopPropagation(),this.displayedItemCount+=this.paginationSize,this.loadMore.emit()}}componentWillLoad(){this.displayedItemCount=this.paginationSize}render(){return[this.renderSpinner(),this.renderNotificationItems(),this.renderLoadMore()]}renderSpinner(){if(this.loading)return e("limel-spinner",{size:"small"})}renderNotificationItems(){return this.items.slice(0,this.displayedItemCount).map(((t,i)=>[this.renderDateHeader(t.timestamp,i),e("limebb-notification-item",{platform:this.platform,context:this.context,item:t,key:t.id,onInteract:this.handleItemClick}),this.renderNewItemsIndicator(t.timestamp,i)]))}renderNewItemsIndicator(t,i){if(!this.lastVisitedTimestamp)return;const e=this.items.length,r=new Date(this.lastVisitedTimestamp);return r<new Date(t)?1===e||0===i?this.renderIndicator():r<new Date(this.items[i-1].timestamp)?void 0:this.renderIndicator():void 0}renderIndicator(){return e("div",{class:"new-items-indicator"},e("hr",null),e("h3",null,this.translator.get("webclient.new")))}renderDateHeader(t,i){const r=this.dateTimeFormatter.format(t,"date");return 0===i||this.dateTimeFormatter.format(this.items[i-1].timestamp,"date")!==r?e("a",{class:"date-heading"},r):void 0}renderLoadMore(){if(this.items.length&&!(this.displayedItemCount>=this.items.length))return e("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get dateTimeFormatter(){return this.platform.get(r.DateTimeFormatter)}get translator(){return this.platform.get(r.Translate)}};n.style=":host(limebb-notification-list){--limebb-notification-list-background-color:var(\n      --feed-background-color,\n      rgb(var(--contrast-100))\n  );--limebb-notification-list-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.5rem;max-width:45rem;background-color:var(--limebb-notification-list-background-color)}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-heading{font-size:0.75rem;margin:0.5rem 0 0 0;color:rgb(var(--contrast-800))}.load-more-button{margin-top:0.5rem}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0.5rem 1rem;font-size:small;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:var(--limebb-notification-list-background-color)}.new-items-indicator+.date-heading{margin-top:-0.5rem}";export{n as limebb_notification_list}

package/dist/types/components/empty-state/empty-state.d.ts

@@ -0,0 +1,28 @@
+import { Icon } from '@limetech/lime-elements';
+/**
+ * An "empty state" in user interface design refers to the screen or space displayed, when there is no data
+ * or content available to show to the user. This state typically occurs in new accounts, after clearing data,
+ * or when no results are returned from a search.
+ *
+ * @exampleComponent limebb-example-empty-state-basic
+ * @exampleComponent limebb-example-empty-state-value-as-markdown
+ */
+export declare class EmptyState {
+  /**
+   * Text to display in the header
+   */
+  heading: string;
+  /**
+   * Message to further clarify the heading. It receives markdown syntax and renders it as HTML.
+   * This allows for more complex formatting. For example, you can use links, lists, and other formatting options.
+   */
+  value?: string;
+  /**
+   * Icon to display
+   */
+  icon?: Icon;
+  render(): any[];
+  private renderHeading;
+  private renderSubheader;
+  private renderIcon;
+}

package/dist/types/components/notification-list/notification-list.d.ts

@@ -25,10 +25,6 @@ export declare class NotificationList implements LimeWebComponent {
    * List of items to display in the feed.
    */
   items: NotificationItem[];
-  /**
-   * The message shown when there are no items to show in the feed.
-   */
-  emptyStateMessage: string;
   /**
    * True if items have not finished loading.
    */
@@ -59,7 +55,6 @@ export declare class NotificationList implements LimeWebComponent {
   componentWillLoad(): void;
   render(): any[];
   private renderSpinner;
-  private renderEmptyFeedMessage;
   private renderNotificationItems;
   private handleItemClick;
   private renderNewItemsIndicator;

package/dist/types/components.d.ts

@@ -176,6 +176,20 @@ export namespace Components {
          */
         "type": DateType;
     }
+    interface LimebbEmptyState {
+        /**
+          * Text to display in the header
+         */
+        "heading": string;
+        /**
+          * Icon to display
+         */
+        "icon"?: Icon;
+        /**
+          * Message to further clarify the heading. It receives markdown syntax and renders it as HTML. This allows for more complex formatting. For example, you can use links, lists, and other formatting options.
+         */
+        "value"?: string;
+    }
     interface LimebbFeed {
         /**
           * The context this component belongs to
@@ -490,10 +504,6 @@ export namespace Components {
           * @inheritdoc
          */
         "context": LimeWebComponentContext;
-        /**
-          * The message shown when there are no items to show in the feed.
-         */
-        "emptyStateMessage": string;
         /**
           * List of items to display in the feed.
          */
@@ -588,6 +598,12 @@ declare global {
         prototype: HTMLLimebbDateRangeElement;
         new (): HTMLLimebbDateRangeElement;
     };
+    interface HTMLLimebbEmptyStateElement extends Components.LimebbEmptyState, HTMLStencilElement {
+    }
+    var HTMLLimebbEmptyStateElement: {
+        prototype: HTMLLimebbEmptyStateElement;
+        new (): HTMLLimebbEmptyStateElement;
+    };
     interface HTMLLimebbFeedElement extends Components.LimebbFeed, HTMLStencilElement {
     }
     var HTMLLimebbFeedElement: {
@@ -666,6 +682,7 @@ declare global {
         "limebb-dashboard-widget": HTMLLimebbDashboardWidgetElement;
         "limebb-date-picker": HTMLLimebbDatePickerElement;
         "limebb-date-range": HTMLLimebbDateRangeElement;
+        "limebb-empty-state": HTMLLimebbEmptyStateElement;
         "limebb-feed": HTMLLimebbFeedElement;
         "limebb-feed-timeline-item": HTMLLimebbFeedTimelineItemElement;
         "limebb-icon-picker": HTMLLimebbIconPickerElement;
@@ -863,6 +880,20 @@ declare namespace LocalJSX {
          */
         "type"?: DateType;
     }
+    interface LimebbEmptyState {
+        /**
+          * Text to display in the header
+         */
+        "heading"?: string;
+        /**
+          * Icon to display
+         */
+        "icon"?: Icon;
+        /**
+          * Message to further clarify the heading. It receives markdown syntax and renders it as HTML. This allows for more complex formatting. For example, you can use links, lists, and other formatting options.
+         */
+        "value"?: string;
+    }
     interface LimebbFeed {
         /**
           * The context this component belongs to
@@ -1198,10 +1229,6 @@ declare namespace LocalJSX {
           * @inheritdoc
          */
         "context"?: LimeWebComponentContext;
-        /**
-          * The message shown when there are no items to show in the feed.
-         */
-        "emptyStateMessage"?: string;
         /**
           * List of items to display in the feed.
          */
@@ -1238,6 +1265,7 @@ declare namespace LocalJSX {
         "limebb-dashboard-widget": LimebbDashboardWidget;
         "limebb-date-picker": LimebbDatePicker;
         "limebb-date-range": LimebbDateRange;
+        "limebb-empty-state": LimebbEmptyState;
         "limebb-feed": LimebbFeed;
         "limebb-feed-timeline-item": LimebbFeedTimelineItem;
         "limebb-icon-picker": LimebbIconPicker;
@@ -1261,6 +1289,7 @@ declare module "@stencil/core" {
             "limebb-dashboard-widget": LocalJSX.LimebbDashboardWidget & JSXBase.HTMLAttributes<HTMLLimebbDashboardWidgetElement>;
             "limebb-date-picker": LocalJSX.LimebbDatePicker & JSXBase.HTMLAttributes<HTMLLimebbDatePickerElement>;
             "limebb-date-range": LocalJSX.LimebbDateRange & JSXBase.HTMLAttributes<HTMLLimebbDateRangeElement>;
+            "limebb-empty-state": LocalJSX.LimebbEmptyState & JSXBase.HTMLAttributes<HTMLLimebbEmptyStateElement>;
             "limebb-feed": LocalJSX.LimebbFeed & JSXBase.HTMLAttributes<HTMLLimebbFeedElement>;
             "limebb-feed-timeline-item": LocalJSX.LimebbFeedTimelineItem & JSXBase.HTMLAttributes<HTMLLimebbFeedTimelineItemElement>;
             "limebb-icon-picker": LocalJSX.LimebbIconPicker & JSXBase.HTMLAttributes<HTMLLimebbIconPickerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.42.0",
+  "version": "1.43.1",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -43,8 +43,8 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.9.1",
-    "@limetech/lime-elements": "^37.57.1",
-    "@limetech/lime-web-components": "^5.32.0",
+    "@limetech/lime-elements": "^37.57.4",
+    "@limetech/lime-web-components": "^5.33.1",
     "@lundalogik/lime-icons8": "^2.28.0",
     "@lundalogik/limeclient.js": "^1.65.0",
     "@stencil/core": "<2.19.0",
@@ -67,7 +67,7 @@
     "globals": "^15.9.0",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
-    "kompendium": "^0.14.3",
+    "kompendium": "^0.15.0",
     "lodash-es": "^4.17.21",
     "prettier": "^3.3.3",
     "puppeteer": "^19.4.1",

package/dist/lime-crm-building-blocks/p-cf9cdfb5.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-8c0e3713.js";import{P as r}from"./p-6588244c.js";const n=class{constructor(e){t(this,e),this.loadMore=i(this,"loadMore",7),this.itemClick=i(this,"itemClick",7),this.items=[],this.paginationSize=50,this.displayedItemCount=0,this.handleItemClick=t=>{this.itemClick.emit(t.detail)},this.handleLoadMore=t=>{t.stopPropagation(),this.displayedItemCount+=this.paginationSize,this.loadMore.emit()}}componentWillLoad(){this.displayedItemCount=this.paginationSize}render(){return[this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderNotificationItems(),this.renderLoadMore()]}renderSpinner(){if(this.loading)return e("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(!this.loading)return 0===this.items.length?e("p",{class:"empty-state"},this.emptyStateMessage):void 0}renderNotificationItems(){return this.items.slice(0,this.displayedItemCount).map(((t,i)=>[this.renderDateHeader(t.timestamp,i),e("limebb-notification-item",{platform:this.platform,context:this.context,item:t,key:t.id,onInteract:this.handleItemClick}),this.renderNewItemsIndicator(t.timestamp,i)]))}renderNewItemsIndicator(t,i){if(!this.lastVisitedTimestamp)return;const e=this.items.length,r=new Date(this.lastVisitedTimestamp);return r<new Date(t)?1===e||0===i?this.renderIndicator():r<new Date(this.items[i-1].timestamp)?void 0:this.renderIndicator():void 0}renderIndicator(){return e("div",{class:"new-items-indicator"},e("hr",null),e("h3",null,this.translator.get("webclient.new")))}renderDateHeader(t,i){const r=this.dateTimeFormatter.format(t,"date");return 0===i||this.dateTimeFormatter.format(this.items[i-1].timestamp,"date")!==r?e("a",{class:"date-heading"},r):void 0}renderLoadMore(){if(this.items.length&&!(this.displayedItemCount>=this.items.length))return e("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get dateTimeFormatter(){return this.platform.get(r.DateTimeFormatter)}get translator(){return this.platform.get(r.Translate)}};n.style=":host(limebb-notification-list){--limebb-notification-list-background-color:var(\n      --feed-background-color,\n      rgb(var(--contrast-100))\n  );--limebb-notification-list-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.5rem;max-width:45rem;background-color:var(--limebb-notification-list-background-color)}.empty-state{text-align:center}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-heading{font-size:0.75rem;margin:0.5rem 0 0 0;color:rgb(var(--contrast-800))}.load-more-button{margin-top:0.5rem}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0.5rem 1rem;font-size:small;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:var(--limebb-notification-list-background-color)}.new-items-indicator+.date-heading{margin-top:-0.5rem}";export{n as limebb_notification_list}