@limetech/lime-crm-building-blocks 1.109.3 → 1.110.0

package/dist/types/components/data-cells/data-cells.d.ts

@@ -0,0 +1,43 @@
+import { LimeWebComponentContext, LimeWebComponentPlatform } from '@limetech/lime-web-components';
+import { DataCell } from './data-cells.types';
+/**
+ * Renders a list of key-value data cells in two visual groups:
+ * primary (prominent) and secondary (less dominant).
+ *
+ * @exampleComponent limebb-example-data-cells-basic
+ * @exampleComponent limebb-example-data-cells-primary-secondary
+ * @exampleComponent limebb-example-data-cells-typed-values
+ * @exampleComponent limebb-example-data-cells-relative-dates
+ *
+ * @beta
+ */
+export declare class DataCells {
+    /**
+     * @inheritdoc
+     */
+    platform: LimeWebComponentPlatform;
+    /**
+     * @inheritdoc
+     */
+    context: LimeWebComponentContext;
+    /**
+     * The source LimeObject. Used by interactive cell types
+     * like `belongsto` to resolve related objects.
+     */
+    limeobject: any;
+    /**
+     * The data cells to render.
+     */
+    items: DataCell[];
+    render(): any[];
+    private renderPrimary;
+    private renderSecondary;
+    private renderCell;
+    private renderValue;
+    private toTelUri;
+    private ensureUrlProtocol;
+    private stripUrlPrefix;
+    private getBelongsToHref;
+    private get language();
+}
+//# sourceMappingURL=data-cells.d.ts.map

package/dist/types/components/data-cells/data-cells.types.d.ts

@@ -0,0 +1,40 @@
+import { PropertyType } from '@limetech/lime-web-components';
+/**
+ * The type of data in a cell. Mostly mirrors CRM `PropertyType`,
+ * with `'email'` added as an extra since the CRM models emails
+ * as `link` type distinguished by label.
+ */
+export type DataCellType = PropertyType | 'email';
+export interface DataCell {
+    /** Human-readable label, e.g. "Visiting city" */
+    label: string;
+    /**
+     * The cell value.
+     * For most types this is a pre-formatted display string.
+     * For types where the component handles formatting internally
+     * (e.g. `date`/`time` → relative date, `percent` → progress bar),
+     * pass the raw value (ISO date string, number, etc.).
+     */
+    value: any;
+    /**
+     * The data type of the value.
+     * Determines how the cell is rendered — e.g. `phone` renders
+     * as a `tel:` link, `email` as a `mailto:` link, `link` as a
+     * clickable URL, `percent` as a progress bar.
+     *
+     * When omitted, the value is rendered as plain text.
+     */
+    type?: DataCellType;
+    /**
+     * The property path on the source LimeObject (e.g. `"company"`).
+     * Used by interactive cell types like `belongsto` to resolve
+     * the related object for navigation.
+     */
+    field?: string;
+    /**
+     * When `true`, the cell belongs to the secondary (less prominent) group.
+     * Rendered in a separate `<dl>` with class `"secondary"`.
+     */
+    secondary?: boolean;
+}
+//# sourceMappingURL=data-cells.types.d.ts.map

package/dist/types/components/kanban/kanban.d.ts

@@ -16,7 +16,7 @@ import { KanbanItem } from './kanban-item/kanban-item.types';
  * @exampleComponent limebb-example-kanban-assignees
  * @exampleComponent limebb-example-kanban-unpromoted-actions
  * @exampleComponent limebb-example-kanban-group-insights
- * @exampleComponent limebb-example-kanban-primary-component
+ * @exampleComponent limebb-example-kanban-body-component
  *
  * @beta
  */

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { BrowserItem } from "./components/browser/browser-item.types";
 import { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 import { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 import { ComponentPickerType } from "./components/component-command-picker/types";
+import { DataCell } from "./components/data-cells/data-cells.types";
 import { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 import { DocumentType } from "./components/document-picker/document.types";
 import { FeedItem } from "./components/feed/feed-item/feed-item.types";
@@ -29,6 +30,7 @@ export { BrowserItem } from "./components/browser/browser-item.types";
 export { ActionBarItem, CustomElementDefinition, DateType, EditorUiType, FormInfo, Icon, Image, Languages, ListItem, ListSeparator, OpenDirection } from "@limetech/lime-elements";
 export { ChatItem } from "./components/chat-list/chat-item/chat-item.types";
 export { ComponentPickerType } from "./components/component-command-picker/types";
+export { DataCell } from "./components/data-cells/data-cells.types";
 export { DocumentItem } from "./components/document-picker/document-item/document-item.types";
 export { DocumentType } from "./components/document-picker/document.types";
 export { FeedItem } from "./components/feed/feed-item/feed-item.types";
@@ -347,6 +349,33 @@ export namespace Components {
          */
         "supportingText"?: string;
     }
+    /**
+     * Renders a list of key-value data cells in two visual groups:
+     * primary (prominent) and secondary (less dominant).
+     * @exampleComponent limebb-example-data-cells-basic
+     * @exampleComponent limebb-example-data-cells-primary-secondary
+     * @exampleComponent limebb-example-data-cells-typed-values
+     * @exampleComponent limebb-example-data-cells-relative-dates
+     * @beta 
+     */
+    interface LimebbDataCells {
+        /**
+          * @inheritdoc
+         */
+        "context": LimeWebComponentContext;
+        /**
+          * The data cells to render.
+         */
+        "items": DataCell[];
+        /**
+          * The source LimeObject. Used by interactive cell types like `belongsto` to resolve related objects.
+         */
+        "limeobject": any;
+        /**
+          * @inheritdoc
+         */
+        "platform": LimeWebComponentPlatform;
+    }
     /**
      * When developing apps, add-ons, or solution for Lime CRM,
      * you may need date pickers in the UI.
@@ -869,7 +898,7 @@ export namespace Components {
      * @exampleComponent limebb-example-kanban-assignees
      * @exampleComponent limebb-example-kanban-unpromoted-actions
      * @exampleComponent limebb-example-kanban-group-insights
-     * @exampleComponent limebb-example-kanban-primary-component
+     * @exampleComponent limebb-example-kanban-body-component
      * @beta 
      */
     interface LimebbKanban {
@@ -2439,6 +2468,21 @@ declare global {
         prototype: HTMLLimebbDashboardWidgetElement;
         new (): HTMLLimebbDashboardWidgetElement;
     };
+    /**
+     * Renders a list of key-value data cells in two visual groups:
+     * primary (prominent) and secondary (less dominant).
+     * @exampleComponent limebb-example-data-cells-basic
+     * @exampleComponent limebb-example-data-cells-primary-secondary
+     * @exampleComponent limebb-example-data-cells-typed-values
+     * @exampleComponent limebb-example-data-cells-relative-dates
+     * @beta 
+     */
+    interface HTMLLimebbDataCellsElement extends Components.LimebbDataCells, HTMLStencilElement {
+    }
+    var HTMLLimebbDataCellsElement: {
+        prototype: HTMLLimebbDataCellsElement;
+        new (): HTMLLimebbDataCellsElement;
+    };
     interface HTMLLimebbDatePickerElementEventMap {
         "change": string | Date | null;
     }
@@ -2827,7 +2871,7 @@ declare global {
      * @exampleComponent limebb-example-kanban-assignees
      * @exampleComponent limebb-example-kanban-unpromoted-actions
      * @exampleComponent limebb-example-kanban-group-insights
-     * @exampleComponent limebb-example-kanban-primary-component
+     * @exampleComponent limebb-example-kanban-body-component
      * @beta 
      */
     interface HTMLLimebbKanbanElement extends Components.LimebbKanban, HTMLStencilElement {
@@ -3691,6 +3735,7 @@ declare global {
         "limebb-component-picker": HTMLLimebbComponentPickerElement;
         "limebb-currency-picker": HTMLLimebbCurrencyPickerElement;
         "limebb-dashboard-widget": HTMLLimebbDashboardWidgetElement;
+        "limebb-data-cells": HTMLLimebbDataCellsElement;
         "limebb-date-picker": HTMLLimebbDatePickerElement;
         "limebb-date-range": HTMLLimebbDateRangeElement;
         "limebb-document-item": HTMLLimebbDocumentItemElement;
@@ -4065,6 +4110,33 @@ declare namespace LocalJSX {
          */
         "supportingText"?: string;
     }
+    /**
+     * Renders a list of key-value data cells in two visual groups:
+     * primary (prominent) and secondary (less dominant).
+     * @exampleComponent limebb-example-data-cells-basic
+     * @exampleComponent limebb-example-data-cells-primary-secondary
+     * @exampleComponent limebb-example-data-cells-typed-values
+     * @exampleComponent limebb-example-data-cells-relative-dates
+     * @beta 
+     */
+    interface LimebbDataCells {
+        /**
+          * @inheritdoc
+         */
+        "context"?: LimeWebComponentContext;
+        /**
+          * The data cells to render.
+         */
+        "items"?: DataCell[];
+        /**
+          * The source LimeObject. Used by interactive cell types like `belongsto` to resolve related objects.
+         */
+        "limeobject"?: any;
+        /**
+          * @inheritdoc
+         */
+        "platform"?: LimeWebComponentPlatform;
+    }
     /**
      * When developing apps, add-ons, or solution for Lime CRM,
      * you may need date pickers in the UI.
@@ -4643,7 +4715,7 @@ declare namespace LocalJSX {
      * @exampleComponent limebb-example-kanban-assignees
      * @exampleComponent limebb-example-kanban-unpromoted-actions
      * @exampleComponent limebb-example-kanban-group-insights
-     * @exampleComponent limebb-example-kanban-primary-component
+     * @exampleComponent limebb-example-kanban-body-component
      * @beta 
      */
     interface LimebbKanban {
@@ -6000,6 +6072,7 @@ declare namespace LocalJSX {
         "limebb-component-picker": LimebbComponentPicker;
         "limebb-currency-picker": LimebbCurrencyPicker;
         "limebb-dashboard-widget": LimebbDashboardWidget;
+        "limebb-data-cells": LimebbDataCells;
         "limebb-date-picker": LimebbDatePicker;
         "limebb-date-range": LimebbDateRange;
         "limebb-document-item": LimebbDocumentItem;
@@ -6140,6 +6213,16 @@ declare module "@stencil/core" {
              * @exampleComponent limebb-example-dashboard-widget-slots
              */
             "limebb-dashboard-widget": LocalJSX.LimebbDashboardWidget & JSXBase.HTMLAttributes<HTMLLimebbDashboardWidgetElement>;
+            /**
+             * Renders a list of key-value data cells in two visual groups:
+             * primary (prominent) and secondary (less dominant).
+             * @exampleComponent limebb-example-data-cells-basic
+             * @exampleComponent limebb-example-data-cells-primary-secondary
+             * @exampleComponent limebb-example-data-cells-typed-values
+             * @exampleComponent limebb-example-data-cells-relative-dates
+             * @beta 
+             */
+            "limebb-data-cells": LocalJSX.LimebbDataCells & JSXBase.HTMLAttributes<HTMLLimebbDataCellsElement>;
             /**
              * When developing apps, add-ons, or solution for Lime CRM,
              * you may need date pickers in the UI.
@@ -6310,7 +6393,7 @@ declare module "@stencil/core" {
              * @exampleComponent limebb-example-kanban-assignees
              * @exampleComponent limebb-example-kanban-unpromoted-actions
              * @exampleComponent limebb-example-kanban-group-insights
-             * @exampleComponent limebb-example-kanban-primary-component
+             * @exampleComponent limebb-example-kanban-body-component
              * @beta 
              */
             "limebb-kanban": LocalJSX.LimebbKanban & JSXBase.HTMLAttributes<HTMLLimebbKanbanElement>;

package/dist/types/util/format-relative-date.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats a date as a localized relative time expression,
+ * e.g. "3 days ago" or "in 2 months".
+ *
+ * Uses the browser's native `Intl.RelativeTimeFormat` API.
+ * @param date
+ * @param language
+ */
+export declare function formatRelativeDate(date: Date, language: string): string;
+//# sourceMappingURL=format-relative-date.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-crm-building-blocks",
-  "version": "1.109.3",
+  "version": "1.110.0",
   "description": "A home for shared components meant for use with Lime CRM",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@limetech/eslint-config": "^3.0.1",
-    "@limetech/lime-elements": "^39.5.6",
+    "@limetech/lime-elements": "^39.5.7",
     "@limetech/lime-web-components": "^6.13.1",
     "@limetech/lime-web-components-testing": "^1.0.0",
     "@lundalogik/lime-icons8": "^2.38.1",

package/dist/lime-crm-building-blocks/p-a8c47132.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as i,H as o}from"./p-52cf8641.js";import{c as a}from"./p-3b1fcd5b.js";const s=class{constructor(o){e(this,o),this.interact=r(this,"interact",7),this.renderRelations=()=>{var e,r,o;if(null===(r=null===(e=this.item)||void 0===e?void 0:e.relations)||void 0===r?void 0:r.length)return i("limel-chip-set",{value:null===(o=this.item)||void 0===o?void 0:o.relations})},this.renderAssigneesAvatar=e=>e.picture?i("img",{loading:"lazy",src:e.picture,alt:e.name.text}):i("limel-icon",{name:e.icon.name,style:{color:`${e.icon.color}`,"background-color":`${e.icon.backgroundColor}`}}),this.createMenuItem=e=>{var r,i;return"separator"in e?e:{value:e,text:null!==(r=e.label)&&void 0!==r?r:"",secondaryText:e.description,disabled:e.disabled,icon:null!==(i=e.icon)&&void 0!==i?i:""}},this.handleMenuItemSelect=e=>{var r;e.stopPropagation();const i=null===(r=e.detail.value)||void 0===r?void 0:r.command;i&&this.commandbus.handle(i)},this.handleKeyDown=e=>{"Enter"===e.key&&this.handleKanbanItemClick()},this.handleKanbanItemClick=()=>{this.interact.emit(this.item)}}render(){var e,r;return i(o,{key:"4ae9dbc241bda4df40a9b81e5c84bd9bc6d49699",id:this.item.id.toString(),class:{"has-unpromoted-actions":!!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length),"is-selected":!!(null===(r=this.item)||void 0===r?void 0:r.selected)},style:{"--limebb-kanban-item-color-code":`${this.item.color}`},onClick:this.handleKanbanItemClick,onKeyDown:this.handleKeyDown},this.renderHeader(),this.renderContent(),this.renderSlot(),this.renderFooter())}renderHeader(){return i("div",{class:"header"},this.renderIcon(),this.renderHeading(),this.renderUnpromotedActionsMenu())}renderIcon(){var e,r,o,a;if(this.item.icon)return i("limel-icon",{class:"icon",badge:!0,name:null!==(r=null===(e=this.item.icon)||void 0===e?void 0:e.name)&&void 0!==r?r:"dot_circle",style:{color:`${null===(o=this.item.icon)||void 0===o?void 0:o.color}`,"background-color":`${null===(a=this.item.icon)||void 0===a?void 0:a.backgroundColor}`}})}renderContent(){return i("div",{class:"content"},this.renderValue(),this.renderRelations())}renderHeading(){if(this.item.heading)return i("limel-markdown",{class:"heading",value:this.item.heading})}renderValue(){if(this.item.value)return i("limel-markdown",{class:"body reset-img-height",value:this.item.value})}renderUnpromotedActionsMenu(){var e,r;if(!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length))return;const o=this.item.unpromotedActions.map(this.createMenuItem);return i("limel-menu",{class:"unpromoted-actions-menu",items:o,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},i("limel-icon",{class:"actions",name:"menu_2",slot:"trigger",size:"small",id:"item-actions-tooltip"}),i("limel-tooltip",{elementId:"item-actions-tooltip",label:null===(r=this.translator)||void 0===r?void 0:r.get("webclient.more-actions"),openDirection:"top-end"}))}renderSlot(){var e;if(null===(e=this.item)||void 0===e?void 0:e.bodyComponent)return i("slot",{name:"body"})}renderFooter(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return i("div",{class:"footer"},this.renderAssignees())}renderAssignees(){var e;if(null===(e=this.item.assignees)||void 0===e?void 0:e.length)return i("div",{class:"assignees"},this.item.assignees.map((e=>{var r;return i("limebb-summary-popover",Object.assign({icon:null===(r=e.icon)||void 0===r?void 0:r.name},e.picture&&{image:{src:e.picture,alt:e.name.text||""}},{heading:e.name.text,value:this.createLinkToAssignee(e)}),i("a",{slot:"trigger",class:"assignee",href:e.name.href,title:e.name.text},this.renderAssigneesAvatar(e),i("span",null,e.name.text)))})))}createLinkToAssignee(e){const r=this.translator.get("webclient.actions.goto-object",{limetype:": <br><b>"+e.name.text+"</b>"});return`<a class="author" href="${e.name.href}" title="${e.name.text}">${r}</a>`}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(a.Translate)}get commandbus(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(a.CommandBus)}};s.style='@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limebb-kanban-item){position:relative;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem}:host(limebb-kanban-item):before{content:"";display:block;position:absolute;top:1rem;bottom:1rem;right:0;transform:translateX(50%);width:0.25rem;border-radius:1rem;background-color:var(--limebb-kanban-item-color-code)}.content{padding-top:0.25rem;min-height:3rem}.header{display:flex;align-items:flex-start;gap:0.5rem;min-height:1.75rem;padding:0.25rem 0.5rem;border-radius:0.5rem 0.5rem 0 0;background-color:rgb(var(--contrast-300))}.header a{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary);text-decoration:none}.header a:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}.header a:hover{color:rgb(var(--color-teal-light))}.header a:hover:before{opacity:0.3;transform:scale(1)}.heading{--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.unpromoted-actions-menu{margin:-0.5rem -0.5rem -0.25rem auto}.body{--limel-top-edge-fade-height:0.5rem;--limel-bottom-edge-fade-height:1rem;display:block;padding-left:0.5rem;padding-right:0.5rem;margin-top:-0.5rem;color:rgb(var(--contrast-1100));max-height:12rem;--limel-overflow-mask-vertical:linear-gradient(\n      to bottom,\n      transparent 0%,\n      black calc(0% + var(--limel-top-edge-fade-height, 1rem)),\n      black calc(100% - var(--limel-bottom-edge-fade-height, 1rem)),\n      transparent 100%\n  );-webkit-mask-image:var(--limel-overflow-mask-vertical);mask-image:var(--limel-overflow-mask-vertical);padding-top:var(--limel-top-edge-fade-height, 1rem);padding-bottom:var(--limel-bottom-edge-fade-height, 1rem)}limel-chip-set{--limel-chip-size:1.5rem;display:block;margin-left:-0.5rem;margin-right:0.5rem;padding-bottom:0.5rem}.footer{position:relative;display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.25rem 0.125rem;margin:0 0.25rem;border-top:1px dashed rgb(var(--contrast-300))}.header limel-icon,.footer limel-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.header .actions{margin:0.5rem 0.25rem 0}.header .actions:hover{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)}.header .actions:hover:hover,.header .actions:hover:focus,.header .actions:hover:focus-visible{will-change:color, background-color, box-shadow, transform}.header .actions:hover:hover,.header .actions:hover:focus-visible{transform:translate3d(0, -0.04rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}.header .actions:hover:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.header .actions:hover:hover,.header .actions:hover:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.footer img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);flex-shrink:0;width:1.25rem;height:1.25rem}.assignees{display:flex;align-items:center;gap:0.25rem}.assignees:has(>:nth-child(2)) span{display:none}.assignees:has(>:nth-child(2)) img,.assignees:has(>:nth-child(2)) limel-icon{margin-right:-0.5rem}.assignees:hover img,.assignees:hover limel-icon,.assignees:focus-within img,.assignees:focus-within limel-icon{margin-right:0rem}.assignees:hover .assignee:not(:hover):not(:focus-visible) img,.assignees:hover .assignee:not(:hover):not(:focus-visible) limel-icon,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) img,.assignees:focus-within .assignee:not(:hover):not(:focus-visible) limel-icon{filter:grayscale(1);opacity:0.6}.assignee{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:transparent;display:flex;align-items:center;text-decoration:none;gap:0.25rem;margin-left:0;border-radius:1rem}.assignee:hover,.assignee:focus,.assignee:focus-visible{will-change:color, background-color, box-shadow, transform}.assignee:hover,.assignee:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}.assignee:hover{box-shadow:var(--button-shadow-hovered)}.assignee:active{--limel-clickable-transform-timing-function:cubic-bezier(\n      0.83,\n      -0.15,\n      0.49,\n      1.16\n  );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}.assignee:hover,.assignee:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}.assignee:focus{outline:none}.assignee:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.assignee limel-icon,.assignee img{transition:margin 0.2s ease, opacity 0.2s ease, filter 0.2s ease}.assignee limel-icon{padding:0.125rem;box-shadow:0 0 0 1px rgb(var(--contrast-800), 0.4);background-color:rgb(var(--contrast-100))}.assignee span{font-size:0.75rem;color:rgb(var(--contrast-900));padding-right:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}slot[name=body]{display:block;padding:0 0.5rem 0.5rem 0.5rem}';export{s as limebb_kanban_item}