@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.
- package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
- package/dist/cjs/limebb-example-feed-item-heading.cjs.entry.js +29 -0
- package/dist/cjs/limebb-feed_2.cjs.entry.js +8 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/feed/examples/feed-heading.js +27 -0
- package/dist/collection/components/feed/feed-item/feed-timeline-item.css +7 -1
- package/dist/collection/components/feed/feed-item/feed-timeline-item.js +7 -1
- package/dist/collection/components/feed/feed.js +1 -0
- package/dist/components/feed-timeline-item.js +8 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/limebb-example-feed-item-heading.d.ts +11 -0
- package/dist/components/limebb-example-feed-item-heading.js +52 -0
- package/dist/esm/lime-crm-building-blocks.js +1 -1
- package/dist/esm/limebb-example-feed-item-heading.entry.js +25 -0
- package/dist/esm/limebb-feed_2.entry.js +8 -2
- package/dist/esm/loader.js +1 -1
- package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js +1 -1
- package/dist/lime-crm-building-blocks/p-d38dc138.entry.js +1 -0
- package/dist/lime-crm-building-blocks/p-faa3b397.entry.js +1 -0
- package/dist/types/components/feed/examples/feed-heading.d.ts +11 -0
- package/dist/types/components/feed/feed-item/feed-item.types.d.ts +6 -0
- package/dist/types/components/feed/feed-item/feed-timeline-item.d.ts +1 -0
- package/dist/types/components/feed/feed.d.ts +1 -0
- package/dist/types/components.d.ts +13 -0
- package/package.json +1 -1
- 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;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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';
|
package/dist/components/index.js
CHANGED
|
@@ -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;
|
package/dist/esm/loader.js
CHANGED
|
@@ -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-
|
|
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 +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}
|