@limetech/lime-crm-building-blocks 1.60.0 → 1.61.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.61.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.60.0...v1.61.0) (2025-01-16)
+
+### Features
+
+
+* **kanban:** refactor to new group interface ([0d70354](https://github.com/Lundalogik/lime-crm-building-blocks/commit/0d703547c05a361dfc900319421fe3d87a81bcd7))
+
 ## [1.60.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.59.0...v1.60.0) (2025-01-15)
 
 ### Features

package/dist/cjs/lime-crm-building-blocks.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-mention-group-counter.cjs",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-summary-popover.cjs",[[1,"limebb-summary-popover",{"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"actions":[16],"isPopoverOpen":[32]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"groups":[16]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-mention-group-counter.cjs",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-summary-popover.cjs",[[1,"limebb-summary-popover",{"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"actions":[16],"isPopoverOpen":[32]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-group.cjs",[[1,"limebb-kanban-group",{"platform":[16],"context":[16],"identifier":[1],"heading":[513],"items":[16],"loading":[516],"totalCount":[514,"total-count"]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/limebb-kanban-group.cjs.entry.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f1d0f3b9.js');
+const types = require('./types-d3b90b2e.js');
+
+const kanbanGroupCss = "@charset \"UTF-8\";:host(limebb-kanban-group){background-color:rgb(var(--limebb-kanban-group-primary-background));--header-top-right-left-border-radius:0.5rem;--limebb-kanban-group-secondary-background:var(--contrast-300);--limebb-kanban-group-primary-background:var(--contrast-500);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem}:host(limebb-kanban-group.secondary){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-group-secondary-background))}:host(limebb-kanban-group.secondary) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}:host(limebb-kanban-group.secondary) limel-header{background-color:rgb(var(--limebb-kanban-group-secondary-background))}limel-header{flex-shrink:0;width:auto;background-color:rgb(var(--limebb-kanban-group-primary-background))}limel-badge{--badge-background-color:rgb(var(--contrast-200))}.group-heading{display:flex}.load-more-button,limel-spinner{align-self:center}.items{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem;padding:0.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}limebb-kanban-item{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(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color)}limebb-kanban-item:hover,limebb-kanban-item:focus,limebb-kanban-item:focus-visible{will-change:color, background-color, box-shadow, transform}limebb-kanban-item:hover{transform:translate3d(0, 0.01rem, 0);color:var(--mdc-theme-on-surface);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-hovered)}limebb-kanban-item: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)}limebb-kanban-item:hover,limebb-kanban-item:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limebb-kanban-item:focus{outline:none}limebb-kanban-item:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}";
+const LimebbKanbanGroupStyle0 = kanbanGroupCss;
+
+const KanbanGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.loadMore = index.createEvent(this, "loadMore", 7);
+        /**
+         * List of items to display in the group.
+         */
+        this.items = [];
+        this.handleLoadMore = (event) => {
+            event.stopPropagation();
+            this.loadMore.emit(this.identifier);
+        };
+    }
+    render() {
+        return [
+            this.renderGroupHeading(),
+            index.h("div", { key: '1e1eaca2ecba25502dd11f8ee677f29878de7f44', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
+        ];
+    }
+    renderGroupHeading() {
+        return (index.h("div", { class: "group-heading" }, index.h("limel-header", { heading: this.heading }), this.renderItemNumber()));
+    }
+    renderItemNumber() {
+        var _a;
+        return index.h("limel-badge", { label: (_a = this.totalCount) !== null && _a !== void 0 ? _a : 0 });
+    }
+    renderSpinner() {
+        if (this.loading) {
+            return index.h("limel-spinner", { size: "small" });
+        }
+    }
+    renderKanbanItems() {
+        return this.items.map((item) => {
+            return (index.h("limebb-kanban-item", { tabindex: 0, platform: this.platform, context: this.context, item: item, key: item.id }));
+        });
+    }
+    renderLoadMore() {
+        if (this.loading || this.items.length >= this.totalCount) {
+            return;
+        }
+        return (index.h("limel-icon-button", { class: "load-more-button", icon: "more", onClick: this.handleLoadMore, elevated: true, label: this.translator.get('webclient.load-more') }));
+    }
+    get translator() {
+        return this.platform.get(types.PlatformServiceName.Translate);
+    }
+};
+KanbanGroup.style = LimebbKanbanGroupStyle0;
+
+exports.limebb_kanban_group = KanbanGroup;

package/dist/cjs/limebb-kanban-item.cjs.entry.js

@@ -50,12 +50,12 @@ const KanbanItemComponent = class {
             }
         };
         this.handleKanbanItemClick = () => {
-            this.interact.emit();
+            this.interact.emit(this.item);
         };
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '82f1297fd090d0c7f4cd8b89f809c806ae13846a', id: this.item.id.toString(), class: {
+        return (index.h(index.Host, { key: 'c074d460169b860be8ebdf5d14db2fddd99114f7', id: this.item.id.toString(), 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),
             }, style: {

package/dist/cjs/limebb-kanban.cjs.entry.js

@@ -10,55 +10,26 @@ const LimebbKanbanStyle0 = kanbanCss;
 const Kanban = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.loadMore = index.createEvent(this, "loadMore", 7);
+        this.interact = index.createEvent(this, "interact", 7);
         /**
-         * List of items to display in the kanban board.
-         */
-        this.items = [];
-        /**
-         * The number of items rendered in each column,
-         * before pressing the "Load more" button.
-         */
-        this.paginationSize = 0;
-        /**
-         * List of possible groups to display in the kanban board.
-         * These need to be the values which are potentially
-         * found in the `groupBy` property. This will ensure that
-         * empty groups are rendered, if provided kanban items
-         * do not hold data all possible groups.
+         * List of groups to display in the kanban board.
+         * Each group contains a list of items belonging to that group.
          */
         this.groups = [];
+        this.handleLoadMore = (group) => (event) => {
+            event.stopPropagation();
+            if (group.identifier !== event.detail) {
+                return;
+            }
+            this.loadMore.emit(group);
+        };
     }
     render() {
-        return this.renderColumns();
-    }
-    renderColumns() {
-        const groupedItems = this.groupItems();
-        return groupedItems.map((group) => (index.h("limebb-kanban-column", { platform: this.platform, context: this.context, paginationSize: this.paginationSize, items: group.items, columnHeading: group.key, class: group.key === 'Ungrouped' ? 'ungrouped-column' : '' })));
+        return this.renderGroups();
     }
-    groupItems() {
-        const groups = this.items.reduce((acc, item) => {
-            const key = item[this.groupBy] || 'Ungrouped';
-            if (!acc[key]) {
-                acc[key] = [];
-            }
-            acc[key].push(item);
-            return acc;
-        }, {});
-        this.groups.forEach((group) => {
-            if (!groups[group]) {
-                groups[group] = [];
-            }
-        });
-        const groupedItems = Object.entries(groups).map(([key, items]) => ({
-            key: key,
-            items: items,
-        }));
-        const ungroupedIndex = groupedItems.findIndex((group) => group.key === 'Ungrouped');
-        if (ungroupedIndex !== -1) {
-            const [ungrouped] = groupedItems.splice(ungroupedIndex, 1);
-            groupedItems.push(ungrouped);
-        }
-        return groupedItems;
+    renderGroups() {
+        return this.groups.map((group) => (index.h("limebb-kanban-group", { platform: this.platform, context: this.context, identifier: group.identifier, heading: group.heading, totalCount: group.totalCount, loading: group.loading, items: group.items, class: group.type, onLoadMore: this.handleLoadMore(group) })));
     }
 };
 Kanban.style = LimebbKanbanStyle0;

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"items":[16],"paginationSize":[2,"pagination-size"],"groupBy":[513,"group-by"],"groups":[16]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-mention-group-counter.cjs",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-summary-popover.cjs",[[1,"limebb-summary-popover",{"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"actions":[16],"isPopoverOpen":[32]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-column.cjs",[[1,"limebb-kanban-column",{"platform":[16],"context":[16],"columnHeading":[1,"column-heading"],"items":[16],"loading":[4],"paginationSize":[2,"pagination-size"],"displayedItemCount":[32]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
+  return index.bootstrapLazy([["limebb-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"heading":[1],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"],"lastVisitedTimestamp":[1,"last-visited-timestamp"]}]]],["limebb-kanban.cjs",[[1,"limebb-kanban",{"platform":[16],"context":[16],"groups":[16]}]]],["limebb-text-editor.cjs",[[1,"limebb-text-editor",{"platform":[16],"context":[16],"allowMentioning":[4,"allow-mentioning"],"contentType":[1,"content-type"],"language":[513],"disabled":[516],"readonly":[516],"helperText":[513,"helper-text"],"placeholder":[513],"label":[513],"invalid":[516],"required":[516],"selectedContext":[16],"ui":[513],"allowResize":[4,"allow-resize"],"value":[1],"items":[32],"highlightedItemIndex":[32],"customElements":[32],"registeredTriggers":[32],"editorPickerQuery":[32],"searchableLimetypes":[32],"isPickerOpen":[32],"isSearching":[32]},null,{"isPickerOpen":["watchOpen"],"editorPickerQuery":["watchQuery"]}]]],["limebb-date-range.cjs",[[1,"limebb-date-range",{"platform":[16],"context":[16],"startTime":[16],"endTime":[16],"startTimeLabel":[1,"start-time-label"],"endTimeLabel":[1,"end-time-label"],"language":[1],"timeFormat":[1,"time-format"],"type":[1]}]]],["limebb-info-tile-currency-format.cjs",[[1,"limebb-info-tile-currency-format",{"platform":[16],"context":[16],"value":[16]}]]],["limebb-notification-list.cjs",[[1,"limebb-notification-list",{"platform":[16],"context":[16],"items":[16],"loading":[4],"lastVisitedTimestamp":[1,"last-visited-timestamp"]},null,{"items":["handleItemsChange"]}]]],["limebb-browser.cjs",[[17,"limebb-browser",{"platform":[16],"context":[16],"items":[16],"layout":[1],"filter":[32]}]]],["limebb-component-config.cjs",[[1,"limebb-component-config",{"platform":[16],"context":[16],"value":[16],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"formInfo":[16],"type":[1],"nameField":[1,"name-field"],"configComponent":[32],"configViewType":[32]},null,{"formInfo":["watchFormInfo"],"configComponent":["watchconfigComponent"]}]]],["limebb-component-picker.cjs",[[1,"limebb-component-picker",{"platform":[16],"context":[16],"type":[1],"tags":[16],"value":[1],"copyLabel":[1,"copy-label"],"hideCopyButton":[4,"hide-copy-button"],"required":[4],"readonly":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-dashboard-widget.cjs",[[1,"limebb-dashboard-widget",{"heading":[513],"subheading":[513],"supportingText":[513,"supporting-text"],"icon":[513]}]]],["limebb-icon-picker.cjs",[[1,"limebb-icon-picker",{"value":[1],"required":[4],"readonly":[4],"invalid":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"]}]]],["limebb-info-tile.cjs",[[1,"limebb-info-tile",{"platform":[16],"context":[16],"filterId":[513,"filter-id"],"disabled":[4],"icon":[513],"label":[1],"prefix":[1],"suffix":[1],"propertyName":[1,"property-name"],"aggregateOperator":[1,"aggregate-operator"],"format":[16],"config":[32],"filters":[32],"value":[32],"loading":[32],"error":[32]},null,{"filterId":["watchFilterId"],"propertyName":["watchPropertyName"],"aggregateOperator":["watchAggregateOperator"]}]]],["limebb-info-tile-date-format.cjs",[[1,"limebb-info-tile-date-format",{"value":[16]}]]],["limebb-info-tile-decimal-format.cjs",[[1,"limebb-info-tile-decimal-format",{"value":[16]}]]],["limebb-info-tile-format.cjs",[[1,"limebb-info-tile-format",{"platform":[16],"context":[16],"type":[1],"value":[16]}]]],["limebb-info-tile-relative-date-format.cjs",[[1,"limebb-info-tile-relative-date-format",{"value":[16]}]]],["limebb-info-tile-unit-format.cjs",[[1,"limebb-info-tile-unit-format",{"value":[16]}]]],["limebb-limeobject-file-viewer.cjs",[[1,"limebb-limeobject-file-viewer",{"platform":[16],"context":[16],"property":[1],"fileTypes":[16],"limeobject":[32],"limetype":[32]}]]],["limebb-locale-picker.cjs",[[1,"limebb-locale-picker",{"platform":[16],"context":[16],"value":[1],"required":[4],"disabled":[4],"label":[1],"helperText":[1,"helper-text"],"readonly":[4],"multipleChoice":[4,"multiple-choice"],"allLanguages":[32]}]]],["limebb-mention.cjs",[[1,"limebb-mention",{"limetype":[1],"objectid":[2],"limeobject":[32]}]]],["limebb-mention-group-counter.cjs",[[1,"limebb-mention-group-counter",{"count":[2],"limetype":[16],"helperLabel":[1,"helper-label"]}]]],["limebb-navigation-button.cjs",[[17,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["limebb-summary-popover.cjs",[[1,"limebb-summary-popover",{"heading":[513],"subheading":[513],"image":[16],"icon":[513],"value":[1],"openDirection":[513,"open-direction"],"actions":[16],"isPopoverOpen":[32]}]]],["limebb-feed-timeline-item.cjs",[[1,"limebb-feed-timeline-item",{"platform":[16],"context":[16],"item":[16],"ui":[513],"isBundled":[516,"is-bundled"],"headingCanExpand":[32],"isHeadingExpanded":[32],"showMore":[32],"isTall":[32]}]]],["limebb-kanban-group.cjs",[[1,"limebb-kanban-group",{"platform":[16],"context":[16],"identifier":[1],"heading":[513],"items":[16],"loading":[516],"totalCount":[514,"total-count"]}]]],["limebb-text-editor-picker.cjs",[[1,"limebb-text-editor-picker",{"items":[16],"open":[516],"isSearching":[4,"is-searching"],"emptyMessage":[1,"empty-message"]},null,{"open":["watchOpen"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"platform":[16],"context":[16],"label":[513],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[1]}]]],["limebb-date-picker.cjs",[[1,"limebb-date-picker",{"platform":[16],"context":[16],"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[1],"type":[513]}]]],["limebb-notification-item.cjs",[[1,"limebb-notification-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-kanban-item.cjs",[[1,"limebb-kanban-item",{"platform":[16],"context":[16],"item":[16]}]]],["limebb-empty-state.cjs",[[1,"limebb-empty-state",{"heading":[513],"value":[513],"icon":[16]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -19,7 +19,7 @@
     "components/info-tile/format/config/info-tile-relative-date-format.js",
     "components/info-tile/format/config/info-tile-unit-format.js",
     "components/kanban/kanban.js",
-    "components/kanban/kanban-column/kanban-column.js",
+    "components/kanban/kanban-group/kanban-group.js",
     "components/kanban/kanban-item/kanban-item.js",
     "components/limeobject/file-viewer/file-viewer.js",
     "components/locale-picker/locale-picker.js",

package/dist/collection/components/kanban/{kanban-column/kanban-column.css → kanban-group/kanban-group.css}

@@ -57,11 +57,11 @@
 * to enable you to truncate a piece of text,
 * after a certain number of lines.
 */
-:host(limebb-kanban-column) {
-  background-color: rgb(var(--limebb-kanban-column-grouped-background));
+:host(limebb-kanban-group) {
+  background-color: rgb(var(--limebb-kanban-group-primary-background));
   --header-top-right-left-border-radius: 0.5rem;
-  --limebb-kanban-column-ungrouped-background: var(--contrast-300);
-  --limebb-kanban-column-grouped-background: var(--contrast-500);
+  --limebb-kanban-group-secondary-background: var(--contrast-300);
+  --limebb-kanban-group-primary-background: var(--contrast-500);
   scroll-snap-align: start;
   box-sizing: border-box;
   display: flex;
@@ -70,31 +70,36 @@
   min-width: 20rem;
 }
 
-:host(limebb-kanban-column.ungrouped-column) {
+:host(limebb-kanban-group.secondary) {
   border: 1px dashed rgb(var(--contrast-700));
-  background-color: rgb(var(--limebb-kanban-column-ungrouped-background));
+  background-color: rgb(var(--limebb-kanban-group-secondary-background));
 }
-:host(limebb-kanban-column.ungrouped-column) limebb-kanban-item {
+:host(limebb-kanban-group.secondary) limebb-kanban-item {
   border: 1px dashed rgb(var(--contrast-700));
 }
-:host(limebb-kanban-column.ungrouped-column) limel-header {
-  background-color: rgb(var(--limebb-kanban-column-ungrouped-background));
+:host(limebb-kanban-group.secondary) limel-header {
+  background-color: rgb(var(--limebb-kanban-group-secondary-background));
 }
 
 limel-header {
   flex-shrink: 0;
   width: auto;
-  background-color: rgb(var(--limebb-kanban-column-grouped-background));
+  background-color: rgb(var(--limebb-kanban-group-primary-background));
 }
 
 limel-badge {
   --badge-background-color: rgb(var(--contrast-200));
 }
 
-.column-heading {
+.group-heading {
   display: flex;
 }
 
+.load-more-button,
+limel-spinner {
+  align-self: center;
+}
+
 .items {
   flex-grow: 1;
   display: flex;

package/dist/collection/components/kanban/{kanban-column/kanban-column.js → kanban-group/kanban-group.js}

@@ -1,44 +1,33 @@
 import { h } from "@stencil/core";
 import { PlatformServiceName, } from "@limetech/lime-web-components";
 /**
- * This component generates the columns for `limebb-kanban`.
+ * This component generates the groups for `limebb-kanban`.
  *
  * @private
  */
-export class KanbanColumn {
+export class KanbanGroup {
     constructor() {
         /**
-         * The title of the column, which is taken from the
-         * `groupBy` property of the `limebb-kanban` component.
-         */
-        this.columnHeading = 'Ungrouped';
-        /**
-         * List of items to display in the column.
+         * List of items to display in the group.
          */
         this.items = [];
-        this.displayedItemCount = 0;
         this.handleLoadMore = (event) => {
             event.stopPropagation();
-            this.displayedItemCount += this.paginationSize;
-            this.loadMore.emit();
+            this.loadMore.emit(this.identifier);
         };
     }
-    componentWillLoad() {
-        this.displayedItemCount = this.paginationSize;
-    }
     render() {
         return [
-            this.renderColumnHeading(),
-            h("div", { key: 'c02fd02dbea2d5155cf252bb2b9e3ed45d5c917c', class: "items" }, this.renderSpinner(), this.renderKanbanItems(), this.renderLoadMore()),
+            this.renderGroupHeading(),
+            h("div", { key: '1e1eaca2ecba25502dd11f8ee677f29878de7f44', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
         ];
     }
-    renderColumnHeading() {
-        return (h("div", { class: "column-heading" }, h("limel-header", { heading: this.columnHeading }), this.renderItemNumber()));
+    renderGroupHeading() {
+        return (h("div", { class: "group-heading" }, h("limel-header", { heading: this.heading }), this.renderItemNumber()));
     }
     renderItemNumber() {
-        if (this.items.length > 0) {
-            return h("limel-badge", { label: this.items.length });
-        }
+        var _a;
+        return h("limel-badge", { label: (_a = this.totalCount) !== null && _a !== void 0 ? _a : 0 });
     }
     renderSpinner() {
         if (this.loading) {
@@ -46,13 +35,12 @@ export class KanbanColumn {
         }
     }
     renderKanbanItems() {
-        return this.items.slice(0, this.displayedItemCount).map((item) => {
+        return this.items.map((item) => {
             return (h("limebb-kanban-item", { tabindex: 0, platform: this.platform, context: this.context, item: item, key: item.id }));
         });
     }
     renderLoadMore() {
-        if (!this.items.length ||
-            this.displayedItemCount >= this.items.length) {
+        if (this.loading || this.items.length >= this.totalCount) {
             return;
         }
         return (h("limel-icon-button", { class: "load-more-button", icon: "more", onClick: this.handleLoadMore, elevated: true, label: this.translator.get('webclient.load-more') }));
@@ -60,16 +48,16 @@ export class KanbanColumn {
     get translator() {
         return this.platform.get(PlatformServiceName.Translate);
     }
-    static get is() { return "limebb-kanban-column"; }
+    static get is() { return "limebb-kanban-group"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["kanban-column.scss"]
+            "$": ["kanban-group.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["kanban-column.css"]
+            "$": ["kanban-group.css"]
         };
     }
     static get properties() {
@@ -126,7 +114,26 @@ export class KanbanColumn {
                 "getter": false,
                 "setter": false
             },
-            "columnHeading": {
+            "identifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "A unique identifier for the group."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "identifier",
+                "reflect": false
+            },
+            "heading": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -138,13 +145,12 @@ export class KanbanColumn {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The title of the column, which is taken from the\n`groupBy` property of the `limebb-kanban` component."
+                    "text": "The title of the group, which is taken from the\n`groupBy` property of the `limebb-kanban` component."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "column-heading",
-                "reflect": false,
-                "defaultValue": "'Ungrouped'"
+                "attribute": "heading",
+                "reflect": true
             },
             "items": {
                 "type": "unknown",
@@ -164,7 +170,7 @@ export class KanbanColumn {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "List of items to display in the column."
+                    "text": "List of items to display in the group."
                 },
                 "getter": false,
                 "setter": false,
@@ -187,9 +193,9 @@ export class KanbanColumn {
                 "getter": false,
                 "setter": false,
                 "attribute": "loading",
-                "reflect": false
+                "reflect": true
             },
-            "paginationSize": {
+            "totalCount": {
                 "type": "number",
                 "mutable": false,
                 "complexType": {
@@ -201,20 +207,15 @@ export class KanbanColumn {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The number of items rendered in each column,\nbefore pressing the \"Load more\" button."
+                    "text": "Total number of items available for the group.\nThis is used to determine if the \"load more\"\nbutton should be displayed."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "pagination-size",
-                "reflect": false
+                "attribute": "total-count",
+                "reflect": true
             }
         };
     }
-    static get states() {
-        return {
-            "displayedItemCount": {}
-        };
-    }
     static get events() {
         return [{
                 "method": "loadMore",
@@ -227,9 +228,14 @@ export class KanbanColumn {
                     "text": "Emitted when the load more button is clicked"
                 },
                 "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
+                    "original": "KanbanGroup['identifier']",
+                    "resolved": "string",
+                    "references": {
+                        "KanbanGroup": {
+                            "location": "global",
+                            "id": "global::KanbanGroup"
+                        }
+                    }
                 }
             }];
     }

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

@@ -45,12 +45,12 @@ export class KanbanItemComponent {
             }
         };
         this.handleKanbanItemClick = () => {
-            this.interact.emit();
+            this.interact.emit(this.item);
         };
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '82f1297fd090d0c7f4cd8b89f809c806ae13846a', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'c074d460169b860be8ebdf5d14db2fddd99114f7', id: this.item.id.toString(), 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),
             }, style: {
@@ -232,7 +232,7 @@ export class KanbanItemComponent {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The item to display in the Kanban column."
+                    "text": "The item to display in the Kanban group."
                 },
                 "getter": false,
                 "setter": false
@@ -251,9 +251,15 @@ export class KanbanItemComponent {
                     "text": "Fired when clicking on the Kanban item."
                 },
                 "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
+                    "original": "KanbanItem",
+                    "resolved": "KanbanItem",
+                    "references": {
+                        "KanbanItem": {
+                            "location": "import",
+                            "path": "./kanban-item.types",
+                            "id": "src/components/kanban/kanban-item/kanban-item.types.ts::KanbanItem"
+                        }
+                    }
                 }
             }];
     }