@limetech/lime-crm-building-blocks 1.58.1 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ ## [1.59.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.58.1...v1.59.0) (2025-01-15)
2
+
3
+ ### Features
4
+
5
+
6
+ * **kanban-column:** item indicator ([da9482d](https://github.com/Lundalogik/lime-crm-building-blocks/commit/da9482d1c5b987047c13663349e1bb26720f4cc7))
7
+
1
8
  ## [1.58.1](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.58.0...v1.58.1) (2025-01-10)
2
9
 
3
10
  ### Bug Fixes
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-f1d0f3b9.js');
6
6
  const types = require('./types-d3b90b2e.js');
7
7
 
8
- const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){--header-top-right-left-border-radius:0.5rem;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem;background-color:rgb(var(--contrast-500))}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--contrast-300))}:host(limebb-kanban-column.ungrouped-column) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}limel-header{flex-shrink:0}.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}";
8
+ const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){background-color:rgb(var(--limebb-kanban-column-grouped-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);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-column-ungrouped-background))}:host(limebb-kanban-column.ungrouped-column) 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))}limel-header{flex-shrink:0;width:auto;background-color:rgb(var(--limebb-kanban-column-grouped-background))}limel-badge{--badge-background-color:rgb(var(--contrast-200))}.column-heading{display:flex}.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}";
9
9
  const LimebbKanbanColumnStyle0 = kanbanColumnCss;
10
10
 
11
11
  const KanbanColumn = class {
@@ -38,7 +38,12 @@ const KanbanColumn = class {
38
38
  ];
39
39
  }
40
40
  renderColumnHeading() {
41
- return index.h("limel-header", { heading: this.columnHeading });
41
+ return (index.h("div", { class: "column-heading" }, index.h("limel-header", { heading: this.columnHeading }), this.renderItemNumber()));
42
+ }
43
+ renderItemNumber() {
44
+ if (this.items.length > 0) {
45
+ return index.h("limel-badge", { label: this.items.length });
46
+ }
42
47
  }
43
48
  renderSpinner() {
44
49
  if (this.loading) {
@@ -58,26 +58,41 @@
58
58
  * after a certain number of lines.
59
59
  */
60
60
  :host(limebb-kanban-column) {
61
+ background-color: rgb(var(--limebb-kanban-column-grouped-background));
61
62
  --header-top-right-left-border-radius: 0.5rem;
63
+ --limebb-kanban-column-ungrouped-background: var(--contrast-300);
64
+ --limebb-kanban-column-grouped-background: var(--contrast-500);
62
65
  scroll-snap-align: start;
63
66
  box-sizing: border-box;
64
67
  display: flex;
65
68
  flex-direction: column;
66
69
  border-radius: 0.5rem;
67
70
  min-width: 20rem;
68
- background-color: rgb(var(--contrast-500));
69
71
  }
70
72
 
71
73
  :host(limebb-kanban-column.ungrouped-column) {
72
74
  border: 1px dashed rgb(var(--contrast-700));
73
- background-color: rgb(var(--contrast-300));
75
+ background-color: rgb(var(--limebb-kanban-column-ungrouped-background));
74
76
  }
75
77
  :host(limebb-kanban-column.ungrouped-column) limebb-kanban-item {
76
78
  border: 1px dashed rgb(var(--contrast-700));
77
79
  }
80
+ :host(limebb-kanban-column.ungrouped-column) limel-header {
81
+ background-color: rgb(var(--limebb-kanban-column-ungrouped-background));
82
+ }
78
83
 
79
84
  limel-header {
80
85
  flex-shrink: 0;
86
+ width: auto;
87
+ background-color: rgb(var(--limebb-kanban-column-grouped-background));
88
+ }
89
+
90
+ limel-badge {
91
+ --badge-background-color: rgb(var(--contrast-200));
92
+ }
93
+
94
+ .column-heading {
95
+ display: flex;
81
96
  }
82
97
 
83
98
  .items {
@@ -33,7 +33,12 @@ export class KanbanColumn {
33
33
  ];
34
34
  }
35
35
  renderColumnHeading() {
36
- return h("limel-header", { heading: this.columnHeading });
36
+ return (h("div", { class: "column-heading" }, h("limel-header", { heading: this.columnHeading }), this.renderItemNumber()));
37
+ }
38
+ renderItemNumber() {
39
+ if (this.items.length > 0) {
40
+ return h("limel-badge", { label: this.items.length });
41
+ }
37
42
  }
38
43
  renderSpinner() {
39
44
  if (this.loading) {
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
2
2
  import { P as PlatformServiceName } from './types.js';
3
3
  import { d as defineCustomElement$1 } from './kanban-item.js';
4
4
 
5
- const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){--header-top-right-left-border-radius:0.5rem;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem;background-color:rgb(var(--contrast-500))}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--contrast-300))}:host(limebb-kanban-column.ungrouped-column) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}limel-header{flex-shrink:0}.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}";
5
+ const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){background-color:rgb(var(--limebb-kanban-column-grouped-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);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-column-ungrouped-background))}:host(limebb-kanban-column.ungrouped-column) 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))}limel-header{flex-shrink:0;width:auto;background-color:rgb(var(--limebb-kanban-column-grouped-background))}limel-badge{--badge-background-color:rgb(var(--contrast-200))}.column-heading{display:flex}.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}";
6
6
  const LimebbKanbanColumnStyle0 = kanbanColumnCss;
7
7
 
8
8
  const KanbanColumn = /*@__PURE__*/ proxyCustomElement(class KanbanColumn extends HTMLElement {
@@ -37,7 +37,12 @@ const KanbanColumn = /*@__PURE__*/ proxyCustomElement(class KanbanColumn extends
37
37
  ];
38
38
  }
39
39
  renderColumnHeading() {
40
- return h("limel-header", { heading: this.columnHeading });
40
+ return (h("div", { class: "column-heading" }, h("limel-header", { heading: this.columnHeading }), this.renderItemNumber()));
41
+ }
42
+ renderItemNumber() {
43
+ if (this.items.length > 0) {
44
+ return h("limel-badge", { label: this.items.length });
45
+ }
41
46
  }
42
47
  renderSpinner() {
43
48
  if (this.loading) {
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-85cc02f7.js';
2
2
  import { P as PlatformServiceName } from './types-b0ae3943.js';
3
3
 
4
- const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){--header-top-right-left-border-radius:0.5rem;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem;background-color:rgb(var(--contrast-500))}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--contrast-300))}:host(limebb-kanban-column.ungrouped-column) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}limel-header{flex-shrink:0}.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}";
4
+ const kanbanColumnCss = "@charset \"UTF-8\";:host(limebb-kanban-column){background-color:rgb(var(--limebb-kanban-column-grouped-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);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-column-ungrouped-background))}:host(limebb-kanban-column.ungrouped-column) 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))}limel-header{flex-shrink:0;width:auto;background-color:rgb(var(--limebb-kanban-column-grouped-background))}limel-badge{--badge-background-color:rgb(var(--contrast-200))}.column-heading{display:flex}.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}";
5
5
  const LimebbKanbanColumnStyle0 = kanbanColumnCss;
6
6
 
7
7
  const KanbanColumn = class {
@@ -34,7 +34,12 @@ const KanbanColumn = class {
34
34
  ];
35
35
  }
36
36
  renderColumnHeading() {
37
- return h("limel-header", { heading: this.columnHeading });
37
+ return (h("div", { class: "column-heading" }, h("limel-header", { heading: this.columnHeading }), this.renderItemNumber()));
38
+ }
39
+ renderItemNumber() {
40
+ if (this.items.length > 0) {
41
+ return h("limel-badge", { label: this.items.length });
42
+ }
38
43
  }
39
44
  renderSpinner() {
40
45
  if (this.loading) {
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-4b59a4d3.js";export{s as setNonce}from"./p-4b59a4d3.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-d67292c1",[[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"]}]]],["p-13e46b27",[[1,"limebb-kanban",{platform:[16],context:[16],items:[16],paginationSize:[2,"pagination-size"],groupBy:[513,"group-by"],groups:[16]}]]],["p-7e1fc88a",[[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"]}]]],["p-97ae646a",[[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]}]]],["p-27e63f43",[[1,"limebb-info-tile-currency-format",{platform:[16],context:[16],value:[16]}]]],["p-6e84a2c4",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],loading:[4],lastVisitedTimestamp:[1,"last-visited-timestamp"]},null,{items:["handleItemsChange"]}]]],["p-d30c8d5e",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-74e9d1a5",[[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"]}]]],["p-08da613f",[[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"]}]]],["p-3665678c",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-c6e4adfa",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-092a116f",[[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"]}]]],["p-79ebedb9",[[1,"limebb-info-tile-date-format",{value:[16]}]]],["p-2c36b76b",[[1,"limebb-info-tile-decimal-format",{value:[16]}]]],["p-563e2f7c",[[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]]],["p-bb48c904",[[1,"limebb-info-tile-relative-date-format",{value:[16]}]]],["p-e850ce31",[[1,"limebb-info-tile-unit-format",{value:[16]}]]],["p-41102b9f",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-3dc64e90",[[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]}]]],["p-03720dd5",[[1,"limebb-mention",{limetype:[1],objectid:[2],limeobject:[32]}]]],["p-6b7aa726",[[1,"limebb-mention-group-counter",{count:[2],limetype:[16],helperLabel:[1,"helper-label"]}]]],["p-aaa2de99",[[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-b7885367",[[1,"limebb-summary-popover",{heading:[513],subheading:[513],image:[16],icon:[513],value:[1],openDirection:[513,"open-direction"],actions:[16],isPopoverOpen:[32]}]]],["p-c8832ef4",[[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]}]]],["p-9dfa33ee",[[1,"limebb-kanban-column",{platform:[16],context:[16],columnHeading:[1,"column-heading"],items:[16],loading:[4],paginationSize:[2,"pagination-size"],displayedItemCount:[32]}]]],["p-b5487e56",[[1,"limebb-text-editor-picker",{items:[16],open:[516],isSearching:[4,"is-searching"],emptyMessage:[1,"empty-message"]},null,{open:["watchOpen"]}]]],["p-36cf8e78",[[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]}]]],["p-f92cae0c",[[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]}]]],["p-0d83d4ee",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]],["p-33145de1",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-8d9572d4",[[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]]]],e))));
1
+ import{p as e,b as t}from"./p-4b59a4d3.js";export{s as setNonce}from"./p-4b59a4d3.js";import{g as i}from"./p-e1255160.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-d67292c1",[[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"]}]]],["p-13e46b27",[[1,"limebb-kanban",{platform:[16],context:[16],items:[16],paginationSize:[2,"pagination-size"],groupBy:[513,"group-by"],groups:[16]}]]],["p-7e1fc88a",[[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"]}]]],["p-97ae646a",[[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]}]]],["p-27e63f43",[[1,"limebb-info-tile-currency-format",{platform:[16],context:[16],value:[16]}]]],["p-6e84a2c4",[[1,"limebb-notification-list",{platform:[16],context:[16],items:[16],loading:[4],lastVisitedTimestamp:[1,"last-visited-timestamp"]},null,{items:["handleItemsChange"]}]]],["p-d30c8d5e",[[17,"limebb-browser",{platform:[16],context:[16],items:[16],layout:[1],filter:[32]}]]],["p-74e9d1a5",[[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"]}]]],["p-08da613f",[[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"]}]]],["p-3665678c",[[1,"limebb-dashboard-widget",{heading:[513],subheading:[513],supportingText:[513,"supporting-text"],icon:[513]}]]],["p-c6e4adfa",[[1,"limebb-icon-picker",{value:[1],required:[4],readonly:[4],invalid:[4],disabled:[4],label:[1],helperText:[1,"helper-text"]}]]],["p-092a116f",[[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"]}]]],["p-79ebedb9",[[1,"limebb-info-tile-date-format",{value:[16]}]]],["p-2c36b76b",[[1,"limebb-info-tile-decimal-format",{value:[16]}]]],["p-563e2f7c",[[1,"limebb-info-tile-format",{platform:[16],context:[16],type:[1],value:[16]}]]],["p-bb48c904",[[1,"limebb-info-tile-relative-date-format",{value:[16]}]]],["p-e850ce31",[[1,"limebb-info-tile-unit-format",{value:[16]}]]],["p-41102b9f",[[1,"limebb-limeobject-file-viewer",{platform:[16],context:[16],property:[1],fileTypes:[16],limeobject:[32],limetype:[32]}]]],["p-3dc64e90",[[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]}]]],["p-03720dd5",[[1,"limebb-mention",{limetype:[1],objectid:[2],limeobject:[32]}]]],["p-6b7aa726",[[1,"limebb-mention-group-counter",{count:[2],limetype:[16],helperLabel:[1,"helper-label"]}]]],["p-aaa2de99",[[17,"limebb-navigation-button",{href:[513],tooltipLabel:[513,"tooltip-label"],tooltipHelperLabel:[513,"tooltip-helper-label"],type:[513]}]]],["p-b7885367",[[1,"limebb-summary-popover",{heading:[513],subheading:[513],image:[16],icon:[513],value:[1],openDirection:[513,"open-direction"],actions:[16],isPopoverOpen:[32]}]]],["p-c8832ef4",[[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]}]]],["p-d0d8dc1c",[[1,"limebb-kanban-column",{platform:[16],context:[16],columnHeading:[1,"column-heading"],items:[16],loading:[4],paginationSize:[2,"pagination-size"],displayedItemCount:[32]}]]],["p-b5487e56",[[1,"limebb-text-editor-picker",{items:[16],open:[516],isSearching:[4,"is-searching"],emptyMessage:[1,"empty-message"]},null,{open:["watchOpen"]}]]],["p-36cf8e78",[[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]}]]],["p-f92cae0c",[[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]}]]],["p-0d83d4ee",[[1,"limebb-notification-item",{platform:[16],context:[16],item:[16]}]]],["p-33145de1",[[1,"limebb-kanban-item",{platform:[16],context:[16],item:[16]}]]],["p-8d9572d4",[[1,"limebb-empty-state",{heading:[513],value:[513],icon:[16]}]]]],e))));
@@ -0,0 +1 @@
1
+ import{r as e,c as r,h as a}from"./p-4b59a4d3.js";import{P as n}from"./p-a26d352f.js";const o=class{constructor(a){e(this,a),this.loadMore=r(this,"loadMore",7),this.columnHeading="Ungrouped",this.items=[],this.displayedItemCount=0,this.handleLoadMore=e=>{e.stopPropagation(),this.displayedItemCount+=this.paginationSize,this.loadMore.emit()}}componentWillLoad(){this.displayedItemCount=this.paginationSize}render(){return[this.renderColumnHeading(),a("div",{key:"c02fd02dbea2d5155cf252bb2b9e3ed45d5c917c",class:"items"},this.renderSpinner(),this.renderKanbanItems(),this.renderLoadMore())]}renderColumnHeading(){return a("div",{class:"column-heading"},a("limel-header",{heading:this.columnHeading}),this.renderItemNumber())}renderItemNumber(){if(this.items.length>0)return a("limel-badge",{label:this.items.length})}renderSpinner(){if(this.loading)return a("limel-spinner",{size:"small"})}renderKanbanItems(){return this.items.slice(0,this.displayedItemCount).map((e=>a("limebb-kanban-item",{platform:this.platform,context:this.context,item:e,key:e.id})))}renderLoadMore(){if(this.items.length&&!(this.displayedItemCount>=this.items.length))return a("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get translator(){return this.platform.get(n.Translate)}};o.style='@charset "UTF-8";:host(limebb-kanban-column){background-color:rgb(var(--limebb-kanban-column-grouped-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);scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--limebb-kanban-column-ungrouped-background))}:host(limebb-kanban-column.ungrouped-column) 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))}limel-header{flex-shrink:0;width:auto;background-color:rgb(var(--limebb-kanban-column-grouped-background))}limel-badge{--badge-background-color:rgb(var(--contrast-200))}.column-heading{display:flex}.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}';export{o as limebb_kanban_column}
@@ -41,6 +41,7 @@ export declare class KanbanColumn implements LimeWebComponent {
41
41
  componentWillLoad(): void;
42
42
  render(): any[];
43
43
  private renderColumnHeading;
44
+ private renderItemNumber;
44
45
  private renderSpinner;
45
46
  private renderKanbanItems;
46
47
  private renderLoadMore;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limetech/lime-crm-building-blocks",
3
- "version": "1.58.1",
3
+ "version": "1.59.0",
4
4
  "description": "A home for shared components meant for use with Lime CRM",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -42,9 +42,9 @@
42
42
  },
43
43
  "devDependencies": {
44
44
  "@eslint/eslintrc": "^3.2.0",
45
- "@eslint/js": "^9.17.0",
45
+ "@eslint/js": "^9.18.0",
46
46
  "@limetech/lime-elements": "^37.79.1",
47
- "@limetech/lime-web-components": "^5.41.1",
47
+ "@limetech/lime-web-components": "^5.42.0",
48
48
  "@lundalogik/lime-icons8": "^2.30.1",
49
49
  "@lundalogik/limeclient.js": "^1.76.2",
50
50
  "@stencil/core": "^4.23.1",
@@ -52,18 +52,18 @@
52
52
  "@types/jest": "^29.5.14",
53
53
  "@types/json-schema": "^7.0.15",
54
54
  "@types/lodash-es": "^4.17.12",
55
- "@typescript-eslint/eslint-plugin": "^8.19.1",
56
- "@typescript-eslint/parser": "^8.19.1",
55
+ "@typescript-eslint/eslint-plugin": "^8.20.0",
56
+ "@typescript-eslint/parser": "^8.20.0",
57
57
  "cross-env": "^7.0.3",
58
58
  "currency-codes": "^2.2.0",
59
59
  "date-fns": "^3.6.0",
60
- "eslint": "^9.17.0",
61
- "eslint-config-prettier": "^9.1.0",
60
+ "eslint": "^9.18.0",
61
+ "eslint-config-prettier": "^10.0.1",
62
62
  "eslint-plugin-ban": "^2.0.0",
63
63
  "eslint-plugin-jsdoc": "^50.6.1",
64
64
  "eslint-plugin-prefer-arrow": "^1.2.3",
65
65
  "eslint-plugin-prettier": "^5.2.1",
66
- "eslint-plugin-react": "^7.37.3",
66
+ "eslint-plugin-react": "^7.37.4",
67
67
  "eslint-plugin-sonarjs": "^3.0.1",
68
68
  "fs": "^0.0.1-security",
69
69
  "globals": "^15.14.0",
@@ -1 +0,0 @@
1
- import{r as e,c as r,h as a}from"./p-4b59a4d3.js";import{P as o}from"./p-a26d352f.js";const i=class{constructor(a){e(this,a),this.loadMore=r(this,"loadMore",7),this.columnHeading="Ungrouped",this.items=[],this.displayedItemCount=0,this.handleLoadMore=e=>{e.stopPropagation(),this.displayedItemCount+=this.paginationSize,this.loadMore.emit()}}componentWillLoad(){this.displayedItemCount=this.paginationSize}render(){return[this.renderColumnHeading(),a("div",{key:"c02fd02dbea2d5155cf252bb2b9e3ed45d5c917c",class:"items"},this.renderSpinner(),this.renderKanbanItems(),this.renderLoadMore())]}renderColumnHeading(){return a("limel-header",{heading:this.columnHeading})}renderSpinner(){if(this.loading)return a("limel-spinner",{size:"small"})}renderKanbanItems(){return this.items.slice(0,this.displayedItemCount).map((e=>a("limebb-kanban-item",{platform:this.platform,context:this.context,item:e,key:e.id})))}renderLoadMore(){if(this.items.length&&!(this.displayedItemCount>=this.items.length))return a("limel-icon-button",{class:"load-more-button",icon:"more",onClick:this.handleLoadMore,elevated:!0,label:this.translator.get("webclient.load-more")})}get translator(){return this.platform.get(o.Translate)}};i.style='@charset "UTF-8";:host(limebb-kanban-column){--header-top-right-left-border-radius:0.5rem;scroll-snap-align:start;box-sizing:border-box;display:flex;flex-direction:column;border-radius:0.5rem;min-width:20rem;background-color:rgb(var(--contrast-500))}:host(limebb-kanban-column.ungrouped-column){border:1px dashed rgb(var(--contrast-700));background-color:rgb(var(--contrast-300))}:host(limebb-kanban-column.ungrouped-column) limebb-kanban-item{border:1px dashed rgb(var(--contrast-700))}limel-header{flex-shrink:0}.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}';export{i as limebb_kanban_column}