bromcom-ui 2.9.0-rc.0 → 2.9.0-rc.1

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 (180) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/{p-0d4a552d.entry.js → p-043beeb5.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-80a43b79.js → p-08fb3095.js} +1 -1
  5. package/dist/bromcom-ui/{p-d011a407.entry.js → p-0a28fd61.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-a49ded35.entry.js → p-0c07940d.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-02afc93f.entry.js → p-0d9741fc.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-c9b10de5.entry.js → p-11629904.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-70b428e8.entry.js → p-11e7f04b.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-87df3ffb.js → p-12543c4f.js} +1 -1
  11. package/dist/bromcom-ui/{p-40a5e4fc.entry.js → p-139b0cfc.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-e606c42b.entry.js → p-195c4c41.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-1c5a2111.entry.js → p-1b8982a8.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-24a733ff.entry.js → p-25cfdc1c.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-14378828.entry.js → p-27a8f8cc.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-cad8f786.entry.js → p-3731f4fb.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-2ea24a6e.js → p-431b023c.js} +1 -1
  18. package/dist/bromcom-ui/{p-236def30.entry.js → p-43bb2a7c.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-0ee4e283.entry.js → p-465c6839.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-56896e3a.entry.js → p-49105365.entry.js} +1 -1
  21. package/dist/bromcom-ui/{p-20ac20d4.entry.js → p-4be5dbb6.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-2cb4a196.entry.js → p-4fcc0d21.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-b94fa326.js → p-54bcf02f.js} +1 -1
  24. package/dist/bromcom-ui/{p-344a4674.entry.js → p-61f2613f.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-8864e6af.entry.js → p-62adb1ff.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-4b34b3f9.entry.js → p-68e2ddc3.entry.js} +1 -1
  27. package/dist/bromcom-ui/{p-15fa3329.entry.js → p-78bfd81b.entry.js} +1 -1
  28. package/dist/bromcom-ui/{p-f902b559.js → p-799af572.js} +1 -1
  29. package/dist/bromcom-ui/{p-cf7af1fc.entry.js → p-7b09e9b1.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-d1598dd5.entry.js → p-7ce49866.entry.js} +1 -1
  31. package/dist/bromcom-ui/{p-89f7a5c7.entry.js → p-908e7c36.entry.js} +1 -1
  32. package/dist/bromcom-ui/p-92bf3f86.js +5 -0
  33. package/dist/bromcom-ui/{p-7658ec26.entry.js → p-9bdcbb1a.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-a2046742.entry.js → p-9be7f6be.entry.js} +1 -1
  35. package/dist/bromcom-ui/{p-e3cafc0d.entry.js → p-a104f436.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-be6d0712.entry.js → p-a1b02a4a.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-dcb2ae7f.entry.js → p-abd0ebef.entry.js} +1 -1
  38. package/dist/bromcom-ui/{p-a97ee69d.entry.js → p-b0353da0.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-72b7fda0.entry.js → p-b640b81a.entry.js} +1 -1
  40. package/dist/bromcom-ui/{p-e6ce5ec8.entry.js → p-b7d6857f.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-9b10d955.entry.js → p-bad06cf8.entry.js} +1 -1
  42. package/dist/bromcom-ui/{p-5f288af5.entry.js → p-c41e87a2.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-a0a3fd94.entry.js → p-c6c6529b.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-89b21290.entry.js → p-cb0afdd3.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-e0f440b4.js → p-cb6d3c4e.js} +1 -1
  46. package/dist/bromcom-ui/{p-55001c80.entry.js → p-cc470d2a.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-9c7e9b5d.entry.js → p-d0b8b715.entry.js} +1 -1
  48. package/dist/bromcom-ui/{p-3ad545f0.entry.js → p-d18196f9.entry.js} +1 -1
  49. package/dist/bromcom-ui/{p-0906c9b4.entry.js → p-d5b645ba.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-dce2079e.entry.js → p-d78958e3.entry.js} +1 -1
  51. package/dist/bromcom-ui/p-ded0661d.entry.js +5 -0
  52. package/dist/bromcom-ui/{p-9eb2a75d.entry.js → p-e150d373.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-0fdbbbe8.entry.js → p-f053aa86.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-e008411a.entry.js → p-f589ac2d.entry.js} +1 -1
  55. package/dist/bromcom-ui/{p-ab55def1.entry.js → p-f606f90c.entry.js} +1 -1
  56. package/dist/bromcom-ui/{p-334e3147.entry.js → p-ff488369.entry.js} +1 -1
  57. package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
  58. package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
  59. package/dist/cjs/bcm-attendance.cjs.entry.js +1 -1
  60. package/dist/cjs/bcm-avatar_15.cjs.entry.js +35 -14
  61. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
  62. package/dist/cjs/bcm-button-group.cjs.entry.js +1 -1
  63. package/dist/cjs/bcm-card.cjs.entry.js +1 -1
  64. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +1 -1
  65. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +1 -1
  66. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +1 -1
  67. package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
  68. package/dist/cjs/bcm-color-input.cjs.entry.js +3 -3
  69. package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
  70. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1 -1
  71. package/dist/cjs/bcm-default.cjs.entry.js +1 -1
  72. package/dist/cjs/bcm-drawer.cjs.entry.js +3 -3
  73. package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
  74. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +1 -1
  75. package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
  76. package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
  77. package/dist/cjs/bcm-item.cjs.entry.js +1 -1
  78. package/dist/cjs/bcm-items.cjs.entry.js +1 -1
  79. package/dist/cjs/bcm-menu.cjs.entry.js +4 -4
  80. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +3 -3
  81. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +3 -3
  82. package/dist/cjs/bcm-modal-2.cjs.entry.js +3 -3
  83. package/dist/cjs/bcm-modal.cjs.entry.js +1 -1
  84. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
  85. package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
  86. package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
  87. package/dist/cjs/bcm-progress.cjs.entry.js +1 -1
  88. package/dist/cjs/bcm-radio-group.cjs.entry.js +3 -3
  89. package/dist/cjs/bcm-radio.cjs.entry.js +3 -3
  90. package/dist/cjs/bcm-range.cjs.entry.js +1 -1
  91. package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
  92. package/dist/cjs/bcm-step.cjs.entry.js +2 -2
  93. package/dist/cjs/bcm-stepper.cjs.entry.js +4 -4
  94. package/dist/cjs/bcm-switch.cjs.entry.js +1 -1
  95. package/dist/cjs/bcm-tab-group.cjs.entry.js +3 -3
  96. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +3 -3
  97. package/dist/cjs/bcm-tab-item.cjs.entry.js +3 -3
  98. package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
  99. package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
  100. package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
  101. package/dist/cjs/bcm-toast.cjs.entry.js +1 -1
  102. package/dist/cjs/bromcom-ui.cjs.js +1 -1
  103. package/dist/cjs/{generate-21143214.js → generate-de243a66.js} +1 -1
  104. package/dist/cjs/{input-template-1441e468.js → input-template-4c532c3a.js} +1 -1
  105. package/dist/cjs/{json-parse-decarator-8dbf0b0e.js → json-parse-decarator-f61061cf.js} +1 -1
  106. package/dist/cjs/loader.cjs.js +1 -1
  107. package/dist/cjs/{number-helper-08a7ff70.js → number-helper-dedd64eb.js} +1 -1
  108. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
  109. package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
  110. package/dist/cjs/{stepper-states-9b6818aa.js → stepper-states-faff7944.js} +1 -1
  111. package/dist/cjs/{tooltip-helper-235b26ea.js → tooltip-helper-edce6fd0.js} +3 -3
  112. package/dist/cjs/{validators-6a0077a8.js → validators-e5a6ef69.js} +1 -1
  113. package/dist/collection/components/atoms/chip/chip-group.css +127 -0
  114. package/dist/collection/components/atoms/chip/chip-group.js +50 -6
  115. package/dist/collection/components/atoms/chip/chip.css +9 -0
  116. package/dist/collection/components/atoms/chip/chip.js +3 -1
  117. package/dist/components/bcm-chip-group.js +26 -6
  118. package/dist/components/chip.js +4 -2
  119. package/dist/components/generate.js +1 -1
  120. package/dist/esm/bcm-accordion.entry.js +1 -1
  121. package/dist/esm/bcm-alert.entry.js +1 -1
  122. package/dist/esm/bcm-attendance.entry.js +1 -1
  123. package/dist/esm/bcm-avatar_15.entry.js +35 -14
  124. package/dist/esm/bcm-breadcrumb.entry.js +1 -1
  125. package/dist/esm/bcm-button-group.entry.js +1 -1
  126. package/dist/esm/bcm-card.entry.js +1 -1
  127. package/dist/esm/bcm-checkbox-group.entry.js +1 -1
  128. package/dist/esm/bcm-checkbox-lite_9.entry.js +1 -1
  129. package/dist/esm/bcm-checkbox_2.entry.js +1 -1
  130. package/dist/esm/bcm-collapse.entry.js +1 -1
  131. package/dist/esm/bcm-color-input.entry.js +3 -3
  132. package/dist/esm/bcm-date-picker.entry.js +1 -1
  133. package/dist/esm/bcm-datetime-picker.entry.js +1 -1
  134. package/dist/esm/bcm-default.entry.js +1 -1
  135. package/dist/esm/bcm-drawer.entry.js +3 -3
  136. package/dist/esm/bcm-dropdown.entry.js +2 -2
  137. package/dist/esm/bcm-expansion-panel.entry.js +1 -1
  138. package/dist/esm/bcm-form-2.entry.js +1 -1
  139. package/dist/esm/bcm-input-custom.entry.js +1 -1
  140. package/dist/esm/bcm-item.entry.js +1 -1
  141. package/dist/esm/bcm-items.entry.js +1 -1
  142. package/dist/esm/bcm-menu.entry.js +4 -4
  143. package/dist/esm/bcm-modal-2-footer.entry.js +3 -3
  144. package/dist/esm/bcm-modal-2-header.entry.js +3 -3
  145. package/dist/esm/bcm-modal-2.entry.js +3 -3
  146. package/dist/esm/bcm-modal.entry.js +1 -1
  147. package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
  148. package/dist/esm/bcm-popconfirm.entry.js +1 -1
  149. package/dist/esm/bcm-popover.entry.js +3 -3
  150. package/dist/esm/bcm-progress.entry.js +1 -1
  151. package/dist/esm/bcm-radio-group.entry.js +3 -3
  152. package/dist/esm/bcm-radio.entry.js +3 -3
  153. package/dist/esm/bcm-range.entry.js +1 -1
  154. package/dist/esm/bcm-skeleton.entry.js +1 -1
  155. package/dist/esm/bcm-step.entry.js +2 -2
  156. package/dist/esm/bcm-stepper.entry.js +4 -4
  157. package/dist/esm/bcm-switch.entry.js +1 -1
  158. package/dist/esm/bcm-tab-group.entry.js +3 -3
  159. package/dist/esm/bcm-tab-item-header.entry.js +3 -3
  160. package/dist/esm/bcm-tab-item.entry.js +3 -3
  161. package/dist/esm/bcm-tag.entry.js +2 -2
  162. package/dist/esm/bcm-textarea.entry.js +2 -2
  163. package/dist/esm/bcm-time-picker.entry.js +1 -1
  164. package/dist/esm/bcm-toast.entry.js +1 -1
  165. package/dist/esm/bromcom-ui.js +1 -1
  166. package/dist/esm/{generate-a39b1045.js → generate-61676bf1.js} +1 -1
  167. package/dist/esm/{input-template-e1df6efd.js → input-template-606f7441.js} +1 -1
  168. package/dist/esm/{json-parse-decarator-b1ceb8c8.js → json-parse-decarator-2303670f.js} +1 -1
  169. package/dist/esm/loader.js +1 -1
  170. package/dist/esm/{number-helper-fa8e8000.js → number-helper-4ef4df19.js} +1 -1
  171. package/dist/esm/old-bcm-popover-box.entry.js +2 -2
  172. package/dist/esm/old-bcm-popover.entry.js +1 -1
  173. package/dist/esm/{stepper-states-44849ee8.js → stepper-states-9bb5528f.js} +1 -1
  174. package/dist/esm/{tooltip-helper-10b64c23.js → tooltip-helper-79e225e7.js} +3 -3
  175. package/dist/esm/{validators-dd70be40.js → validators-c4a5912c.js} +1 -1
  176. package/dist/types/components/atoms/chip/chip-group.d.ts +4 -0
  177. package/dist/types/components.d.ts +2 -0
  178. package/package.json +1 -1
  179. package/dist/bromcom-ui/p-d3cb8d25.js +0 -5
  180. package/dist/bromcom-ui/p-e66821e5.entry.js +0 -5
@@ -24,6 +24,8 @@ import { d as defineCustomElement$4 } from './rc-overflow.js';
24
24
  import { d as defineCustomElement$3 } from './search.js';
25
25
  import { d as defineCustomElement$2 } from './tooltip.js';
26
26
 
27
+ const chipGroupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}";
28
+
27
29
  const BcmChipGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
28
30
  constructor() {
29
31
  super();
@@ -33,6 +35,7 @@ const BcmChipGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
33
35
  this.name = undefined;
34
36
  this.value = undefined;
35
37
  this.required = false;
38
+ this.size = "medium";
36
39
  this.label = undefined;
37
40
  this.caption = undefined;
38
41
  this.noCaption = false;
@@ -44,7 +47,7 @@ const BcmChipGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
44
47
  if (target instanceof HTMLElement) {
45
48
  const data = e.detail;
46
49
  const chipItem = document.createElement("bcm-chip");
47
- chipItem.setAttribute("type", "dismissable");
50
+ // chipItem.setAttribute("type", "dismissable");
48
51
  chipItem.setAttribute("value", data.id);
49
52
  chipItem.innerHTML = data.text;
50
53
  target.parentNode.insertBefore(chipItem, target);
@@ -62,16 +65,19 @@ const BcmChipGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
62
65
  const target = e === null || e === void 0 ? void 0 : e.target;
63
66
  if (target instanceof HTMLElement) {
64
67
  if (target.type === "addable") {
65
- const listComponent = document.getElementById(target.id + "-list");
66
- if (listComponent) {
67
- listComponent.show();
68
- }
68
+ this.showListComponent(target.id);
69
69
  }
70
70
  else {
71
71
  this.setSelect(target.value);
72
72
  }
73
73
  }
74
74
  }
75
+ showListComponent(id) {
76
+ const listComponent = document.getElementById(id + "-list");
77
+ if (listComponent) {
78
+ listComponent.show();
79
+ }
80
+ }
75
81
  getSlots() {
76
82
  return this.el.querySelectorAll("bcm-chip");
77
83
  }
@@ -94,20 +100,34 @@ const BcmChipGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
94
100
  this.change.emit(this.value);
95
101
  }
96
102
  }
103
+ setAttr() {
104
+ const slots = this.getSlots();
105
+ if ((slots === null || slots === void 0 ? void 0 : slots.length) === 0)
106
+ return;
107
+ const slotArray = Array.from(slots);
108
+ slotArray.forEach(slot => {
109
+ slot.setAttribute("size", this.size);
110
+ });
111
+ }
97
112
  componentWillLoad() {
98
113
  this.setSelect();
99
114
  }
115
+ componentDidRender() {
116
+ this.setAttr();
117
+ }
100
118
  render() {
101
119
  const { label, required, noCaption, captionType, captionError, caption } = this;
102
120
  const hostClasses = classnames("bcm-chip-group");
103
- return (h(Host, { class: hostClasses }, label && (h("div", null, h(LabelTemplate, { type: captionType, value: label, required: required }))), h("div", { class: "tw-flex tw-flex-wrap tw-gap-2" }, h("slot", null)), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
121
+ return (h(Host, { class: hostClasses }, label && (h("div", null, h(LabelTemplate, { type: captionType, value: label, required: required }))), h("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, h("slot", null)), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
104
122
  }
105
123
  get el() { return this; }
124
+ static get style() { return chipGroupCss; }
106
125
  }, [4, "bcm-chip-group", {
107
126
  "_id": [1537, "id"],
108
127
  "name": [1],
109
128
  "value": [1032],
110
129
  "required": [4],
130
+ "size": [1],
111
131
  "label": [1],
112
132
  "caption": [1],
113
133
  "noCaption": [4, "no-caption"],
@@ -14,7 +14,7 @@ import { d as defineCustomElement$3 } from './rc-overflow.js';
14
14
  import { d as defineCustomElement$2 } from './search.js';
15
15
  import { d as defineCustomElement$1 } from './tooltip.js';
16
16
 
17
- const chipCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}";
17
+ const chipCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}";
18
18
 
19
19
  const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
20
  constructor() {
@@ -64,6 +64,7 @@ const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
64
64
  this.bcmChipAddable.emit(this.el);
65
65
  }
66
66
  listSelectedItems(e) {
67
+ // To be added to v3
67
68
  e.stopPropagation();
68
69
  e.preventDefault();
69
70
  if (e.detail) {
@@ -78,7 +79,8 @@ const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
78
79
  "bcm-chip--disabled": disabled,
79
80
  "bcm-chip--avatar": avatar,
80
81
  });
81
- return (h(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, avatar && h("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h("span", { class: "bcm-chip__left" }, h("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h("slot", null), type === "dismissable" && (h("span", { class: "bcm-chip__type-dismissable-icon" }, h("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data && this.data.length > 0 && ( // To be added to v3
82
+ return (h(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, h("div", { class: classnames(this.selected ? "bcm-chip--selected-icon" : "tw-hidden tw-w-0") }, h("bcm-icon", { icon: "fal fa-check" })), avatar && h("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h("span", { class: "bcm-chip__left" }, h("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h("slot", null), type === "dismissable" && (h("span", { class: "bcm-chip__type-dismissable-icon" }, h("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data &&
83
+ this.data.length > 0 && ( // To be added to v3
82
84
  h("bcm-list", { "onBcm-change": e => this.listSelectedItems(e), id: this._id + "-list", data: this.data, linkedComponent: this._id, searchable: true, highlight: true }))));
83
85
  }
84
86
  get el() { return this; }
@@ -25,7 +25,7 @@ var TypeProps;
25
25
  TypeProps["basic"] = "basic";
26
26
  })(TypeProps || (TypeProps = {}));
27
27
 
28
- const version = "2.8.1";
28
+ const version = "2.9.0-rc.1";
29
29
 
30
30
  function snq(callback, defaultValue) {
31
31
  try {
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import './colors-44c95e7e.js';
8
8
  import './_commonjsHelpers-3016b722.js';
9
9
 
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-a39b1045.js';
6
+ import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-61676bf1.js';
7
7
  import { c as classnames } from './index-ed9652af.js';
8
8
  import { c as createStore } from './index-93e36fdb.js';
9
9
  import { S as StringHelper } from './string-helper-6bd24967.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import './colors-44c95e7e.js';
8
8
  import './_commonjsHelpers-3016b722.js';
9
9
 
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
6
6
  import { C as ColorHelper } from './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate, s as snq } from './generate-a39b1045.js';
9
- import { N as NumberHelper } from './number-helper-fa8e8000.js';
8
+ import { G as Generate, s as snq } from './generate-61676bf1.js';
9
+ import { N as NumberHelper } from './number-helper-4ef4df19.js';
10
10
  import { S as StringHelper } from './string-helper-6bd24967.js';
11
- import { V as Validators } from './validators-dd70be40.js';
11
+ import { V as Validators } from './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import { B as Bcm, a as Bcm$1 } from './bcm-9f50af9c.js';
14
14
  import { c as classnames } from './index-ed9652af.js';
@@ -21,11 +21,11 @@ import './types-9493a7ed.js';
21
21
  import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-3016b722.js';
22
22
  import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
23
23
  import { p as pluralize, d as delay, g as getChildElements } from './utils-57652744.js';
24
- import { I as InputTemplate } from './input-template-e1df6efd.js';
24
+ import { I as InputTemplate } from './input-template-606f7441.js';
25
25
  import { F as FloatingUI } from './floating-ui-e7341329.js';
26
- import { J as JsonParse } from './json-parse-decarator-b1ceb8c8.js';
26
+ import { J as JsonParse } from './json-parse-decarator-2303670f.js';
27
27
  import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
28
- import { T as Tooltip } from './tooltip-helper-10b64c23.js';
28
+ import { T as Tooltip } from './tooltip-helper-79e225e7.js';
29
29
  import './colors-1d7854ea.js';
30
30
  import './colors-44c95e7e.js';
31
31
 
@@ -535,7 +535,7 @@ const BcmButton = class {
535
535
  };
536
536
  BcmButton.style = buttonCss;
537
537
 
538
- const chipCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}";
538
+ const chipCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}";
539
539
 
540
540
  const BcmChip = class {
541
541
  constructor(hostRef) {
@@ -584,6 +584,7 @@ const BcmChip = class {
584
584
  this.bcmChipAddable.emit(this.el);
585
585
  }
586
586
  listSelectedItems(e) {
587
+ // To be added to v3
587
588
  e.stopPropagation();
588
589
  e.preventDefault();
589
590
  if (e.detail) {
@@ -598,7 +599,8 @@ const BcmChip = class {
598
599
  "bcm-chip--disabled": disabled,
599
600
  "bcm-chip--avatar": avatar,
600
601
  });
601
- return (h$2(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, avatar && h$2("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h$2("span", { class: "bcm-chip__left" }, h$2("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h$2("slot", null), type === "dismissable" && (h$2("span", { class: "bcm-chip__type-dismissable-icon" }, h$2("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data && this.data.length > 0 && ( // To be added to v3
602
+ return (h$2(Host, { class: hostClasses, tabindex: "0", disabled: disabled, style: this.setColor(), onClick: e => this.bcmChipSelect.emit(e) }, h$2("div", { class: classnames(this.selected ? "bcm-chip--selected-icon" : "tw-hidden tw-w-0") }, h$2("bcm-icon", { icon: "fal fa-check" })), avatar && h$2("bcm-avatar", Object.assign({ size: size }, (color && { color }), (avatar && { image: avatar }))), type === "addable" && (h$2("span", { class: "bcm-chip__left" }, h$2("bcm-icon", { onClick: e => this.handleAddable(e), icon: "far fa-plus" }))), h$2("slot", null), type === "dismissable" && (h$2("span", { class: "bcm-chip__type-dismissable-icon" }, h$2("bcm-icon", { onClick: e => this.handleDismiss(e), icon: "fal fa-times" }))), this.data &&
603
+ this.data.length > 0 && ( // To be added to v3
602
604
  h$2("bcm-list", { "onBcm-change": e => this.listSelectedItems(e), id: this._id + "-list", data: this.data, linkedComponent: this._id, searchable: true, highlight: true }))));
603
605
  }
604
606
  get el() { return getElement(this); }
@@ -723,6 +725,8 @@ const ListTemplate = ({ highlight, selectAllItem, bcmListContainer, treeview, ch
723
725
  infoFooter && data && data.length > 0 && (h$2(InfoFooterTemplate, { selected: value === null || value === void 0 ? void 0 : value.length, total: totalData, found: searchFound, multiple: checkboxes, variableText: variableText }))));
724
726
  };
725
727
 
728
+ const chipGroupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}";
729
+
726
730
  const BcmChipGroup = class {
727
731
  constructor(hostRef) {
728
732
  registerInstance(this, hostRef);
@@ -731,6 +735,7 @@ const BcmChipGroup = class {
731
735
  this.name = undefined;
732
736
  this.value = undefined;
733
737
  this.required = false;
738
+ this.size = "medium";
734
739
  this.label = undefined;
735
740
  this.caption = undefined;
736
741
  this.noCaption = false;
@@ -742,7 +747,7 @@ const BcmChipGroup = class {
742
747
  if (target instanceof HTMLElement) {
743
748
  const data = e.detail;
744
749
  const chipItem = document.createElement("bcm-chip");
745
- chipItem.setAttribute("type", "dismissable");
750
+ // chipItem.setAttribute("type", "dismissable");
746
751
  chipItem.setAttribute("value", data.id);
747
752
  chipItem.innerHTML = data.text;
748
753
  target.parentNode.insertBefore(chipItem, target);
@@ -760,16 +765,19 @@ const BcmChipGroup = class {
760
765
  const target = e === null || e === void 0 ? void 0 : e.target;
761
766
  if (target instanceof HTMLElement) {
762
767
  if (target.type === "addable") {
763
- const listComponent = document.getElementById(target.id + "-list");
764
- if (listComponent) {
765
- listComponent.show();
766
- }
768
+ this.showListComponent(target.id);
767
769
  }
768
770
  else {
769
771
  this.setSelect(target.value);
770
772
  }
771
773
  }
772
774
  }
775
+ showListComponent(id) {
776
+ const listComponent = document.getElementById(id + "-list");
777
+ if (listComponent) {
778
+ listComponent.show();
779
+ }
780
+ }
773
781
  getSlots() {
774
782
  return this.el.querySelectorAll("bcm-chip");
775
783
  }
@@ -792,16 +800,29 @@ const BcmChipGroup = class {
792
800
  this.change.emit(this.value);
793
801
  }
794
802
  }
803
+ setAttr() {
804
+ const slots = this.getSlots();
805
+ if ((slots === null || slots === void 0 ? void 0 : slots.length) === 0)
806
+ return;
807
+ const slotArray = Array.from(slots);
808
+ slotArray.forEach(slot => {
809
+ slot.setAttribute("size", this.size);
810
+ });
811
+ }
795
812
  componentWillLoad() {
796
813
  this.setSelect();
797
814
  }
815
+ componentDidRender() {
816
+ this.setAttr();
817
+ }
798
818
  render() {
799
819
  const { label, required, noCaption, captionType, captionError, caption } = this;
800
820
  const hostClasses = classnames("bcm-chip-group");
801
- return (h$2(Host, { class: hostClasses }, label && (h$2("div", null, h$2(LabelTemplate, { type: captionType, value: label, required: required }))), h$2("div", { class: "tw-flex tw-flex-wrap tw-gap-2" }, h$2("slot", null)), h$2(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
821
+ return (h$2(Host, { class: hostClasses }, label && (h$2("div", null, h$2(LabelTemplate, { type: captionType, value: label, required: required }))), h$2("div", { class: "tw-flex tw-flex-wrap tw-gap-1" }, h$2("slot", null)), h$2(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
802
822
  }
803
823
  get el() { return getElement(this); }
804
824
  };
825
+ BcmChipGroup.style = chipGroupCss;
805
826
 
806
827
  /*
807
828
  object-assign
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
- import { G as Generate } from './generate-a39b1045.js';
7
+ import { G as Generate } from './generate-61676bf1.js';
8
8
  import './_commonjsHelpers-3016b722.js';
9
9
  import './colors-44c95e7e.js';
10
10
 
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate, s as snq } from './generate-a39b1045.js';
6
+ import { G as Generate, s as snq } from './generate-61676bf1.js';
7
7
  import { a as Bcm } from './bcm-9f50af9c.js';
8
8
  import { c as classnames } from './index-ed9652af.js';
9
9
  import { S as StringHelper } from './string-helper-6bd24967.js';
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import { C as ColorHelper } from './color-helper-e8ce23d7.js';
8
- import { G as Generate } from './generate-a39b1045.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
9
  import { S as StringHelper } from './string-helper-6bd24967.js';
10
10
  import { S as SlotTemplate } from './slot-template-5b2db362.js';
11
11
  import './_commonjsHelpers-3016b722.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
- import { G as Generate, s as snq } from './generate-a39b1045.js';
7
+ import { G as Generate, s as snq } from './generate-61676bf1.js';
8
8
  import { a as Bcm } from './bcm-9f50af9c.js';
9
9
  import { d as delay, g as getChildElements } from './utils-57652744.js';
10
10
  import { c as createStore } from './index-93e36fdb.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
- import { G as Generate } from './generate-a39b1045.js';
7
+ import { G as Generate } from './generate-61676bf1.js';
8
8
  import { a as Bcm } from './bcm-9f50af9c.js';
9
9
  import { c as getChilds, d as delay } from './utils-57652744.js';
10
10
  import './_commonjsHelpers-3016b722.js';
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import { C as CaptionTemplate } from './caption-template-da16ba7b.js';
8
- import { G as Generate } from './generate-a39b1045.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
9
  import { S as SlotTemplate } from './slot-template-5b2db362.js';
10
10
  import { a as Bcm } from './bcm-9f50af9c.js';
11
11
  import { d as delay } from './utils-57652744.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
- import { G as Generate } from './generate-a39b1045.js';
7
+ import { G as Generate } from './generate-61676bf1.js';
8
8
  import './_commonjsHelpers-3016b722.js';
9
9
  import './colors-44c95e7e.js';
10
10
 
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-a39b1045.js';
9
- import './number-helper-fa8e8000.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
+ import './number-helper-4ef4df19.js';
10
10
  import './string-helper-6bd24967.js';
11
- import './validators-dd70be40.js';
11
+ import './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import './bcm-9f50af9c.js';
14
14
  import './colors-1d7854ea.js';
@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-39
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
8
8
  import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-a39b1045.js';
9
+ import { G as Generate } from './generate-61676bf1.js';
10
10
  import { a as Bcm } from './bcm-9f50af9c.js';
11
11
  import { d as delay } from './utils-57652744.js';
12
12
  import './_commonjsHelpers-3016b722.js';
@@ -7,7 +7,7 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb
7
7
  import { c as classnames } from './index-ed9652af.js';
8
8
  import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
9
9
  import { d as delay } from './utils-57652744.js';
10
- import { G as Generate } from './generate-a39b1045.js';
10
+ import { G as Generate } from './generate-61676bf1.js';
11
11
  import { a as Bcm } from './bcm-9f50af9c.js';
12
12
  import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
13
13
  import { L as LabelTemplate } from './label-template-d74fe788.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import './colors-44c95e7e.js';
8
8
  import './_commonjsHelpers-3016b722.js';
9
9
 
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-a39b1045.js';
9
- import './number-helper-fa8e8000.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
+ import './number-helper-4ef4df19.js';
10
10
  import './string-helper-6bd24967.js';
11
- import './validators-dd70be40.js';
11
+ import './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import { B as Bcm } from './bcm-9f50af9c.js';
14
14
  import { c as classnames } from './index-ed9652af.js';
@@ -5,8 +5,8 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
8
- import { J as JsonParse } from './json-parse-decarator-b1ceb8c8.js';
9
- import { G as Generate } from './generate-a39b1045.js';
8
+ import { J as JsonParse } from './json-parse-decarator-2303670f.js';
9
+ import { G as Generate } from './generate-61676bf1.js';
10
10
  import { a as Bcm } from './bcm-9f50af9c.js';
11
11
  import './_commonjsHelpers-3016b722.js';
12
12
  import './colors-44c95e7e.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import { c as classnames } from './index-ed9652af.js';
8
8
  import { S as StringHelper } from './string-helper-6bd24967.js';
9
9
  import { C as ColorHelper } from './color-helper-e8ce23d7.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
7
- import { G as Generate, s as snq } from './generate-a39b1045.js';
7
+ import { G as Generate, s as snq } from './generate-61676bf1.js';
8
8
  import { S as StringHelper } from './string-helper-6bd24967.js';
9
9
  import { a as Bcm } from './bcm-9f50af9c.js';
10
10
  import './colors-44c95e7e.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import { c as classnames } from './index-ed9652af.js';
8
8
  import './colors-44c95e7e.js';
9
9
  import './_commonjsHelpers-3016b722.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
- import { G as Generate } from './generate-a39b1045.js';
6
+ import { G as Generate } from './generate-61676bf1.js';
7
7
  import { a as Bcm } from './bcm-9f50af9c.js';
8
8
  import { c as classnames } from './index-ed9652af.js';
9
9
  import { C as ColorHelper } from './color-helper-e8ce23d7.js';
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39133086.js';
6
- import { G as Generate, s as snq } from './generate-a39b1045.js';
6
+ import { G as Generate, s as snq } from './generate-61676bf1.js';
7
7
  import { S as StringHelper } from './string-helper-6bd24967.js';
8
8
  import './colors-44c95e7e.js';
9
9
  import './_commonjsHelpers-3016b722.js';
@@ -6,11 +6,11 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import './color-helper-e8ce23d7.js';
8
8
  import './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-a39b1045.js';
10
- import './number-helper-fa8e8000.js';
9
+ import { G as Generate } from './generate-61676bf1.js';
10
+ import './number-helper-4ef4df19.js';
11
11
  import './string-helper-6bd24967.js';
12
- import './validators-dd70be40.js';
13
- import { T as Tooltip } from './tooltip-helper-10b64c23.js';
12
+ import './validators-c4a5912c.js';
13
+ import { T as Tooltip } from './tooltip-helper-79e225e7.js';
14
14
  import './element-dragger-89bb52fd.js';
15
15
  import './bcm-9f50af9c.js';
16
16
  import { I as IsLoad } from './is-load-decorator-bc14ec4b.js';
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-a39b1045.js';
9
- import './number-helper-fa8e8000.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
+ import './number-helper-4ef4df19.js';
10
10
  import './string-helper-6bd24967.js';
11
- import './validators-dd70be40.js';
11
+ import './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import './bcm-9f50af9c.js';
14
14
  import { c as classnames } from './index-ed9652af.js';
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-a39b1045.js';
9
- import './number-helper-fa8e8000.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
+ import './number-helper-4ef4df19.js';
10
10
  import './string-helper-6bd24967.js';
11
- import './validators-dd70be40.js';
11
+ import './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import './bcm-9f50af9c.js';
14
14
  import './colors-1d7854ea.js';
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import './color-helper-e8ce23d7.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-a39b1045.js';
9
- import './number-helper-fa8e8000.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
+ import './number-helper-4ef4df19.js';
10
10
  import './string-helper-6bd24967.js';
11
- import './validators-dd70be40.js';
11
+ import './validators-c4a5912c.js';
12
12
  import './element-dragger-89bb52fd.js';
13
13
  import { d as delay } from './utils-57652744.js';
14
14
  import { B as Bcm } from './bcm-9f50af9c.js';
@@ -7,7 +7,7 @@ import { c as classnames } from './index-ed9652af.js';
7
7
  import { a as Bcm } from './bcm-9f50af9c.js';
8
8
  import { S as StringHelper } from './string-helper-6bd24967.js';
9
9
  import { S as SlotTemplate } from './slot-template-5b2db362.js';
10
- import { G as Generate } from './generate-a39b1045.js';
10
+ import { G as Generate } from './generate-61676bf1.js';
11
11
  import './_commonjsHelpers-3016b722.js';
12
12
  import './colors-44c95e7e.js';
13
13
 
@@ -5,7 +5,7 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
7
  import { C as ColorHelper } from './color-helper-e8ce23d7.js';
8
- import { G as Generate } from './generate-a39b1045.js';
8
+ import { G as Generate } from './generate-61676bf1.js';
9
9
  import { S as StringHelper } from './string-helper-6bd24967.js';
10
10
  import { s as setPosition } from './popover-placement-78f86f15.js';
11
11
  import './_commonjsHelpers-3016b722.js';
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
6
6
  import { c as classnames } from './index-ed9652af.js';
7
- import { G as Generate } from './generate-a39b1045.js';
7
+ import { G as Generate } from './generate-61676bf1.js';
8
8
  import { a as Bcm } from './bcm-9f50af9c.js';
9
9
  import './_commonjsHelpers-3016b722.js';
10
10
  import './colors-44c95e7e.js';