@limetech/lime-crm-building-blocks 1.31.3 → 1.32.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.
Files changed (31) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/lime-crm-building-blocks.cjs.js +1 -1
  3. package/dist/cjs/limebb-feed-timeline-item.cjs.entry.js +16 -10
  4. package/dist/cjs/limebb-limeobject-file-viewer.cjs.entry.js +1116 -0
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/collection/collection-manifest.json +1 -0
  7. package/dist/collection/components/feed/feed-item/feed-timeline-item.js +16 -10
  8. package/dist/collection/components/limeobject/file-viewer/constants.js +30 -0
  9. package/dist/collection/components/limeobject/file-viewer/file-viewer.css +17 -0
  10. package/dist/collection/components/limeobject/file-viewer/file-viewer.js +229 -0
  11. package/dist/components/feed-timeline-item.js +16 -10
  12. package/dist/components/index.d.ts +1 -0
  13. package/dist/components/index.js +1 -0
  14. package/dist/components/limebb-limeobject-file-viewer.d.ts +11 -0
  15. package/dist/components/limebb-limeobject-file-viewer.js +1137 -0
  16. package/dist/esm/lime-crm-building-blocks.js +1 -1
  17. package/dist/esm/limebb-feed-timeline-item.entry.js +16 -10
  18. package/dist/esm/limebb-limeobject-file-viewer.entry.js +1112 -0
  19. package/dist/esm/loader.js +1 -1
  20. package/dist/lime-crm-building-blocks/lime-crm-building-blocks.esm.js +1 -1
  21. package/dist/lime-crm-building-blocks/p-00fcd768.entry.js +1 -0
  22. package/dist/lime-crm-building-blocks/p-3e4f489f.entry.js +1 -0
  23. package/dist/types/components/currency-picker/currency-picker.d.ts +1 -1
  24. package/dist/types/components/date-picker/date-picker.d.ts +1 -1
  25. package/dist/types/components/feed/feed-item/feed-timeline-item.d.ts +4 -1
  26. package/dist/types/components/icon-picker/icon-picker.d.ts +1 -1
  27. package/dist/types/components/limeobject/file-viewer/constants.d.ts +3 -0
  28. package/dist/types/components/limeobject/file-viewer/file-viewer.d.ts +41 -0
  29. package/dist/types/components.d.ts +46 -1
  30. package/package.json +8 -8
  31. package/dist/lime-crm-building-blocks/p-2aee279b.entry.js +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,25 @@
1
+ ## [1.32.0](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.31.4...v1.32.0) (2024-03-19)
2
+
3
+
4
+ ### Features
5
+
6
+
7
+ * **app:** load translations from file ([a7aaddd](https://github.com/Lundalogik/lime-crm-building-blocks/commit/a7aaddd9210e3381077124757dae858179c0c852))
8
+ * **file-viewer:** add file viewer component for limeobjects ([9b5c275](https://github.com/Lundalogik/lime-crm-building-blocks/commit/9b5c2750cd619fd6eb7dff5edea99f689a3fd79b))
9
+
10
+ ### Bug Fixes
11
+
12
+
13
+ * use correct import for EventEmitter ([b6fbf6a](https://github.com/Lundalogik/lime-crm-building-blocks/commit/b6fbf6af60f39ad8ffde92311cbf39e02510a31d))
14
+
15
+ ### [1.31.4](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.31.3...v1.31.4) (2024-03-18)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+
21
+ * **feed:** recalculate whether to show heading more-button on resize ([28f9103](https://github.com/Lundalogik/lime-crm-building-blocks/commit/28f91031d23012d3a39f809de148cdd26f85fe48))
22
+
1
23
  ### [1.31.3](https://github.com/Lundalogik/lime-crm-building-blocks/compare/v1.31.2...v1.31.3) (2024-03-15)
2
24
 
3
25
 
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["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-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-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["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-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]}]]]], options);
18
+ return index.bootstrapLazy([["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-feed.cjs",[[1,"limebb-feed",{"platform":[16],"context":[16],"items":[16],"emptyStateMessage":[1,"empty-state-message"],"loading":[4],"minutesOfProximity":[2,"minutes-of-proximity"],"totalCount":[2,"total-count"]}]]],["limebb-currency-picker.cjs",[[1,"limebb-currency-picker",{"label":[513],"platform":[16],"currencies":[16],"helperText":[513,"helper-text"],"required":[516],"readonly":[516],"invalid":[516],"disabled":[516],"value":[16]}]]],["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-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-navigation-button.cjs",[[1,"limebb-navigation-button",{"href":[513],"tooltipLabel":[513,"tooltip-label"],"tooltipHelperLabel":[513,"tooltip-helper-label"],"type":[513]}]]],["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-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]}]]]], options);
19
19
  });
@@ -43,6 +43,11 @@ const FeedTimelineItem = class {
43
43
  */
44
44
  this.isTall = false;
45
45
  this.collapsibleButtonId = 'a' + crypto.randomUUID();
46
+ this.setHeaderCollapsible = () => {
47
+ if (this.headingParagraphElement) {
48
+ this.headingCanExpand = this.isTextTruncated(this.headingParagraphElement);
49
+ }
50
+ };
46
51
  this.bodyTextTall = (entries) => {
47
52
  if (!(entries === null || entries === void 0 ? void 0 : entries.length)) {
48
53
  return;
@@ -70,10 +75,10 @@ const FeedTimelineItem = class {
70
75
  };
71
76
  this.renderExpandCollapseHeadingButton = () => {
72
77
  var _a, _b;
73
- if (!this.item.heading || !this.headingCanExpand) {
78
+ if (!this.item.heading) {
74
79
  return;
75
80
  }
76
- if (!this.isHeadingExpanded) {
81
+ if (this.headingCanExpand && !this.isHeadingExpanded) {
77
82
  return [
78
83
  index.h("button", { onClick: this.toggleHeadingExpansion, class: "expand-heading" }, (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get('webclient.more')),
79
84
  ];
@@ -146,19 +151,20 @@ const FeedTimelineItem = class {
146
151
  componentDidLoad() {
147
152
  var _a, _b;
148
153
  const headingElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.heading');
149
- const headingParagraphElement = (_b = headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('p');
150
- if (headingParagraphElement) {
151
- this.headingCanExpand = this.isTextTruncated(headingParagraphElement);
154
+ this.headingParagraphElement =
155
+ (_b = headingElement === null || headingElement === void 0 ? void 0 : headingElement.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('p');
156
+ if (this.headingParagraphElement) {
157
+ this.headingResizeObserver = new ResizeObserver(this.setHeaderCollapsible);
158
+ this.headingResizeObserver.observe(this.headingParagraphElement);
152
159
  }
153
- if (!this.bodyTextElement) {
154
- return;
160
+ if (this.bodyTextElement) {
161
+ this.bodyResizeObserver = new ResizeObserver(this.bodyTextTall);
162
+ this.bodyResizeObserver.observe(this.bodyTextElement);
155
163
  }
156
- this.resizeObserver = new ResizeObserver(this.bodyTextTall);
157
- this.resizeObserver.observe(this.bodyTextElement);
158
164
  }
159
165
  disconnectedCallback() {
160
166
  var _a;
161
- (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
167
+ (_a = this.bodyResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
162
168
  }
163
169
  render() {
164
170
  var _a, _b;