@limetech/lime-crm-building-blocks 1.139.0 → 1.140.0

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

@@ -234,18 +234,6 @@ button#show-more-button {
   color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
-  z-index: 1;
-  position: absolute;
-  right: 0;
-  bottom: -0.6rem;
-  left: 0;
-  margin: 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 3rem;
-  width: 2rem;
-  height: 1rem;
 }
 button#show-more-button:hover, button#show-more-button:focus, button#show-more-button:focus-visible {
   will-change: color, background-color, box-shadow, transform;
@@ -277,6 +265,20 @@ button#show-more-button:focus-visible {
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+button#show-more-button {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: -0.6rem;
+  left: 0;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 3rem;
+  width: 2rem;
+  height: 1rem;
+}
 button#show-more-button limel-icon {
   transition: rotate 0.2s ease 0.5s;
   color: var(--mdc-theme-primary);
@@ -513,10 +515,6 @@ button.expand-heading {
   cursor: pointer;
   color: rgb(var(--color-blue-default));
   background-color: transparent;
-  border-radius: 1rem;
-  padding: 0 0.25rem 0.25rem 0.25rem;
-  height: 1rem;
-  white-space: nowrap;
 }
 button.expand-heading:hover, button.expand-heading:focus, button.expand-heading:focus-visible {
   will-change: color, background-color, box-shadow, transform;
@@ -543,6 +541,12 @@ button.expand-heading:hover, button.expand-heading:active {
   --limel-clickable-transition-speed: 0.2s;
   --limel-clickable-transform-speed: 0.16s;
 }
+button.expand-heading {
+  border-radius: 1rem;
+  padding: 0 0.25rem 0.25rem 0.25rem;
+  height: 1rem;
+  white-space: nowrap;
+}
 
 button.collapse-heading {
   appearance: none;
@@ -558,12 +562,6 @@ button.collapse-heading {
   color: var(--limel-theme-on-surface-color);
   background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1.5rem;
-  width: 1rem;
 }
 button.collapse-heading:hover, button.collapse-heading:focus, button.collapse-heading:focus-visible {
   will-change: color, background-color, box-shadow, transform;
@@ -595,6 +593,14 @@ button.collapse-heading:focus-visible {
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+button.collapse-heading {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1.5rem;
+  width: 1rem;
+}
 button.collapse-heading limel-icon {
   width: 0.75rem;
 }
@@ -704,8 +710,6 @@ limel-chip-set {
 .thumbnail-card-link {
   --card-border-radius: 0.5rem;
   border-radius: var(--card-border-radius);
-  text-decoration: none;
-  display: inline-block;
 }
 .thumbnail-card-link:focus {
   outline: none;
@@ -714,6 +718,10 @@ limel-chip-set {
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+.thumbnail-card-link {
+  text-decoration: none;
+  display: inline-block;
+}
 
 limel-masonry-layout {
   --masonry-layout-min-column-width: 10rem;

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,

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()));
     }
@@ -360,7 +360,7 @@ export class Feed {
                 "setter": false,
                 "reflect": false,
                 "attribute": "minutes-of-proximity",
-                "defaultValue": "MINUTES_OF_PROXIMITY"
+                "defaultValue": "5"
             },
             "totalCount": {
                 "type": "number",

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

@@ -154,13 +154,6 @@ button.chip {
 button.chip:has(limel-icon) .text {
   padding-left: 0;
 }
-button.chip:not([disabled]) {
-  transition: color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
-  cursor: pointer;
-  color: var(--limel-theme-on-surface-color);
-  background-color: var(--lime-elevated-surface-background-color);
-  box-shadow: var(--button-shadow-normal);
-}
 button.chip:not([disabled]):focus {
   outline: none;
 }
@@ -168,6 +161,13 @@ button.chip:not([disabled]):focus-visible {
   outline: none;
   box-shadow: var(--shadow-depth-8-focused);
 }
+button.chip:not([disabled]) {
+  transition: color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
+  cursor: pointer;
+  color: var(--limel-theme-on-surface-color);
+  background-color: var(--lime-elevated-surface-background-color);
+  box-shadow: var(--button-shadow-normal);
+}
 button.chip:not([disabled]):hover, button.chip:not([disabled]):focus, button.chip:not([disabled]):focus-visible {
   will-change: color, background-color, box-shadow, transform;
 }
@@ -293,16 +293,6 @@ button.trailing-button {
   cursor: pointer;
   color: var(--limel-theme-on-surface-color);
   background-color: transparent;
-  z-index: 1;
-  flex-shrink: 0;
-  align-self: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-left: calc(1.75rem * -1 + 0.125rem);
-  width: 1.5rem;
-  height: 1.5rem;
-  border-radius: 50%;
 }
 button.trailing-button:hover, button.trailing-button:focus, button.trailing-button:focus-visible {
   will-change: color, background-color, box-shadow, transform;
@@ -329,6 +319,18 @@ button.trailing-button:hover, button.trailing-button:active {
   --limel-clickable-transition-speed: 0.2s;
   --limel-clickable-transform-speed: 0.16s;
 }
+button.trailing-button {
+  z-index: 1;
+  flex-shrink: 0;
+  align-self: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: calc(1.75rem * -1 + 0.125rem);
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 50%;
+}
 button.trailing-button svg {
   transition: color 0.2s ease, transform 0.2s ease;
   width: 1.25rem;

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
@@ -638,7 +638,7 @@ export class FilterChip {
                 "setter": false,
                 "reflect": false,
                 "attribute": "max-length",
-                "defaultValue": "DEFAULT_MAX_LENGTH"
+                "defaultValue": "25"
             }
         };
     }

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;
+}