@limetech/lime-crm-building-blocks 1.110.4 → 1.111.1

package/dist/collection/components/kanban/kanban-item/kanban-item.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-expression.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-group.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/lime-query-builder/response-format/response-format-item.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/navigation-button/navigation-button.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/notification-list/notification-item/notification-item.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/notification-list/notification-list.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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

@@ -0,0 +1,3 @@
+:host {
+  display: inline-block;
+}

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

@@ -0,0 +1,157 @@
+import { getIcon } from "../../util/limetype";
+import { getObjectUrl, ObjectResolver, } from "../../util/object-resolver";
+import { PlatformServiceName, } from "@limetech/lime-web-components";
+import { getElement, h } from "@stencil/core";
+/**
+ * Object chip
+ *
+ * Renders a `limel-chip` representing a Lime CRM object.
+ * The consumer provides `limetype` and `objectid`, and the component
+ * takes care of resolving the descriptive text, limetype icon and color,
+ * and generating a navigation URL.
+ *
+ * :::note
+ * If `platform` is not supplied as a prop, it will be fetched from the DOM.
+ * :::
+ *
+ * @exampleComponent limebb-example-object-chip
+ * @exampleComponent limebb-example-object-chip-icon-and-color-fallbacks
+ * @beta
+ */
+export class ObjectChip {
+    constructor() {
+        this.data = { loadFailed: false };
+        this.resolver = new ObjectResolver((data) => {
+            this.data = data;
+        });
+    }
+    connectedCallback() {
+        this.resolver.connect(this.limetype, this.objectid, getElement(this), this.platform);
+    }
+    disconnectedCallback() {
+        this.resolver.disconnect();
+    }
+    handlePropChange() {
+        this.resolver.update(this.limetype, this.objectid);
+    }
+    render() {
+        if (!this.resolver.resolvedPlatform) {
+            return;
+        }
+        const icon = getIcon(this.data.limetypeData);
+        return (h("limel-chip", { text: this.getChipText(), icon: icon, link: { href: getObjectUrl(this.limetype, this.objectid) }, loading: !this.data.limeobject && !this.data.loadFailed }));
+    }
+    getChipText() {
+        var _a;
+        if ((_a = this.data.limeobject) === null || _a === void 0 ? void 0 : _a.descriptive) {
+            return this.data.limeobject.descriptive;
+        }
+        if (this.data.loadFailed) {
+            return this.getErrorText();
+        }
+        return '';
+    }
+    getErrorText() {
+        if (!this.resolver.resolvedPlatform) {
+            return 'loading failed';
+        }
+        try {
+            const translator = this.resolver.resolvedPlatform.get(PlatformServiceName.Translate);
+            return translator.get('webclient.limeobject.errors.load-failed');
+        }
+        catch (_a) {
+            return 'loading failed';
+        }
+    }
+    static get is() { return "limebb-object-chip"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["object-chip.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["object-chip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "limetype": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the limetype of the object."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "limetype",
+                "reflect": false
+            },
+            "objectid": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Id of the object."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "objectid",
+                "reflect": false
+            },
+            "platform": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeWebComponentPlatform",
+                    "resolved": "LimeWebComponentPlatform | undefined",
+                    "references": {
+                        "LimeWebComponentPlatform": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::LimeWebComponentPlatform"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Platform instance. If not provided, the component will\nwalk the DOM to find a parent with a platform.\n\n:::note\nThe platform must be available when the component connects to\nthe DOM, either as a prop or via a parent element. Changing\nthe platform after the component has connected is not supported.\n:::"
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "data": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "limetype",
+                "methodName": "handlePropChange"
+            }, {
+                "propName": "objectid",
+                "methodName": "handlePropChange"
+            }];
+    }
+}

package/dist/collection/components/percentage-visualizer/percentage-visualizer.css

@@ -3,12 +3,33 @@
 * @prop --percentage-visualizer-color: defines the color of the percentage bar
 */
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

package/dist/collection/components/text-editor/text-editor-picker.css

@@ -7,6 +7,8 @@
   border-radius: 0.5rem;
   background-color: rgba(var(--contrast-100));
   box-shadow: var(--shadow-depth-16);
+  max-height: 50vh;
+  overflow-y: auto;
 }
 
 limel-menu-list {

package/dist/collection/components/text-editor/text-editor.js

@@ -38,6 +38,7 @@ const DEBOUNCE_SEARCH_TIMEOUT = 300;
  * @exampleComponent limebb-example-text-editor-composite
  * @exampleComponent limebb-example-text-editor-allow-resize
  * @exampleComponent limebb-example-text-editor-focus
+ * @exampleComponent limebb-example-text-editor-many-picker-items
  * @beta
  */
 export class LimeBBTextEditor {
@@ -390,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '74b1c4a2b87837c15da858fd98c138cf8a9623f0', 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 }),
+            h("limel-text-editor", { key: '2a87007bba9c506efab7ca6a3ba231e53d237356', 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 }),
             this.renderPicker(),
         ];
     }

package/dist/collection/components/trend-indicator/trend-indicator.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.