@limetech/lime-crm-building-blocks 1.20.0 → 1.21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
  2. package/dist/cjs/limebb-example-feed-item-heading.cjs.entry.js +29 -0
  3. package/dist/cjs/limebb-feed_2.cjs.entry.js +8 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/collection-manifest.json +1 -0
  6. package/dist/collection/components/feed/examples/feed-heading.js +27 -0
  7. package/dist/collection/components/feed/feed-item/feed-timeline-item.css +7 -1
  8. package/dist/collection/components/feed/feed-item/feed-timeline-item.js +7 -1
  9. package/dist/collection/components/feed/feed.js +1 -0
  10. package/dist/components/feed-timeline-item.js +8 -2
  11. package/dist/components/index.d.ts +1 -0
  12. package/dist/components/index.js +1 -0
  13. package/dist/components/limebb-example-feed-item-heading.d.ts +11 -0
  14. package/dist/components/limebb-example-feed-item-heading.js +52 -0
  15. package/dist/esm/lime-crm-building-blocks.js +1 -1
  16. package/dist/esm/limebb-example-feed-item-heading.entry.js +25 -0
  17. package/dist/esm/limebb-feed_2.entry.js +8 -2
  18. package/dist/esm/loader.js +1 -1
  19. package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js +1 -1
  20. package/dist/lime-crm-building-blocks/p-d38dc138.entry.js +1 -0
  21. package/dist/lime-crm-building-blocks/p-faa3b397.entry.js +1 -0
  22. package/dist/types/components/feed/examples/feed-heading.d.ts +11 -0
  23. package/dist/types/components/feed/feed-item/feed-item.types.d.ts +6 -0
  24. package/dist/types/components/feed/feed-item/feed-timeline-item.d.ts +1 -0
  25. package/dist/types/components/feed/feed.d.ts +1 -0
  26. package/dist/types/components.d.ts +13 -0
  27. package/package.json +1 -1
  28. package/dist/lime-crm-building-blocks/p-382bd587.entry.js +0 -1
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- 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-author.cjs",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture.cjs",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-load-more.cjs",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions.cjs",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations.cjs",[[1,"limebb-example-feed-relations"]]],["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-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-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]}]]],["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-feed_2.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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
18
+ 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-author.cjs",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture.cjs",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-item-heading.cjs",[[1,"limebb-example-feed-item-heading"]]],["limebb-example-feed-load-more.cjs",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions.cjs",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations.cjs",[[1,"limebb-example-feed-relations"]]],["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-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-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]}]]],["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-feed_2.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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
19
19
  });
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-4d2d0bc6.js');
6
+ const platform = require('./platform-03bfc9aa.js');
7
+ require('./types-5e2d281d.js');
8
+ require('./index-9497280d.js');
9
+ require('./index-eded45a5.js');
10
+
11
+ const FeedExampleHeading = class {
12
+ constructor(hostRef) {
13
+ index.registerInstance(this, hostRef);
14
+ this.feedItems = [
15
+ {
16
+ id: 0,
17
+ timestamp: new Date(),
18
+ author: { id: '1', name: 'Adrian' },
19
+ heading: 'visited [Userlike](/object/company/0001), together with **[Per](/object/coworker/0001)**',
20
+ value: 'The meeting went well. We discussed the technical details of the integration.',
21
+ },
22
+ ];
23
+ }
24
+ render() {
25
+ return index.h("limebb-feed", { platform: platform.platform, items: this.feedItems });
26
+ }
27
+ };
28
+
29
+ exports.limebb_example_feed_item_heading = FeedExampleHeading;
@@ -195,7 +195,7 @@ const Feed = class {
195
195
  };
196
196
  Feed.style = feedCss;
197
197
 
198
- 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{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;min-width:0}.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;gap:0.5rem}.has-unpromoted-actions .header{padding-right:2rem}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
198
+ 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{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;min-width:0}.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;gap:0.5rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
199
199
 
200
200
  const FeedTimelineItem = class {
201
201
  constructor(hostRef) {
@@ -249,7 +249,7 @@ const FeedTimelineItem = class {
249
249
  } }));
250
250
  }
251
251
  renderContent() {
252
- return (index$1.h("div", { class: "right" }, index$1.h("div", { class: "content" }, index$1.h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
252
+ return (index$1.h("div", { class: "right" }, index$1.h("div", { class: "content" }, index$1.h("div", { class: "header" }, this.renderAuthor(), this.renderHeading(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
253
253
  }
254
254
  renderAuthor() {
255
255
  if (!this.item.author || this.isBundled) {
@@ -270,6 +270,12 @@ const FeedTimelineItem = class {
270
270
  }
271
271
  return index$1.h("img", { loading: "lazy", src: this.item.author.picture });
272
272
  }
273
+ renderHeading() {
274
+ if (!this.item.heading) {
275
+ return;
276
+ }
277
+ return index$1.h("limel-markdown", { class: "heading", value: this.item.heading });
278
+ }
273
279
  renderValue() {
274
280
  if (!this.item.value) {
275
281
  return;
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- 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-author.cjs",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture.cjs",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-load-more.cjs",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions.cjs",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations.cjs",[[1,"limebb-example-feed-relations"]]],["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-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-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]}]]],["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-feed_2.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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
17
+ 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-author.cjs",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture.cjs",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-item-heading.cjs",[[1,"limebb-example-feed-item-heading"]]],["limebb-example-feed-load-more.cjs",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions.cjs",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations.cjs",[[1,"limebb-example-feed-relations"]]],["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-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["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-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]}]]],["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-feed_2.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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -18,6 +18,7 @@
18
18
  "./components/feed/feed.js",
19
19
  "./components/feed/examples/feed-author-picture.js",
20
20
  "./components/feed/examples/feed-author.js",
21
+ "./components/feed/examples/feed-heading.js",
21
22
  "./components/feed/examples/feed-load-more.js",
22
23
  "./components/feed/examples/feed-promoted-actions.js",
23
24
  "./components/feed/examples/feed-relations.js",
@@ -0,0 +1,27 @@
1
+ import { h } from '@stencil/core';
2
+ import { platform } from '../../date-picker/examples/platform';
3
+ /**
4
+ * Heading of feed items
5
+ * The `heading` supports markdown. It empowers you to add rich-text
6
+ * in the headers of feed items.
7
+ * However, the length of the sting which you provide must be kept very short.
8
+ * Headings will only render in one single line! It means long headings will be truncated.
9
+ */
10
+ export class FeedExampleHeading {
11
+ constructor() {
12
+ this.feedItems = [
13
+ {
14
+ id: 0,
15
+ timestamp: new Date(),
16
+ author: { id: '1', name: 'Adrian' },
17
+ heading: 'visited [Userlike](/object/company/0001), together with **[Per](/object/coworker/0001)**',
18
+ value: 'The meeting went well. We discussed the technical details of the integration.',
19
+ },
20
+ ];
21
+ }
22
+ render() {
23
+ return h("limebb-feed", { platform: platform, items: this.feedItems });
24
+ }
25
+ static get is() { return "limebb-example-feed-item-heading"; }
26
+ static get encapsulation() { return "shadow"; }
27
+ }
@@ -93,10 +93,16 @@
93
93
  align-items: center;
94
94
  gap: 0.5rem;
95
95
  }
96
- .has-unpromoted-actions .header {
96
+ :host(.has-unpromoted-actions) .header {
97
97
  padding-right: 2rem;
98
98
  }
99
99
 
100
+ .heading {
101
+ flex-grow: 1;
102
+ overflow: hidden;
103
+ white-space: nowrap;
104
+ }
105
+
100
106
  .unpromoted-actions-menu {
101
107
  position: absolute;
102
108
  top: 0;
@@ -54,7 +54,7 @@ export class FeedTimelineItem {
54
54
  } }));
55
55
  }
56
56
  renderContent() {
57
- return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
57
+ return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderHeading(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
58
58
  }
59
59
  renderAuthor() {
60
60
  if (!this.item.author || this.isBundled) {
@@ -75,6 +75,12 @@ export class FeedTimelineItem {
75
75
  }
76
76
  return h("img", { loading: "lazy", src: this.item.author.picture });
77
77
  }
78
+ renderHeading() {
79
+ if (!this.item.heading) {
80
+ return;
81
+ }
82
+ return h("limel-markdown", { class: "heading", value: this.item.heading });
83
+ }
78
84
  renderValue() {
79
85
  if (!this.item.value) {
80
86
  return;
@@ -17,6 +17,7 @@ const MINUTES_OF_PROXIMITY = 5;
17
17
  * @exampleComponent limebb-example-feed-load-more
18
18
  * @exampleComponent limebb-example-feed-author
19
19
  * @exampleComponent limebb-example-feed-author-picture
20
+ * @exampleComponent limebb-example-feed-item-heading
20
21
  * @exampleComponent limebb-example-feed-unpromoted-actions
21
22
  * @exampleComponent limebb-example-feed-promoted-actions
22
23
  * @exampleComponent limebb-example-feed-relations
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import { P as PlatformServiceName } from './types.js';
3
3
 
4
- 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{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;min-width:0}.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;gap:0.5rem}.has-unpromoted-actions .header{padding-right:2rem}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
4
+ 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{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;min-width:0}.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;gap:0.5rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
5
5
 
6
6
  const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
7
  constructor() {
@@ -57,7 +57,7 @@ const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
57
57
  } }));
58
58
  }
59
59
  renderContent() {
60
- return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
60
+ return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderHeading(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
61
61
  }
62
62
  renderAuthor() {
63
63
  if (!this.item.author || this.isBundled) {
@@ -78,6 +78,12 @@ const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
78
78
  }
79
79
  return h("img", { loading: "lazy", src: this.item.author.picture });
80
80
  }
81
+ renderHeading() {
82
+ if (!this.item.heading) {
83
+ return;
84
+ }
85
+ return h("limel-markdown", { class: "heading", value: this.item.heading });
86
+ }
81
87
  renderValue() {
82
88
  if (!this.item.value) {
83
89
  return;
@@ -17,6 +17,7 @@ export { DateRangeExample as LimebbExampleDateRange } from '../types/components/
17
17
  export { FeedExample as LimebbExampleFeed } from '../types/components/feed/examples/feed';
18
18
  export { FeedExampleAuthor as LimebbExampleFeedAuthor } from '../types/components/feed/examples/feed-author';
19
19
  export { FeedExampleAuthorPicture as LimebbExampleFeedAuthorPicture } from '../types/components/feed/examples/feed-author-picture';
20
+ export { FeedExampleHeading as LimebbExampleFeedItemHeading } from '../types/components/feed/examples/feed-heading';
20
21
  export { FeedExampleLoadMore as LimebbExampleFeedLoadMore } from '../types/components/feed/examples/feed-load-more';
21
22
  export { FeedExamplePromotedActions as LimebbExampleFeedPromotedActions } from '../types/components/feed/examples/feed-promoted-actions';
22
23
  export { FeedExampleRelations as LimebbExampleFeedRelations } from '../types/components/feed/examples/feed-relations';
@@ -17,6 +17,7 @@ export { LimebbExampleDateRange, defineCustomElement as defineCustomElementLimeb
17
17
  export { LimebbExampleFeed, defineCustomElement as defineCustomElementLimebbExampleFeed } from './limebb-example-feed.js';
18
18
  export { LimebbExampleFeedAuthor, defineCustomElement as defineCustomElementLimebbExampleFeedAuthor } from './limebb-example-feed-author.js';
19
19
  export { LimebbExampleFeedAuthorPicture, defineCustomElement as defineCustomElementLimebbExampleFeedAuthorPicture } from './limebb-example-feed-author-picture.js';
20
+ export { LimebbExampleFeedItemHeading, defineCustomElement as defineCustomElementLimebbExampleFeedItemHeading } from './limebb-example-feed-item-heading.js';
20
21
  export { LimebbExampleFeedLoadMore, defineCustomElement as defineCustomElementLimebbExampleFeedLoadMore } from './limebb-example-feed-load-more.js';
21
22
  export { LimebbExampleFeedPromotedActions, defineCustomElement as defineCustomElementLimebbExampleFeedPromotedActions } from './limebb-example-feed-promoted-actions.js';
22
23
  export { LimebbExampleFeedRelations, defineCustomElement as defineCustomElementLimebbExampleFeedRelations } from './limebb-example-feed-relations.js';
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface LimebbExampleFeedItemHeading extends Components.LimebbExampleFeedItemHeading, HTMLElement {}
4
+ export const LimebbExampleFeedItemHeading: {
5
+ prototype: LimebbExampleFeedItemHeading;
6
+ new (): LimebbExampleFeedItemHeading;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,52 @@
1
+ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
+ import { p as platform } from './platform.js';
3
+ import { d as defineCustomElement$3 } from './feed.js';
4
+ import { d as defineCustomElement$2 } from './feed-timeline-item.js';
5
+
6
+ const FeedExampleHeading = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
+ constructor() {
8
+ super();
9
+ this.__registerHost();
10
+ this.__attachShadow();
11
+ this.feedItems = [
12
+ {
13
+ id: 0,
14
+ timestamp: new Date(),
15
+ author: { id: '1', name: 'Adrian' },
16
+ heading: 'visited [Userlike](/object/company/0001), together with **[Per](/object/coworker/0001)**',
17
+ value: 'The meeting went well. We discussed the technical details of the integration.',
18
+ },
19
+ ];
20
+ }
21
+ render() {
22
+ return h("limebb-feed", { platform: platform, items: this.feedItems });
23
+ }
24
+ }, [1, "limebb-example-feed-item-heading"]);
25
+ function defineCustomElement$1() {
26
+ if (typeof customElements === "undefined") {
27
+ return;
28
+ }
29
+ const components = ["limebb-example-feed-item-heading", "limebb-feed", "limebb-feed-timeline-item"];
30
+ components.forEach(tagName => { switch (tagName) {
31
+ case "limebb-example-feed-item-heading":
32
+ if (!customElements.get(tagName)) {
33
+ customElements.define(tagName, FeedExampleHeading);
34
+ }
35
+ break;
36
+ case "limebb-feed":
37
+ if (!customElements.get(tagName)) {
38
+ defineCustomElement$3();
39
+ }
40
+ break;
41
+ case "limebb-feed-timeline-item":
42
+ if (!customElements.get(tagName)) {
43
+ defineCustomElement$2();
44
+ }
45
+ break;
46
+ } });
47
+ }
48
+
49
+ const LimebbExampleFeedItemHeading = FeedExampleHeading;
50
+ const defineCustomElement = defineCustomElement$1;
51
+
52
+ export { LimebbExampleFeedItemHeading, defineCustomElement };
@@ -13,5 +13,5 @@ const patchBrowser = () => {
13
13
  };
14
14
 
15
15
  patchBrowser().then(options => {
16
- return bootstrapLazy([["limebb-example-date-picker-date",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range",[[1,"limebb-example-date-range"]]],["limebb-example-feed",[[1,"limebb-example-feed"]]],["limebb-example-feed-author",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-load-more",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations",[[1,"limebb-example-feed-relations"]]],["limebb-example-feed-unpromoted-actions",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-example-dashboard-widget",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-picker_2",[[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]}]]],["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-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["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-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":[8]}]]],["limebb-feed_2",[[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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
16
+ return bootstrapLazy([["limebb-example-date-picker-date",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range",[[1,"limebb-example-date-range"]]],["limebb-example-feed",[[1,"limebb-example-feed"]]],["limebb-example-feed-author",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-item-heading",[[1,"limebb-example-feed-item-heading"]]],["limebb-example-feed-load-more",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations",[[1,"limebb-example-feed-relations"]]],["limebb-example-feed-unpromoted-actions",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-example-dashboard-widget",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-picker_2",[[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]}]]],["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-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["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-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":[8]}]]],["limebb-feed_2",[[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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
17
17
  });
@@ -0,0 +1,25 @@
1
+ import { r as registerInstance, h } from './index-a3f0c726.js';
2
+ import { p as platform } from './platform-a7f72da9.js';
3
+ import './types-acf07609.js';
4
+ import './index-16157a5c.js';
5
+ import './index-eed5a261.js';
6
+
7
+ const FeedExampleHeading = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.feedItems = [
11
+ {
12
+ id: 0,
13
+ timestamp: new Date(),
14
+ author: { id: '1', name: 'Adrian' },
15
+ heading: 'visited [Userlike](/object/company/0001), together with **[Per](/object/coworker/0001)**',
16
+ value: 'The meeting went well. We discussed the technical details of the integration.',
17
+ },
18
+ ];
19
+ }
20
+ render() {
21
+ return h("limebb-feed", { platform: platform, items: this.feedItems });
22
+ }
23
+ };
24
+
25
+ export { FeedExampleHeading as limebb_example_feed_item_heading };
@@ -191,7 +191,7 @@ const Feed = class {
191
191
  };
192
192
  Feed.style = feedCss;
193
193
 
194
- 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{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;min-width:0}.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;gap:0.5rem}.has-unpromoted-actions .header{padding-right:2rem}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
194
+ 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{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;min-width:0}.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;gap:0.5rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}";
195
195
 
196
196
  const FeedTimelineItem = class {
197
197
  constructor(hostRef) {
@@ -245,7 +245,7 @@ const FeedTimelineItem = class {
245
245
  } }));
246
246
  }
247
247
  renderContent() {
248
- return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
248
+ return (h("div", { class: "right" }, h("div", { class: "content" }, h("div", { class: "header" }, this.renderAuthor(), this.renderHeading(), this.renderUnpromotedActionsMenu()), this.renderValue(), this.renderRelations()), this.renderPromotedActions()));
249
249
  }
250
250
  renderAuthor() {
251
251
  if (!this.item.author || this.isBundled) {
@@ -266,6 +266,12 @@ const FeedTimelineItem = class {
266
266
  }
267
267
  return h("img", { loading: "lazy", src: this.item.author.picture });
268
268
  }
269
+ renderHeading() {
270
+ if (!this.item.heading) {
271
+ return;
272
+ }
273
+ return h("limel-markdown", { class: "heading", value: this.item.heading });
274
+ }
269
275
  renderValue() {
270
276
  if (!this.item.value) {
271
277
  return;
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy([["limebb-example-date-picker-date",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range",[[1,"limebb-example-date-range"]]],["limebb-example-feed",[[1,"limebb-example-feed"]]],["limebb-example-feed-author",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-load-more",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations",[[1,"limebb-example-feed-relations"]]],["limebb-example-feed-unpromoted-actions",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-example-dashboard-widget",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-picker_2",[[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]}]]],["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-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["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-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":[8]}]]],["limebb-feed_2",[[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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
13
+ return bootstrapLazy([["limebb-example-date-picker-date",[[1,"limebb-example-date-picker-date",{"value":[32]}]]],["limebb-example-date-picker-datetime",[[1,"limebb-example-date-picker-datetime",{"value":[32]}]]],["limebb-example-date-picker-time",[[1,"limebb-example-date-picker-time",{"value":[32]}]]],["limebb-example-date-picker-week",[[1,"limebb-example-date-picker-week",{"value":[32]}]]],["limebb-example-date-range",[[1,"limebb-example-date-range"]]],["limebb-example-feed",[[1,"limebb-example-feed"]]],["limebb-example-feed-author",[[1,"limebb-example-feed-author"]]],["limebb-example-feed-author-picture",[[1,"limebb-example-feed-author-picture"]]],["limebb-example-feed-item-heading",[[1,"limebb-example-feed-item-heading"]]],["limebb-example-feed-load-more",[[1,"limebb-example-feed-load-more",{"objectIds":[32]}]]],["limebb-example-feed-promoted-actions",[[1,"limebb-example-feed-promoted-actions"]]],["limebb-example-feed-relations",[[1,"limebb-example-feed-relations"]]],["limebb-example-feed-unpromoted-actions",[[1,"limebb-example-feed-unpromoted-actions"]]],["limebb-example-currency-picker",[[1,"limebb-example-currency-picker",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-european",[[1,"limebb-example-currency-picker-european",{"selectedCurrency":[32]}]]],["limebb-example-currency-picker-nordic",[[1,"limebb-example-currency-picker-nordic",{"selectedCurrency":[32]}]]],["limebb-dashboard-widget",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-example-dashboard-widget",[[1,"limebb-example-dashboard-widget"]]],["limebb-example-dashboard-widget-slots",[[1,"limebb-example-dashboard-widget-slots",{"filterMyDeals":[32]}]]],["limebb-example-dashboard-widget-styles",[[1,"limebb-example-dashboard-widget-styles"]]],["limebb-example-icon-picker",[[1,"limebb-example-icon-picker",{"value":[32]}]]],["limebb-example-locale-picker",[[1,"limebb-example-locale-picker",{"value":[1]}]]],["limebb-example-locale-picker-multiple",[[1,"limebb-example-locale-picker-multiple",{"value":[1]}]]],["limebb-navigation-button",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-example-navigation-button-back",[[1,"limebb-example-navigation-button-back"]]],["limebb-example-navigation-button-close",[[1,"limebb-example-navigation-button-close"]]],["limebb-example-navigation-button-expand",[[1,"limebb-example-navigation-button-expand"]]],["limebb-example-navigation-button-float",[[1,"limebb-example-navigation-button-float"]]],["limebb-example-navigation-button-maximize",[[1,"limebb-example-navigation-button-maximize"]]],["limebb-example-navigation-button-minimize",[[1,"limebb-example-navigation-button-minimize"]]],["limebb-example-navigation-button-new-tab",[[1,"limebb-example-navigation-button-new-tab"]]],["limebb-example-navigation-button-shrink",[[1,"limebb-example-navigation-button-shrink"]]],["limebb-date-picker_2",[[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]}]]],["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-icon-picker",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["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-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":[8]}]]],["limebb-feed_2",[[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"]}],[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"isBundled":[516,"is-bundled"]}]]]], options);
14
14
  });
15
15
  };
16
16
 
@@ -1 +1 @@
1
- import{p as e,b as l}from"./p-f2df26cc.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((e=>l([["p-d59131e7",[[1,"limebb-example-date-picker-date",{value:[32]}]]],["p-50a258ea",[[1,"limebb-example-date-picker-datetime",{value:[32]}]]],["p-450fcd74",[[1,"limebb-example-date-picker-time",{value:[32]}]]],["p-2e4860b6",[[1,"limebb-example-date-picker-week",{value:[32]}]]],["p-44b8ed1a",[[1,"limebb-example-date-range"]]],["p-96af3ded",[[1,"limebb-example-feed"]]],["p-e9ccf036",[[1,"limebb-example-feed-author"]]],["p-e53823d4",[[1,"limebb-example-feed-author-picture"]]],["p-3f9f5b8a",[[1,"limebb-example-feed-load-more",{objectIds:[32]}]]],["p-66d62349",[[1,"limebb-example-feed-promoted-actions"]]],["p-4b65e8b0",[[1,"limebb-example-feed-relations"]]],["p-8806c0c6",[[1,"limebb-example-feed-unpromoted-actions"]]],["p-87446b69",[[1,"limebb-example-currency-picker",{selectedCurrency:[32]}]]],["p-6bed42e3",[[1,"limebb-example-currency-picker-european",{selectedCurrency:[32]}]]],["p-f43374b6",[[1,"limebb-example-currency-picker-nordic",{selectedCurrency:[32]}]]],["p-76a7dc35",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-38c7f848",[[1,"limebb-example-dashboard-widget"]]],["p-161d3ab4",[[1,"limebb-example-dashboard-widget-slots",{filterMyDeals:[32]}]]],["p-2a21f554",[[1,"limebb-example-dashboard-widget-styles"]]],["p-33c9f8d2",[[1,"limebb-example-icon-picker",{value:[32]}]]],["p-f09bb2bd",[[1,"limebb-example-locale-picker",{value:[1]}]]],["p-efcb287a",[[1,"limebb-example-locale-picker-multiple",{value:[1]}]]],["p-33022901",[[1,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-c0ceb829",[[1,"limebb-example-navigation-button-back"]]],["p-e9a19780",[[1,"limebb-example-navigation-button-close"]]],["p-9f1cc4db",[[1,"limebb-example-navigation-button-expand"]]],["p-dc4cd07c",[[1,"limebb-example-navigation-button-float"]]],["p-31461bb1",[[1,"limebb-example-navigation-button-maximize"]]],["p-9f2c8392",[[1,"limebb-example-navigation-button-minimize"]]],["p-328a8527",[[1,"limebb-example-navigation-button-new-tab"]]],["p-9f298aae",[[1,"limebb-example-navigation-button-shrink"]]],["p-e44c4258",[[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]}]]],["p-31d13c9e",[[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-c60424fe",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-cd01138c",[[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-0466cfe7",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[8]}]]],["p-382bd587",[[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"]}],[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],isBundled:[516,"is-bundled"]}]]]],e)));
1
+ import{p as e,b as l}from"./p-f2df26cc.js";(()=>{const l=import.meta.url,a={};return""!==l&&(a.resourcesUrl=new URL(".",l).href),e(a)})().then((e=>l([["p-d59131e7",[[1,"limebb-example-date-picker-date",{value:[32]}]]],["p-50a258ea",[[1,"limebb-example-date-picker-datetime",{value:[32]}]]],["p-450fcd74",[[1,"limebb-example-date-picker-time",{value:[32]}]]],["p-2e4860b6",[[1,"limebb-example-date-picker-week",{value:[32]}]]],["p-44b8ed1a",[[1,"limebb-example-date-range"]]],["p-96af3ded",[[1,"limebb-example-feed"]]],["p-e9ccf036",[[1,"limebb-example-feed-author"]]],["p-e53823d4",[[1,"limebb-example-feed-author-picture"]]],["p-d38dc138",[[1,"limebb-example-feed-item-heading"]]],["p-3f9f5b8a",[[1,"limebb-example-feed-load-more",{objectIds:[32]}]]],["p-66d62349",[[1,"limebb-example-feed-promoted-actions"]]],["p-4b65e8b0",[[1,"limebb-example-feed-relations"]]],["p-8806c0c6",[[1,"limebb-example-feed-unpromoted-actions"]]],["p-87446b69",[[1,"limebb-example-currency-picker",{selectedCurrency:[32]}]]],["p-6bed42e3",[[1,"limebb-example-currency-picker-european",{selectedCurrency:[32]}]]],["p-f43374b6",[[1,"limebb-example-currency-picker-nordic",{selectedCurrency:[32]}]]],["p-76a7dc35",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-38c7f848",[[1,"limebb-example-dashboard-widget"]]],["p-161d3ab4",[[1,"limebb-example-dashboard-widget-slots",{filterMyDeals:[32]}]]],["p-2a21f554",[[1,"limebb-example-dashboard-widget-styles"]]],["p-33c9f8d2",[[1,"limebb-example-icon-picker",{value:[32]}]]],["p-f09bb2bd",[[1,"limebb-example-locale-picker",{value:[1]}]]],["p-efcb287a",[[1,"limebb-example-locale-picker-multiple",{value:[1]}]]],["p-33022901",[[1,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-c0ceb829",[[1,"limebb-example-navigation-button-back"]]],["p-e9a19780",[[1,"limebb-example-navigation-button-close"]]],["p-9f1cc4db",[[1,"limebb-example-navigation-button-expand"]]],["p-dc4cd07c",[[1,"limebb-example-navigation-button-float"]]],["p-31461bb1",[[1,"limebb-example-navigation-button-maximize"]]],["p-9f2c8392",[[1,"limebb-example-navigation-button-minimize"]]],["p-328a8527",[[1,"limebb-example-navigation-button-new-tab"]]],["p-9f298aae",[[1,"limebb-example-navigation-button-shrink"]]],["p-e44c4258",[[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]}]]],["p-31d13c9e",[[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-c60424fe",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-cd01138c",[[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-0466cfe7",[[1,"limebb-currency-picker",{label:[513],platform:[16],currencies:[16],helperText:[513,"helper-text"],required:[516],readonly:[516],invalid:[516],disabled:[516],value:[8]}]]],["p-faa3b397",[[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"]}],[1,"limebb-feed-timeline-item",{platform:[16],context:[16],item:[16],isBundled:[516,"is-bundled"]}]]]],e)));
@@ -0,0 +1 @@
1
+ import{r as e,h as t}from"./p-f2df26cc.js";import{p as i}from"./p-666e3a44.js";import"./p-bc052012.js";import"./p-d490ab9e.js";import"./p-1095efdb.js";const r=class{constructor(t){e(this,t),this.feedItems=[{id:0,timestamp:new Date,author:{id:"1",name:"Adrian"},heading:"visited [Userlike](/object/company/0001), together with **[Per](/object/coworker/0001)**",value:"The meeting went well. We discussed the technical details of the integration."}]}render(){return t("limebb-feed",{platform:i,items:this.feedItems})}};export{r as limebb_example_feed_item_heading}
@@ -0,0 +1 @@
1
+ import{r as e,c as t,h as i,H as r}from"./p-f2df26cc.js";import{P as o}from"./p-bc052012.js";import{r as s,t as a}from"./p-1095efdb.js";function n(e,t){return s(2,arguments),a(e).getTime()-a(t).getTime()}var l={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function d(e){return e?l[e]:l.trunc}const m=class{constructor(i){e(this,i),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.loadMore=t(this,"loadMore",7),this.items=[],this.minutesOfProximity=5,this.totalCount=0,this.isBundled=(e,t)=>{var i,r,o;if(0===t)return!1;if((null===(r=null===(i=this.items[t-1])||void 0===i?void 0:i.author)||void 0===r?void 0:r.id)!==(null===(o=null==e?void 0:e.author)||void 0===o?void 0:o.id))return!1;const a=new Date(e.timestamp),l=new Date(this.items[t-1].timestamp),m=new Date(l);return function(e,t,i){s(2,arguments);var r=n(e,t)/6e4;return d(null==i?void 0:i.roundingMethod)(r)}(new Date(a),m)<=this.minutesOfProximity},this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit()}}render(){return[this.renderLoadMore(),this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderFeedItems()]}renderSpinner(){if(this.loading)return i("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(0===this.items.length)return i("p",{class:"empty-state"},this.emptyStateMessage)}renderFeedItems(){return this.items.map(((e,t)=>[this.renderDateHeader(e.timestamp,t),i("limebb-feed-timeline-item",{platform:this.platform,context:this.context,item:e,isBundled:this.isBundled(e,t)})]))}renderDateHeader(e,t){const r=this.dateTimeFormatter.format(e,"date");return 0===t||this.dateTimeFormatter.format(this.items[t-1].timestamp,"date")!==r?i("a",{class:"date-heading"},r):void 0}renderLoadMore(){if(this.items.length&&!(this.totalCount<=this.items.length))return i("limel-icon-button",{class:"view-load-more_button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:"Load more"})}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}};m.style=":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-grid-template-rows:0fr}";const h=class{constructor(r){e(this,r),this.itemSelected=t(this,"itemSelected",7),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.isBundled=!1,this.renderRelations=()=>{var e,t;if(null===(e=this.item)||void 0===e?void 0:e.relations)return i("limel-chip-set",{value:null===(t=this.item)||void 0===t?void 0:t.relations})},this.handleMenuItemSelect=e=>{e.stopPropagation(),this.itemSelected.emit(e.detail)},this.handleActionBarItemSelect=e=>{e.stopPropagation(),this.promotedActionSelected.emit(e.detail)}}render(){var e,t;return i(r,{id:this.item.id,class:{"has-unpromoted-actions":!!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length),"has-author-picture":!!(null===(t=this.item.author)||void 0===t?void 0:t.picture)}},this.renderBadgeAndTimestamp(),this.renderContent())}renderBadgeAndTimestamp(){return i("div",{class:"left"},this.renderAuthorPicture(),this.renderIcon(),i("span",{class:"timestamp"},this.renderTimestamp()))}renderIcon(){var e,t,r,o,s;if(!this.isBundled&&(this.item.icon||!(null===(e=this.item.author)||void 0===e?void 0:e.picture)))return i("limel-icon",{class:"icon",badge:!0,name:null!==(r=null===(t=this.item.icon)||void 0===t?void 0:t.name)&&void 0!==r?r:"dot_circle",style:{color:`${null===(o=this.item.icon)||void 0===o?void 0:o.color}`,"--icon-background-color":`${null===(s=this.item.icon)||void 0===s?void 0:s.backgroundColor}`}})}renderContent(){return i("div",{class:"right"},i("div",{class:"content"},i("div",{class:"header"},this.renderAuthor(),this.renderHeading(),this.renderUnpromotedActionsMenu()),this.renderValue(),this.renderRelations()),this.renderPromotedActions())}renderAuthor(){if(this.item.author&&!this.isBundled){if("string"==typeof this.item.author.name)return i("span",{class:"author"},this.item.author.name);if("object"==typeof this.item.author.name){const{href:e,title:t,text:r}=this.item.author.name;return i("a",{class:"author",href:e,title:t},r)}}}renderAuthorPicture(){var e;if(null===(e=this.item.author)||void 0===e?void 0:e.picture)return i("img",{loading:"lazy",src:this.item.author.picture})}renderHeading(){if(this.item.heading)return i("limel-markdown",{class:"heading",value:this.item.heading})}renderValue(){if(this.item.value)return i("limel-markdown",{value:this.item.value})}renderUnpromotedActionsMenu(){var e;if(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length)return i("limel-menu",{class:"unpromoted-actions-menu",items:this.item.unpromotedActions,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},i("limel-icon-button",{icon:"menu_2",slot:"trigger",label:this.item.unpromotedActionsMenuLabel}))}renderPromotedActions(){var e;if(null===(e=this.item.promotedActions)||void 0===e?void 0:e.length)return i("div",{class:"action-bar"},i("div",{class:"action-bar-hider"},i("limel-action-bar",{accessibleLabel:"Action bar",actions:this.item.promotedActions,layout:"fullWidth",onItemSelected:this.handleActionBarItemSelect})))}renderTimestamp(){const e=this.item.timestamp;if(e)return this.dateTimeFormatter.format(e,"timeofday")}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}};h.style='@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{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;min-width:0}.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;gap:0.5rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}';export{m as limebb_feed,h as limebb_feed_timeline_item}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Heading of feed items
3
+ * The `heading` supports markdown. It empowers you to add rich-text
4
+ * in the headers of feed items.
5
+ * However, the length of the sting which you provide must be kept very short.
6
+ * Headings will only render in one single line! It means long headings will be truncated.
7
+ */
8
+ export declare class FeedExampleHeading {
9
+ private feedItems;
10
+ render(): any;
11
+ }
@@ -15,6 +15,12 @@ export interface FeedItem {
15
15
  * If `Author.name` supplied as a `Link` a clickable link is rendered.
16
16
  */
17
17
  author?: Author;
18
+ /**
19
+ * The heading that is rendered after the author.
20
+ * Supports markdown, but should be kept very short.
21
+ * Long headings will be truncated.
22
+ */
23
+ heading?: string;
18
24
  /**
19
25
  * The body content of the feed item.
20
26
  * Supports markdown.
@@ -43,6 +43,7 @@ export declare class FeedTimelineItem implements LimeWebComponent {
43
43
  private renderRelations;
44
44
  private renderAuthor;
45
45
  private renderAuthorPicture;
46
+ private renderHeading;
46
47
  private renderValue;
47
48
  private renderUnpromotedActionsMenu;
48
49
  private renderPromotedActions;
@@ -17,6 +17,7 @@ import { ActionBarItem } from '@limetech/lime-elements';
17
17
  * @exampleComponent limebb-example-feed-load-more
18
18
  * @exampleComponent limebb-example-feed-author
19
19
  * @exampleComponent limebb-example-feed-author-picture
20
+ * @exampleComponent limebb-example-feed-item-heading
20
21
  * @exampleComponent limebb-example-feed-unpromoted-actions
21
22
  * @exampleComponent limebb-example-feed-promoted-actions
22
23
  * @exampleComponent limebb-example-feed-relations
@@ -183,6 +183,8 @@ export namespace Components {
183
183
  }
184
184
  interface LimebbExampleFeedAuthorPicture {
185
185
  }
186
+ interface LimebbExampleFeedItemHeading {
187
+ }
186
188
  interface LimebbExampleFeedLoadMore {
187
189
  }
188
190
  interface LimebbExampleFeedPromotedActions {
@@ -515,6 +517,12 @@ declare global {
515
517
  prototype: HTMLLimebbExampleFeedAuthorPictureElement;
516
518
  new (): HTMLLimebbExampleFeedAuthorPictureElement;
517
519
  };
520
+ interface HTMLLimebbExampleFeedItemHeadingElement extends Components.LimebbExampleFeedItemHeading, HTMLStencilElement {
521
+ }
522
+ var HTMLLimebbExampleFeedItemHeadingElement: {
523
+ prototype: HTMLLimebbExampleFeedItemHeadingElement;
524
+ new (): HTMLLimebbExampleFeedItemHeadingElement;
525
+ };
518
526
  interface HTMLLimebbExampleFeedLoadMoreElement extends Components.LimebbExampleFeedLoadMore, HTMLStencilElement {
519
527
  }
520
528
  var HTMLLimebbExampleFeedLoadMoreElement: {
@@ -660,6 +668,7 @@ declare global {
660
668
  "limebb-example-feed": HTMLLimebbExampleFeedElement;
661
669
  "limebb-example-feed-author": HTMLLimebbExampleFeedAuthorElement;
662
670
  "limebb-example-feed-author-picture": HTMLLimebbExampleFeedAuthorPictureElement;
671
+ "limebb-example-feed-item-heading": HTMLLimebbExampleFeedItemHeadingElement;
663
672
  "limebb-example-feed-load-more": HTMLLimebbExampleFeedLoadMoreElement;
664
673
  "limebb-example-feed-promoted-actions": HTMLLimebbExampleFeedPromotedActionsElement;
665
674
  "limebb-example-feed-relations": HTMLLimebbExampleFeedRelationsElement;
@@ -872,6 +881,8 @@ declare namespace LocalJSX {
872
881
  }
873
882
  interface LimebbExampleFeedAuthorPicture {
874
883
  }
884
+ interface LimebbExampleFeedItemHeading {
885
+ }
875
886
  interface LimebbExampleFeedLoadMore {
876
887
  }
877
888
  interface LimebbExampleFeedPromotedActions {
@@ -1110,6 +1121,7 @@ declare namespace LocalJSX {
1110
1121
  "limebb-example-feed": LimebbExampleFeed;
1111
1122
  "limebb-example-feed-author": LimebbExampleFeedAuthor;
1112
1123
  "limebb-example-feed-author-picture": LimebbExampleFeedAuthorPicture;
1124
+ "limebb-example-feed-item-heading": LimebbExampleFeedItemHeading;
1113
1125
  "limebb-example-feed-load-more": LimebbExampleFeedLoadMore;
1114
1126
  "limebb-example-feed-promoted-actions": LimebbExampleFeedPromotedActions;
1115
1127
  "limebb-example-feed-relations": LimebbExampleFeedRelations;
@@ -1155,6 +1167,7 @@ declare module "@stencil/core" {
1155
1167
  "limebb-example-feed": LocalJSX.LimebbExampleFeed & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedElement>;
1156
1168
  "limebb-example-feed-author": LocalJSX.LimebbExampleFeedAuthor & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedAuthorElement>;
1157
1169
  "limebb-example-feed-author-picture": LocalJSX.LimebbExampleFeedAuthorPicture & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedAuthorPictureElement>;
1170
+ "limebb-example-feed-item-heading": LocalJSX.LimebbExampleFeedItemHeading & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedItemHeadingElement>;
1158
1171
  "limebb-example-feed-load-more": LocalJSX.LimebbExampleFeedLoadMore & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedLoadMoreElement>;
1159
1172
  "limebb-example-feed-promoted-actions": LocalJSX.LimebbExampleFeedPromotedActions & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedPromotedActionsElement>;
1160
1173
  "limebb-example-feed-relations": LocalJSX.LimebbExampleFeedRelations & JSXBase.HTMLAttributes<HTMLLimebbExampleFeedRelationsElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limetech/lime-crm-building-blocks",
3
- "version": "1.20.0",
3
+ "version": "1.21.0",
4
4
  "description": "A home for shared components meant for use with Lime CRM",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as i,H as r}from"./p-f2df26cc.js";import{P as o}from"./p-bc052012.js";import{r as s,t as a}from"./p-1095efdb.js";function n(e,t){return s(2,arguments),a(e).getTime()-a(t).getTime()}var l={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function d(e){return e?l[e]:l.trunc}const m=class{constructor(i){e(this,i),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.loadMore=t(this,"loadMore",7),this.items=[],this.minutesOfProximity=5,this.totalCount=0,this.isBundled=(e,t)=>{var i,r,o;if(0===t)return!1;if((null===(r=null===(i=this.items[t-1])||void 0===i?void 0:i.author)||void 0===r?void 0:r.id)!==(null===(o=null==e?void 0:e.author)||void 0===o?void 0:o.id))return!1;const a=new Date(e.timestamp),l=new Date(this.items[t-1].timestamp),m=new Date(l);return function(e,t,i){s(2,arguments);var r=n(e,t)/6e4;return d(null==i?void 0:i.roundingMethod)(r)}(new Date(a),m)<=this.minutesOfProximity},this.handleLoadMore=e=>{e.stopPropagation(),this.loadMore.emit()}}render(){return[this.renderLoadMore(),this.renderEmptyFeedMessage(),this.renderSpinner(),this.renderFeedItems()]}renderSpinner(){if(this.loading)return i("limel-spinner",{size:"small"})}renderEmptyFeedMessage(){if(0===this.items.length)return i("p",{class:"empty-state"},this.emptyStateMessage)}renderFeedItems(){return this.items.map(((e,t)=>[this.renderDateHeader(e.timestamp,t),i("limebb-feed-timeline-item",{platform:this.platform,context:this.context,item:e,isBundled:this.isBundled(e,t)})]))}renderDateHeader(e,t){const r=this.dateTimeFormatter.format(e,"date");return 0===t||this.dateTimeFormatter.format(this.items[t-1].timestamp,"date")!==r?i("a",{class:"date-heading"},r):void 0}renderLoadMore(){if(this.items.length&&!(this.totalCount<=this.items.length))return i("limel-icon-button",{class:"view-load-more_button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:"Load more"})}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}};m.style=":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-grid-template-rows:0fr}";const c=class{constructor(r){e(this,r),this.itemSelected=t(this,"itemSelected",7),this.promotedActionSelected=t(this,"promotedActionSelected",7),this.isBundled=!1,this.renderRelations=()=>{var e,t;if(null===(e=this.item)||void 0===e?void 0:e.relations)return i("limel-chip-set",{value:null===(t=this.item)||void 0===t?void 0:t.relations})},this.handleMenuItemSelect=e=>{e.stopPropagation(),this.itemSelected.emit(e.detail)},this.handleActionBarItemSelect=e=>{e.stopPropagation(),this.promotedActionSelected.emit(e.detail)}}render(){var e,t;return i(r,{id:this.item.id,class:{"has-unpromoted-actions":!!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length),"has-author-picture":!!(null===(t=this.item.author)||void 0===t?void 0:t.picture)}},this.renderBadgeAndTimestamp(),this.renderContent())}renderBadgeAndTimestamp(){return i("div",{class:"left"},this.renderAuthorPicture(),this.renderIcon(),i("span",{class:"timestamp"},this.renderTimestamp()))}renderIcon(){var e,t,r,o,s;if(!this.isBundled&&(this.item.icon||!(null===(e=this.item.author)||void 0===e?void 0:e.picture)))return i("limel-icon",{class:"icon",badge:!0,name:null!==(r=null===(t=this.item.icon)||void 0===t?void 0:t.name)&&void 0!==r?r:"dot_circle",style:{color:`${null===(o=this.item.icon)||void 0===o?void 0:o.color}`,"--icon-background-color":`${null===(s=this.item.icon)||void 0===s?void 0:s.backgroundColor}`}})}renderContent(){return i("div",{class:"right"},i("div",{class:"content"},i("div",{class:"header"},this.renderAuthor(),this.renderUnpromotedActionsMenu()),this.renderValue(),this.renderRelations()),this.renderPromotedActions())}renderAuthor(){if(this.item.author&&!this.isBundled){if("string"==typeof this.item.author.name)return i("span",{class:"author"},this.item.author.name);if("object"==typeof this.item.author.name){const{href:e,title:t,text:r}=this.item.author.name;return i("a",{class:"author",href:e,title:t},r)}}}renderAuthorPicture(){var e;if(null===(e=this.item.author)||void 0===e?void 0:e.picture)return i("img",{loading:"lazy",src:this.item.author.picture})}renderValue(){if(this.item.value)return i("limel-markdown",{value:this.item.value})}renderUnpromotedActionsMenu(){var e;if(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length)return i("limel-menu",{class:"unpromoted-actions-menu",items:this.item.unpromotedActions,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},i("limel-icon-button",{icon:"menu_2",slot:"trigger",label:this.item.unpromotedActionsMenuLabel}))}renderPromotedActions(){var e;if(null===(e=this.item.promotedActions)||void 0===e?void 0:e.length)return i("div",{class:"action-bar"},i("div",{class:"action-bar-hider"},i("limel-action-bar",{accessibleLabel:"Action bar",actions:this.item.promotedActions,layout:"fullWidth",onItemSelected:this.handleActionBarItemSelect})))}renderTimestamp(){const e=this.item.timestamp;if(e)return this.dateTimeFormatter.format(e,"timeofday")}get dateTimeFormatter(){return this.platform.get(o.DateTimeFormatter)}};c.style='@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{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;min-width:0}.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;gap:0.5rem}.has-unpromoted-actions .header{padding-right:2rem}.unpromoted-actions-menu{position:absolute;top:0;right:0}.timestamp{transition:opacity 0.2s ease var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;opacity:0.8;text-align:center}.icon{width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.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)}limel-chip-set{margin-left:-1rem}limel-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-feed-item-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-feed-item-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-feed-item-action-bar-grid-template-rows-transition-delay);padding-bottom:0.5rem}:host(limebb-feed-timeline-item:hover) .action-bar,:host(limebb-feed-timeline-item:focus-within) .action-bar,:host(limebb-feed-timeline-item:focus-visible) .action-bar{--limebb-feed-item-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-feed-timeline-item:hover) limel-action-bar,:host(limebb-feed-timeline-item:focus-within) limel-action-bar,:host(limebb-feed-timeline-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-feed-timeline-item:hover){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.5s}';export{m as limebb_feed,c as limebb_feed_timeline_item}