@limetech/lime-crm-building-blocks 1.72.1 → 1.74.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/CHANGELOG.md +14 -0
- package/dist/cjs/limebb-chat-item_2.cjs.entry.js +42 -6
- package/dist/cjs/limebb-chat-list.cjs.entry.js +3 -3
- package/dist/cjs/limebb-currency-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-dashboard-widget.cjs.entry.js +1 -1
- package/dist/cjs/limebb-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-date-range.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed-timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/limebb-feed.cjs.entry.js +1 -1
- package/dist/cjs/limebb-icon-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-info-tile-format.cjs.entry.js +1 -1
- package/dist/cjs/limebb-info-tile.cjs.entry.js +1 -1
- package/dist/cjs/limebb-kanban-group.cjs.entry.js +1 -1
- package/dist/cjs/limebb-kanban-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-locale-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-mention-group-counter.cjs.entry.js +2 -2
- package/dist/cjs/limebb-navigation-button_2.cjs.entry.js +3 -3
- package/dist/cjs/limebb-notification-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-text-editor.cjs.entry.js +50 -38
- package/dist/cjs/limebb-trend-indicator.cjs.entry.js +1 -1
- package/dist/collection/components/chat-list/chat-item/chat-item.css +75 -4
- package/dist/collection/components/chat-list/chat-item/chat-item.js +40 -4
- package/dist/collection/components/chat-list/chat-list.css +12 -0
- package/dist/collection/components/chat-list/chat-list.js +3 -2
- package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js +1 -1
- package/dist/collection/components/currency-picker/currency-picker.js +1 -1
- package/dist/collection/components/dashboard-widget/dashboard-widget.js +1 -1
- package/dist/collection/components/date-picker/date-picker.js +1 -1
- package/dist/collection/components/date-range/date-range.js +1 -1
- package/dist/collection/components/feed/feed-item/feed-timeline-item.css +19 -6
- package/dist/collection/components/feed/feed-item/feed-timeline-item.js +1 -1
- package/dist/collection/components/feed/feed.css +1 -1
- package/dist/collection/components/icon-picker/icon-picker.js +1 -1
- package/dist/collection/components/info-tile/format/config/info-tile-format.js +1 -1
- package/dist/collection/components/info-tile/info-tile.js +1 -1
- package/dist/collection/components/kanban/kanban-group/kanban-group.js +1 -1
- package/dist/collection/components/kanban/kanban-item/kanban-item.js +1 -1
- package/dist/collection/components/locale-picker/locale-picker.js +1 -1
- package/dist/collection/components/notification-list/notification-item/notification-item.js +1 -1
- package/dist/collection/components/summary-popover/summary-popover.js +3 -3
- package/dist/collection/components/text-editor/mention-group-counter.js +2 -2
- package/dist/collection/components/text-editor/text-editor.js +28 -76
- package/dist/collection/components/text-editor/uploader/building-blocks-upload-handler.js +31 -5
- package/dist/collection/components/trend-indicator/trend-indicator.js +1 -1
- package/dist/components/chat-item.js +41 -5
- package/dist/components/currency-picker.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/feed-timeline-item.js +2 -2
- package/dist/components/kanban-group.js +1 -1
- package/dist/components/kanban-item.js +1 -1
- package/dist/components/limebb-chat-list.js +3 -3
- package/dist/components/limebb-dashboard-widget.js +1 -1
- package/dist/components/limebb-date-range.js +1 -1
- package/dist/components/limebb-feed.js +1 -1
- package/dist/components/limebb-icon-picker.js +1 -1
- package/dist/components/limebb-info-tile-format.js +1 -1
- package/dist/components/limebb-info-tile.js +1 -1
- package/dist/components/limebb-locale-picker.js +1 -1
- package/dist/components/limebb-mention-group-counter.js +2 -2
- package/dist/components/limebb-text-editor.js +50 -38
- package/dist/components/limebb-trend-indicator.js +1 -1
- package/dist/components/notification-item.js +1 -1
- package/dist/components/summary-popover.js +3 -3
- package/dist/components/typing-indicator.js +1 -1
- package/dist/esm/limebb-chat-item_2.entry.js +42 -6
- package/dist/esm/limebb-chat-list.entry.js +3 -3
- package/dist/esm/limebb-currency-picker.entry.js +1 -1
- package/dist/esm/limebb-dashboard-widget.entry.js +1 -1
- package/dist/esm/limebb-date-picker.entry.js +1 -1
- package/dist/esm/limebb-date-range.entry.js +1 -1
- package/dist/esm/limebb-feed-timeline-item.entry.js +2 -2
- package/dist/esm/limebb-feed.entry.js +1 -1
- package/dist/esm/limebb-icon-picker.entry.js +1 -1
- package/dist/esm/limebb-info-tile-format.entry.js +1 -1
- package/dist/esm/limebb-info-tile.entry.js +1 -1
- package/dist/esm/limebb-kanban-group.entry.js +1 -1
- package/dist/esm/limebb-kanban-item.entry.js +1 -1
- package/dist/esm/limebb-locale-picker.entry.js +1 -1
- package/dist/esm/limebb-mention-group-counter.entry.js +2 -2
- package/dist/esm/limebb-navigation-button_2.entry.js +3 -3
- package/dist/esm/limebb-notification-item.entry.js +1 -1
- package/dist/esm/limebb-text-editor.entry.js +50 -38
- package/dist/esm/limebb-trend-indicator.entry.js +1 -1
- package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js +1 -1
- package/dist/lime-crm-building-blocks/{p-e3984a45.entry.js → p-16090238.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-fddc70a8.entry.js → p-1d6bbaf0.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-dcae11f9.entry.js → p-28cec3ed.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-c6d4c005.entry.js → p-47288279.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-047f49d4.entry.js → p-53990354.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f817b904.entry.js → p-5565c444.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-a6b26348.entry.js → p-99a06202.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-50060884.entry.js → p-99f72b91.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-5b15f6ba.entry.js → p-9c29dc6d.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-df7f6a89.entry.js → p-b36e3e0b.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-389313b3.entry.js → p-b42bfff4.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-aeac0ae8.entry.js → p-c2277792.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d2a76616.entry.js → p-d95f9f11.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-6ee336a3.entry.js → p-e366bd49.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-e68d8446.entry.js +1 -0
- package/dist/lime-crm-building-blocks/p-f081d779.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-1077b336.entry.js → p-f5f5ffad.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-6a6fc0c0.entry.js → p-f71c5e55.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-fcede56f.entry.js +1 -0
- package/dist/types/components/chat-list/chat-item/chat-item.d.ts +5 -2
- package/dist/types/components/chat-list/chat-item/chat-item.types.d.ts +7 -0
- package/dist/types/components/chat-list/chat-list.d.ts +1 -0
- package/dist/types/components/text-editor/text-editor.d.ts +7 -31
- package/dist/types/components/text-editor/uploader/building-blocks-upload-handler.d.ts +33 -1
- package/dist/types/components/text-editor/uploader/building-blocks-uploader.d.ts +0 -5
- package/dist/types/components.d.ts +13 -19
- package/package.json +3 -3
- package/dist/lime-crm-building-blocks/p-0cf447b6.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-38e46f6a.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-728fc7ee.entry.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## [1.74.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.73.0...v1.74.0) (2025-05-06)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
* **text-editor:** add metadata event for notifying about metadata changes (images and links) ([5a4f480](https://github.com/Lundalogik/lime-crm-building-blocks/commit/5a4f480bcdd1152c0197ffeeb37b199b55e917c3))
|
|
7
|
+
|
|
8
|
+
## [1.73.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.72.1...v1.73.0) (2025-04-29)
|
|
9
|
+
|
|
10
|
+
### Features
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
* **chat-item:** add promoted action ([ca2885d](https://github.com/Lundalogik/lime-crm-building-blocks/commit/ca2885d6db405bd3a95ffa1ffbce6981d660028b))
|
|
14
|
+
|
|
1
15
|
## [1.72.1](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.72.0...v1.72.1) (2025-04-24)
|
|
2
16
|
|
|
3
17
|
### Bug Fixes
|
|
@@ -5,12 +5,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-d3b7747e.js');
|
|
6
6
|
const types = require('./types-d3b90b2e.js');
|
|
7
7
|
|
|
8
|
-
const chatItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-chat-item){display:flex;gap:0.25rem;min-width:0;min-height:0;max-width:calc(100% - 2rem)}:host(limebb-chat-item:hover) .timestamp{opacity:1}:host(limebb-chat-item.mine){margin-left:auto}:host(limebb-chat-item.mine) .item{border-bottom-right-radius:0.125rem;background-color:rgb(var(--color-sky-default), 0.2)}:host(limebb-chat-item.mine) .icon-picture{order:2}:host(limebb-chat-item.mine) .timestamp{margin-left:auto}:host(limebb-chat-item.theirs){margin-right:auto}:host(limebb-chat-item.theirs) .item{border-bottom-left-radius:0.125rem;background-color:rgb(var(--contrast-300), 0.7)}.item{display:flex;flex-direction:column;border-radius:1.25rem;padding:0 0.25rem 0.25rem 0.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}.icon-picture{display:flex;flex-direction:column;gap:0.5rem;align-items:center;justify-content:flex-end}.icon-picture:has(.author-avatar) limel-icon{width:1.25rem;padding:0.125rem}limel-icon{--icon-background-color:rgb(var(--contrast-500), 0.5);flex-shrink:0;padding:0.375rem;width:2.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}header{display:flex;align-items:center;min-height:2rem;padding-left:0.5rem}header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.
|
|
8
|
+
const chatItemCss = "@charset \"UTF-8\";*{box-sizing:border-box}:host(limebb-chat-item){display:flex;flex-direction:column;gap:0.25rem;min-width:0;min-height:0;max-width:calc(100% - 2rem)}.bubble-content{display:flex;gap:0.25rem;min-width:0;min-height:0}:host(limebb-chat-item:hover) .timestamp{opacity:1}:host(limebb-chat-item.mine){margin-left:auto}:host(limebb-chat-item.mine) .item{border-bottom-right-radius:0.125rem;background-color:rgb(var(--color-sky-default), 0.2)}:host(limebb-chat-item.mine) .bubble-content{justify-content:end}:host(limebb-chat-item.mine) .icon-picture{order:2}:host(limebb-chat-item.mine) .timestamp{margin-left:auto}:host(limebb-chat-item.theirs){margin-right:auto}:host(limebb-chat-item.theirs) .item{border-bottom-left-radius:0.125rem;background-color:rgb(var(--contrast-300), 0.7)}.item{display:flex;flex-direction:column;border-radius:1.25rem;padding:0 0.25rem 0.25rem 0.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}.icon-picture{display:flex;flex-direction:column;gap:0.5rem;align-items:center;justify-content:flex-end}.icon-picture:has(.author-avatar) limel-icon{width:1.25rem;padding:0.125rem}limel-icon{--icon-background-color:rgb(var(--contrast-500), 0.5);flex-shrink:0;padding:0.375rem;width:2.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}header{display:flex;justify-content:space-between;align-items:center;min-height:2rem;padding-left:0.5rem}header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.body-text{padding:0.25rem 0.5rem}.timestamp{transition:opacity 0.2s ease;margin-top:0.5rem;padding:0 0.5rem;opacity:0.4;font-size:x-small}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;text-decoration:none}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}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-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}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-promoted-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-promoted-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-promoted-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay);padding-top:0;padding-bottom:0.75rem}:host(limebb-chat-item:hover) .action-bar,:host(limebb-chat-item:focus-within) .action-bar,:host(limebb-chat-item:focus-visible) .action-bar{--limebb-promoted-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-chat-item:hover) limel-action-bar,:host(limebb-chat-item:focus-within) limel-action-bar,:host(limebb-chat-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-chat-item:hover),:host(limebb-chat-item:focus-within){--limebb-promoted-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-promoted-action-bar-grid-template-rows-transition-delay:0.7s}.action-bar{min-width:0;width:calc(100% - calc(2rem + 0.25rem))}:host(limebb-chat-item.theirs) .action-bar{margin-left:calc(2rem + 0.25rem)}";
|
|
9
9
|
const LimebbChatItemStyle0 = chatItemCss;
|
|
10
10
|
|
|
11
11
|
const ChatListItem = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
|
+
this.createActionBarItem = (action) => {
|
|
15
|
+
var _a, _b;
|
|
16
|
+
if ('separator' in action) {
|
|
17
|
+
return action;
|
|
18
|
+
}
|
|
19
|
+
let item = {
|
|
20
|
+
value: action,
|
|
21
|
+
text: (_a = action.label) !== null && _a !== void 0 ? _a : '',
|
|
22
|
+
secondaryText: action.description,
|
|
23
|
+
disabled: action.disabled,
|
|
24
|
+
};
|
|
25
|
+
if (!action.label && action.icon) {
|
|
26
|
+
item = Object.assign(Object.assign({}, item), { icon: action.icon, text: (_b = action.description) !== null && _b !== void 0 ? _b : item.text, iconOnly: true });
|
|
27
|
+
}
|
|
28
|
+
else if (action.icon) {
|
|
29
|
+
item = Object.assign(Object.assign({}, item), { icon: action.icon });
|
|
30
|
+
}
|
|
31
|
+
return item;
|
|
32
|
+
};
|
|
33
|
+
this.handleActionBarItemSelect = (event) => {
|
|
34
|
+
var _a;
|
|
35
|
+
event.stopPropagation();
|
|
36
|
+
const command = (_a = event.detail.value) === null || _a === void 0 ? void 0 : _a.command;
|
|
37
|
+
if (command) {
|
|
38
|
+
this.commandbus.handle(command);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
14
41
|
this.createMenuItem = (action) => {
|
|
15
42
|
var _a, _b;
|
|
16
43
|
if ('separator' in action) {
|
|
@@ -34,16 +61,16 @@ const ChatListItem = class {
|
|
|
34
61
|
};
|
|
35
62
|
}
|
|
36
63
|
render() {
|
|
37
|
-
return (index.h(index.Host, { key: '
|
|
64
|
+
return (index.h(index.Host, { key: '232cd882ba41e7c7f6e71e8a3727aa1ea17344fb', id: this.item.id, class: {
|
|
38
65
|
[`${this.item.ui}`]: true,
|
|
39
|
-
} }, index.h("div", { key: '
|
|
66
|
+
} }, index.h("div", { key: '4821dcd964a8a3d4367d9afb760a7acb48e8518c', class: "bubble-content" }, index.h("div", { key: '052cb51fa5ce55d3657617fd5a91df1e9128e185', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), index.h("div", { key: '852de422c38d31a9d92087516cf250cc06873cf1', class: "item" }, this.renderHeader(), this.renderValue(), this.renderTimestamp())), this.renderPromotedAction()));
|
|
40
67
|
}
|
|
41
68
|
renderHeader() {
|
|
42
69
|
var _a;
|
|
43
70
|
if (!((_a = this.item.author) === null || _a === void 0 ? void 0 : _a.name)) {
|
|
44
71
|
return;
|
|
45
72
|
}
|
|
46
|
-
return (index.h("header", null, this.renderAuthorName(), this.renderUnpromotedActionsMenu()));
|
|
73
|
+
return (index.h("header", null, this.renderAuthorName(), index.h("div", { class: "action-buttons" }, this.renderUnpromotedActionsMenu())));
|
|
47
74
|
}
|
|
48
75
|
renderIcon() {
|
|
49
76
|
var _a, _b, _c, _d;
|
|
@@ -76,7 +103,9 @@ const ChatListItem = class {
|
|
|
76
103
|
if (!((_a = this.item.author) === null || _a === void 0 ? void 0 : _a.picture)) {
|
|
77
104
|
return;
|
|
78
105
|
}
|
|
79
|
-
return (index.h("img", { class: "author-avatar",
|
|
106
|
+
return (index.h("img", { class: "author-avatar",
|
|
107
|
+
// The user's avatar is purely decorative, so using an empty alt text is appropriate.
|
|
108
|
+
alt: "", loading: "lazy", src: this.item.author.picture }));
|
|
80
109
|
}
|
|
81
110
|
renderUnpromotedActionsMenu() {
|
|
82
111
|
var _a, _b;
|
|
@@ -86,6 +115,13 @@ const ChatListItem = class {
|
|
|
86
115
|
const items = this.item.unpromotedActions.map(this.createMenuItem);
|
|
87
116
|
return (index.h("limel-menu", { class: "unpromoted-actions-menu", items: items, openDirection: "bottom-end", onSelect: this.handleMenuItemSelect }, index.h("limel-icon-button", { icon: "menu_2", slot: "trigger", label: (_b = this.translator) === null || _b === void 0 ? void 0 : _b.get('webclient.more-actions') })));
|
|
88
117
|
}
|
|
118
|
+
renderPromotedAction() {
|
|
119
|
+
if (!this.item.promotedActions) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
const actions = this.item.promotedActions.map(this.createActionBarItem);
|
|
123
|
+
return (index.h("div", { class: "action-bar" }, index.h("div", { class: "action-bar-hider" }, index.h("limel-action-bar", { accessibleLabel: "Action bar", actions: actions, layout: "fullWidth", onItemSelected: this.handleActionBarItemSelect }))));
|
|
124
|
+
}
|
|
89
125
|
renderTimestamp() {
|
|
90
126
|
const timestamp = this.item.timestamp;
|
|
91
127
|
if (!timestamp) {
|
|
@@ -115,7 +151,7 @@ const TypingIndicator = class {
|
|
|
115
151
|
index.registerInstance(this, hostRef);
|
|
116
152
|
}
|
|
117
153
|
render() {
|
|
118
|
-
return (index.h("div", { key: '
|
|
154
|
+
return (index.h("div", { key: '034595e2f15bb2ea3724081c7bd2308a80d2ecb3', class: "typing-ellipsis" }, index.h("div", { key: '85229820b9ef346cd4dafcd7a1224899a9c7caf3', class: "circle" }), index.h("div", { key: 'c514f38f7a1cdd21758c9a0573acdd33593475c4', class: "circle" }), index.h("div", { key: 'fb66a41427acec55abd9905e54cb2d4e8ee25e20', class: "circle" })));
|
|
119
155
|
}
|
|
120
156
|
};
|
|
121
157
|
TypingIndicator.style = LimebbTypingIndicatorStyle0;
|
|
@@ -124,7 +124,7 @@ function insertDateGroups(context) {
|
|
|
124
124
|
return Object.assign(Object.assign({}, context), { processedItems: newProcessedItems });
|
|
125
125
|
}
|
|
126
126
|
|
|
127
|
-
const chatListCss = "@charset \"UTF-8\";:host(limebb-chat-list){--limel-top-edge-fade-height:0.75rem;isolation:isolate;--limel-overflow-mask-vertical:linear-gradient(\n to bottom,\n transparent 0%,\n black calc(0% + var(--limel-top-edge-fade-height, 1rem)),\n black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),\n transparent 100%\n );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);box-sizing:border-box;display:flex;gap:0.5rem;height:100%;width:100%;min-width:0;min-height:0;padding:var(--limel-top-edge-fade-height) 0.5rem;overflow:hidden auto}:host(limebb-chat-list.is-empty){padding:0}:host(limebb-chat-list[order=oldest-on-top]){flex-direction:column-reverse}:host(limebb-chat-list[order=newest-on-top]){flex-direction:column}*{box-sizing:border-box}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:inherit;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:\"\";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:rgb(var(--contrast-100))}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:rgb(var(--contrast-100))}.typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.1s;--limebb-chat-typing-opacity-transition-delay:0s;--limebb-chat-typing-grid-template-rows-transition-speed:0.3s;position:sticky;top:0;z-index:1;transition:grid-template-rows var(--limebb-chat-typing-grid-template-rows-transition-speed) ease;display:grid;grid-template-rows:0}.typing-indicator-height-animation div{transition:opacity var(--limebb-chat-typing-opacity-transition-speed) ease var(--limebb-chat-typing-opacity-transition-delay);overflow:hidden;opacity:0}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.4s;--limebb-chat-typing-opacity-transition-delay:0.3s;--limebb-chat-typing-grid-template-rows-transition-speed:0.46s;grid-template-rows:1.5rem}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation div{opacity:1}";
|
|
127
|
+
const chatListCss = "@charset \"UTF-8\";:host(limebb-chat-list){--limel-top-edge-fade-height:0.75rem;isolation:isolate;--limel-overflow-mask-vertical:linear-gradient(\n to bottom,\n transparent 0%,\n black calc(0% + var(--limel-top-edge-fade-height, 1rem)),\n black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),\n transparent 100%\n );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem);box-sizing:border-box;display:flex;gap:0.5rem;height:100%;width:100%;min-width:0;min-height:0;padding:var(--limel-top-edge-fade-height) 0.5rem;overflow:hidden auto}:host(limebb-chat-list.is-empty){padding:0}:host(limebb-chat-list[order=oldest-on-top]){flex-direction:column-reverse}:host(limebb-chat-list[order=newest-on-top]){flex-direction:column}*{box-sizing:border-box}limel-spinner{align-self:center;justify-self:center;margin:auto}.date-group{isolation:isolate;display:flex;flex-direction:inherit;gap:0.5rem}.date-heading{position:sticky;z-index:1;top:0.25rem;display:flex;border-radius:9rem;padding:0.25rem 0.5rem;margin:0 auto;width:fit-content;font-size:0.75rem;line-height:1;color:rgb(var(--contrast-900));backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);transition:color 0.2s ease, border-color 0.4s ease}.date-heading:hover{color:rgb(var(--contrast-1000));border-color:rgb(var(--contrast-500))}.date-heading:hover:before{opacity:1}.date-heading:before{transition:opacity 0.2s ease;content:\"\";position:absolute;z-index:-1;inset:0;opacity:0.6;border-radius:inherit;background-color:rgb(var(--contrast-100))}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;margin:0.25rem 0}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0 1rem;font-size:small;line-height:0.75rem;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:rgb(var(--contrast-100))}.typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.1s;--limebb-chat-typing-opacity-transition-delay:0s;--limebb-chat-typing-grid-template-rows-transition-speed:0.3s;position:sticky;top:0;z-index:1;transition:grid-template-rows var(--limebb-chat-typing-grid-template-rows-transition-speed) ease;display:grid;grid-template-rows:0}.typing-indicator-height-animation div{transition:opacity var(--limebb-chat-typing-opacity-transition-speed) ease var(--limebb-chat-typing-opacity-transition-delay);overflow:hidden;opacity:0}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation{--limebb-chat-typing-opacity-transition-speed:0.4s;--limebb-chat-typing-opacity-transition-delay:0.3s;--limebb-chat-typing-grid-template-rows-transition-speed:0.46s;grid-template-rows:1.5rem}:host(limebb-chat-list[is-typing-indicator-visible]) .typing-indicator-height-animation div{opacity:1}.date-group limebb-chat-item{--limebb-promoted-action-bar-grid-template-rows:0fr}:host(limebb-chat-list[order=oldest-on-top]) .date-group:first-of-type limebb-chat-item:first-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}:host(limebb-chat-list[order=newest-on-top]) .date-group:first-of-type limebb-chat-item:first-of-type{--limebb-promoted-action-bar-grid-template-rows:1fr}";
|
|
128
128
|
const LimebbChatListStyle0 = chatListCss;
|
|
129
129
|
|
|
130
130
|
const ChatList = class {
|
|
@@ -162,9 +162,9 @@ const ChatList = class {
|
|
|
162
162
|
this.handleItemsChange();
|
|
163
163
|
}
|
|
164
164
|
render() {
|
|
165
|
-
return (index.h(index.Host, { key: '
|
|
165
|
+
return (index.h(index.Host, { key: 'b253b187ec10c367f1248c90cc54adccaa61654e', class: {
|
|
166
166
|
'is-empty': !this.items.length && !this.isTypingIndicatorVisible,
|
|
167
|
-
}, "aria-busy": this.isBusy(), "aria-live": "assertive" }, this.renderSpinner(), index.h("div", { key: '
|
|
167
|
+
}, "aria-busy": this.isBusy(), "aria-live": "assertive" }, this.renderSpinner(), index.h("div", { key: 'cf44e837c7f6e2c947490e845f54e69543a76f63', class: "typing-indicator-height-animation" }, index.h("div", { key: '35f764aff23d260ac21f06916954bee94ab938e0' }, this.renderTypingIndicator())), this.renderChatItems()));
|
|
168
168
|
}
|
|
169
169
|
renderSpinner() {
|
|
170
170
|
if (!this.loading) {
|
|
@@ -1853,7 +1853,7 @@ const CurrencyPicker = class {
|
|
|
1853
1853
|
};
|
|
1854
1854
|
}
|
|
1855
1855
|
render() {
|
|
1856
|
-
return (index.h("limel-picker", { key: '
|
|
1856
|
+
return (index.h("limel-picker", { key: '5f83c1e0e9be0847055e5cc63cc60e8a8b19ccab', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
|
|
1857
1857
|
}
|
|
1858
1858
|
getCurrencyName(code) {
|
|
1859
1859
|
var _a;
|
|
@@ -21,7 +21,7 @@ const DashboardComponent = class {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return [this.renderHeader(), index.h("slot", { key: '
|
|
24
|
+
return [this.renderHeader(), index.h("slot", { key: '3a42e73a4946dfe7b62526c7568ecef3058f2833', name: "content" })];
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
DashboardComponent.style = LimebbDashboardWidgetStyle0;
|
|
@@ -77,7 +77,7 @@ const DatePicker = class {
|
|
|
77
77
|
if (this.value) {
|
|
78
78
|
this.shouldEmitValueAsString = typeof this.value === 'string';
|
|
79
79
|
}
|
|
80
|
-
return (index.h("limel-date-picker", { key: '
|
|
80
|
+
return (index.h("limel-date-picker", { key: '76aef17668eb25396c9f4001f0b6e9fabae510af', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
|
|
81
81
|
}
|
|
82
82
|
parseDateValue() {
|
|
83
83
|
const value = this.value;
|
|
@@ -26,7 +26,7 @@ const DateRange = class {
|
|
|
26
26
|
this.originalEndTime = this.endTime;
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h("div", { key: '
|
|
29
|
+
return (index.h("div", { key: '787bb66493b054599dc96cff110225c2b42659c4', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
|
|
30
30
|
}
|
|
31
31
|
renderStartDatePicker() {
|
|
32
32
|
if (!this.originalStartTime) {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-d3b7747e.js');
|
|
6
6
|
const types = require('./types-d3b90b2e.js');
|
|
7
7
|
|
|
8
|
-
const feedTimelineItemCss = "@charset \"UTF-8\";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-top:0;padding-bottom:0.75rem}: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),:host(limebb-feed-timeline-item:focus-within){--limebb-feed-item-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-feed-item-action-bar-grid-template-rows-transition-delay:0.7s}:host(limebb-feed-timeline-item.is-tall) .markdown-container{margin-bottom:0.5rem}:host(limebb-feed-timeline-item.is-tall) .body-text{--body-text-min-height-set-by-code:10rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem)}:host(limebb-feed-timeline-item.is-tall) .body-text:after{transition:opacity 0.6s ease;content:\"\";opacity:0.26;pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container{grid-template-rows:0fr}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{opacity:1}:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container{grid-template-rows:1fr}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{position:relative;display:grid}.markdown-container:not(.opened){transition:grid-template-rows min(var(--body-text-height) * 1.2ms, 500ms) cubic-bezier(1, 0.09, 0, 0.89)}.body-text{display:block;overflow:hidden}#show-more-button{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);z-index:1;position:absolute;right:0;bottom:-0.6rem;left:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:3rem;width:2rem;height:1rem}#show-more-button:hover,#show-more-button:focus,#show-more-button:focus-visible{will-change:color, background-color, box-shadow, transform}#show-more-button:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}#show-more-button:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}#show-more-button:hover,#show-more-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}#show-more-button:focus{outline:none}#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}#show-more-button limel-icon{transition:rotate 0.2s ease 0.5s;color:var(--mdc-theme-primary);width:0.75rem}:host(limebb-feed-timeline-item[ui=standard]) .content{background-color:rgb(var(--limebb-feed-item-background-color))}:host(limebb-feed-timeline-item[ui=emphasized]) .content{border:1px dashed rgb(var(--contrast-800))}:host(limebb-feed-timeline-item[ui=minimal]) limel-markdown{--markdown-hyperlink-color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) limel-markdown:hover{--markdown-hyperlink-color:rgb(var(--color-blue-default))}:host(limebb-feed-timeline-item[ui=minimal]) a.author{color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) .header:hover a.author{color:rgb(var(--color-blue-default))}:host(limebb-feed-timeline-item[ui=minimal]) .icon{color:rgb(var(--contrast-900)) !important}:host(limebb-feed-timeline-item[ui=minimal]) .body-text{color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) .body-text:hover{color:rgb(var(--contrast-1100))}:host(limebb-feed-timeline-item[ui=thread-message]){margin-bottom:0.25rem}:host(limebb-feed-timeline-item[ui=thread-message]) .content{border-radius:0;box-shadow:var(--button-shadow-normal);margin-bottom:0.25rem;background-color:var(--lime-elevated-surface-background-color)}:host(limebb-feed-timeline-item[ui=thread-message]) .header{padding-bottom:0.75rem;margin-bottom:0.25rem}:host(limebb-feed-timeline-item[ui=thread-message]) .header:before{content:\"\";position:absolute;top:calc(var(--limebb-feed-item-paddings) * -1 + 0.25rem);left:calc(var(--limebb-feed-item-paddings) * -1);right:calc(var(--limebb-feed-item-paddings) * -1);bottom:0;pointer-events:none;border-bottom:1px dashed rgb(var(--contrast-600))}:host(limebb-feed-timeline-item[ui=thread-message]) .thread-effects{transition:transform 0.2s ease;pointer-events:none;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;box-shadow:var(--button-shadow-normal);transform:translate3d(-0.225rem, -0.125rem, 0) rotate(0.5deg);background-color:rgb(var(--contrast-300))}:host(limebb-feed-timeline-item.is-tall[ui=thread-message]) .body-text{--body-text-min-height-set-by-code:3rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem);max-height:35rem}:host(limebb-feed-timeline-item.is-tall[ui=thread-message].shows-more) .body-text{overflow-y:auto}.content{position:relative}.content:before,.content:after{content:\"\";position:absolute;top:1rem;bottom:1rem;left:-0.125rem;width:0.25rem;border-radius:0.25rem}.content:before{background-color:var(--color-code)}:host(limebb-feed-timeline-item[ui=emphasized]) .content:before,:host(limebb-feed-timeline-item[ui=emphasized]) .content:after{left:calc(-0.125rem - 0.5px)}:host(limebb-feed-timeline-item[ui=minimal]) .content:before{opacity:0.25}:host(limebb-feed-timeline-item[ui=minimal]) .content:after{opacity:0.5;background:repeating-linear-gradient(45deg, var(--color-code), var(--color-code) 0.5rem, transparent 0.5rem, transparent 1rem);background-size:0.25rem 100%;background-repeat:repeat-y;background-position:left;rotate:180deg}:host(limebb-feed-timeline-item[ui=thread-message]) .content:before{top:0.25rem;bottom:unset;height:1.75rem}*{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{color:rgb(var(--contrast-1100))}: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:before{content:\"\";position:absolute;z-index:0;top:-0.25rem;bottom:-0.25rem;left:1rem;width:1px;background-color:rgb(var(--contrast-600));z-index:-1}.info{position:sticky;top:0.5rem;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;padding:var(--limebb-feed-item-paddings)}.header{position:relative;display:flex;gap:0.25rem;padding-bottom:0.25rem;margin-top:-0.25rem;color:rgb(var(--contrast-900));font-size:0.875rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.header limel-markdown{--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.heading.expanded-heading{white-space:normal}button.expand-heading{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--color-blue-default));background-color:transparent;border-radius:1rem;padding:0 0.25rem 0.25rem 0.25rem;height:1rem;white-space:nowrap}button.expand-heading:hover,button.expand-heading:focus,button.expand-heading:focus-visible{will-change:color, background-color, box-shadow, transform}button.expand-heading:hover{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-blue-default));background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button.expand-heading:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.expand-heading:hover,button.expand-heading:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.collapse-heading{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;width:1rem}button.collapse-heading:hover,button.collapse-heading:focus,button.collapse-heading:focus-visible{will-change:color, background-color, box-shadow, transform}button.collapse-heading:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button.collapse-heading:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.collapse-heading:hover,button.collapse-heading:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.collapse-heading:focus{outline:none}button.collapse-heading:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.collapse-heading limel-icon{width:0.75rem}.unpromoted-actions-menu{position:absolute;top:0;right:0;z-index:1}.timestamp{transition:color 0.4s ease, opacity 0.2s ease;transition-delay:var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;text-align:center;color:rgb(var(--contrast-800));background-color:var(--limebb-feed-background-color);padding:0.125rem 0;width:2rem}.icon{--icon-background-color:var(--limebb-feed-background-color);width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{cursor:help;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;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}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-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}";
|
|
8
|
+
const feedTimelineItemCss = "@charset \"UTF-8\";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-promoted-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-promoted-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-promoted-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay);padding-top:0;padding-bottom:0.75rem}: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-promoted-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),:host(limebb-feed-timeline-item:focus-within){--limebb-promoted-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-promoted-action-bar-grid-template-rows-transition-delay:0.7s}:host(limebb-feed-timeline-item.is-tall) .markdown-container{margin-bottom:0.5rem}:host(limebb-feed-timeline-item.is-tall) .body-text{--body-text-min-height-set-by-code:10rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem)}:host(limebb-feed-timeline-item.is-tall) .body-text:after{transition:opacity 0.6s ease;content:\"\";opacity:0.26;pointer-events:none;position:absolute;bottom:-0.125rem;right:-0.125rem;left:-0.125rem;height:2.5rem;background:radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0)) 0 100%, linear-gradient(to bottom, rgb(var(--limebb-feed-item-background-color), 0) 0%, rgb(var(--limebb-feed-item-background-color), 90%) 100%);background-repeat:no-repeat;background-size:100% 0.5rem, 100% 100%}:host(limebb-feed-timeline-item.is-tall.shows-less) .markdown-container{grid-template-rows:0fr}:host(limebb-feed-timeline-item.is-tall.shows-less) .body-text:after{opacity:1}:host(limebb-feed-timeline-item.is-tall.shows-more) .markdown-container{grid-template-rows:1fr}:host(limebb-feed-timeline-item.is-tall.shows-more) #show-more-button limel-icon{rotate:180deg}.markdown-container{position:relative;display:grid}.markdown-container:not(.opened){transition:grid-template-rows min(var(--body-text-height) * 1.2ms, 500ms) cubic-bezier(1, 0.09, 0, 0.89)}.body-text{display:block;overflow:hidden}#show-more-button{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);z-index:1;position:absolute;right:0;bottom:-0.6rem;left:0;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:3rem;width:2rem;height:1rem}#show-more-button:hover,#show-more-button:focus,#show-more-button:focus-visible{will-change:color, background-color, box-shadow, transform}#show-more-button:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}#show-more-button:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}#show-more-button:hover,#show-more-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}#show-more-button:focus{outline:none}#show-more-button:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}#show-more-button limel-icon{transition:rotate 0.2s ease 0.5s;color:var(--mdc-theme-primary);width:0.75rem}:host(limebb-feed-timeline-item[ui=standard]) .content{background-color:rgb(var(--limebb-feed-item-background-color))}:host(limebb-feed-timeline-item[ui=emphasized]) .content{border:1px dashed rgb(var(--contrast-800))}:host(limebb-feed-timeline-item[ui=minimal]) limel-markdown{--markdown-hyperlink-color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) limel-markdown:hover{--markdown-hyperlink-color:rgb(var(--color-blue-default))}:host(limebb-feed-timeline-item[ui=minimal]) a.author{color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) .header:hover a.author{color:rgb(var(--color-blue-default))}:host(limebb-feed-timeline-item[ui=minimal]) .icon{color:rgb(var(--contrast-900)) !important}:host(limebb-feed-timeline-item[ui=minimal]) .body-text{color:rgb(var(--contrast-900))}:host(limebb-feed-timeline-item[ui=minimal]) .body-text:hover{color:rgb(var(--contrast-1100))}:host(limebb-feed-timeline-item[ui=thread-message]){margin-bottom:0.25rem}:host(limebb-feed-timeline-item[ui=thread-message]) .content{border-radius:0;box-shadow:var(--button-shadow-normal);margin-bottom:0.25rem;background-color:var(--lime-elevated-surface-background-color)}:host(limebb-feed-timeline-item[ui=thread-message]) .header{padding-bottom:0.75rem;margin-bottom:0.25rem}:host(limebb-feed-timeline-item[ui=thread-message]) .header:before{content:\"\";position:absolute;top:calc(var(--limebb-feed-item-paddings) * -1 + 0.25rem);left:calc(var(--limebb-feed-item-paddings) * -1);right:calc(var(--limebb-feed-item-paddings) * -1);bottom:0;pointer-events:none;border-bottom:1px dashed rgb(var(--contrast-600))}:host(limebb-feed-timeline-item[ui=thread-message]) .thread-effects{transition:transform 0.2s ease;pointer-events:none;content:\"\";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;box-shadow:var(--button-shadow-normal);transform:translate3d(-0.225rem, -0.125rem, 0) rotate(0.5deg);background-color:rgb(var(--contrast-300))}:host(limebb-feed-timeline-item.is-tall[ui=thread-message]) .body-text{--body-text-min-height-set-by-code:3rem;min-height:calc(var(--body-text-min-height-set-by-code) + 0.25rem);max-height:35rem}:host(limebb-feed-timeline-item.is-tall[ui=thread-message].shows-more) .body-text{overflow-y:auto}.content{position:relative}.content:before,.content:after{content:\"\";position:absolute;top:1rem;bottom:1rem;left:-0.125rem;width:0.25rem;border-radius:0.25rem}.content:before{background-color:var(--color-code)}:host(limebb-feed-timeline-item[ui=emphasized]) .content:before,:host(limebb-feed-timeline-item[ui=emphasized]) .content:after{left:calc(-0.125rem - 0.5px)}:host(limebb-feed-timeline-item[ui=minimal]) .content:before{opacity:0.25}:host(limebb-feed-timeline-item[ui=minimal]) .content:after{opacity:0.5;background:repeating-linear-gradient(45deg, var(--color-code), var(--color-code) 0.5rem, transparent 0.5rem, transparent 1rem);background-size:0.25rem 100%;background-repeat:repeat-y;background-position:left;rotate:180deg}:host(limebb-feed-timeline-item[ui=thread-message]) .content:before{top:0.25rem;bottom:unset;height:1.75rem}*{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{color:rgb(var(--contrast-1100))}: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:before{content:\"\";position:absolute;z-index:0;top:-0.25rem;bottom:-0.25rem;left:1rem;width:1px;background-color:rgb(var(--contrast-600));z-index:-1}.info{position:sticky;top:0.5rem;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;padding:var(--limebb-feed-item-paddings)}.header{position:relative;display:flex;gap:0.25rem;padding-bottom:0.25rem;margin-top:-0.25rem;color:rgb(var(--contrast-900));font-size:0.875rem}:host(.has-unpromoted-actions) .header{padding-right:2rem}.header limel-markdown{--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.heading{flex-grow:1;overflow:hidden;white-space:nowrap}.heading.expanded-heading{white-space:normal}button.expand-heading{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:rgb(var(--color-blue-default));background-color:transparent;border-radius:1rem;padding:0 0.25rem 0.25rem 0.25rem;height:1rem;white-space:nowrap}button.expand-heading:hover,button.expand-heading:focus,button.expand-heading:focus-visible{will-change:color, background-color, box-shadow, transform}button.expand-heading:hover{transform:translate3d(0, 0.01rem, 0);color:rgb(var(--color-blue-default));background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button.expand-heading:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.expand-heading:hover,button.expand-heading:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.collapse-heading{all:unset;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;width:1rem}button.collapse-heading:hover,button.collapse-heading:focus,button.collapse-heading:focus-visible{will-change:color, background-color, box-shadow, transform}button.collapse-heading:hover{transform:translate3d(0, -0.04rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}button.collapse-heading:active{--limel-clickable-transform-timing-function:cubic-bezier(\n 0.83,\n -0.15,\n 0.49,\n 1.16\n );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.collapse-heading:hover,button.collapse-heading:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.collapse-heading:focus{outline:none}button.collapse-heading:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.collapse-heading limel-icon{width:0.75rem}.unpromoted-actions-menu{position:absolute;top:0;right:0;z-index:1}.timestamp{transition:color 0.4s ease, opacity 0.2s ease;transition-delay:var(--limebb-feed-item-timestamp-opacity-delay, 0s);font-size:0.75rem;text-align:center;color:rgb(var(--contrast-800));background-color:var(--limebb-feed-background-color);padding:0.125rem 0;width:2rem}.icon{--icon-background-color:var(--limebb-feed-background-color);width:2rem;padding:0.125rem}:host(.has-author-picture) .icon{width:1.5rem}img{cursor:help;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;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}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-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}";
|
|
9
9
|
const LimebbFeedTimelineItemStyle0 = feedTimelineItemCss;
|
|
10
10
|
|
|
11
11
|
const FeedTimelineItem = class {
|
|
@@ -178,7 +178,7 @@ const FeedTimelineItem = class {
|
|
|
178
178
|
}
|
|
179
179
|
render() {
|
|
180
180
|
var _a, _b;
|
|
181
|
-
return (index.h(index.Host, { key: '
|
|
181
|
+
return (index.h(index.Host, { key: '9214e7acdb73a358b4266ec3f702582496751787', id: this.item.id, class: {
|
|
182
182
|
'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
|
|
183
183
|
'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
|
|
184
184
|
'shows-less': !this.showMore,
|
|
@@ -164,7 +164,7 @@ function differenceInMinutes(dateLeft, dateRight, options) {
|
|
|
164
164
|
return getRoundingMethod(options?.roundingMethod)(diff);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
const feedCss = ":host(limebb-feed){--limebb-feed-background-color:var(\n --feed-background-color,\n rgb(var(--contrast-100))\n );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}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-
|
|
167
|
+
const feedCss = ":host(limebb-feed){--limebb-feed-background-color:var(\n --feed-background-color,\n rgb(var(--contrast-100))\n );--limebb-feed-item-background-color:var(--contrast-300);display:flex;flex-direction:column;gap:0.25rem;max-width:45rem;background-color:var(--limebb-feed-background-color)}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-promoted-action-bar-grid-template-rows:0fr}.load-more-button{margin-top:0.5rem}.new-items-indicator{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end}.new-items-indicator hr{border:none;position:absolute;width:100%;height:1px;background-color:rgb(var(--color-red-lighter))}.new-items-indicator h3{z-index:1;padding:0 0.5rem;border-radius:1rem;margin:0.5rem 1rem;font-size:small;text-transform:lowercase;color:rgb(var(--color-red-default));background-color:var(--limebb-feed-background-color)}.new-items-indicator+.date-heading{margin-top:-0.5rem}";
|
|
168
168
|
const LimebbFeedStyle0 = feedCss;
|
|
169
169
|
|
|
170
170
|
const MINUTES_OF_PROXIMITY = 5;
|
|
@@ -25062,7 +25062,7 @@ const IconPicker = class {
|
|
|
25062
25062
|
icon: this.value,
|
|
25063
25063
|
};
|
|
25064
25064
|
}
|
|
25065
|
-
return (index.h("limel-picker", { key: '
|
|
25065
|
+
return (index.h("limel-picker", { key: 'e2643db69a028a12996521747c9782cbfce41786', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
|
|
25066
25066
|
}
|
|
25067
25067
|
};
|
|
25068
25068
|
|
|
@@ -96,7 +96,7 @@ const InfoTileAdminConfig = class {
|
|
|
96
96
|
},
|
|
97
97
|
];
|
|
98
98
|
return [
|
|
99
|
-
index.h("limel-button-group", { key: '
|
|
99
|
+
index.h("limel-button-group", { key: 'bf883a221c752d6fe51f49b28f0a580f449a5a38', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
|
|
100
100
|
this.renderFormatConfig(),
|
|
101
101
|
];
|
|
102
102
|
}
|
|
@@ -411,7 +411,7 @@ const InfoTile = class {
|
|
|
411
411
|
const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
|
|
412
412
|
const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
|
|
413
413
|
const props = !filter || this.error ? errorProps : normalProps;
|
|
414
|
-
return (index.h("limel-info-tile", Object.assign({ key: '
|
|
414
|
+
return (index.h("limel-info-tile", Object.assign({ key: 'c31ca1c3a6a77a3fbbbfb6efdd697c263b0100a7', class: { error: !filter || this.error } }, props)));
|
|
415
415
|
}
|
|
416
416
|
getFormattedValue() {
|
|
417
417
|
if (!this.value && this.value !== 0) {
|
|
@@ -38,7 +38,7 @@ const KanbanGroup = class {
|
|
|
38
38
|
this.renderHelp(),
|
|
39
39
|
this.renderGroupHeading(),
|
|
40
40
|
this.renderGroupSummary(),
|
|
41
|
-
index.h("div", { key: '
|
|
41
|
+
index.h("div", { key: '30f02f49f67fa0727e97b8642110d96fc524b98c', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
|
|
42
42
|
];
|
|
43
43
|
}
|
|
44
44
|
renderGroupSummary() {
|
|
@@ -55,7 +55,7 @@ const KanbanItemComponent = class {
|
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
57
|
var _a, _b;
|
|
58
|
-
return (index.h(index.Host, { key: '
|
|
58
|
+
return (index.h(index.Host, { key: '65b2aba17e45f80a74ff3b45ad57ba15d4cde358', id: this.item.id.toString(), class: {
|
|
59
59
|
'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
|
|
60
60
|
'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
|
|
61
61
|
}, style: {
|
|
@@ -1610,7 +1610,7 @@ const LocalePicker = class {
|
|
|
1610
1610
|
const value = this.value;
|
|
1611
1611
|
selectedOptions = options.find((option) => option.value === value);
|
|
1612
1612
|
}
|
|
1613
|
-
return (index.h("limel-select", { key: '
|
|
1613
|
+
return (index.h("limel-select", { key: 'e452c36adeef7e13c20bf4a9085fa22f223a0867', value: selectedOptions, options: sortBy$1(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
|
|
1614
1614
|
}
|
|
1615
1615
|
};
|
|
1616
1616
|
|
|
@@ -15,8 +15,8 @@ const MentionGroupCounter = class {
|
|
|
15
15
|
render() {
|
|
16
16
|
const label = this.getLabel();
|
|
17
17
|
return [
|
|
18
|
-
index.h("span", { key: '
|
|
19
|
-
index.h("limel-tooltip", { key: '
|
|
18
|
+
index.h("span", { key: 'd0ccd64825ffc678a032e9f887aabece590ae5f5', id: this.tooltipId }, label),
|
|
19
|
+
index.h("limel-tooltip", { key: '2202063d1cc5659a5987d9387b270d7a5429a3c3', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
|
|
20
20
|
];
|
|
21
21
|
}
|
|
22
22
|
getLabel() {
|
|
@@ -124,14 +124,14 @@ const SummaryPopover = class {
|
|
|
124
124
|
top: '0.125rem',
|
|
125
125
|
right: '0.125rem',
|
|
126
126
|
};
|
|
127
|
-
return (index.h("limel-popover", { key: '
|
|
127
|
+
return (index.h("limel-popover", { key: '9bc0f073f8006ef7b3d042f122126e16f17ddb35', style: {
|
|
128
128
|
'--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
|
|
129
|
-
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: '
|
|
129
|
+
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: 'b2ef71d9bbf6c2b610500b6b611b4e75b3c69c84', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, index.h("slot", { key: 'f8103c072e20a192a5d1d055ecbfd6c5ac508b8b', name: "trigger" }), index.h("div", { key: '2e6ea394c43a1c084d9188c4e3671f093e51b136', class: "opening-countdown-indicator" })), index.h("limel-card", { key: '943b613a66ba4b4baecbc9bc4cae6cc31c1e498c', style: {
|
|
130
130
|
'max-width': this.popoverMaxWidth,
|
|
131
131
|
'max-height': this.popoverMaxHeight,
|
|
132
132
|
'min-width': '7rem',
|
|
133
133
|
'min-height': '3rem',
|
|
134
|
-
}, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, index.h("limebb-navigation-button", { key: '
|
|
134
|
+
}, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, index.h("limebb-navigation-button", { key: '92708ae83f0b647b59a5329da0c085254c1428ea', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
137
|
SummaryPopover.currentOpenPopover = null;
|
|
@@ -60,7 +60,7 @@ const NotificationListItem = class {
|
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
62
|
var _a, _b;
|
|
63
|
-
return (index.h(index.Host, { key: '
|
|
63
|
+
return (index.h(index.Host, { key: 'f2570291f9fa25b61fb7f4fd957035f7047c1584', id: this.item.id, class: {
|
|
64
64
|
'is-clickable': this.isItemClickable(),
|
|
65
65
|
'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
|
|
66
66
|
'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
|
|
@@ -1423,6 +1423,36 @@ class UploadHandler {
|
|
|
1423
1423
|
}
|
|
1424
1424
|
return uploadedFile;
|
|
1425
1425
|
}
|
|
1426
|
+
/**
|
|
1427
|
+
* Extracts a file ID from a image source string.
|
|
1428
|
+
*
|
|
1429
|
+
* This function parses a URL to find a file ID that appears before
|
|
1430
|
+
* '/contents/' at the end of the URL.
|
|
1431
|
+
*
|
|
1432
|
+
* @param {string} src - The URL string to parse
|
|
1433
|
+
* @returns {string | undefined} The extracted file ID or undefined if no match is found
|
|
1434
|
+
*
|
|
1435
|
+
* @example
|
|
1436
|
+
* // Returns 123
|
|
1437
|
+
* parseFileIdFromSrc('/api/file/123/contents/');
|
|
1438
|
+
*
|
|
1439
|
+
* @example
|
|
1440
|
+
* // Returns 456
|
|
1441
|
+
* parseFileIdFromSrc('https://example.com/limepkg-email/api/v1/file/456/contents/');
|
|
1442
|
+
*
|
|
1443
|
+
* @example
|
|
1444
|
+
* // Returns undefined
|
|
1445
|
+
* parseFileIdFromSrc('/invalid/url/format/');
|
|
1446
|
+
*/
|
|
1447
|
+
parseFileIdFromSrc(src) {
|
|
1448
|
+
if (src) {
|
|
1449
|
+
const regex = /\/(\d+)\/contents\/?$/;
|
|
1450
|
+
const matches = regex.exec(src);
|
|
1451
|
+
if (matches && matches[1]) {
|
|
1452
|
+
return Number(matches[1]);
|
|
1453
|
+
}
|
|
1454
|
+
}
|
|
1455
|
+
}
|
|
1426
1456
|
/**
|
|
1427
1457
|
* Validates that the image file size is within limits
|
|
1428
1458
|
*
|
|
@@ -1448,7 +1478,7 @@ class UploadHandler {
|
|
|
1448
1478
|
}
|
|
1449
1479
|
const imageFile = new FileUpload(fileInfo.fileContent, this.http);
|
|
1450
1480
|
await imageFile.initialize();
|
|
1451
|
-
const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined,
|
|
1481
|
+
const imageUpload = Object.assign(Object.assign({}, fileInfo), { progress: 0, file: imageFile, state: 'added', fileId: undefined, href: undefined, id: fileInfo.id });
|
|
1452
1482
|
imageFile.onProgress = (progress) => {
|
|
1453
1483
|
if (imageUpload.progress === 0) {
|
|
1454
1484
|
imageUpload.state = 'uploading';
|
|
@@ -1459,10 +1489,6 @@ class UploadHandler {
|
|
|
1459
1489
|
}
|
|
1460
1490
|
};
|
|
1461
1491
|
const response = await imageFile.upload();
|
|
1462
|
-
// FileWrapper wraps the FileStatus type, which wraps the FileInfo interface
|
|
1463
|
-
// 'id' is the file id property on the FileInfo interface
|
|
1464
|
-
// 'fileId' is the file id property on the FileStatus type
|
|
1465
|
-
imageUpload.id = response.id;
|
|
1466
1492
|
imageUpload.fileId = response.id;
|
|
1467
1493
|
imageUpload.filename = response.filename;
|
|
1468
1494
|
imageUpload.extension = response.extension;
|
|
@@ -1500,9 +1526,7 @@ const LimeBBTextEditor = class {
|
|
|
1500
1526
|
constructor(hostRef) {
|
|
1501
1527
|
index.registerInstance(this, hostRef);
|
|
1502
1528
|
this.change = index.createEvent(this, "change", 7);
|
|
1503
|
-
this.
|
|
1504
|
-
this.imageRemoved = index.createEvent(this, "imageRemoved", 7);
|
|
1505
|
-
this.imagesUploading = index.createEvent(this, "imagesUploading", 7);
|
|
1529
|
+
this.metadataChange = index.createEvent(this, "metadataChange", 7);
|
|
1506
1530
|
/**
|
|
1507
1531
|
* Set to true to enable mentioning a coworker or groups of coworkers.
|
|
1508
1532
|
*
|
|
@@ -1576,8 +1600,7 @@ const LimeBBTextEditor = class {
|
|
|
1576
1600
|
*
|
|
1577
1601
|
* :::note
|
|
1578
1602
|
* This component handles the upload process.
|
|
1579
|
-
* The consumer must process the uploaded images by listening to `
|
|
1580
|
-
* `imageRemoved` events.
|
|
1603
|
+
* The consumer must process the uploaded images by listening to `metadataChange` event.
|
|
1581
1604
|
* :::
|
|
1582
1605
|
*/
|
|
1583
1606
|
this.allowInlineImages = false;
|
|
@@ -1595,7 +1618,6 @@ const LimeBBTextEditor = class {
|
|
|
1595
1618
|
this.registeredTriggerMap = this.triggerMap;
|
|
1596
1619
|
this.registeredCustomElements = this.customElements;
|
|
1597
1620
|
this.activeTrigger = undefined;
|
|
1598
|
-
this.activeUploads = new Set();
|
|
1599
1621
|
this.handleMouseClick = (event) => {
|
|
1600
1622
|
if (!this.textEditorPickerElement) {
|
|
1601
1623
|
return;
|
|
@@ -1653,38 +1675,19 @@ const LimeBBTextEditor = class {
|
|
|
1653
1675
|
this.handleEnterOrTabKey = (event) => {
|
|
1654
1676
|
this.handleItemSelection(event);
|
|
1655
1677
|
};
|
|
1656
|
-
this.
|
|
1678
|
+
this.handleMetadataChange = (event) => {
|
|
1657
1679
|
event.stopPropagation();
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
|
-
const fileInfo = imageInserter.fileInfo;
|
|
1663
|
-
this.activeUploads.add(fileInfo.id);
|
|
1664
|
-
this.imagesUploading.emit(this.activeUploads.size > 0);
|
|
1665
|
-
const uploadedFile = await this.uploadHandler.handleImagePasted(imageInserter);
|
|
1666
|
-
const uploadedFileInfo = {
|
|
1667
|
-
fileId: uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.fileId,
|
|
1668
|
-
fileInfoId: fileInfo.id,
|
|
1669
|
-
};
|
|
1670
|
-
if (uploadedFileInfo.fileId) {
|
|
1671
|
-
this.imageUploaded.emit(uploadedFileInfo);
|
|
1672
|
-
this.activeUploads.delete(fileInfo.id);
|
|
1673
|
-
}
|
|
1674
|
-
this.imagesUploading.emit(this.activeUploads.size > 0);
|
|
1680
|
+
const editorMetadata = event.detail;
|
|
1681
|
+
const enhancedImages = this.getEnhancedImages(editorMetadata.images || []);
|
|
1682
|
+
const enhancedMetadata = Object.assign(Object.assign({}, editorMetadata), { images: enhancedImages });
|
|
1683
|
+
this.metadataChange.emit(enhancedMetadata);
|
|
1675
1684
|
};
|
|
1676
|
-
this.
|
|
1685
|
+
this.handleImagePasted = (event) => {
|
|
1677
1686
|
event.stopPropagation();
|
|
1678
1687
|
if (!this.allowInlineImages) {
|
|
1679
1688
|
return;
|
|
1680
1689
|
}
|
|
1681
|
-
|
|
1682
|
-
if (!imageInfo) {
|
|
1683
|
-
return;
|
|
1684
|
-
}
|
|
1685
|
-
this.activeUploads.delete(imageInfo.fileInfoId);
|
|
1686
|
-
this.imagesUploading.emit(this.activeUploads.size > 0);
|
|
1687
|
-
this.imageRemoved.emit(imageInfo);
|
|
1690
|
+
this.uploadHandler.handleImagePasted(event.detail);
|
|
1688
1691
|
};
|
|
1689
1692
|
this.handleTriggerStart = (event) => {
|
|
1690
1693
|
event.stopPropagation();
|
|
@@ -1867,7 +1870,7 @@ const LimeBBTextEditor = class {
|
|
|
1867
1870
|
}
|
|
1868
1871
|
render() {
|
|
1869
1872
|
return [
|
|
1870
|
-
index.h("limel-text-editor", { key: '
|
|
1873
|
+
index.h("limel-text-editor", { key: '2cc0cc870f0f26fe18d8c81ed675ab1ddeea6e3e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
|
|
1871
1874
|
this.renderPicker(),
|
|
1872
1875
|
];
|
|
1873
1876
|
}
|
|
@@ -1878,6 +1881,15 @@ const LimeBBTextEditor = class {
|
|
|
1878
1881
|
return (index.h("limel-portal", { containerId: this.portalId, visible: this.isPickerOpen, openDirection: "top", inheritParentWidth: true, anchor: this.textEditor }, index.h("limebb-text-editor-picker", { ref: (el) => (this.textEditorPickerElement =
|
|
1879
1882
|
el), items: getUpdatedItems(this.items, this.highlightedItemIndex), onItemSelected: this.handleItemSelection, emptyMessage: this.pickerMessage, isSearching: this.isSearching })));
|
|
1880
1883
|
}
|
|
1884
|
+
getEnhancedImages(images) {
|
|
1885
|
+
return images.map((image) => {
|
|
1886
|
+
let fileId;
|
|
1887
|
+
if (image.state === 'success') {
|
|
1888
|
+
fileId = this.uploadHandler.parseFileIdFromSrc(image.src);
|
|
1889
|
+
}
|
|
1890
|
+
return fileId ? Object.assign(Object.assign({}, image), { fileId: fileId }) : image;
|
|
1891
|
+
});
|
|
1892
|
+
}
|
|
1881
1893
|
loadDraft() {
|
|
1882
1894
|
if (!this.userDataService || !this.textEditorInnerId) {
|
|
1883
1895
|
return;
|
|
@@ -65,7 +65,7 @@ const TrendIndicator = class {
|
|
|
65
65
|
this.numValue = this.parseValue(this.value);
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
|
-
return (index.h(index.Host, { key: '
|
|
68
|
+
return (index.h(index.Host, { key: '7407020463f8a43c88d9690ff4c4da1a5d87fb33', class: this.getContainerClassList() }, index.h("div", { key: 'c2e7ed26d2e66c7259254387f58c08f7de14beec', class: "content", tabIndex: 0, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId, id: this.tooltipId }, this.renderVisualization()), this.renderHelperLine(), this.renderLabel(), this.renderTooltip()));
|
|
69
69
|
}
|
|
70
70
|
renderVisualization() {
|
|
71
71
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|