@limetech/lime-crm-building-blocks 1.103.3 → 1.103.4
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 +15 -0
- package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
- package/dist/cjs/limebb-lime-query-builder.cjs.entry.js +5 -5
- package/dist/cjs/limebb-lime-query-filter-builder_3.cjs.entry.js +20 -4
- package/dist/cjs/limebb-lime-query-filter-comparison_2.cjs.entry.js +8 -2
- package/dist/cjs/limebb-lime-query-filter-group_3.cjs.entry.js +37 -13
- package/dist/cjs/limebb-lime-query-order-by-item.cjs.entry.js +3 -3
- package/dist/cjs/limebb-lime-query-response-format-editor_2.cjs.entry.js +4 -4
- 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 +3 -3
- 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/components/lime-query-builder/expressions/lime-query-filter-comparison.css +14 -34
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-comparison.js +9 -3
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.css +61 -13
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.js +21 -7
- package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.js +1 -1
- package/dist/collection/components/lime-query-builder/expressions/lime-query-value-input.css +11 -7
- package/dist/collection/components/lime-query-builder/expressions/lime-query-value-input.js +15 -5
- package/dist/collection/components/lime-query-builder/lime-query-builder.css +16 -11
- package/dist/collection/components/lime-query-builder/lime-query-builder.js +4 -4
- 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.css +7 -10
- package/dist/collection/components/lime-query-builder/order-by/order-by-editor.js +19 -3
- package/dist/collection/components/lime-query-builder/order-by/order-by-item.css +6 -24
- package/dist/collection/components/lime-query-builder/order-by/order-by-item.js +3 -3
- package/dist/collection/components/lime-query-builder/response-format/response-format-editor.js +1 -1
- package/dist/collection/components/lime-query-builder/response-format/response-format-item.js +3 -3
- 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 +3 -3
- 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/lime-query-filter-comparison.js +10 -4
- package/dist/components/lime-query-filter-expression.js +23 -9
- package/dist/components/lime-query-value-input.js +16 -6
- package/dist/components/limebb-lime-query-builder.js +5 -5
- package/dist/components/limebb-locale-picker.js +1 -1
- package/dist/components/limebb-mention-group-counter.js +2 -2
- package/dist/components/limebb-percentage-visualizer.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 +20 -4
- package/dist/components/order-by-item.js +4 -4
- package/dist/components/response-format-editor.js +1 -1
- package/dist/components/response-format-item.js +3 -3
- package/dist/components/summary-popover.js +3 -3
- package/dist/esm/lime-crm-building-blocks.js +1 -1
- package/dist/esm/limebb-lime-query-builder.entry.js +5 -5
- package/dist/esm/limebb-lime-query-filter-builder_3.entry.js +21 -5
- package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js +9 -3
- package/dist/esm/limebb-lime-query-filter-group_3.entry.js +38 -14
- package/dist/esm/limebb-lime-query-order-by-item.entry.js +4 -4
- package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js +4 -4
- 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 +3 -3
- 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-d0721b22.entry.js → p-1c144b84.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-1dca2c7c.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-0de79b7f.entry.js → p-230bdc45.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-a9ac501f.entry.js → p-3a21c270.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-4ec8bdfe.entry.js +1 -0
- package/dist/lime-crm-building-blocks/p-4f605428.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-577d8909.entry.js → p-5c262387.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-6007457c.entry.js +1 -0
- package/dist/lime-crm-building-blocks/p-7d0e8a55.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-0f7135ff.entry.js → p-9e44b983.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/p-a135fb26.entry.js +1 -0
- package/dist/lime-crm-building-blocks/{p-7e5528f6.entry.js → p-a1f689f4.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-6f6fed59.entry.js → p-af27a8e5.entry.js} +1 -1
- package/dist/lime-crm-building-blocks/{p-3d1be1c9.entry.js → p-bb299b18.entry.js} +1 -1
- package/dist/types/components/lime-query-builder/expressions/lime-query-filter-comparison.d.ts +1 -0
- package/dist/types/components/lime-query-builder/expressions/lime-query-filter-group.d.ts +3 -0
- package/dist/types/components/lime-query-builder/expressions/lime-query-value-input.d.ts +2 -0
- package/dist/types/components/lime-query-builder/order-by/order-by-editor.d.ts +3 -0
- package/package.json +1 -1
- package/dist/lime-crm-building-blocks/p-3cd2de4f.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-5c693302.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-81dbda15.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-91074d93.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-d18697e3.entry.js +0 -1
- package/dist/lime-crm-building-blocks/p-d724b3c6.entry.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
1
|
+
import { h, Host } from "@stencil/core";
|
|
2
2
|
/**
|
|
3
3
|
* Order By Item Component
|
|
4
4
|
*
|
|
@@ -38,9 +38,9 @@ export class OrderByItemComponent {
|
|
|
38
38
|
render() {
|
|
39
39
|
const propertyPath = Object.keys(this.item)[0] || '';
|
|
40
40
|
const direction = this.item[propertyPath] || 'ASC';
|
|
41
|
-
return (h(
|
|
41
|
+
return (h(Host, { key: 'feb240a8e977c5ca24fa68db6cc01a6d747cb05c' }, h("limebb-property-selector", { key: '2244706344661dec4deb93c102eda68a0e555d26', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '3475f7c72de7faae1fc7798a0aa99dfb917d1d6c', class: "control-buttons" }, h("limel-icon-button", { key: '6f25d070ad97059ef41f09de0e8d75b6da068141', icon: direction === 'ASC'
|
|
42
42
|
? 'sort_ascending'
|
|
43
|
-
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '
|
|
43
|
+
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '1c1b31fbea3263e9c75622afc59cf888949646e5', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
|
|
44
44
|
}
|
|
45
45
|
static get is() { return "limebb-lime-query-order-by-item"; }
|
|
46
46
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/lime-query-builder/response-format/response-format-editor.js
CHANGED
|
@@ -111,7 +111,7 @@ export class ResponseFormatEditor {
|
|
|
111
111
|
if (this.items.length === 0) {
|
|
112
112
|
return (h("div", { class: "response-format-editor" }, h("h4", { class: "header" }, this.label), h("div", { class: "empty-state" }, h("p", { class: "empty-state-message" }, "No properties selected. The response will return empty objects."), h("limel-button", { label: "Add Property", icon: "plus_math", onClick: this.handleAddProperty }))));
|
|
113
113
|
}
|
|
114
|
-
return (h("div", { class: "response-format-editor" }, h("limel-header", { subheading: this.label }, this.renderPropertyCount()), h("div", { class: "property" }, h("div", { class: "property-list" }, this.items.map((item, index) => this.renderItem(item, index))), h("div", { class: "actions" }, h("limel-button", { label: "Property", icon: {
|
|
114
|
+
return (h("div", { class: "response-format-editor" }, h("limel-header", { subheading: this.label }, this.renderPropertyCount()), h("div", { class: "property" }, h("div", { class: "property-list" }, this.items.map((item, index) => this.renderItem(item, index))), h("div", { class: "actions" }, h("limel-button", { label: "Property", disabled: this.items.some((item) => !item.path || item.path.trim() === ''), icon: {
|
|
115
115
|
name: 'plus_math',
|
|
116
116
|
title: 'Add',
|
|
117
117
|
}, onClick: this.handleAddProperty })))));
|
package/dist/collection/components/lime-query-builder/response-format/response-format-item.js
CHANGED
|
@@ -66,9 +66,9 @@ export class ResponseFormatItem {
|
|
|
66
66
|
}
|
|
67
67
|
render() {
|
|
68
68
|
return [
|
|
69
|
-
h("div", { key: '
|
|
70
|
-
this.showAliasInput && (h("div", { key: '
|
|
71
|
-
this.showDescriptionInput && (h("div", { key: '
|
|
69
|
+
h("div", { key: 'a6750a148adab490c6efbf72d624ddaa754d10bf', class: "property-controls" }, h("div", { key: '3cd3301cbb708c34fb358956fe9063eac66e45d6', class: "property-path" }, h("limebb-property-selector", { key: '40a9353bd2af66f67d5a5e888984f57016d744ce', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange })), h("div", { key: '388d5a8dc7ad4b5b2fa4978e83edb4ddc1a0fd9f', class: "control-buttons" }, h("limel-icon-button", { key: 'caf92ced482bff1cd219d3348976956813dbad65', icon: this.getAliasIcon(), label: "Add alias", class: this.item.alias ? 'has-value' : '', onClick: this.toggleAliasInput }), h("limel-icon-button", { key: '5e5d8df90964c21659fd4327dec65e0b47e355bb', icon: this.getDescriptionIcon(), label: "Add description", class: this.item.description ? 'has-value' : '', onClick: this.toggleDescriptionInput }), h("limel-icon-button", { key: '34981b09d0d1e25b85b02c119da3d02e3f61fb5e', icon: "trash", label: "Remove property", onClick: this.handleRemove }))),
|
|
70
|
+
this.showAliasInput && (h("div", { key: 'bf70d1c0ebc568d139d65a5e65c5c841c9164343', class: "alias" }, h("limel-input-field", { key: '7ea01e90e9ff071623cba25f9fa42ce9c19f91e3', label: "Alias", value: this.item.alias || '', placeholder: "Custom property name...", onChange: this.handleAliasChange, onBlur: this.handleAliasBlur }))),
|
|
71
|
+
this.showDescriptionInput && (h("div", { key: '2b7c314d24fe24f17f6fc5108c49d1145cbeb869', class: "description" }, h("limel-input-field", { key: 'a71416a5af4fb99cd09155e9fc01a4efe489a551', label: "Description", value: this.item.description || '', placeholder: "Describe this property for AI...", onChange: this.handleDescriptionChange, onBlur: this.handleDescriptionBlur }))),
|
|
72
72
|
];
|
|
73
73
|
}
|
|
74
74
|
getAliasIcon() {
|
|
@@ -5,8 +5,8 @@ import { h } from "@stencil/core";
|
|
|
5
5
|
export class LiveDocsInfo {
|
|
6
6
|
render() {
|
|
7
7
|
return [
|
|
8
|
-
h("div", { key: '
|
|
9
|
-
h("p", { key: '
|
|
8
|
+
h("div", { key: '12193a8411806e8876272bed1cdef6de05f8cac3', class: "header" }, h("limel-icon", { key: '4b257f56f6b6969dde29abbe64b1aff5e26832fc', name: "not_showing_video_frames" }), h("h2", { key: '25fa656c792f9b7fbc056c790744f3007318d4cc' }, "Viewing this file type requires ", h("em", { key: '4d5bac586c89134e0f1e0d1265edb61635f7f72a' }, "Live Docs"))),
|
|
9
|
+
h("p", { key: '89b29d2a8eeab56b99bacea967b2ff775df13deb' }, h("em", { key: '9b25a2d8b24acf0f8b52993267e1839a195dea10' }, "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!", h("a", { key: 'f043f87759fb33843c51ce9482e4a69ec2704c4f', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
|
|
10
10
|
];
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "limebb-live-docs-info"; }
|
|
@@ -53,7 +53,7 @@ export class LocalePicker {
|
|
|
53
53
|
const value = this.value;
|
|
54
54
|
selectedOptions = options.find((option) => option.value === value);
|
|
55
55
|
}
|
|
56
|
-
return (h("limel-select", { key: '
|
|
56
|
+
return (h("limel-select", { key: 'cd7807aedacf781540686dd8de210188fdd72ea3', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
|
|
57
57
|
}
|
|
58
58
|
static get is() { return "limebb-locale-picker"; }
|
|
59
59
|
static get encapsulation() { return "shadow"; }
|
|
@@ -56,7 +56,7 @@ export class NotificationListItem {
|
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
58
|
var _a, _b;
|
|
59
|
-
return (h(Host, { key: '
|
|
59
|
+
return (h(Host, { key: '2af5e4522c278bd3317a8baf7d59295767fc4fa8', id: this.item.id, class: {
|
|
60
60
|
'is-clickable': this.isItemClickable(),
|
|
61
61
|
'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
|
|
62
62
|
'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
|
|
@@ -91,11 +91,11 @@ export class PercentageVisualizer {
|
|
|
91
91
|
render() {
|
|
92
92
|
const normalizedValue = this.getNormalizedValue();
|
|
93
93
|
const zeroPoint = this.getZeroPointPosition();
|
|
94
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: '3badab611790cec4fc5deb1f6efd2ab63ce07503', class: this.getContainerClassList(), style: {
|
|
95
95
|
'--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
|
|
96
96
|
'--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
|
|
97
97
|
'--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
|
|
98
|
-
} }, h("limel-notched-outline", { key: '
|
|
98
|
+
} }, h("limel-notched-outline", { key: 'e4a70309a7bfac50e9ff5b0d2d043014c059c734', 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 }, h("div", { key: 'b5071a3b2f649ced3636ef3deb532fd004092019', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
|
|
99
99
|
}
|
|
100
100
|
renderVisualization() {
|
|
101
101
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
|
@@ -118,14 +118,14 @@ export class SummaryPopover {
|
|
|
118
118
|
top: '0.125rem',
|
|
119
119
|
right: '0.125rem',
|
|
120
120
|
};
|
|
121
|
-
return (h("limel-popover", { key: '
|
|
121
|
+
return (h("limel-popover", { key: '804f40009efde10a2044df35aa7be03743925a85', style: {
|
|
122
122
|
'--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
|
|
123
|
-
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '
|
|
123
|
+
}, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '1cd360401352cecbdf2cbf8b19fba5e9e6d01373', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: 'e548a7fb224d0c5c6db98c3a88ef628011028d33', name: "trigger" }), h("div", { key: '60b74bd7fe1c1c08b2b89d8c7edfe35a7754c07d', class: "opening-countdown-indicator" })), h("limel-card", { key: '32fddd3a5f8f9bf42d91b306aa455ba87d42eeaa', style: {
|
|
124
124
|
'max-width': this.popoverMaxWidth,
|
|
125
125
|
'max-height': this.popoverMaxHeight,
|
|
126
126
|
'min-width': '7rem',
|
|
127
127
|
'min-height': '3rem',
|
|
128
|
-
}, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, h("limebb-navigation-button", { key: '
|
|
128
|
+
}, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, h("limebb-navigation-button", { key: 'f491b051f7e2a7d0fe6981e7ae7b9e7add9eab0e', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
|
|
129
129
|
}
|
|
130
130
|
static get is() { return "limebb-summary-popover"; }
|
|
131
131
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,8 +13,8 @@ export class MentionGroupCounter {
|
|
|
13
13
|
render() {
|
|
14
14
|
const label = this.getLabel();
|
|
15
15
|
return [
|
|
16
|
-
h("span", { key: '
|
|
17
|
-
h("limel-tooltip", { key: '
|
|
16
|
+
h("span", { key: 'b2955eb6da4189788bab7f5bc19e78654f92def6', id: this.tooltipId }, label),
|
|
17
|
+
h("limel-tooltip", { key: 'f0ffd52237ffa981067b36859552142770ebcebe', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
|
|
18
18
|
];
|
|
19
19
|
}
|
|
20
20
|
getLabel() {
|
|
@@ -389,7 +389,7 @@ export class LimeBBTextEditor {
|
|
|
389
389
|
}
|
|
390
390
|
render() {
|
|
391
391
|
return [
|
|
392
|
-
h("limel-text-editor", { key: '
|
|
392
|
+
h("limel-text-editor", { key: '62d54c8801141f2f2604ddd471c8d07a2ef6e3df', 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 }),
|
|
393
393
|
this.renderPicker(),
|
|
394
394
|
];
|
|
395
395
|
}
|
|
@@ -52,7 +52,7 @@ export class TrendIndicator {
|
|
|
52
52
|
this.numValue = this.parseValue(this.value);
|
|
53
53
|
}
|
|
54
54
|
render() {
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: '80d161871c2e6749f5f5d8d4ebd9b7aa73303f9e', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '0ef73c3ba0aefc87b5e7e47010ef12c5b2edfe76', 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 }, h("div", { key: 'cdc9fec8509df26aa830585e9019034fdb5f87c8', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
|
|
56
56
|
}
|
|
57
57
|
renderVisualization() {
|
|
58
58
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { c, Z as Zt } from './index.esm.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './lime-query-value-input.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './property-selector.js';
|
|
5
5
|
|
|
6
|
-
const limeQueryFilterComparisonCss = "
|
|
6
|
+
const limeQueryFilterComparisonCss = ":host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}";
|
|
7
7
|
const LimebbLimeQueryFilterComparisonStyle0 = limeQueryFilterComparisonCss;
|
|
8
8
|
|
|
9
9
|
const LIME_QUERY_OPERATORS = [
|
|
@@ -110,7 +110,13 @@ const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(clas
|
|
|
110
110
|
};
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
|
-
return (h(
|
|
113
|
+
return (h(Host, { key: '30808c3787ee21466a615e94224062a7a51f408a' }, this.renderHeader(), h("div", { key: 'ba05f0fb17a7e49d1a8e0089d2a2b918c75be39b', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'a995527a8d9a5ccb97a6c0f41dc753cc68fa89fc', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
|
|
114
|
+
}
|
|
115
|
+
renderHeader() {
|
|
116
|
+
if (!this.label) {
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
return h("limel-header", { subheading: this.label });
|
|
114
120
|
}
|
|
115
121
|
renderPropertySelector() {
|
|
116
122
|
return (h("limebb-property-selector", { platform: this.platform, context: this.context, label: "Property", limetype: this.limetype, value: this.expression.key, required: true, onChange: this.handlePropertyChange }));
|
|
@@ -142,7 +148,7 @@ const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(clas
|
|
|
142
148
|
}, [1, "limebb-lime-query-filter-comparison", {
|
|
143
149
|
"platform": [16],
|
|
144
150
|
"context": [16],
|
|
145
|
-
"label": [
|
|
151
|
+
"label": [513],
|
|
146
152
|
"limetype": [1],
|
|
147
153
|
"activeLimetype": [1, "active-limetype"],
|
|
148
154
|
"expression": [16]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { Z as Zt } from './index.esm.js';
|
|
3
3
|
import { d as defineCustomElement$3 } from './lime-query-filter-comparison.js';
|
|
4
4
|
import { d as defineCustomElement$5 } from './lime-query-value-input.js';
|
|
@@ -148,7 +148,7 @@ const LimeQueryFilterNotComponent = /*@__PURE__*/ proxyCustomElement(class LimeQ
|
|
|
148
148
|
};
|
|
149
149
|
}
|
|
150
150
|
render() {
|
|
151
|
-
return (h("div", { key: '
|
|
151
|
+
return (h("div", { key: 'e64fdcf00f6e88a27341e519f4b86542d3009bf5', class: "expression" }, this.label && h("limel-header", { key: '9b6a2d7f472337b314beb7cec481f9850e6320a0', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd8d1b50f2b03b5c239d3f9690a2e9efd683182b1', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
|
|
152
152
|
}
|
|
153
153
|
static get style() { return LimebbLimeQueryFilterNotStyle0; }
|
|
154
154
|
}, [1, "limebb-lime-query-filter-not", {
|
|
@@ -193,7 +193,7 @@ function defineCustomElement$2() {
|
|
|
193
193
|
} });
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
const limeQueryFilterGroupCss = "@charset \"UTF-8\"
|
|
196
|
+
const limeQueryFilterGroupCss = "@charset \"UTF-8\";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:\"\";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}";
|
|
197
197
|
const LimebbLimeQueryFilterGroupStyle0 = limeQueryFilterGroupCss;
|
|
198
198
|
|
|
199
199
|
const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterGroupComponent extends HTMLElement {
|
|
@@ -214,7 +214,10 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
|
|
|
214
214
|
value: 'or',
|
|
215
215
|
},
|
|
216
216
|
];
|
|
217
|
-
this.renderChildExpression = (expression, childIndex) => (h("
|
|
217
|
+
this.renderChildExpression = (expression, childIndex) => (h("limebb-lime-query-filter-expression", { role: "listitem", platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) }));
|
|
218
|
+
this.handleDeleteGroup = () => {
|
|
219
|
+
this.expressionChange.emit();
|
|
220
|
+
};
|
|
218
221
|
this.handleToggleOperator = (event) => {
|
|
219
222
|
const selectedOption = Array.isArray(event.detail)
|
|
220
223
|
? event.detail[0]
|
|
@@ -250,24 +253,35 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
|
|
|
250
253
|
(this.expression.op === Zt.AND ? 'and' : 'or')) || this.options[0];
|
|
251
254
|
}
|
|
252
255
|
render() {
|
|
256
|
+
return (h(Host, { key: 'dee472bac75f4b3138fa5972de258a3737b1f66d', style: {
|
|
257
|
+
'--limebb-lime-query-filter-group-operator': `"${this.expression.op === Zt.AND ? 'AND' : 'OR'}"`,
|
|
258
|
+
} }, h("div", { key: 'de3956a999557730304c70e9f7305c8e338bffb2', class: "expression" }, this.renderHeader(), h("ul", { key: 'f87552df1d0d138bb0284f9f3546611017eb847a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
|
|
259
|
+
}
|
|
260
|
+
renderHeader() {
|
|
253
261
|
const subheading = this.getSubheading();
|
|
254
|
-
|
|
262
|
+
if (!subheading) {
|
|
263
|
+
return null;
|
|
264
|
+
}
|
|
265
|
+
return (h("limel-header", { subheading: subheading }, this.renderOperators(), this.renderDeleteGroupButton()));
|
|
255
266
|
}
|
|
256
267
|
renderOperators() {
|
|
257
|
-
return (h("limel-select", { slot: "actions", value: this.value, options: this.options, onChange: this.handleToggleOperator }));
|
|
268
|
+
return (h("limel-select", { class: "operator-select", slot: "actions", value: this.value, options: this.options, onChange: this.handleToggleOperator }));
|
|
269
|
+
}
|
|
270
|
+
renderDeleteGroupButton() {
|
|
271
|
+
return (h("limel-icon-button", { class: "delete-group", slot: "actions", icon: "trash", label: "Delete This Group", onClick: this.handleDeleteGroup }));
|
|
258
272
|
}
|
|
259
273
|
getSubheading() {
|
|
260
274
|
return getFilterGroupSubheading(this.expression.op, this.expression.exp.length);
|
|
261
275
|
}
|
|
262
276
|
renderAddButton() {
|
|
263
|
-
return (h("limel-button", { label: "Condition", icon: {
|
|
277
|
+
return (h("limel-button", { role: "listitem", label: "Condition", icon: {
|
|
264
278
|
name: 'plus_math',
|
|
265
279
|
title: 'Add',
|
|
266
280
|
}, onClick: this.handleAddChildExpression }));
|
|
267
281
|
}
|
|
268
282
|
renderAddGroupButton() {
|
|
269
|
-
return (h("limel-button", { label: "Group", icon: {
|
|
270
|
-
name: '
|
|
283
|
+
return (h("limel-button", { class: "add-group", label: "Group", icon: {
|
|
284
|
+
name: 'plus_math',
|
|
271
285
|
title: 'Add',
|
|
272
286
|
}, onClick: this.handleAddChildGroup }));
|
|
273
287
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { T as Te, Z as Zt } from './index.esm.js';
|
|
3
3
|
import { g as getPropertyFromPath, d as defineCustomElement$1 } from './property-selector.js';
|
|
4
4
|
|
|
5
|
-
const limeQueryValueInputCss = ":host{display:
|
|
5
|
+
const limeQueryValueInputCss = ":host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.placeholder-input{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.placeholder-preview{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background-color:rgba(var(--color-blue-light), 0.1);border-radius:var(--border-radius-small);font-size:0.875rem;color:rgb(var(--color-blue-default));border-left:3px solid rgb(var(--color-blue-default))}.placeholder-preview limel-icon{flex-shrink:0;color:rgb(var(--color-blue-default))}.placeholder-preview span{font-family:var(--font-monospace);word-break:break-all}";
|
|
6
6
|
const LimebbLimeQueryValueInputStyle0 = limeQueryValueInputCss;
|
|
7
7
|
|
|
8
8
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -129,9 +129,13 @@ const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValu
|
|
|
129
129
|
if (!this.operator) {
|
|
130
130
|
return null;
|
|
131
131
|
}
|
|
132
|
-
return (h(
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
return (h(Host, null, this.renderModeToggle(), this.renderInputByMode()));
|
|
133
|
+
}
|
|
134
|
+
renderInputByMode() {
|
|
135
|
+
if (this.inputMode === 'placeholder') {
|
|
136
|
+
return this.renderPlaceholderInput();
|
|
137
|
+
}
|
|
138
|
+
return this.renderValueInputByType();
|
|
135
139
|
}
|
|
136
140
|
renderModeToggle() {
|
|
137
141
|
// Only show toggle if activeLimetype is set
|
|
@@ -145,7 +149,13 @@ const LimeQueryValueInput = /*@__PURE__*/ proxyCustomElement(class LimeQueryValu
|
|
|
145
149
|
}
|
|
146
150
|
renderPlaceholderInput() {
|
|
147
151
|
const propertyPath = this.parsePlaceholderPath(this.value);
|
|
148
|
-
return (h("div", { class: "placeholder-input" }, h("limebb-property-selector", { platform: this.platform, context: this.context, limetype: this.activeLimetype, label: "Active Object Property", value: propertyPath, required: false, helperText: "Select property from the active object", onChange: this.handlePlaceholderPropertyChange }), this.
|
|
152
|
+
return (h("div", { class: "placeholder-input" }, h("limebb-property-selector", { platform: this.platform, context: this.context, limetype: this.activeLimetype, label: "Active Object Property", value: propertyPath, required: false, helperText: "Select property from the active object", onChange: this.handlePlaceholderPropertyChange }), this.renderPlaceholderPreview()));
|
|
153
|
+
}
|
|
154
|
+
renderPlaceholderPreview() {
|
|
155
|
+
if (!this.isPlaceholder(this.value)) {
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
return (h("div", { class: "placeholder-preview" }, h("limel-icon", { name: "info", size: "small" }), h("span", null, "Placeholder: ", this.value)));
|
|
149
159
|
}
|
|
150
160
|
renderValueInputByType() {
|
|
151
161
|
// Special handling for IN operator - always use chip set for arrays
|
|
@@ -12,7 +12,7 @@ import { d as defineCustomElement$4 } from './lime-query-value-input.js';
|
|
|
12
12
|
import { d as defineCustomElement$3 } from './limetype-field.js';
|
|
13
13
|
import { d as defineCustomElement$2 } from './property-selector.js';
|
|
14
14
|
|
|
15
|
-
const limeQueryBuilderCss = "*,*:before,*:after{box-sizing:border-box}:host(limebb-lime-query-builder){--header-background-color:rgb(var(--contrast-400));--limebb-lime-query-builder-background-color:rgb(var(--contrast-100));--limebb-lime-query-builder-border-radius:0.75rem;box-sizing:border-box;width:calc(100% - 1.5rem);margin:0.75rem auto;display:flex;flex-direction:column;border-radius:var(--limebb-lime-query-builder-border-radius);background-color:var(--limebb-lime-query-builder-background-color);box-shadow:var(--shadow-inflated-16)}.gui-mode{
|
|
15
|
+
const limeQueryBuilderCss = "*,*:before,*:after{box-sizing:border-box}:host(limebb-lime-query-builder){--header-background-color:rgb(var(--contrast-400));--limebb-lime-query-builder-background-color:rgb(var(--contrast-100));--limebb-lime-query-builder-border-radius:0.75rem;--limebb-lime-query-builder-gui-mode-padding:1rem;--limebb-lime-query-builder-group-color:rgb(var(--color-sky-lighter));box-sizing:border-box;width:calc(100% - 1.5rem);margin:0.75rem auto;display:flex;flex-direction:column;border-radius:var(--limebb-lime-query-builder-border-radius);background-color:var(--limebb-lime-query-builder-background-color);box-shadow:var(--shadow-inflated-16)}.gui-mode{display:flex;flex-direction:column;gap:1rem;padding:var(--limebb-lime-query-builder-gui-mode-padding);border:1px solid var(--header-background-color);border-radius:0 0 var(--limebb-lime-query-builder-border-radius) var(--limebb-lime-query-builder-border-radius)}.code-mode{--code-editor-max-height:70vh;display:flex;flex-direction:column;gap:1rem}.code-mode .validation-errors{padding:0.75rem 1rem;color:rgb(var(--color-red-default));background-color:rgb(var(--color-red-lighter));border-left:0.25rem solid rgb(var(--color-red-default));border-radius:0.25rem;font-size:0.875rem}.code-mode .validation-errors strong{display:block;margin-bottom:0.5rem;font-weight:600}.code-mode .validation-errors ul{margin:0;padding-left:1.5rem}.code-mode .validation-errors li{margin:0.25rem 0}.code-mode .gui-limitations{padding:0.75rem 1rem;color:rgb(var(--color-blue-dark));background-color:rgb(var(--color-blue-lighter));border-left:0.25rem solid rgb(var(--color-blue-default));border-radius:0.25rem;font-size:0.875rem}.code-mode .gui-limitations strong{display:block;margin-bottom:0.5rem;font-weight:600}.code-mode .gui-limitations ul{margin:0;padding-left:1.5rem}.code-mode .gui-limitations li{margin:0.25rem 0}section.filter,section.query-options{display:flex;flex-direction:column;gap:1rem}section h4{margin:0;font-size:1.125rem;font-weight:600;color:rgb(var(--contrast-1000))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-gui-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-gui-mode-padding) * -1)}.query-options-controls{display:flex;flex-direction:column;gap:1rem}";
|
|
16
16
|
const LimebbLimeQueryBuilderStyle0 = limeQueryBuilderCss;
|
|
17
17
|
|
|
18
18
|
var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -263,26 +263,26 @@ const LimeQueryBuilder = /*@__PURE__*/ proxyCustomElement(class LimeQueryBuilder
|
|
|
263
263
|
];
|
|
264
264
|
}
|
|
265
265
|
renderLimetypeSection() {
|
|
266
|
-
return (h("
|
|
266
|
+
return (h("limebb-limetype-field", { platform: this.platform, context: this.context, label: "Limetype", value: this.limetype, required: true, fieldName: "limetype", onChange: this.handleLimetypeChange }));
|
|
267
267
|
}
|
|
268
268
|
renderResponseFormatSection() {
|
|
269
269
|
if (!this.limetype) {
|
|
270
270
|
return;
|
|
271
271
|
}
|
|
272
|
-
return (h("
|
|
272
|
+
return (h("section", { class: "response-format" }, h("limebb-lime-query-response-format-editor", { platform: this.platform, context: this.context, limetype: this.limetype, value: this.internalResponseFormat, onChange: this.handleResponseFormatChange })));
|
|
273
273
|
}
|
|
274
274
|
renderFilterSection() {
|
|
275
275
|
if (!this.limetype) {
|
|
276
276
|
return;
|
|
277
277
|
}
|
|
278
|
-
return (h("
|
|
278
|
+
return (h("section", { class: "filter" }, h("limel-header", { class: "is-narrow", heading: "Filter Conditions", icon: "-lime-filter" }), h("limebb-lime-query-filter-builder", { platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.filter, onExpressionChange: this.handleFilterChange })));
|
|
279
279
|
}
|
|
280
280
|
renderQueryOptionsSection() {
|
|
281
281
|
var _a;
|
|
282
282
|
if (!this.limetype) {
|
|
283
283
|
return;
|
|
284
284
|
}
|
|
285
|
-
return (h("
|
|
285
|
+
return (h("section", { class: "query-options" }, h("limel-header", { class: "is-narrow", heading: "Query Options", icon: "ask_question" }), h("div", { class: "query-options-controls" }, h("limel-input-field", { label: "Limit", type: "number", value: ((_a = this.limit) === null || _a === void 0 ? void 0 : _a.toString()) || '', placeholder: "No limit", helperText: "Maximum number of results", onChange: this.handleLimitChange }), h("limebb-lime-query-order-by-editor", { platform: this.platform, context: this.context, limetype: this.limetype, value: this.orderBy, onChange: this.handleOrderByChange }))));
|
|
286
286
|
}
|
|
287
287
|
renderGuiMode() {
|
|
288
288
|
return (h("div", { class: "gui-mode" }, this.renderLimetypeSection(), this.renderResponseFormatSection(), this.renderFilterSection(), this.renderQueryOptionsSection()));
|
|
@@ -1131,7 +1131,7 @@ const LocalePicker = /*@__PURE__*/ proxyCustomElement(class LocalePicker extends
|
|
|
1131
1131
|
const value = this.value;
|
|
1132
1132
|
selectedOptions = options.find((option) => option.value === value);
|
|
1133
1133
|
}
|
|
1134
|
-
return (h("limel-select", { key: '
|
|
1134
|
+
return (h("limel-select", { key: 'cd7807aedacf781540686dd8de210188fdd72ea3', 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 }));
|
|
1135
1135
|
}
|
|
1136
1136
|
}, [1, "limebb-locale-picker", {
|
|
1137
1137
|
"platform": [16],
|
|
@@ -13,8 +13,8 @@ const MentionGroupCounter = /*@__PURE__*/ proxyCustomElement(class MentionGroupC
|
|
|
13
13
|
render() {
|
|
14
14
|
const label = this.getLabel();
|
|
15
15
|
return [
|
|
16
|
-
h("span", { key: '
|
|
17
|
-
h("limel-tooltip", { key: '
|
|
16
|
+
h("span", { key: 'b2955eb6da4189788bab7f5bc19e78654f92def6', id: this.tooltipId }, label),
|
|
17
|
+
h("limel-tooltip", { key: 'f0ffd52237ffa981067b36859552142770ebcebe', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
|
|
18
18
|
];
|
|
19
19
|
}
|
|
20
20
|
getLabel() {
|
|
@@ -76,11 +76,11 @@ const PercentageVisualizer = /*@__PURE__*/ proxyCustomElement(class PercentageVi
|
|
|
76
76
|
render() {
|
|
77
77
|
const normalizedValue = this.getNormalizedValue();
|
|
78
78
|
const zeroPoint = this.getZeroPointPosition();
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '3badab611790cec4fc5deb1f6efd2ab63ce07503', class: this.getContainerClassList(), style: {
|
|
80
80
|
'--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
|
|
81
81
|
'--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
|
|
82
82
|
'--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
|
|
83
|
-
} }, h("limel-notched-outline", { key: '
|
|
83
|
+
} }, h("limel-notched-outline", { key: 'e4a70309a7bfac50e9ff5b0d2d043014c059c734', 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 }, h("div", { key: 'b5071a3b2f649ced3636ef3deb532fd004092019', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
|
|
84
84
|
}
|
|
85
85
|
renderVisualization() {
|
|
86
86
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
|
@@ -1774,7 +1774,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
|
|
|
1774
1774
|
}
|
|
1775
1775
|
render() {
|
|
1776
1776
|
return [
|
|
1777
|
-
h("limel-text-editor", { key: '
|
|
1777
|
+
h("limel-text-editor", { key: '62d54c8801141f2f2604ddd471c8d07a2ef6e3df', 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 }),
|
|
1778
1778
|
this.renderPicker(),
|
|
1779
1779
|
];
|
|
1780
1780
|
}
|
|
@@ -37,7 +37,7 @@ const TrendIndicator = /*@__PURE__*/ proxyCustomElement(class TrendIndicator ext
|
|
|
37
37
|
this.numValue = this.parseValue(this.value);
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h(Host, { key: '
|
|
40
|
+
return (h(Host, { key: '80d161871c2e6749f5f5d8d4ebd9b7aa73303f9e', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '0ef73c3ba0aefc87b5e7e47010ef12c5b2edfe76', 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 }, h("div", { key: 'cdc9fec8509df26aa830585e9019034fdb5f87c8', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
|
|
41
41
|
}
|
|
42
42
|
renderVisualization() {
|
|
43
43
|
if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {
|
|
@@ -148,7 +148,7 @@ const LimetypeField = /*@__PURE__*/ proxyCustomElement(class LimetypeField exten
|
|
|
148
148
|
value: '',
|
|
149
149
|
};
|
|
150
150
|
options.unshift(emptyOption);
|
|
151
|
-
return (h("limel-select", { key: '
|
|
151
|
+
return (h("limel-select", { key: '09ef43595a5822a77f246739fd51ab3c1aa145a5', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
|
|
152
152
|
}
|
|
153
153
|
componentWillRender() {
|
|
154
154
|
this.updatePropertyFields(this.value || '');
|
|
@@ -11,8 +11,8 @@ const LiveDocsInfo = /*@__PURE__*/ proxyCustomElement(class LiveDocsInfo extends
|
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
13
|
return [
|
|
14
|
-
h("div", { key: '
|
|
15
|
-
h("p", { key: '
|
|
14
|
+
h("div", { key: '12193a8411806e8876272bed1cdef6de05f8cac3', class: "header" }, h("limel-icon", { key: '4b257f56f6b6969dde29abbe64b1aff5e26832fc', name: "not_showing_video_frames" }), h("h2", { key: '25fa656c792f9b7fbc056c790744f3007318d4cc' }, "Viewing this file type requires ", h("em", { key: '4d5bac586c89134e0f1e0d1265edb61635f7f72a' }, "Live Docs"))),
|
|
15
|
+
h("p", { key: '89b29d2a8eeab56b99bacea967b2ff775df13deb' }, h("em", { key: '9b25a2d8b24acf0f8b52993267e1839a195dea10' }, "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!", h("a", { key: 'f043f87759fb33843c51ce9482e4a69ec2704c4f', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
|
|
16
16
|
];
|
|
17
17
|
}
|
|
18
18
|
static get style() { return LimebbLiveDocsInfoStyle0; }
|
|
@@ -58,7 +58,7 @@ const NotificationListItem = /*@__PURE__*/ proxyCustomElement(class Notification
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a, _b;
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '2af5e4522c278bd3317a8baf7d59295767fc4fa8', id: this.item.id, class: {
|
|
62
62
|
'is-clickable': this.isItemClickable(),
|
|
63
63
|
'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
|
|
64
64
|
'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './order-by-item.js';
|
|
3
3
|
import { d as defineCustomElement$1 } from './property-selector.js';
|
|
4
4
|
|
|
5
|
-
const orderByEditorCss = ":host(limebb-lime-query-order-by-editor){display:
|
|
5
|
+
const orderByEditorCss = ":host(limebb-lime-query-order-by-editor){display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header h4{margin:0;font-size:1rem;font-weight:600;color:rgb(var(--contrast-1000))}.order-by-list{display:flex;flex-direction:column;gap:1rem;border:1px solid rgb(var(--contrast-300));border-radius:0.25rem;background-color:rgb(var(--contrast-50));min-height:4rem}.order-by-item{padding:0.5rem;border-radius:0.25rem;transition:background-color 0.2s}.order-by-item:hover{background-color:rgb(var(--contrast-100))}.actions{display:flex;width:100%}.summary{display:flex;justify-content:space-between;align-items:center;padding-top:0.5rem;border-top:1px solid rgb(var(--contrast-300))}.summary .count{font-size:0.875rem;font-weight:500;color:rgb(var(--contrast-900))}limel-header.is-narrow{--header-top-right-left-border-radius:0;width:calc(100% + var(--limebb-lime-query-builder-gui-mode-padding) * 2);margin-left:calc(var(--limebb-lime-query-builder-gui-mode-padding) * -1)}.empty-state{padding:0 2rem;text-align:center;color:rgb(var(--contrast-700))}";
|
|
6
6
|
const LimebbLimeQueryOrderByEditorStyle0 = orderByEditorCss;
|
|
7
7
|
|
|
8
8
|
const OrderByEditor = /*@__PURE__*/ proxyCustomElement(class OrderByEditor extends HTMLElement {
|
|
@@ -61,10 +61,26 @@ const OrderByEditor = /*@__PURE__*/ proxyCustomElement(class OrderByEditor exten
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
+
return (h(Host, { key: '5ab38541c44c94b007ba24bee376ceb0836ffedd' }, this.renderEmptyState(), this.renderOrderByEditor()));
|
|
65
|
+
}
|
|
66
|
+
renderEmptyState() {
|
|
67
|
+
if (this.limetype) {
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
return (h("div", { class: "empty-state" }, h("p", null, "Select a limetype to configure sorting")));
|
|
71
|
+
}
|
|
72
|
+
renderOrderByEditor() {
|
|
64
73
|
if (!this.limetype) {
|
|
65
|
-
return
|
|
74
|
+
return null;
|
|
66
75
|
}
|
|
67
|
-
return
|
|
76
|
+
return [
|
|
77
|
+
this.renderHeader(),
|
|
78
|
+
this.renderOrderByList(),
|
|
79
|
+
this.renderActions(),
|
|
80
|
+
];
|
|
81
|
+
}
|
|
82
|
+
renderHeader() {
|
|
83
|
+
return (h("limel-header", { class: "is-narrow", heading: this.label, icon: "sorting_arrows" }));
|
|
68
84
|
}
|
|
69
85
|
renderOrderByList() {
|
|
70
86
|
if (this.items.length === 0) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$1 } from './property-selector.js';
|
|
3
3
|
|
|
4
|
-
const orderByItemCss = ":host(limebb-lime-query-order-by-item){
|
|
4
|
+
const orderByItemCss = "*{box-sizing:border-box}:host(limebb-lime-query-order-by-item){box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}limebb-property-selector{flex-grow:1}.control-buttons{flex-shrink:0;display:flex;align-items:center;gap:0.25rem}";
|
|
5
5
|
const LimebbLimeQueryOrderByItemStyle0 = orderByItemCss;
|
|
6
6
|
|
|
7
7
|
const OrderByItemComponent = /*@__PURE__*/ proxyCustomElement(class OrderByItemComponent extends HTMLElement {
|
|
@@ -40,9 +40,9 @@ const OrderByItemComponent = /*@__PURE__*/ proxyCustomElement(class OrderByItemC
|
|
|
40
40
|
render() {
|
|
41
41
|
const propertyPath = Object.keys(this.item)[0] || '';
|
|
42
42
|
const direction = this.item[propertyPath] || 'ASC';
|
|
43
|
-
return (h(
|
|
43
|
+
return (h(Host, { key: 'feb240a8e977c5ca24fa68db6cc01a6d747cb05c' }, h("limebb-property-selector", { key: '2244706344661dec4deb93c102eda68a0e555d26', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '3475f7c72de7faae1fc7798a0aa99dfb917d1d6c', class: "control-buttons" }, h("limel-icon-button", { key: '6f25d070ad97059ef41f09de0e8d75b6da068141', icon: direction === 'ASC'
|
|
44
44
|
? 'sort_ascending'
|
|
45
|
-
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '
|
|
45
|
+
: 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '1c1b31fbea3263e9c75622afc59cf888949646e5', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
|
|
46
46
|
}
|
|
47
47
|
static get style() { return LimebbLimeQueryOrderByItemStyle0; }
|
|
48
48
|
}, [1, "limebb-lime-query-order-by-item", {
|
|
@@ -260,7 +260,7 @@ const ResponseFormatEditor = /*@__PURE__*/ proxyCustomElement(class ResponseForm
|
|
|
260
260
|
if (this.items.length === 0) {
|
|
261
261
|
return (h("div", { class: "response-format-editor" }, h("h4", { class: "header" }, this.label), h("div", { class: "empty-state" }, h("p", { class: "empty-state-message" }, "No properties selected. The response will return empty objects."), h("limel-button", { label: "Add Property", icon: "plus_math", onClick: this.handleAddProperty }))));
|
|
262
262
|
}
|
|
263
|
-
return (h("div", { class: "response-format-editor" }, h("limel-header", { subheading: this.label }, this.renderPropertyCount()), h("div", { class: "property" }, h("div", { class: "property-list" }, this.items.map((item, index) => this.renderItem(item, index))), h("div", { class: "actions" }, h("limel-button", { label: "Property", icon: {
|
|
263
|
+
return (h("div", { class: "response-format-editor" }, h("limel-header", { subheading: this.label }, this.renderPropertyCount()), h("div", { class: "property" }, h("div", { class: "property-list" }, this.items.map((item, index) => this.renderItem(item, index))), h("div", { class: "actions" }, h("limel-button", { label: "Property", disabled: this.items.some((item) => !item.path || item.path.trim() === ''), icon: {
|
|
264
264
|
name: 'plus_math',
|
|
265
265
|
title: 'Add',
|
|
266
266
|
}, onClick: this.handleAddProperty })))));
|