@limetech/lime-crm-building-blocks 1.95.0 → 1.97.0

package/dist/components/document-item.js

@@ -0,0 +1,190 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+/**
+ * Format a file size in bytes into a human readable string.
+ *
+ * Uses base 1024 units (binary prefixes without the "i" designation)
+ * and applies adaptive precision: one decimal for values < 10 of the
+ * chosen unit, otherwise no decimals.
+ *
+ * Examples:
+ *  - 0 => "0 B"
+ *  - 512 => "512 B"
+ *  - 1536 => "1.5 KB"
+ *  - 1048576 => "1 MB"
+ *  - 5347737600 => "4.98 GB" (value < 10 so one decimal)
+ *
+ * @param bytes - the size in bytes
+ * @param decimals - max number of decimals for small unit values (default: 1)
+ * @returns formatted size string
+ */
+function formatBytes(bytes, decimals = 1) {
+    if (bytes == null || Number.isNaN(bytes)) {
+        return '';
+    }
+    if (bytes < 0) {
+        return '';
+    }
+    if (bytes === 0) {
+        return '0 B';
+    }
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
+    const value = bytes / Math.pow(k, i);
+    const precision = value < 10 ? Math.max(0, decimals) : 0; // only keep decimals for small values
+    const rounded = Number.parseFloat(value.toFixed(precision));
+    return `${rounded} ${sizes[i]}`;
+}
+
+const documentItemCss = "*{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-document-item){position:relative}limel-card:not([clickable]):not([clickable=true]){pointer-events:none;opacity:0.75}div[slot=component]{pointer-events:none;display:flex;flex-direction:column;margin-top:-0.25rem;padding:0 0.25rem}limel-checkbox,limel-radio-button{width:100%}.file-size{pointer-events:none;width:fit-content;padding:0 0.375rem;font-size:0.6875rem;color:rgb(var(--color-white));border-radius:1rem;opacity:0.75;background-color:rgb(var(--color-glaucous-darker), 0.8);box-shadow:var(--shadow-brighten-edges-outside);backdrop-filter:blur(0.75rem);margin-top:0.5rem}:host(.has-image) .file-size{margin-top:-1.5rem;margin-bottom:0.5rem}limel-help{position:absolute;top:0;right:0}:host(.has-error) limel-card{box-shadow:0 0 0 1px rgb(var(--color-red-light))}:host(.has-error) limel-help{--color-sky-default:var(\n      --color-red-default\n  );--color-sky-lighter:var(--color-red-lighter);--lime-elevated-surface-background-color:rgb(\n      var(--color-yellow-default)\n  )}";
+const LimebbDocumentItemStyle0 = documentItemCss;
+
+const DocumentItemComponent = /*@__PURE__*/ proxyCustomElement(class DocumentItemComponent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.interact = createEvent(this, "interact", 7);
+        /**
+         * The semantic role of the list item.
+         * - 'radio': renders a radio button for single selection.
+         * - 'checkbox': renders a checkbox for multiple selection.
+         */
+        this.type = 'checkbox';
+        this.handleDocumentItemClick = (event) => {
+            if (this.isUnavailable()) {
+                return;
+            }
+            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+                const isSelectionControl = event.target.closest('limel-checkbox') ||
+                    event.target.closest('limel-radio-button');
+                if (isSelectionControl) {
+                    return;
+                }
+            }
+            this.toggleSelection();
+        };
+        this.handleSelectionControlClick = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            if (this.isUnavailable()) {
+                return;
+            }
+            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected)) {
+                event.preventDefault();
+                this.forceInputUnchecked(event);
+                this.emitSelectionChange(!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected));
+            }
+        };
+        this.handleSelectionControlChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            if (this.isUnavailable()) {
+                return;
+            }
+            let isChecked;
+            if ('detail' in event &&
+                typeof event.detail === 'boolean') {
+                isChecked = event.detail;
+            }
+            else {
+                const input = event.target;
+                isChecked = !!(input === null || input === void 0 ? void 0 : input.checked);
+            }
+            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected) && !isChecked) {
+                this.emitSelectionChange(false);
+                return;
+            }
+            this.emitSelectionChange(isChecked);
+        };
+        this.handleKeyDown = (event) => {
+            if (event.key !== ' ' && event.key !== 'Enter') {
+                return;
+            }
+            event.preventDefault();
+            if (this.isUnavailable()) {
+                return;
+            }
+            this.toggleSelection();
+        };
+    }
+    render() {
+        const isUnavailable = this.isUnavailable();
+        return (h(Host, { key: '625f38ae7e31ae2b900366df8ad60ff2099a2ce6', id: this.item.id.toString(), class: {
+                'has-image': !!this.item.thumbnail,
+                '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: 'b88db5b44b9dfcd858f1e395d0837623dfe9b5a5', image: this.item.thumbnail, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '558028048aba88caf524373cbeb7c14ebc371bdb', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+    }
+    renderBooleanInput() {
+        const id = this.getControlId();
+        if (this.type === 'radio') {
+            return (h("limel-radio-button", { id: id, label: this.item.fileName, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
+        }
+        return (h("limel-checkbox", { id: id, label: this.item.fileName, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
+    }
+    renderFileSize() {
+        var _a;
+        const formattedFileSize = formatBytes((_a = this.item) === null || _a === void 0 ? void 0 : _a.fileSize);
+        if (!formattedFileSize) {
+            return;
+        }
+        return h("span", { class: "file-size" }, formattedFileSize);
+    }
+    renderHelp() {
+        if (!this.item.help) {
+            return;
+        }
+        return h("limel-help", { value: this.item.help, openDirection: "bottom-end" });
+    }
+    toggleSelection() {
+        var _a, _b;
+        if (this.type === 'radio') {
+            const nextSelectedState = !((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected);
+            this.emitSelectionChange(nextSelectedState);
+            return;
+        }
+        const nextSelectedState = !((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected);
+        this.emitSelectionChange(nextSelectedState);
+    }
+    emitSelectionChange(selected) {
+        this.interact.emit(Object.assign(Object.assign({}, this.item), { selected }));
+    }
+    getControlId() {
+        return `boolean-input-${String(this.item.id)}`;
+    }
+    isUnavailable() {
+        var _a, _b;
+        return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.item) === null || _b === void 0 ? void 0 : _b.hasError);
+    }
+    forceInputUnchecked(event) {
+        const target = event.target;
+        const host = target === null || target === void 0 ? void 0 : target.closest('limel-radio-button');
+        const input = host === null || host === void 0 ? void 0 : host.querySelector('input[type="radio"]');
+        if (input) {
+            input.checked = false;
+        }
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return LimebbDocumentItemStyle0; }
+}, [17, "limebb-document-item", {
+        "platform": [16],
+        "context": [16],
+        "item": [16],
+        "type": [513]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-document-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-document-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DocumentItemComponent);
+            }
+            break;
+    } });
+}
+
+export { DocumentItemComponent as D, defineCustomElement as d };

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

@@ -10,7 +10,7 @@ const FeedItemThumbnailFileInfo = /*@__PURE__*/ proxyCustomElement(class FeedIte
         this.__attachShadow();
     }
     render() {
-        return h("span", { key: 'adefcb0955cf6ae663bc9edd1a449e21b352c202' }, this.description);
+        return h("span", { key: 'dd3413d387c4183a82de9b4bc2e3c276f2e0d3e5' }, this.description);
     }
     static get style() { return LimebbFeedItemThumbnailFileInfoStyle0; }
 }, [1, "limebb-feed-item-thumbnail-file-info", {

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

@@ -193,7 +193,7 @@ const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class FeedTimelineItem
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'fcf4ac09958d87a2173381127bcbb589494923f5', id: this.item.id, class: {
+        return (h(Host, { key: 'ae530cfe3aa5c54f8c1d3ceae6630b606f5ca57f', 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/components/get.js

@@ -1,5 +1,6 @@
 import { i as isArray, S as Symbol } from './_Map.js';
-import { i as isSymbol, M as MapCache } from './_MapCache.js';
+import { i as isSymbol } from './isSymbol.js';
+import { M as MapCache } from './_MapCache.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

package/dist/components/isEqual.js

@@ -0,0 +1,35 @@
+import { b as baseIsEqual } from './_baseIsEqual.js';
+
+/**
+ * Performs a deep comparison between two values to determine if they are
+ * equivalent.
+ *
+ * **Note:** This method supports comparing arrays, array buffers, booleans,
+ * date objects, error objects, maps, numbers, `Object` objects, regexes,
+ * sets, strings, symbols, and typed arrays. `Object` objects are compared
+ * by their own, not inherited, enumerable properties. Functions and DOM
+ * nodes are compared by strict equality, i.e. `===`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to compare.
+ * @param {*} other The other value to compare.
+ * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ * var other = { 'a': 1 };
+ *
+ * _.isEqual(object, other);
+ * // => true
+ *
+ * object === other;
+ * // => false
+ */
+function isEqual(value, other) {
+  return baseIsEqual(value, other);
+}
+
+export { isEqual as i };

package/dist/components/isSymbol.js

@@ -0,0 +1,28 @@
+import { a as isObjectLike, b as baseGetTag } from './_Map.js';
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+}
+
+export { isSymbol as i };

package/dist/components/kanban-group.js

@@ -37,7 +37,7 @@ const KanbanGroup = /*@__PURE__*/ proxyCustomElement(class KanbanGroup extends H
             this.renderHelp(),
             this.renderGroupHeading(),
             this.renderGroupSummary(),
-            h("div", { key: 'e295aac5500dc6a6a09c3a55dffaeff9a997edf6', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
+            h("div", { key: 'f02bad3d0fc87d2359dfb1a9b6ee72c93433d3f2', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
         ];
     }
     renderGroupSummary() {

package/dist/components/kanban-item.js

@@ -55,7 +55,7 @@ const KanbanItemComponent = /*@__PURE__*/ proxyCustomElement(class KanbanItemCom
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '15d9b0f4cb7074024a1869ca02e08bc60d6c3153', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '4219ff4f6c63ffdf95d24ad12000c4e23b1b53c2', id: this.item.id.toString(), class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
             }, style: {