@limetech/lime-crm-building-blocks 1.139.1 → 2.0.0

package/dist/collection/components/chat-list/chat-item/chat-item.js

@@ -64,9 +64,9 @@ export class ChatListItem {
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '1e6c1cea485ef290ccaf883a7206e2db140a03de', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '7726b35958522c860513ba9ea7a119a4ee9dfe2d', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: '9e726745a4e577fb56141693f94ad548a0dbb428', class: "bubble-content" }, h("div", { key: '30b9d1b5d27f658f43d65f60a8dfeb7c752ece7c', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '809b0064268e9ac537611a7244845d3622afd146', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '5f5a9bfd1abe7b82d0bc8b5e04a0033de196d97f' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: '2092b4d2eb6a4149205fbddae42aa63893ae2c35', class: "bubble-content" }, h("div", { key: '728b94f59b744ac932ede9bef2a99d180c0675f3', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: 'a87fbb4ba58928deace952f50f480483530ac552', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '446921a64f33dc02c6d6b9ae3e6143b1ad7ee6d9' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {

package/dist/collection/components/chat-list/chat-list.js

@@ -85,7 +85,7 @@ export class ChatList {
         this.scrollAnchor.afterRender();
     }
     render() {
-        return (h(Host, { key: '9b74a79b098dfe001b8931f9ba8c6dc1644baa1a', class: {
+        return (h(Host, { key: '2aab7c285dab2438761d90107c573060802863bf', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
             }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), this.order === 'newest-on-top' &&

package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js

@@ -7,7 +7,7 @@ import { h } from "@stencil/core";
  */
 export class TypingIndicator {
     render() {
-        return (h("div", { key: 'a9d6cf448777260f6b0646b5435b5fc4e608fbd6', class: "typing-ellipsis" }, h("div", { key: 'a5ce17e35ab42f6f027bb0ad2886683a9f45fec6', class: "circle" }), h("div", { key: 'f0752c80704f720f7fe8a570c3cdec00aabfbc50', class: "circle" }), h("div", { key: '852536cd7c975e4d39e99b58e7f810d7dd2c1430', class: "circle" })));
+        return (h("div", { key: 'afc891f3443bdecefb025e3564679bf83d654e9a', class: "typing-ellipsis" }, h("div", { key: 'd886ca24a5c075b2cedc9c2902fd9bfbc995e418', class: "circle" }), h("div", { key: '73133ec43983aa1cdf50e9b505cba45e0c8bde04', class: "circle" }), h("div", { key: '624b5cc3b21336642acf53e6d3b867a60ae34a80', class: "circle" })));
     }
     static get is() { return "limebb-typing-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-palette-picker/color-palette-picker.js

@@ -58,7 +58,7 @@ export class ColorPalettePicker {
         this.optionsById = new Map(this.options.map((option) => [option.value, option]));
     }
     render() {
-        return (h(Host, { key: 'dd5c38cb4b410f1a819547ee4e1ef200e5b74470' }, h("limel-select", { key: '0be8b51482986d95f3c949f10de115e465511ab9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
+        return (h(Host, { key: 'a5f44d09a862e67f6216bcad7f46eec29ced722a' }, h("limel-select", { key: 'a5cf05f6592bdda711def6ec1a05b56aee2b73c9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
     }
     /**
      * Resolve `this.value` against the cached options map. Returns

package/dist/collection/components/color-palette-picker/color-palette-swatches/color-palette-swatches.js

@@ -22,7 +22,7 @@ export class ColorPaletteSwatches {
         this.colors = [];
     }
     render() {
-        return (h(Host, { key: 'e4c3971072fcd0baa8615044e30098934ec64b69', "aria-hidden": "true" }, h("ol", { key: '721530cf997e348c58094479ca55fc3bc6d32a93' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+        return (h(Host, { key: '62b7189e13fb67c79e8da299a40b1ec621a2886f', "aria-hidden": "true" }, h("ol", { key: 'ae4bda8db0f631c0a8d7ea42f033c4bb1e37b1da' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
     }
     static get is() { return "limebb-color-palette-swatches"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/composer-toolbar/composer-toolbar.js

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     render() {
         return [
-            h("div", { key: 'e489e22d79ddf53289add50121bc5e207363f393', class: "actions" }, h("slot", { key: 'b8e771341ed61bba095fc588eed806b6b6cc4201', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '4ca9b9d8613159a9c4ab1177e13ea111b835399d', name: "trailing" })),
-            h("slot", { key: '4dbc74d2a8b0ba9634dbb9783bc1d3c90d637cd7', name: "primary-action" }),
+            h("div", { key: '95a495c2289ee07d42b9f2ffd5b9f69634f0c70b', class: "actions" }, h("slot", { key: '3729266b77e939e980734556dc1417e34921b9a9', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '211edc189658f512049b9e9487007a9e5b580134', name: "trailing" })),
+            h("slot", { key: '5c7e90a4577224f004e45b4f8447b330b6878138', name: "primary-action" }),
         ];
     }
     get translator() {

package/dist/collection/components/currency-picker/currency-picker.js

@@ -84,7 +84,7 @@ export class CurrencyPicker {
         };
     }
     render() {
-        return (h("limel-picker", { key: 'f78c82b9d9beda17b65ed5898f0af68f74364c85', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
+        return (h("limel-picker", { key: '8f907cef2bdcc25b1931f06f4bfdb54c0f6e4eec', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/collection/components/dashboard-widget/dashboard-widget.js

@@ -17,7 +17,7 @@ export class DashboardComponent {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '6ded0fe72e2cad4fe6508cb8cb38d0eff0865bcc', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: 'ab74c325ce14990b1e9bb7a29d361f13e4bab023', name: "content" })];
     }
     static get is() { return "limebb-dashboard-widget"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker.js

@@ -66,7 +66,7 @@ export class DatePicker {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '2c1596c4b222106e4be7781c17cfa86fb2a6ea0f', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
+        return (h("limel-date-picker", { key: '218c0a409c7a508fd551099d1df5e7e05734db10', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/collection/components/date-range/date-range.js

@@ -33,7 +33,7 @@ export class DateRange {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: 'd2329327a3a68f1697d2008c1fa02b266a6268fa', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: 'f6648162be4b8bf1605bce38cd584b8fe136c059', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

package/dist/collection/components/document-chips/document-chips.js

@@ -44,7 +44,7 @@ export class DocumentChips {
         this.revokeAllBlobUrls();
     }
     render() {
-        return (h(Host, { key: '628907d27b78e79f65da61b32bdb7b851a3eef04', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: 'e74468ff9712e3e3bda315925b5204d5ef6ae91b', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
     }
     renderFile(file) {
         const isReady = !file.uploadState || file.uploadState === 'done';

package/dist/collection/components/document-picker/document-item/document-item.js

@@ -78,10 +78,10 @@ export class DocumentItemComponent {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: '532fff336523f37eec1376e7abdb7d8ad7fe754d', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '802076b3b96c854277a01fa7833a1ccdb942eff4', id: String(this.item.file.id), class: {
                 'has-image': !!image,
                 'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: 'fed54bcd54a754d0a61a2d7acec2591515b4d3de', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '56ee7307fdb644364db3da43b48a53a985d661d9', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '4c8149a090818f69c8ad7ced12d46d3f405f2601', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'bfcd9153638e17e8d332395739dc835eee684707', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/collection/components/document-picker/document-picker.js

@@ -76,7 +76,7 @@ export class DocumentPicker {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '40bc1bd642e680f5914c472b024336cd3d85a28e' }, h("limel-notched-outline", { key: '38c00a5a207c9873211cfe8a4ce001405bfa14b2', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'e0811c99105ac55b7fd089411670fe23bb637b63', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
+        return (h(Host, { key: 'b49d5f3c6598651dd7e6c87884cb1aefa6c423f6' }, h("limel-notched-outline", { key: '89c635494ccbac031af5ac8470804fe096b315ac', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'c465e0dd11e74957526c7ffb18ccfa73b5b42f01', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

package/dist/collection/components/feed/feed-item/feed-timeline-item.js

@@ -205,7 +205,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '84e91c4401825cadc19d3a550c3047df0510230e', id: this.item.id, class: {
+        return (h(Host, { key: '0d1ba9124ef0451e73e6c66261015d193cde01b0', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,
@@ -308,6 +308,10 @@ export class FeedTimelineItem {
                         tagName: 'limebb-mention',
                         attributes: ['limetype', 'objectid'],
                     },
+                    {
+                        tagName: 'limebb-inline-image',
+                        attributes: ['image-id', 'width', 'height', 'alt'],
+                    },
                 ] }), this.renderShowMoreButton()),
         ];
     }

package/dist/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class FeedItemThumbnailFileInfo {
     render() {
-        return h("span", { key: '2a85325e57d44c3ea5dcc262de0ede9aace8f4a6' }, this.description);
+        return h("span", { key: '418abbe9f287784ed8f9dfa1a8ba4e343cdcda3b' }, this.description);
     }
     static get is() { return "limebb-feed-item-thumbnail-file-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feed/feed.js

@@ -103,7 +103,7 @@ export class Feed {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '039b9edef50f1e306d67a3cd390149f65424bbe7', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'a9313ef92a734e391ee178a1d0f2c3bcc3a7ec19', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

package/dist/collection/components/filter-chip/filter-chip.js

@@ -102,8 +102,8 @@ export class FilterChip {
         const items = this.getDisplayItems();
         const conjunction = this.getConjunctionText();
         const helperLabel = this.getHelperLabel(items, conjunction);
-        return (h(Host, { key: 'cd41bd4000ec52bba65131fcbdfaddcc57b5a19c' }, this.renderLabel(), h("button", { key: 'f9e4ad789d1234b6793215fba49922dfa22ed642', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
-                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), h("limel-tooltip", { key: '2039675de876cd689295c4cd16d895da64437091', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+        return (h(Host, { key: '291c2a6437491c9a5152b87af18476c2fb2f69bc' }, this.renderLabel(), h("button", { key: '8a51d37a3aa1f3b6a49dd15b0f6705fdc4c9ced3', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
+                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), h("limel-tooltip", { key: '522b0a8736e302e074914bf672c350ead53e418b', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
     }
     /**
      * `aria-pressed` only makes sense for an interactive toggle. A readonly

package/dist/collection/components/filter-chip/filter-condition-icons.js

@@ -197,3 +197,144 @@ export function getFilterConditionLabelKey(condition, propertyType) {
     }
     return undefined;
 }
+/**
+ * Conditions for text-like properties (`string`, `text`, `phone`, `link`):
+ * "Contains … Matches", with equality reading as "Is" / "Is not".
+ */
+const TEXT_CONDITIONS = [
+    'contains',
+    'not-contains',
+    'equals',
+    'not-equals',
+    'begins-with',
+    'not-begins-with',
+    'ends-with',
+    'not-ends-with',
+    'between',
+    'not-between',
+    'empty',
+    'not-empty',
+    'matches',
+];
+/**
+ * Conditions for numeric properties (`integer`, `decimal`, `percent`).
+ */
+const NUMBER_CONDITIONS = [
+    'equals',
+    'not-equals',
+    'greater-than',
+    'greater-than-or-equal',
+    'less-than',
+    'less-than-or-equal',
+    'between',
+    'not-between',
+    'empty',
+    'not-empty',
+    'matches',
+];
+/**
+ * Conditions for date/time properties. Comparisons read as "After" / "Before" /
+ * "On"; there is intentionally no `greater-than-or-equal` / `less-than-or-equal`
+ * — an inclusive bound is expressed in the date value editor, not as a separate
+ * condition.
+ */
+const DATE_CONDITIONS = [
+    'greater-than',
+    'less-than',
+    'between',
+    'not-between',
+    'equals',
+    'previous',
+    'current',
+    'next',
+    'empty',
+    'not-empty',
+    'matches',
+];
+/**
+ * Conditions for choice properties (`option`, `set`): "Is" / "Is not" (the
+ * latter was missing from the older CRM option popovers), plus "Matches".
+ */
+const OPTION_CONDITIONS = [
+    'equals',
+    'not-equals',
+    'matches',
+];
+/**
+ * Conditions for boolean (`yesno`) properties: "Is" / "Is not", plus "Empty" /
+ * "Not empty" and "Matches".
+ *
+ * A yes/no value is effectively three-state — Yes, No, or *unset* (never
+ * answered) when the property is nullable, i.e. not required and without a
+ * default. "Empty" / "Not empty" filter on that third state — whether the value
+ * was ever set — which is distinct from filtering on Yes vs No. Consumers whose
+ * booleans are always populated can narrow this list via the picker's
+ * `conditions` prop. See the "Boolean (yes/no)" example.
+ */
+const YESNO_CONDITIONS = [
+    'equals',
+    'not-equals',
+    'empty',
+    'not-empty',
+    'matches',
+];
+/**
+ * Conditions for relation properties (`belongsto`, `hasone`, `hasmany`,
+ * `hasandbelongstomany`): connected / not connected, filter-set membership,
+ * empty / not empty, and "Matches".
+ */
+const RELATION_CONDITIONS = [
+    'connected-to',
+    'not-connected-to',
+    'in-filter-set',
+    'not-in-filter-set',
+    'empty',
+    'not-empty',
+    'matches',
+];
+/** Types with no filter catalog (`user`, `xml`, `file`, `system`). */
+const NO_CONDITIONS = [];
+/**
+ * Per-property-type catalogs, in the order a condition picker should list them.
+ * An exhaustive map, so a property type added upstream is a compile error here
+ * rather than a silent fall-through to no conditions.
+ */
+const CONDITIONS_BY_PROPERTY_TYPE = {
+    string: TEXT_CONDITIONS,
+    text: TEXT_CONDITIONS,
+    phone: TEXT_CONDITIONS,
+    link: TEXT_CONDITIONS,
+    integer: NUMBER_CONDITIONS,
+    decimal: NUMBER_CONDITIONS,
+    percent: NUMBER_CONDITIONS,
+    date: DATE_CONDITIONS,
+    year: DATE_CONDITIONS,
+    quarter: DATE_CONDITIONS,
+    month: DATE_CONDITIONS,
+    time: DATE_CONDITIONS,
+    timeofday: DATE_CONDITIONS,
+    option: OPTION_CONDITIONS,
+    set: OPTION_CONDITIONS,
+    yesno: YESNO_CONDITIONS,
+    belongsto: RELATION_CONDITIONS,
+    hasone: RELATION_CONDITIONS,
+    hasmany: RELATION_CONDITIONS,
+    hasandbelongstomany: RELATION_CONDITIONS,
+    user: NO_CONDITIONS,
+    xml: NO_CONDITIONS,
+    file: NO_CONDITIONS,
+    system: NO_CONDITIONS,
+};
+/**
+ * The filter conditions a property of the given type can be filtered by, in the
+ * order `limebb-filter-condition-picker` should list them, or an empty array for
+ * a type without a catalog. A consumer that supports only a subset passes its
+ * own list to the picker instead.
+ * @param propertyType
+ */
+export function getConditionsForPropertyType(propertyType) {
+    if (!propertyType) {
+        return [];
+    }
+    return CONDITIONS_BY_PROPERTY_TYPE[propertyType];
+}

package/dist/collection/components/filter-chip/filter-operators.js

@@ -0,0 +1,54 @@
+import { Operator } from "@limetech/lime-web-components";
+/**
+ * The canonical operator↔condition translation for the *authoring* (write)
+ * direction, so consumers (the query builder, the rule editor, the CRM property
+ * filters) keep the mapping in one place instead of repeating it.
+ *
+ * Intentionally separate from the structural read-side map in `compound-leaf.ts`,
+ * which interprets *existing* expressions and maps some operators differently
+ * (a bare `NOT` reads as `not-equals`, a bare `IN` as `equals`). Do not merge
+ * the two.
+ */
+const OPERATOR_CONDITION_PAIRS = [
+    [Operator.EQUALS, 'equals'],
+    [Operator.NOT_EQUALS, 'not-equals'],
+    [Operator.GREATER, 'greater-than'],
+    [Operator.GREATER_OR_EQUAL, 'greater-than-or-equal'],
+    [Operator.LESS, 'less-than'],
+    [Operator.LESS_OR_EQUAL, 'less-than-or-equal'],
+    [Operator.IN, 'in-filter-set'],
+    [Operator.LIKE, 'contains'],
+    [Operator.BEGINS, 'begins-with'],
+    [Operator.ENDS, 'ends-with'],
+];
+/**
+ * The {@link Operator} that authors a condition, or `undefined` for a condition
+ * with no single operator (e.g. `between`, `empty`, `previous`).
+ * @param condition
+ */
+export function conditionToOperator(condition) {
+    var _a;
+    return (_a = OPERATOR_CONDITION_PAIRS.find(([, mapped]) => mapped === condition)) === null || _a === void 0 ? void 0 : _a[0];
+}
+/**
+ * The conditions a list of operators authors, in order, dropping any operator
+ * with no authoring condition. Lets a consumer declare which operators it offers
+ * and hand the matching conditions to `limebb-filter-condition-picker`.
+ * @param operators
+ */
+export function operatorsToConditions(operators) {
+    return operators
+        .map((operator) => { var _a; return (_a = OPERATOR_CONDITION_PAIRS.find(([op]) => op === operator)) === null || _a === void 0 ? void 0 : _a[1]; })
+        .filter((condition) => condition !== undefined);
+}
+/**
+ * The {@link FilterCondition} an operator authors, or `undefined` for an
+ * operator with no authoring condition (e.g. the structural `AND`/`OR`/`NOT`).
+ * @param operator
+ */
+export function operatorToCondition(operator) {
+    if (!operator) {
+        return;
+    }
+    return operatorsToConditions([operator])[0];
+}

package/dist/collection/components/filter-condition-picker/filter-condition-picker.css

@@ -0,0 +1,7 @@
+:host(limebb-filter-condition-picker) {
+  display: inline-block;
+}
+
+.condition {
+  --limel-notched-outline-label-color: transparent;
+}