@limetech/lime-crm-building-blocks 1.115.0 → 1.116.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 +18 -0
- package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
- package/dist/cjs/{limebb-chat-item_2.cjs.entry.js → limebb-chat-icon-list_3.cjs.entry.js} +39 -3
- package/dist/cjs/limebb-chat-list.cjs.entry.js +37 -35
- package/dist/cjs/limebb-component-picker.cjs.entry.js +18 -14
- package/dist/cjs/limebb-composer-toolbar.cjs.entry.js +2 -2
- 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-document-chips.cjs.entry.js +1 -1
- package/dist/cjs/limebb-document-item.cjs.entry.js +2 -2
- package/dist/cjs/limebb-document-picker.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed-item-thumbnail-file-info.cjs.entry.js +1 -1
- package/dist/cjs/limebb-feed-timeline-item.cjs.entry.js +1 -1
- 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-lime-query-builder.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-filter-builder_3.cjs.entry.js +2 -2
- package/dist/cjs/limebb-lime-query-filter-comparison_2.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-filter-group_3.cjs.entry.js +3 -3
- package/dist/cjs/limebb-lime-query-order-by-item.cjs.entry.js +2 -2
- package/dist/cjs/limebb-lime-query-response-format-builder.cjs.entry.js +1 -1
- package/dist/cjs/limebb-lime-query-response-format-editor_2.cjs.entry.js +1 -1
- package/dist/cjs/limebb-live-docs-info.cjs.entry.js +2 -2
- 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 +2 -2
- package/dist/cjs/limebb-notification-item.cjs.entry.js +1 -1
- package/dist/cjs/limebb-percentage-visualizer.cjs.entry.js +2 -2
- package/dist/cjs/limebb-text-editor.cjs.entry.js +1 -1
- package/dist/cjs/limebb-trend-indicator.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/chat-list/chat-icon-list/chat-icon-list.css +199 -0
- package/dist/collection/components/chat-list/chat-icon-list/chat-icon-list.js +74 -0
- package/dist/collection/components/chat-list/chat-icon-list/chat-icon-list.types.js +1 -0
- package/dist/collection/components/chat-list/chat-item/chat-item.js +2 -2
- package/dist/collection/components/chat-list/chat-list.js +18 -8
- package/dist/collection/components/chat-list/chat-list.types.js +1 -0
- package/dist/collection/components/chat-list/process-chat-items.js +26 -33
- package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js +1 -1
- package/dist/collection/components/component-command-picker/component-picker/component-picker.js +18 -14
- package/dist/collection/components/composer-toolbar/composer-toolbar.js +2 -2
- 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/document-chips/document-chips.js +1 -1
- package/dist/collection/components/document-picker/document-item/document-item.js +2 -2
- package/dist/collection/components/document-picker/document-picker.js +1 -1
- package/dist/collection/components/feed/feed-item/feed-timeline-item.js +1 -1
- package/dist/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js +1 -1
- package/dist/collection/components/feed/feed.js +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/lime-query-builder/expressions/lime-query-filter-comparison.js +1 -1
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.js +2 -2
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.js +1 -1
- package/dist/collection/components/lime-query-builder/lime-query-builder.js +1 -1
- package/dist/collection/components/lime-query-builder/lime-query-response-format-builder.js +1 -1
- package/dist/collection/components/lime-query-builder/limetype-field/limetype-field.js +1 -1
- package/dist/collection/components/lime-query-builder/order-by/order-by-editor.js +1 -1
- package/dist/collection/components/lime-query-builder/order-by/order-by-item.js +2 -2
- package/dist/collection/components/lime-query-builder/response-format/response-format-item.js +1 -1
- package/dist/collection/components/limeobject/file-viewer/live-docs-info.js +2 -2
- 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/percentage-visualizer/percentage-visualizer.js +2 -2
- package/dist/collection/components/summary-popover/summary-popover.js +2 -2
- package/dist/collection/components/text-editor/mention-group-counter.js +2 -2
- package/dist/collection/components/text-editor/text-editor.js +1 -1
- package/dist/collection/components/trend-indicator/trend-indicator.js +1 -1
- package/dist/components/chat-icon-list.js +55 -0
- package/dist/components/chat-item.js +2 -2
- package/dist/components/currency-picker.js +1 -1
- package/dist/components/date-picker.js +1 -1
- package/dist/components/document-item.js +2 -2
- package/dist/components/feed-item-thumbnail-file-info.js +1 -1
- package/dist/components/feed-timeline-item.js +1 -1
- package/dist/components/kanban-group.js +1 -1
- package/dist/components/kanban-item.js +1 -1
- package/dist/components/lime-query-filter-comparison.js +1 -1
- package/dist/components/lime-query-filter-expression.js +3 -3
- package/dist/components/limebb-chat-icon-list.d.ts +11 -0
- package/dist/components/limebb-chat-icon-list.js +6 -0
- package/dist/components/limebb-chat-list.js +44 -36
- package/dist/components/limebb-component-picker.js +18 -14
- package/dist/components/limebb-composer-toolbar.js +2 -2
- package/dist/components/limebb-dashboard-widget.js +1 -1
- package/dist/components/limebb-date-range.js +1 -1
- package/dist/components/limebb-document-chips.js +1 -1
- package/dist/components/limebb-document-picker.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-lime-query-builder.js +1 -1
- package/dist/components/limebb-lime-query-response-format-builder.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 +1 -1
- package/dist/components/limebb-trend-indicator.js +1 -1
- package/dist/components/limetype-field.js +1 -1
- package/dist/components/live-docs-info.js +2 -2
- package/dist/components/notification-item.js +1 -1
- package/dist/components/order-by-editor.js +1 -1
- package/dist/components/order-by-item.js +2 -2
- package/dist/components/percentage-visualizer.js +2 -2
- package/dist/components/response-format-item.js +1 -1
- package/dist/components/summary-popover.js +2 -2
- package/dist/components/typing-indicator.js +1 -1
- package/dist/esm/lime-crm-building-blocks.js +1 -1
- package/dist/esm/{limebb-chat-item_2.entry.js → limebb-chat-icon-list_3.entry.js} +39 -4
- package/dist/esm/limebb-chat-list.entry.js +37 -35
- package/dist/esm/limebb-component-picker.entry.js +18 -14
- package/dist/esm/limebb-composer-toolbar.entry.js +2 -2
- 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-document-chips.entry.js +1 -1
- package/dist/esm/limebb-document-item.entry.js +2 -2
- package/dist/esm/limebb-document-picker.entry.js +1 -1
- package/dist/esm/limebb-feed-item-thumbnail-file-info.entry.js +1 -1
- package/dist/esm/limebb-feed-timeline-item.entry.js +1 -1
- 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-lime-query-builder.entry.js +1 -1
- package/dist/esm/limebb-lime-query-filter-builder_3.entry.js +2 -2
- package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js +1 -1
- package/dist/esm/limebb-lime-query-filter-group_3.entry.js +3 -3
- package/dist/esm/limebb-lime-query-order-by-item.entry.js +2 -2
- package/dist/esm/limebb-lime-query-response-format-builder.entry.js +1 -1
- package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js +1 -1
- package/dist/esm/limebb-live-docs-info.entry.js +2 -2
- 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 +2 -2
- package/dist/esm/limebb-notification-item.entry.js +1 -1
- package/dist/esm/limebb-percentage-visualizer.entry.js +2 -2
- package/dist/esm/limebb-text-editor.entry.js +1 -1
- package/dist/esm/limebb-trend-indicator.entry.js +1 -1
- 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-22fffe85.entry.js → p-0190354e.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-375f40d9.entry.js → p-0707d5b0.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-a7e55181.entry.js → p-121877f3.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-8c3f563e.entry.js → p-1317cdfa.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-4066e17a.entry.js → p-1a89328d.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-7b5a1e83.entry.js → p-1b361f60.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-18d1ab86.entry.js → p-2612f2f6.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-9c334694.entry.js → p-2babfa69.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-2d5e5ab5.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-2ed843e9.entry.js → p-331fced5.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-3a7b37cc.entry.js → p-3a16d7cf.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-4dad4ce8.entry.js → p-3dd32e10.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d7fc530f.entry.js → p-4894ca5d.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-6bf1ab6d.entry.js → p-4eb7a47c.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-50abea43.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-812bf26e.entry.js → p-520df198.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-94e6f0de.entry.js → p-5277ceca.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-9c204549.entry.js → p-548e0f2a.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-7a6c1595.entry.js → p-6fb504cb.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-81f8e5df.entry.js → p-7365ec1c.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-103654ac.entry.js → p-85709273.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-87d3f42c.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-d5b835a6.entry.js → p-8dca4e46.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-9c25aa2b.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-dddd8a43.entry.js → p-a959dd49.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-20b5ff30.entry.js → p-b2763851.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-d9f76810.entry.js → p-b3ad9f5e.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-53d54dc8.entry.js → p-d9045aaa.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-9bc5caac.entry.js → p-d994067b.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-f31eeeaa.entry.js → p-da42650a.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-0d0f4c0f.entry.js → p-dae67f66.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-3b3e7328.entry.js → p-dce9c951.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-0eac6b68.entry.js → p-dd5af257.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-6bd5c65f.entry.js → p-ea4daa32.entry.js} +1 -1
- package/dist/types/components/chat-list/chat-icon-list/chat-icon-list.d.ts +19 -0
- package/dist/types/components/chat-list/chat-icon-list/chat-icon-list.types.d.ts +52 -0
- package/dist/types/components/chat-list/chat-list.d.ts +7 -2
- package/dist/types/components/chat-list/chat-list.types.d.ts +13 -0
- package/dist/types/components/chat-list/process-chat-items.d.ts +20 -28
- package/dist/types/components/component-command-picker/component-picker/component-picker.d.ts +1 -0
- package/dist/types/components.d.ts +57 -4
- package/dist/types/interface.d.ts +2 -0
- package/package.json +2 -2
- package/dist/lime-crm-building-blocks/p-20939cd4.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-703fa2fe.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-7f72be40.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-a954d06e.entry.js +0 -1
|
@@ -154,7 +154,7 @@ const LimeQueryBuilder = class {
|
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
render() {
|
|
157
|
-
return (index.h(index.Host, { key: '
|
|
157
|
+
return (index.h(index.Host, { key: '8c454a860751d71379bf02e736ab361205bd8617' }, this.renderHeader(), this.renderContent()));
|
|
158
158
|
}
|
|
159
159
|
renderContent() {
|
|
160
160
|
const visualModeSupported = this.checkVisualModeSupport();
|
|
@@ -199,7 +199,7 @@ const OrderByEditor = class {
|
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
render() {
|
|
202
|
-
return (index.h(index.Host, { key: '
|
|
202
|
+
return (index.h(index.Host, { key: 'd99da16b1ba63352f83dfd7f9edaa5c9fd7d97cc' }, this.renderEmptyState(), this.renderOrderByEditor()));
|
|
203
203
|
}
|
|
204
204
|
renderEmptyState() {
|
|
205
205
|
if (this.limetype) {
|
|
@@ -327,7 +327,7 @@ const LimetypeField = class {
|
|
|
327
327
|
value: '',
|
|
328
328
|
};
|
|
329
329
|
options.unshift(emptyOption);
|
|
330
|
-
return (index.h("limel-select", { key: '
|
|
330
|
+
return (index.h("limel-select", { key: '6afce0cc51d4c8175599d36c6035316b0dcaf165', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
|
|
331
331
|
}
|
|
332
332
|
componentWillRender() {
|
|
333
333
|
this.updatePropertyFields(this.value || '');
|
|
@@ -110,7 +110,7 @@ const LimeQueryFilterComparisonComponent = class {
|
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
|
-
return (index.h(index.Host, { key: '
|
|
113
|
+
return (index.h(index.Host, { key: 'b42fd5bee8ad3cdf70dc67ef836fc5dd038f64ef' }, this.renderHeader(), index.h("div", { key: 'e81cc3854bc63d1aa27bb476c5bc4f9a81357262', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), index.h("limel-icon-button", { key: 'ceab776a7de2cf47b42b93b06f2d72ea38627b6d', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
|
|
114
114
|
}
|
|
115
115
|
renderHeader() {
|
|
116
116
|
if (!this.label) {
|
|
@@ -184,9 +184,9 @@ const LimeQueryFilterGroupComponent = class {
|
|
|
184
184
|
(this.expression.op === index_esm.re.AND ? 'and' : 'or')) || this.options[0];
|
|
185
185
|
}
|
|
186
186
|
render() {
|
|
187
|
-
return (index.h(index.Host, { key: '
|
|
187
|
+
return (index.h(index.Host, { key: 'c47d52a6ba4d36d3f4f97eb6d8bf8459c5bbda73', style: {
|
|
188
188
|
'--limebb-lime-query-filter-group-operator': `"${this.expression.op === index_esm.re.AND ? 'AND' : 'OR'}"`,
|
|
189
|
-
} }, index.h("div", { key: '
|
|
189
|
+
} }, index.h("div", { key: 'ac9897b5c0cf7ad4e30c4bbb08df5be46bee61f4', class: "expression" }, this.renderHeader(), index.h("ul", { key: 'c02f76fa8ed8b595215feacc7bcb7fe55564b03a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
|
|
190
190
|
}
|
|
191
191
|
renderHeader() {
|
|
192
192
|
const subheading = this.getSubheading();
|
|
@@ -241,7 +241,7 @@ const LimeQueryFilterNotComponent = class {
|
|
|
241
241
|
};
|
|
242
242
|
}
|
|
243
243
|
render() {
|
|
244
|
-
return (index.h("div", { key: '
|
|
244
|
+
return (index.h("div", { key: 'd2aba5cccb2e74ab91041833863a1c9329b9933a', class: "expression" }, this.label && index.h("limel-header", { key: '0e12b36710cba76d35f623cb8d6d008fc0f134e9', heading: this.label }), index.h("limebb-lime-query-filter-expression", { key: '13a64f29bc5339a43641eba8678595c225a09b7a', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
247
|
LimeQueryFilterNotComponent.style = LimebbLimeQueryFilterNotStyle0;
|
|
@@ -41,9 +41,9 @@ const OrderByItemComponent = class {
|
|
|
41
41
|
render() {
|
|
42
42
|
const propertyPath = Object.keys(this.item)[0] || '';
|
|
43
43
|
const direction = this.item[propertyPath] || 'ASC';
|
|
44
|
-
return (index.h(index.Host, { key: '
|
|
44
|
+
return (index.h(index.Host, { key: '21cad0f39f274379cb7039e4890972d9913c2ecd' }, index.h("limebb-property-selector", { key: 'd006e27718f4a15f5a0ed2ce24be471dbf76a24c', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), index.h("div", { key: 'dfa908694cdb8c305e1377d8a15cf66623727527', class: "control-buttons" }, index.h("limel-icon-button", { key: 'bfbe3ce1f78ba6a313ad35d0134e61b101425042', icon: direction === 'ASC'
|
|
45
45
|
? 'sort_ascending'
|
|
46
|
-
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), index.h("limel-icon-button", { key: '
|
|
46
|
+
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), index.h("limel-icon-button", { key: '0ce8594441308c30b1d3575dfb5f3ccd2bfbd484', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
OrderByItemComponent.style = LimebbLimeQueryOrderByItemStyle0;
|
|
@@ -196,7 +196,7 @@ const LimeQueryResponseFormatBuilder = class {
|
|
|
196
196
|
}
|
|
197
197
|
render() {
|
|
198
198
|
const visualModeSupported = this.checkVisualModeSupport();
|
|
199
|
-
return (index.h("div", { key: '
|
|
199
|
+
return (index.h("div", { key: '5c8af8c1df74a96dbbe7afa4eec0df98289401f1', class: "response-format-builder" }, this.label && index.h("h1", { key: 'be3af49b68cbf3a97a433be2b39ce9499e495e2d', class: "builder-label" }, this.label), this.helperText && (index.h("p", { key: 'b7e92bf7520fbf71ba411a75d98bf020abeab4c7', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (index.h("div", { key: '0b123dccd24e0b9bddbf62906608d224ee1e71a1', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (index.h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (index.h("div", { class: "visual-mode" }, this.renderVisualMode()))));
|
|
200
200
|
}
|
|
201
201
|
renderModeSwitch(support) {
|
|
202
202
|
const visualDisabled = !support.visualModeSupported;
|
|
@@ -363,7 +363,7 @@ const ResponseFormatItem = class {
|
|
|
363
363
|
}
|
|
364
364
|
render() {
|
|
365
365
|
return [
|
|
366
|
-
index.h("div", { key: '
|
|
366
|
+
index.h("div", { key: 'a2843cc617818cbf7382daf3108543cd8fb1e343', class: "property-controls" }, index.h("div", { key: 'c76365ff9658ea117e21e6f9a0f1d6fb5b79abb2', class: "property-path" }, index.h("limebb-property-selector", { key: 'a0395d388521afe454811f29c510999cce4aa6fe', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), index.h("div", { key: 'ddbdc38a6317094e73603157bdd048434fa03d99', class: "input-grid" }, this.renderAliasInput()), index.h("div", { key: '5c180c61bec2b056403b4db9f7d2d9e1d791cfc5', class: "input-grid" }, this.renderDescriptionInput()), index.h("div", { key: '97cfa83598bc7721283281465d019879dd116a9c', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), index.h("limel-icon-button", { key: '90b98cc5fa5530f4f5216704ac0553e2e1dfb1a7', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
|
|
367
367
|
];
|
|
368
368
|
}
|
|
369
369
|
renderAliasButton() {
|
|
@@ -13,8 +13,8 @@ const LiveDocsInfo = class {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
return [
|
|
16
|
-
index.h("div", { key: '
|
|
17
|
-
index.h("p", { key: '
|
|
16
|
+
index.h("div", { key: 'b1c708e240f019acae3db9080b1f290f05b8881d', class: "header" }, index.h("limel-icon", { key: 'b4ad9a1d4930440c56dda2921a8ad53014a358c7', name: "not_showing_video_frames" }), index.h("h2", { key: 'c9f7e21b877108dcf1d0b437d1d9bf91f530dc1f' }, "Viewing this file type requires ", index.h("em", { key: '693989ef194e41dd8d21d2735579ad3881ee67fa' }, "Live Docs"))),
|
|
17
|
+
index.h("p", { key: '8e7c3c6f99af14853bf468227a8d17e5fcc51ea9' }, index.h("em", { key: '2517714215e61815a86e3aa3b6e92d39c7a3a427' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", index.h("a", { key: '0bb7bb2aa1d8ea61300077e25d75f2811729ddcb', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
|
|
18
18
|
];
|
|
19
19
|
}
|
|
20
20
|
};
|
|
@@ -1133,7 +1133,7 @@ const LocalePicker = class {
|
|
|
1133
1133
|
const value = this.value;
|
|
1134
1134
|
selectedOptions = options.find((option) => option.value === value);
|
|
1135
1135
|
}
|
|
1136
|
-
return (index.h("limel-select", { key: '
|
|
1136
|
+
return (index.h("limel-select", { key: 'd77e297e7b7a02f4ef92c4449795c8349e87690c', 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 }));
|
|
1137
1137
|
}
|
|
1138
1138
|
};
|
|
1139
1139
|
|
|
@@ -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: 'a99de7da626a8072f75c5db7a361d544e0d25a9d', id: this.tooltipId }, label),
|
|
19
|
+
index.h("limel-tooltip", { key: 'f675f0f135f62714e954c092f59ffb59b59678cd', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
|
|
20
20
|
];
|
|
21
21
|
}
|
|
22
22
|
getLabel() {
|
|
@@ -126,9 +126,9 @@ const SummaryPopover = class {
|
|
|
126
126
|
top: '0.125rem',
|
|
127
127
|
right: '0.125rem',
|
|
128
128
|
};
|
|
129
|
-
return (index.h("limel-popover", { key: '
|
|
129
|
+
return (index.h("limel-popover", { key: 'f20536e7d9e358ffe42df731c1a6fc0aed369c34', style: {
|
|
130
130
|
'--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
|
|
131
|
-
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: '
|
|
131
|
+
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: '53135a3f8f84cb26a430ba1eb2f8b247dc219d0f', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, index.h("slot", { key: 'a1a880f5368317bdcb2821aa84d4df2d55d2968b', name: "trigger" }), index.h("div", { key: '194cc67cbe0cc323fa34290bdf9100f2ce4aedd9', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
|
|
132
132
|
}
|
|
133
133
|
renderCard(closeButtonStyle) {
|
|
134
134
|
return (index.h("limel-card", { style: {
|
|
@@ -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: 'ecf766dc6b3f82851c29b9797701e09c966f2b91', 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),
|
|
@@ -78,11 +78,11 @@ const PercentageVisualizer = class {
|
|
|
78
78
|
render() {
|
|
79
79
|
const normalizedValue = this.getNormalizedValue();
|
|
80
80
|
const zeroPoint = this.getZeroPointPosition();
|
|
81
|
-
return (index.h(index.Host, { key: '
|
|
81
|
+
return (index.h(index.Host, { key: '6842fd6dd4e1c2f8de1f8ef2e77139fb4f9e370a', class: this.getContainerClassList(), style: {
|
|
82
82
|
'--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
|
|
83
83
|
'--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
|
|
84
84
|
'--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
|
|
85
|
-
} }, index.h("limel-notched-outline", { key: '
|
|
85
|
+
} }, index.h("limel-notched-outline", { key: '8edd045eba4b3a1800cb970f86f60d2e328051b3', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, index.h("div", { key: '8c611c34390931b26251fa1ce4b04fc16d5b0601', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
|
|
86
86
|
}
|
|
87
87
|
renderVisualization() {
|
|
88
88
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
|
@@ -1777,7 +1777,7 @@ const LimeBBTextEditor = class {
|
|
|
1777
1777
|
}
|
|
1778
1778
|
render() {
|
|
1779
1779
|
return [
|
|
1780
|
-
index.h("limel-text-editor", { key: '
|
|
1780
|
+
index.h("limel-text-editor", { key: '817d7a91d45a3bbf2a086a038868148fd3b6a5f0', 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 }),
|
|
1781
1781
|
this.renderPicker(),
|
|
1782
1782
|
];
|
|
1783
1783
|
}
|
|
@@ -39,7 +39,7 @@ const TrendIndicator = class {
|
|
|
39
39
|
this.numValue = this.parseValue(this.value);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (index.h(index.Host, { key: '
|
|
42
|
+
return (index.h(index.Host, { key: '8da003525170a6896bcbb95887f6a4cfc86ee54c', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: '948bea6e0624cd0c69d582ccba8d6f919486d726', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, index.h("div", { key: 'f71404b0e2a606ea57277d02ca7bf005274836da', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
|
|
43
43
|
}
|
|
44
44
|
renderVisualization() {
|
|
45
45
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy(JSON.parse("[[\"limebb-lime-query-builder.cjs\",[[1,\"limebb-lime-query-builder\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"label\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"limetype\":[32],\"filter\":[32],\"internalResponseFormat\":[32],\"limit\":[32],\"orderBy\":[32],\"description\":[32]}]]],[\"limebb-feed.cjs\",[[1,\"limebb-feed\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"emptyStateMessage\":[1,\"empty-state-message\"],\"heading\":[1],\"loading\":[4],\"minutesOfProximity\":[2,\"minutes-of-proximity\"],\"totalCount\":[2,\"total-count\"],\"direction\":[513],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"],\"highlightedItemId\":[8,\"highlighted-item-id\"]},null,{\"highlightedItemId\":[\"highlightedItemIdChanged\"]}]]],[\"limebb-kanban.cjs\",[[1,\"limebb-kanban\",{\"platform\":[16],\"context\":[16],\"groups\":[16]}]]],[\"limebb-lime-query-response-format-builder.cjs\",[[1,\"limebb-lime-query-response-format-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"internalValue\":[32]}]]],[\"limebb-chat-list.cjs\",[[1,\"limebb-chat-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[516],\"isTypingIndicatorVisible\":[516,\"is-typing-indicator-visible\"],\"lastVisitedTimestamp\":[513,\"last-visited-timestamp\"],\"order\":[513]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-document-chips.cjs\",[[1,\"limebb-document-chips\",{\"accessibleLabel\":[513,\"accessible-label\"],\"files\":[16]},null,{\"files\":[\"onFilesChanged\"]}]]],[\"limebb-limeobject-file-viewer.cjs\",[[1,\"limebb-limeobject-file-viewer\",{\"platform\":[16],\"context\":[16],\"property\":[1],\"fileTypes\":[16],\"limeobject\":[32],\"limetype\":[32]}]]],[\"limebb-text-editor.cjs\",[[17,\"limebb-text-editor\",{\"platform\":[16],\"context\":[16],\"allowMentioning\":[4,\"allow-mentioning\"],\"contentType\":[1,\"content-type\"],\"language\":[513],\"disabled\":[516],\"readonly\":[516],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"selectedContext\":[16],\"ui\":[513],\"allowResize\":[4,\"allow-resize\"],\"value\":[1],\"draftIdentifier\":[1,\"draft-identifier\"],\"triggerMap\":[16],\"customElements\":[16],\"allowInlineImages\":[4,\"allow-inline-images\"],\"items\":[32],\"highlightedItemIndex\":[32],\"editorPickerQuery\":[32],\"searchableLimetypes\":[32],\"isPickerOpen\":[32],\"isSearching\":[32]},null,{\"isPickerOpen\":[\"watchOpen\"],\"editorPickerQuery\":[\"watchQuery\"]}]]],[\"limebb-data-cells.cjs\",[[1,\"limebb-data-cells\",{\"platform\":[16],\"context\":[16],\"limeobject\":[8],\"items\":[16]}]]],[\"limebb-date-range.cjs\",[[1,\"limebb-date-range\",{\"platform\":[16],\"context\":[16],\"startTime\":[16],\"endTime\":[16],\"startTimeLabel\":[1,\"start-time-label\"],\"endTimeLabel\":[1,\"end-time-label\"],\"language\":[1],\"timeFormat\":[1,\"time-format\"],\"type\":[1]}]]],[\"limebb-document-picker.cjs\",[[1,\"limebb-document-picker\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[516],\"required\":[516],\"type\":[513]}]]],[\"limebb-info-tile-currency-format.cjs\",[[1,\"limebb-info-tile-currency-format\",{\"platform\":[16],\"context\":[16],\"value\":[16]}]]],[\"limebb-notification-list.cjs\",[[1,\"limebb-notification-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[4],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-alert-dialog.cjs\",[[1,\"limebb-alert-dialog\",{\"type\":[513],\"open\":[516],\"icon\":[513],\"heading\":[513],\"subheading\":[1]}]]],[\"limebb-browser.cjs\",[[17,\"limebb-browser\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"layout\":[1],\"filter\":[32]}]]],[\"limebb-component-config.cjs\",[[1,\"limebb-component-config\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"formInfo\":[16],\"type\":[1],\"nameField\":[1,\"name-field\"],\"configComponent\":[32],\"configViewType\":[32]},null,{\"formInfo\":[\"watchFormInfo\"],\"configComponent\":[\"watchconfigComponent\"]}]]],[\"limebb-component-picker.cjs\",[[1,\"limebb-component-picker\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"tags\":[16],\"value\":[1],\"copyLabel\":[1,\"copy-label\"],\"hideCopyButton\":[4,\"hide-copy-button\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-composer-toolbar.cjs\",[[1,\"limebb-composer-toolbar\",{\"platform\":[16],\"mentions\":[516],\"textSnippets\":[516,\"text-snippets\"],\"internalLinks\":[516,\"internal-links\"],\"richText\":[516,\"rich-text\"],\"fileInput\":[16]}]]],[\"limebb-dashboard-widget.cjs\",[[1,\"limebb-dashboard-widget\",{\"heading\":[513],\"subheading\":[513],\"supportingText\":[513,\"supporting-text\"],\"icon\":[513]}]]],[\"limebb-icon-picker.cjs\",[[1,\"limebb-icon-picker\",{\"value\":[1],\"required\":[4],\"readonly\":[4],\"invalid\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-info-tile.cjs\",[[1,\"limebb-info-tile\",{\"platform\":[16],\"context\":[16],\"filterId\":[513,\"filter-id\"],\"disabled\":[4],\"icon\":[513],\"label\":[1],\"prefix\":[1],\"suffix\":[1],\"propertyName\":[1,\"property-name\"],\"aggregateOperator\":[1,\"aggregate-operator\"],\"format\":[16],\"config\":[32],\"filters\":[32],\"value\":[32],\"loading\":[32],\"error\":[32],\"limetypes\":[32]},null,{\"filterId\":[\"watchFilterId\"],\"propertyName\":[\"watchPropertyName\"],\"aggregateOperator\":[\"watchAggregateOperator\"]}]]],[\"limebb-info-tile-date-format.cjs\",[[1,\"limebb-info-tile-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-decimal-format.cjs\",[[1,\"limebb-info-tile-decimal-format\",{\"value\":[16]}]]],[\"limebb-info-tile-format.cjs\",[[1,\"limebb-info-tile-format\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"value\":[16]}]]],[\"limebb-info-tile-relative-date-format.cjs\",[[1,\"limebb-info-tile-relative-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-unit-format.cjs\",[[1,\"limebb-info-tile-unit-format\",{\"value\":[16]}]]],[\"limebb-loader.cjs\",[[1,\"limebb-loader\",{\"platform\":[16],\"context\":[16]}]]],[\"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-mention.cjs\",[[1,\"limebb-mention\",{\"limetype\":[1],\"objectid\":[2],\"limeobject\":[32]}]]],[\"limebb-mention-group-counter.cjs\",[[1,\"limebb-mention-group-counter\",{\"count\":[2],\"limetype\":[16],\"helperLabel\":[1,\"helper-label\"]}]]],[\"limebb-object-chip.cjs\",[[1,\"limebb-object-chip\",{\"limetype\":[1],\"objectid\":[2],\"size\":[1],\"platform\":[16],\"data\":[32]},null,{\"limetype\":[\"handlePropChange\"],\"objectid\":[\"handlePropChange\"]}]]],[\"limebb-trend-indicator.cjs\",[[1,\"limebb-trend-indicator\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"formerValue\":[514,\"former-value\"],\"suffix\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-feed-item-thumbnail-file-info.cjs\",[[1,\"limebb-feed-item-thumbnail-file-info\",{\"description\":[1]}]]],[\"limebb-feed-timeline-item.cjs\",[[1,\"limebb-feed-timeline-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"ui\":[513],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"],\"isBundled\":[516,\"is-bundled\"],\"headingCanExpand\":[32],\"isHeadingExpanded\":[32],\"showMore\":[32],\"isTall\":[32]}]]],[\"limebb-kanban-group.cjs\",[[1,\"limebb-kanban-group\",{\"platform\":[16],\"context\":[16],\"identifier\":[1],\"heading\":[513],\"help\":[1],\"items\":[16],\"summary\":[1],\"loading\":[516],\"totalCount\":[514,\"total-count\"]}]]],[\"limebb-empty-state.cjs\",[[1,\"limebb-empty-state\",{\"heading\":[513],\"value\":[513],\"icon\":[16]}]]],[\"limebb-text-editor-picker.cjs\",[[1,\"limebb-text-editor-picker\",{\"items\":[16],\"open\":[516],\"isSearching\":[4,\"is-searching\"],\"emptyMessage\":[1,\"empty-message\"]},null,{\"open\":[\"watchOpen\"]}]]],[\"limebb-currency-picker.cjs\",[[1,\"limebb-currency-picker\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"currencies\":[16],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"readonly\":[516],\"invalid\":[516],\"disabled\":[516],\"value\":[1]}]]],[\"limebb-date-picker.cjs\",[[1,\"limebb-date-picker\",{\"platform\":[16],\"context\":[16],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"value\":[1],\"type\":[513]}]]],[\"limebb-document-item.cjs\",[[17,\"limebb-document-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"type\":[513],\"fileTypes\":[16]}]]],[\"limebb-live-docs-info.cjs\",[[1,\"limebb-live-docs-info\"]]],[\"limebb-notification-item.cjs\",[[1,\"limebb-notification-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-percentage-visualizer.cjs\",[[1,\"limebb-percentage-visualizer\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"rangeMax\":[514,\"range-max\"],\"rangeMin\":[514,\"range-min\"],\"multiplier\":[514],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"],\"displayPercentageColors\":[516,\"display-percentage-colors\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-kanban-item.cjs\",[[1,\"limebb-kanban-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-lime-query-order-by-item.cjs\",[[1,\"limebb-lime-query-order-by-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16]}]]],[\"limebb-chat-item_2.cjs\",[[1,\"limebb-chat-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"]}],[1,\"limebb-typing-indicator\"]]],[\"limebb-property-selector.cjs\",[[1,\"limebb-property-selector\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[1],\"label\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"isOpen\":[32],\"navigationPath\":[32]}]]],[\"limebb-lime-query-filter-comparison_2.cjs\",[[1,\"limebb-lime-query-filter-expression\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-filter-comparison\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-lime-query-filter-builder_3.cjs\",[[1,\"limebb-lime-query-filter-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-order-by-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]},null,{\"value\":[\"handleValueChange\"]}],[0,\"limebb-limetype-field\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"value\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[4],\"limetypes\":[16],\"propertyFields\":[16],\"fieldName\":[1,\"field-name\"],\"formInfo\":[16]}]]],[\"limebb-lime-query-response-format-editor_2.cjs\",[[1,\"limebb-lime-query-response-format-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]}],[1,\"limebb-lime-query-response-format-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16],\"showAliasInput\":[32],\"showDescriptionInput\":[32]}]]],[\"limebb-navigation-button_2.cjs\",[[1,\"limebb-summary-popover\",{\"triggerDelay\":[514,\"trigger-delay\"],\"heading\":[513],\"subheading\":[513],\"image\":[16],\"file\":[16],\"icon\":[513],\"value\":[1],\"openDirection\":[513,\"open-direction\"],\"popoverMaxWidth\":[513,\"popover-max-width\"],\"popoverMaxHeight\":[513,\"popover-max-height\"],\"actions\":[16],\"isPopoverOpen\":[32]}],[17,\"limebb-navigation-button\",{\"href\":[513],\"tooltipLabel\":[513,\"tooltip-label\"],\"tooltipHelperLabel\":[513,\"tooltip-helper-label\"],\"type\":[513]}]]],[\"limebb-lime-query-filter-group_3.cjs\",[[1,\"limebb-lime-query-value-input\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"propertyPath\":[1,\"property-path\"],\"operator\":[1],\"value\":[8],\"label\":[1],\"limetypes\":[32],\"inputMode\":[32]}],[1,\"limebb-lime-query-filter-group\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16],\"value\":[32]}],[1,\"limebb-lime-query-filter-not\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]]]"), options);
|
|
11
|
+
return index.bootstrapLazy(JSON.parse("[[\"limebb-lime-query-builder.cjs\",[[1,\"limebb-lime-query-builder\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"label\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"limetype\":[32],\"filter\":[32],\"internalResponseFormat\":[32],\"limit\":[32],\"orderBy\":[32],\"description\":[32]}]]],[\"limebb-feed.cjs\",[[1,\"limebb-feed\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"emptyStateMessage\":[1,\"empty-state-message\"],\"heading\":[1],\"loading\":[4],\"minutesOfProximity\":[2,\"minutes-of-proximity\"],\"totalCount\":[2,\"total-count\"],\"direction\":[513],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"],\"highlightedItemId\":[8,\"highlighted-item-id\"]},null,{\"highlightedItemId\":[\"highlightedItemIdChanged\"]}]]],[\"limebb-kanban.cjs\",[[1,\"limebb-kanban\",{\"platform\":[16],\"context\":[16],\"groups\":[16]}]]],[\"limebb-chat-list.cjs\",[[1,\"limebb-chat-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[516],\"isTypingIndicatorVisible\":[516,\"is-typing-indicator-visible\"],\"lastVisitedTimestamp\":[513,\"last-visited-timestamp\"],\"order\":[513]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-lime-query-response-format-builder.cjs\",[[1,\"limebb-lime-query-response-format-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"mode\":[32],\"codeValue\":[32],\"internalValue\":[32]}]]],[\"limebb-document-chips.cjs\",[[1,\"limebb-document-chips\",{\"accessibleLabel\":[513,\"accessible-label\"],\"files\":[16]},null,{\"files\":[\"onFilesChanged\"]}]]],[\"limebb-limeobject-file-viewer.cjs\",[[1,\"limebb-limeobject-file-viewer\",{\"platform\":[16],\"context\":[16],\"property\":[1],\"fileTypes\":[16],\"limeobject\":[32],\"limetype\":[32]}]]],[\"limebb-text-editor.cjs\",[[17,\"limebb-text-editor\",{\"platform\":[16],\"context\":[16],\"allowMentioning\":[4,\"allow-mentioning\"],\"contentType\":[1,\"content-type\"],\"language\":[513],\"disabled\":[516],\"readonly\":[516],\"helperText\":[513,\"helper-text\"],\"placeholder\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"selectedContext\":[16],\"ui\":[513],\"allowResize\":[4,\"allow-resize\"],\"value\":[1],\"draftIdentifier\":[1,\"draft-identifier\"],\"triggerMap\":[16],\"customElements\":[16],\"allowInlineImages\":[4,\"allow-inline-images\"],\"items\":[32],\"highlightedItemIndex\":[32],\"editorPickerQuery\":[32],\"searchableLimetypes\":[32],\"isPickerOpen\":[32],\"isSearching\":[32]},null,{\"isPickerOpen\":[\"watchOpen\"],\"editorPickerQuery\":[\"watchQuery\"]}]]],[\"limebb-data-cells.cjs\",[[1,\"limebb-data-cells\",{\"platform\":[16],\"context\":[16],\"limeobject\":[8],\"items\":[16]}]]],[\"limebb-date-range.cjs\",[[1,\"limebb-date-range\",{\"platform\":[16],\"context\":[16],\"startTime\":[16],\"endTime\":[16],\"startTimeLabel\":[1,\"start-time-label\"],\"endTimeLabel\":[1,\"end-time-label\"],\"language\":[1],\"timeFormat\":[1,\"time-format\"],\"type\":[1]}]]],[\"limebb-document-picker.cjs\",[[1,\"limebb-document-picker\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"label\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[516],\"required\":[516],\"type\":[513]}]]],[\"limebb-info-tile-currency-format.cjs\",[[1,\"limebb-info-tile-currency-format\",{\"platform\":[16],\"context\":[16],\"value\":[16]}]]],[\"limebb-notification-list.cjs\",[[1,\"limebb-notification-list\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"loading\":[4],\"lastVisitedTimestamp\":[1,\"last-visited-timestamp\"]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"limebb-alert-dialog.cjs\",[[1,\"limebb-alert-dialog\",{\"type\":[513],\"open\":[516],\"icon\":[513],\"heading\":[513],\"subheading\":[1]}]]],[\"limebb-browser.cjs\",[[17,\"limebb-browser\",{\"platform\":[16],\"context\":[16],\"items\":[16],\"layout\":[1],\"filter\":[32]}]]],[\"limebb-component-config.cjs\",[[1,\"limebb-component-config\",{\"platform\":[16],\"context\":[16],\"value\":[16],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"formInfo\":[16],\"type\":[1],\"nameField\":[1,\"name-field\"],\"configComponent\":[32],\"configViewType\":[32]},null,{\"formInfo\":[\"watchFormInfo\"],\"configComponent\":[\"watchconfigComponent\"]}]]],[\"limebb-component-picker.cjs\",[[1,\"limebb-component-picker\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"tags\":[16],\"value\":[1],\"copyLabel\":[1,\"copy-label\"],\"hideCopyButton\":[4,\"hide-copy-button\"],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-composer-toolbar.cjs\",[[1,\"limebb-composer-toolbar\",{\"platform\":[16],\"mentions\":[516],\"textSnippets\":[516,\"text-snippets\"],\"internalLinks\":[516,\"internal-links\"],\"richText\":[516,\"rich-text\"],\"fileInput\":[16]}]]],[\"limebb-dashboard-widget.cjs\",[[1,\"limebb-dashboard-widget\",{\"heading\":[513],\"subheading\":[513],\"supportingText\":[513,\"supporting-text\"],\"icon\":[513]}]]],[\"limebb-icon-picker.cjs\",[[1,\"limebb-icon-picker\",{\"value\":[1],\"required\":[4],\"readonly\":[4],\"invalid\":[4],\"disabled\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"]}]]],[\"limebb-info-tile.cjs\",[[1,\"limebb-info-tile\",{\"platform\":[16],\"context\":[16],\"filterId\":[513,\"filter-id\"],\"disabled\":[4],\"icon\":[513],\"label\":[1],\"prefix\":[1],\"suffix\":[1],\"propertyName\":[1,\"property-name\"],\"aggregateOperator\":[1,\"aggregate-operator\"],\"format\":[16],\"config\":[32],\"filters\":[32],\"value\":[32],\"loading\":[32],\"error\":[32],\"limetypes\":[32]},null,{\"filterId\":[\"watchFilterId\"],\"propertyName\":[\"watchPropertyName\"],\"aggregateOperator\":[\"watchAggregateOperator\"]}]]],[\"limebb-info-tile-date-format.cjs\",[[1,\"limebb-info-tile-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-decimal-format.cjs\",[[1,\"limebb-info-tile-decimal-format\",{\"value\":[16]}]]],[\"limebb-info-tile-format.cjs\",[[1,\"limebb-info-tile-format\",{\"platform\":[16],\"context\":[16],\"type\":[1],\"value\":[16]}]]],[\"limebb-info-tile-relative-date-format.cjs\",[[1,\"limebb-info-tile-relative-date-format\",{\"value\":[16]}]]],[\"limebb-info-tile-unit-format.cjs\",[[1,\"limebb-info-tile-unit-format\",{\"value\":[16]}]]],[\"limebb-loader.cjs\",[[1,\"limebb-loader\",{\"platform\":[16],\"context\":[16]}]]],[\"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-mention.cjs\",[[1,\"limebb-mention\",{\"limetype\":[1],\"objectid\":[2],\"limeobject\":[32]}]]],[\"limebb-mention-group-counter.cjs\",[[1,\"limebb-mention-group-counter\",{\"count\":[2],\"limetype\":[16],\"helperLabel\":[1,\"helper-label\"]}]]],[\"limebb-object-chip.cjs\",[[1,\"limebb-object-chip\",{\"limetype\":[1],\"objectid\":[2],\"size\":[1],\"platform\":[16],\"data\":[32]},null,{\"limetype\":[\"handlePropChange\"],\"objectid\":[\"handlePropChange\"]}]]],[\"limebb-trend-indicator.cjs\",[[1,\"limebb-trend-indicator\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"formerValue\":[514,\"former-value\"],\"suffix\":[513],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-feed-item-thumbnail-file-info.cjs\",[[1,\"limebb-feed-item-thumbnail-file-info\",{\"description\":[1]}]]],[\"limebb-feed-timeline-item.cjs\",[[1,\"limebb-feed-timeline-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"ui\":[513],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"],\"isBundled\":[516,\"is-bundled\"],\"headingCanExpand\":[32],\"isHeadingExpanded\":[32],\"showMore\":[32],\"isTall\":[32]}]]],[\"limebb-kanban-group.cjs\",[[1,\"limebb-kanban-group\",{\"platform\":[16],\"context\":[16],\"identifier\":[1],\"heading\":[513],\"help\":[1],\"items\":[16],\"summary\":[1],\"loading\":[516],\"totalCount\":[514,\"total-count\"]}]]],[\"limebb-empty-state.cjs\",[[1,\"limebb-empty-state\",{\"heading\":[513],\"value\":[513],\"icon\":[16]}]]],[\"limebb-text-editor-picker.cjs\",[[1,\"limebb-text-editor-picker\",{\"items\":[16],\"open\":[516],\"isSearching\":[4,\"is-searching\"],\"emptyMessage\":[1,\"empty-message\"]},null,{\"open\":[\"watchOpen\"]}]]],[\"limebb-currency-picker.cjs\",[[1,\"limebb-currency-picker\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"currencies\":[16],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"readonly\":[516],\"invalid\":[516],\"disabled\":[516],\"value\":[1]}]]],[\"limebb-date-picker.cjs\",[[1,\"limebb-date-picker\",{\"platform\":[16],\"context\":[16],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[513],\"placeholder\":[513],\"helperText\":[513,\"helper-text\"],\"required\":[516],\"value\":[1],\"type\":[513]}]]],[\"limebb-document-item.cjs\",[[17,\"limebb-document-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"type\":[513],\"fileTypes\":[16]}]]],[\"limebb-live-docs-info.cjs\",[[1,\"limebb-live-docs-info\"]]],[\"limebb-notification-item.cjs\",[[1,\"limebb-notification-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-percentage-visualizer.cjs\",[[1,\"limebb-percentage-visualizer\",{\"platform\":[16],\"context\":[16],\"value\":[520],\"rangeMax\":[514,\"range-max\"],\"rangeMin\":[514,\"range-min\"],\"multiplier\":[514],\"label\":[513],\"invalid\":[516],\"required\":[516],\"helperText\":[513,\"helper-text\"],\"reducePresence\":[516,\"reduce-presence\"],\"displayPercentageColors\":[516,\"display-percentage-colors\"]},null,{\"value\":[\"valueChanged\"]}]]],[\"limebb-kanban-item.cjs\",[[1,\"limebb-kanban-item\",{\"platform\":[16],\"context\":[16],\"item\":[16]}]]],[\"limebb-property-selector.cjs\",[[1,\"limebb-property-selector\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[1],\"label\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"limetypes\":[32],\"isOpen\":[32],\"navigationPath\":[32]}]]],[\"limebb-lime-query-order-by-item.cjs\",[[1,\"limebb-lime-query-order-by-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16]}]]],[\"limebb-lime-query-filter-group_3.cjs\",[[1,\"limebb-lime-query-value-input\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"propertyPath\":[1,\"property-path\"],\"operator\":[1],\"value\":[8],\"label\":[1],\"limetypes\":[32],\"inputMode\":[32]}],[1,\"limebb-lime-query-filter-group\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16],\"value\":[32]}],[1,\"limebb-lime-query-filter-not\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-lime-query-filter-comparison_2.cjs\",[[1,\"limebb-lime-query-filter-expression\",{\"platform\":[16],\"context\":[16],\"label\":[1],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-filter-comparison\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}]]],[\"limebb-lime-query-filter-builder_3.cjs\",[[1,\"limebb-lime-query-filter-builder\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"activeLimetype\":[1,\"active-limetype\"],\"expression\":[16]}],[1,\"limebb-lime-query-order-by-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]},null,{\"value\":[\"handleValueChange\"]}],[0,\"limebb-limetype-field\",{\"platform\":[16],\"context\":[16],\"label\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"value\":[513],\"helperText\":[513,\"helper-text\"],\"invalid\":[4],\"limetypes\":[16],\"propertyFields\":[16],\"fieldName\":[1,\"field-name\"],\"formInfo\":[16]}]]],[\"limebb-chat-icon-list_3.cjs\",[[1,\"limebb-chat-icon-list\",{\"item\":[16]}],[1,\"limebb-chat-item\",{\"platform\":[16],\"context\":[16],\"item\":[16],\"helperText\":[1,\"helper-text\"],\"hasError\":[516,\"has-error\"]}],[1,\"limebb-typing-indicator\"]]],[\"limebb-lime-query-response-format-editor_2.cjs\",[[1,\"limebb-lime-query-response-format-editor\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"value\":[16],\"label\":[1],\"items\":[32]}],[1,\"limebb-lime-query-response-format-item\",{\"platform\":[16],\"context\":[16],\"limetype\":[1],\"item\":[16],\"showAliasInput\":[32],\"showDescriptionInput\":[32]}]]],[\"limebb-navigation-button_2.cjs\",[[1,\"limebb-summary-popover\",{\"triggerDelay\":[514,\"trigger-delay\"],\"heading\":[513],\"subheading\":[513],\"image\":[16],\"file\":[16],\"icon\":[513],\"value\":[1],\"openDirection\":[513,\"open-direction\"],\"popoverMaxWidth\":[513,\"popover-max-width\"],\"popoverMaxHeight\":[513,\"popover-max-height\"],\"actions\":[16],\"isPopoverOpen\":[32]}],[17,\"limebb-navigation-button\",{\"href\":[513],\"tooltipLabel\":[513,\"tooltip-label\"],\"tooltipHelperLabel\":[513,\"tooltip-helper-label\"],\"type\":[513]}]]]]"), options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
"components/alert-dialog/alert-dialog.js",
|
|
4
4
|
"components/browser/browser.js",
|
|
5
5
|
"components/chat-list/chat-list.js",
|
|
6
|
+
"components/chat-list/chat-icon-list/chat-icon-list.js",
|
|
6
7
|
"components/chat-list/chat-item/chat-item.js",
|
|
7
8
|
"components/chat-list/typing-indicator/typing-indicator.js",
|
|
8
9
|
"components/component-command-picker/component-config/component-config.js",
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/**
|
|
3
|
+
* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
|
|
4
|
+
*
|
|
5
|
+
* This file enables the clean import path:
|
|
6
|
+
* `@use '@limetech/lime-elements' as lime-elements;`
|
|
7
|
+
*
|
|
8
|
+
* It simply forwards everything from the built exports file.
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Public SCSS exports for consumers of @limetech/lime-elements.
|
|
12
|
+
*
|
|
13
|
+
* This file provides reusable styling utilities.
|
|
14
|
+
*
|
|
15
|
+
* Import this file using:
|
|
16
|
+
* `@use '@limetech/lime-elements' as lime-elements;`
|
|
17
|
+
*
|
|
18
|
+
* For detailed documentation of each utility, its parameters,
|
|
19
|
+
* and usage examples, refer to the respective source files.
|
|
20
|
+
*/
|
|
21
|
+
/**
|
|
22
|
+
* Note! This file is forwarded via `src/style/exports.scss`
|
|
23
|
+
* and exposed to consumers through the root `index.scss`.
|
|
24
|
+
*
|
|
25
|
+
* Consumers import it using:
|
|
26
|
+
* `@use '@limetech/lime-elements' as lime-elements;`
|
|
27
|
+
*
|
|
28
|
+
* Legacy import paths (`dist/scss/mixins`) are maintained
|
|
29
|
+
* for backward compatibility via copy rules in the Stencil config.
|
|
30
|
+
*/
|
|
31
|
+
/**
|
|
32
|
+
* This can be used on a trigger element that opens a dropdown menu or a popover.
|
|
33
|
+
*/
|
|
34
|
+
/**
|
|
35
|
+
* This mixin will mask out the content that is close to
|
|
36
|
+
* the edges of a scrollable area.
|
|
37
|
+
* - If the scrollable content has `overflow-y`, use `vertically`
|
|
38
|
+
* as an argument for `$direction`.
|
|
39
|
+
- If the scrollable content has `overflow-x`, use `horizontally`
|
|
40
|
+
* as an argument for `$direction`.
|
|
41
|
+
*
|
|
42
|
+
* For the visual effect to work smoothly, we need to make sure that
|
|
43
|
+
* the size of the fade-out edge effect is the same as the
|
|
44
|
+
* internal paddings of the scrollable area. Otherwise, content of a
|
|
45
|
+
* scrollable area that does not have a padding will fade out before
|
|
46
|
+
* any scrolling has been done.
|
|
47
|
+
* This is why this mixin already adds paddings, which automatically
|
|
48
|
+
* default to the size of the fade-out effect.
|
|
49
|
+
* This size defaults to `1rem`, but to override the size use
|
|
50
|
+
* `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
|
|
51
|
+
* when `vertically` argument is set, and use
|
|
52
|
+
* `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
|
|
53
|
+
* when `horizontally` argument is set.
|
|
54
|
+
* Of course you can also programmatically increase and decrease the
|
|
55
|
+
* size of these variables for each edge, based on the amount of
|
|
56
|
+
* scrolling that has been done by the user. In this case, make sure
|
|
57
|
+
* to add a custom padding where the mixin is used, to override
|
|
58
|
+
* the paddings that are automatically added by the mixin in the
|
|
59
|
+
* compiled CSS code.
|
|
60
|
+
*/
|
|
61
|
+
/**
|
|
62
|
+
* This mixin will add an animated underline to the bottom of an `a` elements.
|
|
63
|
+
* Note that you may need to add `all: unset;` –depending on your use case–
|
|
64
|
+
* before using this mixin.
|
|
65
|
+
*/
|
|
66
|
+
/**
|
|
67
|
+
* This mixin creates a cross-browser font stack.
|
|
68
|
+
* - `sans-serif` can be used for the UI of the components.
|
|
69
|
+
* - `monospace` can be used for code.
|
|
70
|
+
*
|
|
71
|
+
* ⚠️ If we change the font stacks, we need to update
|
|
72
|
+
* 1. the consumer documentation in `README.md`, and
|
|
73
|
+
* 2. the CSS variables of `--kompendium-example-font-family`
|
|
74
|
+
* in the `<style>` tag of `index.html`.
|
|
75
|
+
*/
|
|
76
|
+
/**
|
|
77
|
+
* This mixin is a hack, using old CSS syntax
|
|
78
|
+
* to enable you to truncate a piece of text,
|
|
79
|
+
* after a certain number of lines.
|
|
80
|
+
*/
|
|
81
|
+
/**
|
|
82
|
+
* This mixin will add a chessboard background pattern,
|
|
83
|
+
* typically used to visualize transparency.
|
|
84
|
+
*/
|
|
85
|
+
/**
|
|
86
|
+
* Make a container resizable by the user.
|
|
87
|
+
* This is used in the documentations and examples
|
|
88
|
+
* of some components, to demonstrate how the component
|
|
89
|
+
* behaves in a resizable container.
|
|
90
|
+
*/
|
|
91
|
+
/**
|
|
92
|
+
* Drag to reorder mixins
|
|
93
|
+
*/
|
|
94
|
+
/**
|
|
95
|
+
* The breakpoints below are used to create responsive designs
|
|
96
|
+
* in Lime's products. Therefore, they are here to get distributed
|
|
97
|
+
* to all components in other private repos, which rely on this `mixins`
|
|
98
|
+
* file, to create consistent styles.
|
|
99
|
+
*
|
|
100
|
+
* :::important
|
|
101
|
+
* In very rare cases you should used media queries!
|
|
102
|
+
* Nowadays, there are many better ways of achieving responsive design
|
|
103
|
+
* without media queries. For example, using CSS Grid, Flexbox, and their features.
|
|
104
|
+
* :::
|
|
105
|
+
*/
|
|
106
|
+
/**
|
|
107
|
+
* Media query mixins for responsive design based on screen width.
|
|
108
|
+
* Note that these mixins do not detect the device type!
|
|
109
|
+
*/
|
|
110
|
+
*,
|
|
111
|
+
*:before,
|
|
112
|
+
*:after {
|
|
113
|
+
box-sizing: border-box;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
:host(limebb-chat-icon-list) {
|
|
117
|
+
display: flex;
|
|
118
|
+
align-items: center;
|
|
119
|
+
gap: 0.5rem;
|
|
120
|
+
margin-right: auto;
|
|
121
|
+
max-width: calc(100% - 2rem);
|
|
122
|
+
padding: 0 0.25rem;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.label {
|
|
126
|
+
font-size: 0.75rem;
|
|
127
|
+
color: rgb(var(--contrast-900));
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.icons {
|
|
131
|
+
display: flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
gap: 0.25rem;
|
|
134
|
+
}
|
|
135
|
+
.icons:hover limel-icon, .icons:focus-within limel-icon {
|
|
136
|
+
margin-left: 0 !important;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
limel-icon {
|
|
140
|
+
--icon-background-color: rgb(var(--contrast-500), 0.5);
|
|
141
|
+
transition: margin-left 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s ease, box-shadow 0.2s ease;
|
|
142
|
+
position: relative;
|
|
143
|
+
width: 1.75rem;
|
|
144
|
+
padding: 0.375rem;
|
|
145
|
+
flex-shrink: 0;
|
|
146
|
+
}
|
|
147
|
+
limel-icon:focus {
|
|
148
|
+
outline: none;
|
|
149
|
+
}
|
|
150
|
+
limel-icon:focus-visible {
|
|
151
|
+
outline: none;
|
|
152
|
+
box-shadow: var(--shadow-depth-8-focused);
|
|
153
|
+
}
|
|
154
|
+
limel-icon:not(.is-pending):not(:first-child) {
|
|
155
|
+
margin-left: -0.75rem;
|
|
156
|
+
}
|
|
157
|
+
limel-icon.is-pending {
|
|
158
|
+
animation: pending 3s linear infinite;
|
|
159
|
+
padding: 0.5rem;
|
|
160
|
+
}
|
|
161
|
+
@media (prefers-reduced-motion: reduce) {
|
|
162
|
+
limel-icon.is-pending {
|
|
163
|
+
animation: none;
|
|
164
|
+
opacity: 0.5;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
limel-icon.is-pending:after {
|
|
168
|
+
content: "";
|
|
169
|
+
position: absolute;
|
|
170
|
+
inset: 0;
|
|
171
|
+
width: 1.75rem;
|
|
172
|
+
height: 1.75rem;
|
|
173
|
+
border-radius: 50%;
|
|
174
|
+
pointer-events: none;
|
|
175
|
+
border-radius: 50%;
|
|
176
|
+
border: 0.125rem solid rgb(var(--color-white), 0.5);
|
|
177
|
+
border-top-color: rgb(var(--color-black), 0.8);
|
|
178
|
+
mix-blend-mode: color-dodge;
|
|
179
|
+
animation: spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
180
|
+
}
|
|
181
|
+
@media (prefers-reduced-motion: reduce) {
|
|
182
|
+
limel-icon.is-pending:after {
|
|
183
|
+
display: none;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
@keyframes pending {
|
|
188
|
+
0%, 20%, 80%, 100% {
|
|
189
|
+
filter: grayscale(0%);
|
|
190
|
+
}
|
|
191
|
+
45%, 55% {
|
|
192
|
+
filter: grayscale(100%);
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
@keyframes spin {
|
|
196
|
+
to {
|
|
197
|
+
transform: rotate(360deg);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { h, Host } from "@stencil/core";
|
|
2
|
+
/**
|
|
3
|
+
* Chat icon list
|
|
4
|
+
* Renders a labeled, left-aligned row of slightly-overlapping icons,
|
|
5
|
+
* used inside `limebb-chat-list` as an alternative to a speech bubble.
|
|
6
|
+
*
|
|
7
|
+
* @private
|
|
8
|
+
*/
|
|
9
|
+
export class ChatIconListComponent {
|
|
10
|
+
render() {
|
|
11
|
+
return (h(Host, { key: 'da304a611612575d870ff1a644d495cd60755095', id: this.item.id }, this.renderLabel(), h("div", { key: '220323ab4955f50a17d3fb1878c5cfc8f5d93190', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
|
|
12
|
+
}
|
|
13
|
+
renderLabel() {
|
|
14
|
+
if (!this.item.label) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
return h("span", { class: "label" }, this.item.label);
|
|
18
|
+
}
|
|
19
|
+
renderIcon(icon, index) {
|
|
20
|
+
const iconId = `icon-${this.item.id}-${index}`;
|
|
21
|
+
return [
|
|
22
|
+
h("limel-icon", { tabIndex: 0, key: index, id: iconId, badge: true, name: icon.name, class: { 'is-pending': !!icon.pending }, style: {
|
|
23
|
+
color: icon.color,
|
|
24
|
+
'background-color': icon.backgroundColor,
|
|
25
|
+
} }),
|
|
26
|
+
this.renderTooltip(icon, iconId),
|
|
27
|
+
];
|
|
28
|
+
}
|
|
29
|
+
renderTooltip(icon, iconId) {
|
|
30
|
+
if (!icon.title) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
return h("limel-tooltip", { label: icon.title, elementId: iconId });
|
|
34
|
+
}
|
|
35
|
+
static get is() { return "limebb-chat-icon-list"; }
|
|
36
|
+
static get encapsulation() { return "shadow"; }
|
|
37
|
+
static get originalStyleUrls() {
|
|
38
|
+
return {
|
|
39
|
+
"$": ["chat-icon-list.scss"]
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
static get styleUrls() {
|
|
43
|
+
return {
|
|
44
|
+
"$": ["chat-icon-list.css"]
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
static get properties() {
|
|
48
|
+
return {
|
|
49
|
+
"item": {
|
|
50
|
+
"type": "unknown",
|
|
51
|
+
"mutable": false,
|
|
52
|
+
"complexType": {
|
|
53
|
+
"original": "ChatIconList",
|
|
54
|
+
"resolved": "ChatIconList",
|
|
55
|
+
"references": {
|
|
56
|
+
"ChatIconList": {
|
|
57
|
+
"location": "import",
|
|
58
|
+
"path": "./chat-icon-list.types",
|
|
59
|
+
"id": "src/components/chat-list/chat-icon-list/chat-icon-list.types.ts::ChatIconList"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
"required": true,
|
|
64
|
+
"optional": false,
|
|
65
|
+
"docs": {
|
|
66
|
+
"tags": [],
|
|
67
|
+
"text": "The item to display."
|
|
68
|
+
},
|
|
69
|
+
"getter": false,
|
|
70
|
+
"setter": false
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -64,9 +64,9 @@ export class ChatListItem {
|
|
|
64
64
|
}
|
|
65
65
|
render() {
|
|
66
66
|
const helperTextId = `helper-text-${this.item.id}`;
|
|
67
|
-
return (h(Host, { key: '
|
|
67
|
+
return (h(Host, { key: '9833e3133c71a3c8f3d08e76b4d5411aff3620c3', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
|
|
68
68
|
[`${this.item.ui}`]: true,
|
|
69
|
-
} }, h("div", { key: '
|
|
69
|
+
} }, h("div", { key: '8598c560099d2980d7f9231613855e99053b4768', class: "bubble-content" }, h("div", { key: 'ae3df9343207f62d1d2a24b5bdf43ec42a58a5ee', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '15695f67beef723d5891cf56876c582f8a9b3dad', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '4157f62d9d48f451068652fab65a968af7a44bde' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
|
|
70
70
|
}
|
|
71
71
|
renderErrorSign() {
|
|
72
72
|
if (!this.hasError) {
|