bromcom-ui 2.3.66 → 2.3.70

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 (218) hide show
  1. package/dist/bromcom-ui/{index-43956e3c.js → _commonjsHelpers-2088bffa.js} +1 -56
  2. package/dist/bromcom-ui/bcm-ad02f9c9.js +453 -0
  3. package/dist/bromcom-ui/bcm-alert.entry.js +53 -58
  4. package/dist/bromcom-ui/bcm-autocomplete.entry.js +4 -3
  5. package/dist/bromcom-ui/bcm-avatar.entry.js +27 -28
  6. package/dist/bromcom-ui/bcm-badge.entry.js +60 -31
  7. package/dist/bromcom-ui/bcm-breadcrumb.entry.js +26 -32
  8. package/dist/bromcom-ui/bcm-button.entry.js +92 -215
  9. package/dist/bromcom-ui/bcm-card-footer.entry.js +1 -1
  10. package/dist/bromcom-ui/bcm-card-header.entry.js +1 -1
  11. package/dist/bromcom-ui/bcm-card.entry.js +5 -4
  12. package/dist/bromcom-ui/bcm-checkbox-group.entry.js +253 -227
  13. package/dist/bromcom-ui/bcm-checkbox-lite.entry.js +29 -26
  14. package/dist/bromcom-ui/bcm-checkbox.entry.js +85 -89
  15. package/dist/bromcom-ui/bcm-collapse-group.entry.js +11 -16
  16. package/dist/bromcom-ui/bcm-collapse.entry.js +31 -18
  17. package/dist/bromcom-ui/bcm-colorpicker.entry.js +7 -6
  18. package/dist/bromcom-ui/bcm-comment-editor.entry.js +4 -3
  19. package/dist/bromcom-ui/bcm-comment-group.entry.js +4 -3
  20. package/dist/bromcom-ui/bcm-comment.entry.js +5 -4
  21. package/dist/bromcom-ui/bcm-date-picker.entry.js +31 -34
  22. package/dist/bromcom-ui/bcm-datetime-picker.entry.js +20 -46
  23. package/dist/bromcom-ui/bcm-divider.entry.js +11 -11
  24. package/dist/bromcom-ui/bcm-dropdown-button.entry.js +35 -61
  25. package/dist/bromcom-ui/bcm-dropdown-item.entry.js +66 -16
  26. package/dist/bromcom-ui/bcm-dropdown-list.entry.js +31 -49
  27. package/dist/bromcom-ui/bcm-dropdown.entry.js +17 -46
  28. package/dist/bromcom-ui/bcm-empty.entry.js +14 -45
  29. package/dist/bromcom-ui/bcm-error-layout.entry.js +20 -34
  30. package/dist/bromcom-ui/bcm-form-group.entry.js +3 -3
  31. package/dist/bromcom-ui/bcm-form.entry.js +31 -16
  32. package/dist/bromcom-ui/bcm-icon.entry.js +55 -35
  33. package/dist/bromcom-ui/bcm-input.entry.js +170 -276
  34. package/dist/bromcom-ui/bcm-label.entry.js +12 -549
  35. package/dist/bromcom-ui/bcm-link.entry.js +26 -5
  36. package/dist/bromcom-ui/bcm-list-2.entry.js +1063 -0
  37. package/dist/bromcom-ui/bcm-list-item.entry.js +4 -3
  38. package/dist/bromcom-ui/bcm-list-select.entry.js +14 -13
  39. package/dist/bromcom-ui/bcm-list.entry.js +10 -5
  40. package/dist/bromcom-ui/bcm-listbox-group.entry.js +5 -4
  41. package/dist/bromcom-ui/bcm-listbox-item.entry.js +5 -4
  42. package/dist/bromcom-ui/bcm-listbox.entry.js +17 -14
  43. package/dist/bromcom-ui/bcm-menu-group.entry.js +4 -3
  44. package/dist/bromcom-ui/bcm-menu-item.entry.js +4 -3
  45. package/dist/bromcom-ui/bcm-menu.entry.js +4 -3
  46. package/dist/bromcom-ui/bcm-message.entry.js +54 -50
  47. package/dist/bromcom-ui/bcm-modal.entry.js +47 -160
  48. package/dist/bromcom-ui/bcm-notification.entry.js +59 -47
  49. package/dist/bromcom-ui/bcm-popconfirm-box.entry.js +61 -21
  50. package/dist/bromcom-ui/bcm-popconfirm.entry.js +49 -93
  51. package/dist/bromcom-ui/bcm-popover-box.entry.js +44 -16
  52. package/dist/bromcom-ui/bcm-popover.entry.js +61 -101
  53. package/dist/bromcom-ui/bcm-progress.entry.js +77 -63
  54. package/dist/bromcom-ui/bcm-pulldown-group.entry.js +5 -4
  55. package/dist/bromcom-ui/bcm-pulldown-item.entry.js +4 -3
  56. package/dist/bromcom-ui/bcm-pulldown.entry.js +5 -4
  57. package/dist/bromcom-ui/bcm-radio-group.entry.js +183 -85
  58. package/dist/bromcom-ui/bcm-radio.entry.js +59 -79
  59. package/dist/bromcom-ui/bcm-range.entry.js +161 -0
  60. package/dist/bromcom-ui/bcm-result.entry.js +62 -38
  61. package/dist/bromcom-ui/bcm-search-2.entry.js +219 -0
  62. package/dist/bromcom-ui/bcm-search.entry.js +5 -4
  63. package/dist/bromcom-ui/bcm-select-box.entry.js +4 -3
  64. package/dist/bromcom-ui/bcm-select-group.entry.js +4 -3
  65. package/dist/bromcom-ui/bcm-select-option.entry.js +5 -4
  66. package/dist/bromcom-ui/bcm-select.entry.js +11 -12
  67. package/dist/bromcom-ui/bcm-selecto.entry.js +3 -2
  68. package/dist/bromcom-ui/bcm-slider.entry.js +4 -3
  69. package/dist/bromcom-ui/bcm-sub-comment.entry.js +5 -4
  70. package/dist/bromcom-ui/bcm-switch.entry.js +48 -37
  71. package/dist/bromcom-ui/bcm-tab-pane.entry.js +4 -3
  72. package/dist/bromcom-ui/bcm-tab.entry.js +8 -8
  73. package/dist/bromcom-ui/bcm-tabs-content.entry.js +5 -4
  74. package/dist/bromcom-ui/bcm-tabs.entry.js +6 -5
  75. package/dist/bromcom-ui/bcm-tag.entry.js +48 -44
  76. package/dist/bromcom-ui/bcm-text.entry.js +16 -10
  77. package/dist/bromcom-ui/bcm-textarea.entry.js +45 -68
  78. package/dist/bromcom-ui/bcm-time-picker.entry.js +4 -3
  79. package/dist/bromcom-ui/bcm-timeline-item.entry.js +10 -24
  80. package/dist/bromcom-ui/bcm-timeline.entry.js +11 -33
  81. package/dist/bromcom-ui/bcm-tooltip-box.entry.js +54 -16
  82. package/dist/bromcom-ui/bcm-tooltip.entry.js +48 -99
  83. package/dist/bromcom-ui/bcm-treeview-group.entry.js +1 -1
  84. package/dist/bromcom-ui/bcm-treeview-item.entry.js +5 -4
  85. package/dist/bromcom-ui/bcm-treeview.entry.js +6 -5
  86. package/dist/bromcom-ui/bcm-upload.entry.js +5 -4
  87. package/dist/bromcom-ui/bromcom-ui.css +40153 -35
  88. package/dist/bromcom-ui/bromcom-ui.esm.js +2 -2
  89. package/dist/bromcom-ui/caption-template-2d4ffc88.js +25 -0
  90. package/dist/bromcom-ui/color-helper-19448077.js +35 -0
  91. package/dist/bromcom-ui/{element-dragger-e40f0410.js → element-dragger-2a215f47.js} +1 -1
  92. package/dist/bromcom-ui/generate-8e440fc4.js +91 -0
  93. package/dist/bromcom-ui/index-55174f2a.js +58 -0
  94. package/dist/bromcom-ui/{index-9dbea026.js → index-dbc63c66.js} +2 -2
  95. package/dist/bromcom-ui/index-dd5c1283.js +187 -0
  96. package/dist/bromcom-ui/input-template-487d3243.js +83 -0
  97. package/dist/bromcom-ui/json-parse-decarator-223ea680.js +21 -0
  98. package/dist/bromcom-ui/label-template-501216fc.js +19 -0
  99. package/dist/bromcom-ui/number-helper-fea1966f.js +13 -0
  100. package/dist/bromcom-ui/{popover-placement-fb1f91e9.js → popover-placement-f7a6551c.js} +25 -17
  101. package/dist/bromcom-ui/property-decorators-21b15487.js +36 -0
  102. package/dist/bromcom-ui/slot-template-f79b82ee.js +9 -0
  103. package/dist/bromcom-ui/snq.es5-946822b8.js +14 -0
  104. package/dist/bromcom-ui/string-helper-35840f91.js +109 -0
  105. package/dist/bromcom-ui/types-6b2a6629.js +172 -0
  106. package/dist/bromcom-ui/{utils-1feb01eb.js → utils-333ded7f.js} +4 -1
  107. package/dist/types/components/atoms/avatar/avatar.d.ts +9 -5
  108. package/dist/types/components/atoms/badge/badge.d.ts +14 -9
  109. package/dist/types/components/atoms/button/button.d.ts +17 -10
  110. package/dist/types/components/atoms/button/types.d.ts +0 -22
  111. package/dist/types/components/atoms/divider/divider.d.ts +2 -2
  112. package/dist/types/components/atoms/icon/icon.d.ts +14 -9
  113. package/dist/types/components/atoms/label/label.d.ts +1 -2
  114. package/dist/types/components/atoms/link/link.d.ts +6 -1
  115. package/dist/types/components/atoms/states/badge.states.d.ts +7 -0
  116. package/dist/types/components/atoms/states/button.states.d.ts +7 -0
  117. package/dist/types/components/atoms/tag/tag.d.ts +14 -11
  118. package/dist/types/components/atoms/text/text.d.ts +4 -3
  119. package/dist/types/components/molecules/alert/alert.d.ts +15 -37
  120. package/dist/types/components/molecules/breadcrumb/breadcrumb.d.ts +9 -22
  121. package/dist/types/components/molecules/breadcrumb/types.d.ts +10 -0
  122. package/dist/types/components/molecules/checkbox/checkbox-lite.d.ts +7 -22
  123. package/dist/types/components/molecules/checkbox/checkbox.d.ts +26 -31
  124. package/dist/types/components/molecules/checkbox/group.d.ts +24 -83
  125. package/dist/types/components/molecules/collapse/collapse.d.ts +9 -6
  126. package/dist/types/components/molecules/collapse/group.d.ts +4 -2
  127. package/dist/types/components/molecules/dropdown/dropdown-button.d.ts +18 -31
  128. package/dist/types/components/molecules/dropdown/dropdown-item.d.ts +17 -16
  129. package/dist/types/components/molecules/dropdown/dropdown-list.d.ts +12 -35
  130. package/dist/types/components/molecules/dropdown/dropdown.d.ts +5 -30
  131. package/dist/types/components/molecules/empty/empty.d.ts +7 -24
  132. package/dist/types/components/molecules/empty/types.d.ts +0 -15
  133. package/dist/types/components/molecules/error-layout/error-layout.d.ts +6 -18
  134. package/dist/types/components/molecules/input/input.d.ts +39 -45
  135. package/dist/types/components/molecules/input/types.d.ts +13 -0
  136. package/dist/types/components/molecules/list/list-select.d.ts +0 -1
  137. package/dist/types/components/molecules/list/list.d.ts +0 -1
  138. package/dist/types/components/molecules/message/message.d.ts +13 -25
  139. package/dist/types/components/molecules/modal/modal.d.ts +12 -65
  140. package/dist/types/components/molecules/notification/notification.d.ts +14 -21
  141. package/dist/types/components/molecules/popconfirm/popconfirm-box.d.ts +14 -12
  142. package/dist/types/components/molecules/popconfirm/popconfirm.d.ts +10 -14
  143. package/dist/types/components/molecules/popover/popover-box.d.ts +10 -10
  144. package/dist/types/components/molecules/popover/popover.d.ts +13 -19
  145. package/dist/types/components/molecules/progress/progress.d.ts +8 -6
  146. package/dist/types/components/molecules/progress/types.d.ts +24 -0
  147. package/dist/types/components/molecules/radio/group.d.ts +28 -22
  148. package/dist/types/components/molecules/radio/radio.d.ts +13 -17
  149. package/dist/types/components/molecules/range/range.d.ts +36 -0
  150. package/dist/types/components/molecules/result/result.d.ts +14 -8
  151. package/dist/types/components/molecules/search-2/search-2.d.ts +30 -0
  152. package/dist/types/components/molecules/select/select.d.ts +4 -5
  153. package/dist/types/components/molecules/states/alert.states.d.ts +7 -0
  154. package/dist/types/components/molecules/states/checkbox-group.states.d.ts +53 -0
  155. package/dist/types/components/molecules/states/message.states.d.ts +7 -0
  156. package/dist/types/components/molecules/states/notification.states.d.ts +7 -0
  157. package/dist/types/components/molecules/states/radio-group.states.d.ts +47 -0
  158. package/dist/types/components/molecules/states/result.states.d.ts +7 -0
  159. package/dist/types/components/molecules/states/search.states.d.ts +13 -0
  160. package/dist/types/components/molecules/switch/switch.d.ts +18 -15
  161. package/dist/types/components/molecules/textarea/textarea.d.ts +23 -23
  162. package/dist/types/components/molecules/textarea/types.d.ts +9 -0
  163. package/dist/types/components/molecules/timeline/timeline-item.d.ts +0 -12
  164. package/dist/types/components/molecules/timeline/timeline.d.ts +2 -19
  165. package/dist/types/components/molecules/tooltip/tooltip-box.d.ts +11 -8
  166. package/dist/types/components/molecules/tooltip/tooltip.d.ts +13 -17
  167. package/dist/types/components/organism/colorpicker/colorpicker.d.ts +1 -2
  168. package/dist/types/components/organism/date-picker/date-picker.d.ts +7 -11
  169. package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts +4 -5
  170. package/dist/types/components/organism/form/form.d.ts +2 -1
  171. package/dist/types/components/organism/list-2/list-2.d.ts +109 -0
  172. package/dist/types/components/organism/listbox/listbox.d.ts +1 -2
  173. package/dist/types/components/organism/states/bcm-list2.states.d.ts +24 -0
  174. package/dist/types/components/organism/tabs/tab.d.ts +2 -1
  175. package/dist/types/components/organism/time-picker/time-picker.d.ts +1 -1
  176. package/dist/types/components.d.ts +554 -511
  177. package/dist/types/decorators/json-parse-decarator.d.ts +4 -0
  178. package/dist/types/decorators/property-decorators.d.ts +6 -0
  179. package/dist/types/global/variables/colors.d.ts +0 -1
  180. package/dist/types/helper/generate.d.ts +4 -1
  181. package/dist/types/helper/number-helper.d.ts +9 -0
  182. package/dist/types/helper/string-helper.d.ts +3 -0
  183. package/dist/types/models/bcm.d.ts +1 -1
  184. package/dist/types/models/states/Atoms/bcm-Atoms-state.d.ts +34 -0
  185. package/dist/types/models/states/molecules/bcm-molecules-state.d.ts +78 -0
  186. package/dist/types/models/states/organisms/bcm-organisms-state.d.ts +71 -0
  187. package/dist/types/templates/button-template.d.ts +16 -0
  188. package/dist/types/templates/checkbox-group-template.d.ts +10 -0
  189. package/dist/types/templates/checkbox-template.d.ts +13 -0
  190. package/dist/types/templates/info-footer-template.d.ts +10 -0
  191. package/dist/types/templates/input-template.d.ts +30 -0
  192. package/dist/types/templates/list-item-template.d.ts +11 -0
  193. package/dist/types/templates/list-template.d.ts +23 -0
  194. package/dist/types/templates/tag-template.d.ts +17 -0
  195. package/dist/types/types/index.d.ts +1 -1
  196. package/dist/types/utils/popover-placement.d.ts +3 -3
  197. package/dist/types/utils/utils.d.ts +1 -0
  198. package/package.json +1 -1
  199. package/dist/bromcom-ui/bcm-content.entry.js +0 -15
  200. package/dist/bromcom-ui/bcm-dropdown-group.entry.js +0 -58
  201. package/dist/bromcom-ui/bcm-footer.entry.js +0 -15
  202. package/dist/bromcom-ui/bcm-header.entry.js +0 -15
  203. package/dist/bromcom-ui/datetime-helper-c373f888.js +0 -5
  204. package/dist/bromcom-ui/types-0e4b533d.js +0 -14
  205. package/dist/bromcom-ui/types-911a8837.js +0 -21
  206. package/dist/types/components/atoms/badge/types.d.ts +0 -4
  207. package/dist/types/components/molecules/checkbox/types.d.ts +0 -29
  208. package/dist/types/components/molecules/dropdown/dropdown-group.d.ts +0 -28
  209. package/dist/types/components/molecules/dropdown/types.d.ts +0 -20
  210. package/dist/types/components/molecules/error-layout/types.d.ts +0 -4
  211. package/dist/types/components/molecules/message/types.d.ts +0 -13
  212. package/dist/types/components/molecules/modal/modal-content.d.ts +0 -4
  213. package/dist/types/components/molecules/modal/modal-header.d.ts +0 -4
  214. package/dist/types/components/molecules/modal/model-footer.d.ts +0 -4
  215. package/dist/types/components/molecules/modal/types.d.ts +0 -41
  216. package/dist/types/components/molecules/notification/types.d.ts +0 -14
  217. package/dist/types/components/molecules/result/types.d.ts +0 -19
  218. package/dist/types/helper/datetime-helper.d.ts +0 -3
@@ -0,0 +1,4 @@
1
+ import { ComponentInterface } from "../stencil-public-runtime";
2
+ declare type AttrReflectDecorator = (target: ComponentInterface, propertyKey: string) => void;
3
+ export declare function JsonParse(attribute?: any): AttrReflectDecorator;
4
+ export {};
@@ -0,0 +1,6 @@
1
+ import { ComponentInterface } from "../stencil-public-runtime";
2
+ declare type AttrReflectDecorator = (target: ComponentInterface, propertyKey: string) => void;
3
+ export declare function AttrReflect(attribute?: any): AttrReflectDecorator;
4
+ export declare function registerAttrReflect(component: ComponentInterface, element: HTMLElement, propName: string, attribute: string): void;
5
+ export declare function initProps(component: any, element: any, propName: any, attribute: any): void;
6
+ export {};
@@ -214,4 +214,3 @@ export declare const ColorPalette: {
214
214
  9: string;
215
215
  };
216
216
  };
217
- export declare type ColorPaletteTypes = 'default' | 'black' | 'white' | 'prime-blue' | 'prime-blue-1' | 'prime-blue-2' | 'prime-blue-3' | 'prime-blue-5' | 'prime-blue-6' | 'prime-blue-7' | 'prime-blue-8' | 'prime-blue-9' | 'prime-blue-10' | 'grey' | 'grey-1' | 'grey-2' | 'grey-3' | 'grey-4' | 'grey-5' | 'grey-6' | 'grey-7' | 'grey-8' | 'grey-9' | 'grey-10' | 'blue' | 'blue-1' | 'blue-2' | 'blue-3' | 'blue-4' | 'blue-5' | 'blue-6' | 'blue-7' | 'blue-8' | 'blue-9' | 'blue-10' | 'warmyellow' | 'warmyellow-1' | 'warmyellow-2' | 'warmyellow-3' | 'warmyellow-4' | 'warmyellow-5' | 'warmyellow-6' | 'warmyellow-7' | 'warmyellow-8' | 'warmyellow-9' | 'warmyellow-10' | 'yellow' | 'yellow-1' | 'yellow-2' | 'yellow-3' | 'yellow-4' | 'yellow-5' | 'yellow-6' | 'yellow-7' | 'yellow-8' | 'yellow-9' | 'yellow-10' | 'limegreen' | 'limegreen-1' | 'limegreen-2' | 'limegreen-3' | 'limegreen-4' | 'limegreen-5' | 'limegreen-6' | 'limegreen-7' | 'limegreen-8' | 'limegreen-9' | 'limegreen-10' | 'red' | 'red-1' | 'red-2' | 'red-3' | 'red-4' | 'red-5' | 'red-6' | 'red-7' | 'red-8' | 'red-9' | 'red-10' | 'darkorange' | 'darkorange-1' | 'darkorange-2' | 'darkorange-3' | 'darkorange-4' | 'darkorange-5' | 'darkorange-6' | 'darkorange-7' | 'darkorange-8' | 'darkorange-9' | 'darkorange-10' | 'orange' | 'orange-1' | 'orange-2' | 'orange-3' | 'orange-4' | 'orange-5' | 'orange-6' | 'orange-7' | 'orange-8' | 'orange-9' | 'orange-10' | 'green' | 'green-1' | 'green-2' | 'green-3' | 'green-4' | 'green-5' | 'green-6' | 'green-7' | 'green-8' | 'green-9' | 'green-10' | 'turquosie' | 'turquosie-1' | 'turquosie-2' | 'turquosie-3' | 'turquosie-4' | 'turquosie-5' | 'turquosie-6' | 'turquosie-7' | 'turquosie-8' | 'turquosie-9' | 'turquosie-10' | 'cobaltblue' | 'cobaltblue-1' | 'cobaltblue-2' | 'cobaltblue-3' | 'cobaltblue-4' | 'cobaltblue-5' | 'cobaltblue-6' | 'cobaltblue-7' | 'cobaltblue-8' | 'cobaltblue-9' | 'cobaltblue-10' | 'magenta' | 'magenta-1' | 'magenta-2' | 'magenta-3' | 'magenta-4' | 'magenta-5' | 'magenta-6' | 'magenta-7' | 'magenta-8' | 'magenta-9' | 'magenta-10' | 'purple' | 'purple-1' | 'purple-2' | 'purple-3' | 'purple-4' | 'purple-5' | 'purple-6' | 'purple-7' | 'purple-8' | 'purple-9' | 'purple-10' | 'bc-red' | 'bc-red-1' | 'bc-red-2' | 'bc-red-3' | 'bc-red-4' | 'bc-red-5' | 'bc-red-6' | 'bc-red-7' | 'bc-red-8' | 'bc-red-9' | 'bc-blue' | 'bc-blue-1' | 'bc-blue-2' | 'bc-blue-3' | 'bc-blue-4' | 'bc-blue-5' | 'bc-blue-6' | 'bc-blue-7' | 'bc-blue-8' | 'bc-blue-9' | 'bc-green' | 'bc-green-1' | 'bc-green-2' | 'bc-green-3' | 'bc-green-4' | 'bc-green-5' | 'bc-green-6' | 'bc-green-7' | 'bc-green-8' | 'bc-green-9' | 'bc-orange' | 'bc-orange-1' | 'bc-orange-2' | 'bc-orange-3' | 'bc-orange-4' | 'bc-orange-5' | 'bc-orange-6' | 'bc-orange-7' | 'bc-orange-8' | 'bc-orange-9';
@@ -5,6 +5,9 @@ export declare class Generate {
5
5
  color: string;
6
6
  };
7
7
  static createComponent: (element: any, props: any) => any;
8
- static debounceInput: (func: any, wait: any, immediate: any) => () => void;
8
+ static debounceInput: (func: any, wait: any, immediate: any, callBack?: any) => () => void;
9
9
  static flatArray: (arr: any) => any;
10
+ static reverseNodeList: (node_list: any) => any[];
11
+ static findEventPath: (event: any, find: any, items: any) => boolean;
12
+ static objectIsEmpty: (obj: any) => boolean;
10
13
  }
@@ -0,0 +1,9 @@
1
+ export declare class NumberHelper {
2
+ static isNumber: (str: string) => boolean;
3
+ static convertToNumber: (str: string) => number;
4
+ static replaceNumber: (str: string) => string;
5
+ static replaceFloat: (str: string) => string;
6
+ static toFixed: (num: number, fixed: number) => string;
7
+ static parseFloatFixed: (str: string, fixed: number) => string;
8
+ static getDecimalLength: (str: string) => number;
9
+ }
@@ -17,4 +17,7 @@ export declare class StringHelper {
17
17
  static getMessage: (type: string, args?: any[]) => any;
18
18
  static split: (str: string, separator: string) => string[];
19
19
  static textContains: (str: string, search: string) => boolean;
20
+ static textLimitter: (str: string, limit: number) => string;
21
+ static slugify: (str: string) => string;
22
+ static highlight: (str: string, search: string) => string;
20
23
  }
@@ -84,7 +84,7 @@ export declare namespace Bcm {
84
84
  basic = "basic",
85
85
  add = "add",
86
86
  checkable = "checkable",
87
- dissmisable = "dissmisable"
87
+ dismissable = "dismissable"
88
88
  }
89
89
  enum FontSize {
90
90
  'size-1' = "size-1",
@@ -0,0 +1,34 @@
1
+ export declare namespace BcmAtomsState {
2
+ interface BaseAtoms {
3
+ id: string | number;
4
+ }
5
+ interface Button extends BaseAtoms {
6
+ type: any;
7
+ hidden: any;
8
+ size: any;
9
+ disabled: any;
10
+ outline: any;
11
+ icon: any;
12
+ href: any;
13
+ kind: any;
14
+ target: any;
15
+ value: string;
16
+ loading: boolean;
17
+ variant: any;
18
+ fullWidth: boolean;
19
+ iconPosition: any;
20
+ variantClass: string;
21
+ isIconOnly: boolean;
22
+ iconSize: any;
23
+ dataDismiss: () => void;
24
+ }
25
+ interface Badge extends BaseAtoms {
26
+ blink?: any;
27
+ value?: any;
28
+ _slot?: any;
29
+ color?: any;
30
+ size?: any;
31
+ status?: any;
32
+ }
33
+ }
34
+ export default BcmAtomsState;
@@ -0,0 +1,78 @@
1
+ export declare namespace BcmMoleculesState {
2
+ interface BaseMolecules {
3
+ id: string | number;
4
+ }
5
+ interface Icon {
6
+ icon?: any;
7
+ iconType?: any;
8
+ size?: any;
9
+ color?: any;
10
+ loading?: any;
11
+ bigIcon?: any;
12
+ }
13
+ interface FormAttr {
14
+ disabled?: boolean;
15
+ hidden?: boolean;
16
+ required?: boolean;
17
+ readonly?: boolean;
18
+ value?: any;
19
+ name?: any;
20
+ label?: any;
21
+ }
22
+ interface Alert extends Icon, BaseMolecules {
23
+ status?: any;
24
+ dismissable?: any;
25
+ }
26
+ interface Message extends Icon, BaseMolecules {
27
+ message?: any;
28
+ status?: any;
29
+ }
30
+ interface Notification extends Icon, BaseMolecules {
31
+ message?: any;
32
+ description?: any;
33
+ status?: any;
34
+ }
35
+ interface Result extends Icon, BaseMolecules {
36
+ message?: any;
37
+ description?: any;
38
+ status?: any;
39
+ }
40
+ interface Options {
41
+ value?: any;
42
+ size?: any;
43
+ label?: any;
44
+ placeholder?: any;
45
+ noCaption?: any;
46
+ caption?: any;
47
+ captionError?: any;
48
+ captionType?: any;
49
+ disabled?: any;
50
+ required?: any;
51
+ hidden?: any;
52
+ highlight?: any;
53
+ name?: any;
54
+ items?: any;
55
+ infoFooter?: any;
56
+ checkboxes?: any;
57
+ clearable?: any;
58
+ template?: any;
59
+ favIcon?: any;
60
+ favIconOnlyChilds?: any;
61
+ showIcon?: any;
62
+ treeview?: any;
63
+ allOpen?: any;
64
+ fullWidth?: any;
65
+ readonly?: any;
66
+ type?: any;
67
+ linkedComponent?: any;
68
+ }
69
+ interface SearchData extends BaseMolecules {
70
+ parentId?: any;
71
+ text?: any;
72
+ items?: SearchData[];
73
+ }
74
+ interface BcmSearchModel extends BaseMolecules {
75
+ dataSource: SearchData[];
76
+ }
77
+ }
78
+ export default BcmMoleculesState;
@@ -0,0 +1,71 @@
1
+ export declare namespace BcmOrganismsState {
2
+ interface GenerateId {
3
+ id: string;
4
+ }
5
+ interface Options {
6
+ value?: any;
7
+ size?: any;
8
+ label?: any;
9
+ placeholder?: any;
10
+ noCaption?: any;
11
+ caption?: any;
12
+ captionError?: any;
13
+ captionType?: any;
14
+ disabled?: any;
15
+ required?: any;
16
+ hidden?: any;
17
+ isSearching?: any;
18
+ searchable?: any;
19
+ highlight?: any;
20
+ name?: any;
21
+ items?: any;
22
+ infoFooter?: any;
23
+ checkboxes?: any;
24
+ clearable?: any;
25
+ template?: any;
26
+ favIcon?: any;
27
+ favIconOnlyChilds?: any;
28
+ showIcon?: any;
29
+ treeview?: any;
30
+ allOpen?: any;
31
+ fullWidth?: any;
32
+ readonly?: any;
33
+ type?: any;
34
+ linkedComponent?: any;
35
+ }
36
+ interface Data extends GenerateId {
37
+ size?: any;
38
+ parentId?: any;
39
+ text?: any;
40
+ tooltipText?: any;
41
+ secondaryText?: any;
42
+ icon?: any;
43
+ template?: any;
44
+ avatar?: any;
45
+ disabled?: any;
46
+ readonly?: any;
47
+ checked?: any;
48
+ selected?: any;
49
+ hidden?: any;
50
+ checkboxes?: any;
51
+ open?: any;
52
+ isSearch?: any;
53
+ highlight?: any;
54
+ showIcon?: any;
55
+ focused?: any;
56
+ favicon?: any;
57
+ indeterminate?: any;
58
+ itemObject?: any;
59
+ contextMenu?: any;
60
+ items?: Data[];
61
+ }
62
+ interface BcmList2Model extends GenerateId {
63
+ dataSource: Data[];
64
+ options: Options;
65
+ totalItems: number;
66
+ totalRoots: number;
67
+ filterData?: Data[];
68
+ isSearchOtherTag?: boolean;
69
+ }
70
+ }
71
+ export default BcmOrganismsState;
@@ -0,0 +1,16 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ interface ButtonTemplateProps {
3
+ value?: any;
4
+ className?: any;
5
+ componentClass?: any;
6
+ disabled?: any;
7
+ href?: any;
8
+ target?: any;
9
+ loading?: any;
10
+ iconSize?: any;
11
+ isIconOnly?: any;
12
+ icon?: any;
13
+ iconPosition?: any;
14
+ }
15
+ export declare const ButtonTemplate: FunctionalComponent<ButtonTemplateProps>;
16
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ interface CheckboxGroupTemplate {
3
+ id?: any;
4
+ onBcmSelect?: (checkBoxId: any) => void;
5
+ groupContainerClasses?: any;
6
+ customStyle?: any;
7
+ items: any;
8
+ }
9
+ export declare const CheckboxGroupTemplate: FunctionalComponent<CheckboxGroupTemplate>;
10
+ export {};
@@ -0,0 +1,13 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ interface CheckboxTemplateProps {
3
+ disabled?: any;
4
+ checked?: any;
5
+ readOnly?: any;
6
+ required?: any;
7
+ indeterminate?: any;
8
+ hidden?: any;
9
+ captionType?: any;
10
+ _id?: any;
11
+ }
12
+ export declare const CheckboxTemplate: FunctionalComponent<CheckboxTemplateProps>;
13
+ export {};
@@ -0,0 +1,10 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ interface InfoFooterTemplateProps {
3
+ selected?: any;
4
+ total?: any;
5
+ found?: any;
6
+ multiple?: boolean;
7
+ variableText?: string;
8
+ }
9
+ export declare const InfoFooterTemplate: FunctionalComponent<InfoFooterTemplateProps>;
10
+ export {};
@@ -0,0 +1,30 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ import Bcm from '../models/bcm';
3
+ interface InputTemplateProps extends Bcm.InputClickEvent {
4
+ elementType?: 'textarea' | 'input';
5
+ rows?: any;
6
+ id?: any;
7
+ internalId?: any;
8
+ type?: any;
9
+ placeholder?: any;
10
+ value?: any;
11
+ size?: any;
12
+ unit?: any;
13
+ unitPrefix?: any;
14
+ maxLength?: any;
15
+ disabled?: any;
16
+ clearable?: any;
17
+ focused?: any;
18
+ readonly?: any;
19
+ isPasswordVisible?: any;
20
+ passwordToggle?: any;
21
+ noDefaultIcon?: any;
22
+ inValid?: any;
23
+ captionType?: any;
24
+ resize?: any;
25
+ changePasswordVisibility?: () => void;
26
+ handleClear?: (e: MouseEvent) => void;
27
+ steps?: (type: any) => void;
28
+ }
29
+ export declare const InputTemplate: FunctionalComponent<InputTemplateProps>;
30
+ export {};
@@ -0,0 +1,11 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ import Bcm from '../models/bcm';
3
+ interface ListItemTemplateProps extends Bcm.ListItemClickEvent {
4
+ item?: any;
5
+ treeview?: any;
6
+ checkboxes?: any;
7
+ size?: any;
8
+ highlight?: any;
9
+ }
10
+ export declare const ListItemTemplate: FunctionalComponent<ListItemTemplateProps>;
11
+ export {};
@@ -0,0 +1,23 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ import Bcm from '../models/bcm';
3
+ interface ListTemplateProps extends Bcm.ListClickEvent {
4
+ treeview?: any;
5
+ checkboxes?: any;
6
+ bcmListContainer?: any;
7
+ infoFooter?: any;
8
+ value?: any;
9
+ totalData?: any;
10
+ searchFound?: any;
11
+ variableText?: any;
12
+ size?: any;
13
+ items?: any;
14
+ _id?: any;
15
+ data?: any;
16
+ width?: any;
17
+ height?: any;
18
+ selectAllItem?: any;
19
+ searchable?: any;
20
+ highlight?: any;
21
+ }
22
+ export declare const ListTemplate: FunctionalComponent<ListTemplateProps>;
23
+ export {};
@@ -0,0 +1,17 @@
1
+ import { FunctionalComponent } from '../stencil-public-runtime';
2
+ import Bcm from '../models/bcm';
3
+ interface TagTemplateProps {
4
+ _id?: string;
5
+ hostClasses?: string;
6
+ classes?: string;
7
+ colorStyle?: any;
8
+ customStyle?: any;
9
+ value?: string;
10
+ type?: Bcm.TagType;
11
+ calculatedSize?: number;
12
+ checked?: boolean;
13
+ onDismiss?: (e?: any) => void;
14
+ onSelect?: (e?: any) => void;
15
+ }
16
+ export declare const TagTemplate: FunctionalComponent<TagTemplateProps>;
17
+ export {};
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * 'type' prop caption type
3
3
  */
4
- export declare type captionTypeProp = 'primary' | 'success' | 'warning' | 'error' | 'default';
4
+ export declare type captionTypeProp = 'info' | 'success' | 'warning' | 'error' | 'default';
5
5
  export interface ITransformPositions {
6
6
  x: number;
7
7
  y: number;
@@ -1,3 +1,3 @@
1
- import { placementType } from "../components/molecules/tooltip/tooltip";
2
- export declare const popoverPlacement: (box: HTMLElement, host: HTMLElement, placement: placementType, changePlacement: Function) => void;
3
- export declare const popoverBoxPlacement: (placement: any, target: any) => any[];
1
+ import { PlacementTypes } from "../models/bcm-types";
2
+ export declare const getPlacement: (box: HTMLElement, host: HTMLElement, placement: PlacementTypes, changePlacement: Function) => Promise<void>;
3
+ export declare const setPosition: (placement: any, target: HTMLElement) => number[];
@@ -26,6 +26,7 @@ export declare const isTargetComponent: (component: HTMLElement, component2: str
26
26
  * @param type
27
27
  */
28
28
  export declare const getChilds: (el: HTMLElement, component: string) => any[];
29
+ export declare const getChildElements: (el: HTMLElement, component: string) => any[];
29
30
  /**
30
31
  * @desc
31
32
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bromcom-ui",
3
- "version": "2.3.66",
3
+ "version": "2.3.70",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,15 +0,0 @@
1
- import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
2
- import { c as classnames } from './index-43956e3c.js';
3
-
4
- const BcmContent = class {
5
- constructor(hostRef) {
6
- registerInstance(this, hostRef);
7
- this.hidden = false;
8
- }
9
- render() {
10
- const hostClasses = classnames(this.hidden ? 'hidden' : null);
11
- return (h(Host, { class: hostClasses }, h("slot", null)));
12
- }
13
- };
14
-
15
- export { BcmContent as bcm_content };
@@ -1,58 +0,0 @@
1
- import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
2
- import { c as classnames } from './index-43956e3c.js';
3
-
4
- const dropdownGroupCss = "@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}:host{display:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-group{--const-padding-vertical-sub:8px;--const-padding-horizontal-sub:40px;--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.dropdown-group ::slotted(bcm-dropdown-item){--padding-vertical-sub:var(--const-padding-vertical-sub);--padding-horizontal-sub:var(--const-padding-horizontal-sub);--hover-color:var(--bcm-color-prime-blue-6);--selected-bg-color:var(--bcm-color-prime-blue-6)}.dropdown-group.open .title{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-group.open .title:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-group.open .inner{display:block}.inner{position:absolute;top:calc(100% + 5px);display:none;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.inner{position:relative;box-shadow:none}}.title{display:flex;align-items:center;justify-content:space-between;color:var(--bcm-color-grey-8);cursor:pointer;padding:8px 8px;height:100%}.title .text-content{display:flex;align-items:center}.title .collapse-icon{margin-left:8px}.title ::slotted(bcm-icon){margin-right:10px}.title:hover{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}@media screen and (min-width: 576px){.title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub)}}.dropdown-group .title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub);white-space:nowrap}.dropdown-group .inner{position:relative;box-shadow:none}.dropdown-group.right{position:relative;--nowrap-sub:nowrap}.dropdown-group.right .inner{position:absolute;top:0;left:100%;margin-left:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.dropdown-group.right .inner{position:relative;left:0;box-shadow:none}}";
5
-
6
- /**
7
- * @desc
8
- * @param str
9
- */
10
- const lowercase = (str) => str.toLowerCase();
11
- const BcmDropdownGroup = class {
12
- constructor(hostRef) {
13
- registerInstance(this, hostRef);
14
- this.dropdownRootGroupOpen = createEvent(this, "bcm-dropdown-root-group-open", 7);
15
- /**
16
- * Component Properties
17
- */
18
- this._title = '';
19
- this._id = (Math.random() * 4).toString(16).replace('.', '');
20
- this.size = 'medium';
21
- this.open = false;
22
- this.hidden = false;
23
- }
24
- /**
25
- * @desc
26
- */
27
- handleTitleClick() {
28
- this.open = !this.open;
29
- this.dropdownRootGroupOpen.emit(this._id);
30
- }
31
- /**
32
- * @desc
33
- * @param event
34
- */
35
- handleWindowClick(event) {
36
- const target = event.target;
37
- if (target && (lowercase(target.tagName) === 'bcm-dropdown-list' ||
38
- lowercase(target.tagName) === 'bcm-dropdown-group' ||
39
- lowercase(target.tagName) === 'bcm-dropdown-item'))
40
- return;
41
- this.open = false;
42
- }
43
- render() {
44
- const { _title, direction, open, size } = this;
45
- const classes = classnames('dropdown-group', size, {
46
- 'open': this.open,
47
- 'right': this.direction === 'right',
48
- 'size-2': size === 'small' || size === 'medium',
49
- 'size-3': size === 'large'
50
- });
51
- const hostClasses = classnames(this.hidden ? 'hidden' : null);
52
- return (h(Host, { class: hostClasses }, h("div", { class: classes }, h("div", { class: "title", onClick: () => this.handleTitleClick() }, h("div", { class: "text-content" }, h("slot", { name: "icon" }), _title), h("bcm-icon", { class: "collapse-icon", size: 8, icon: direction === 'right' ? open ? 'caret-right' : 'caret-right' : open ? 'caret-up' : 'caret-down', type: "fill" })), h("div", { class: "inner" }, h("slot", null)))));
53
- }
54
- get el() { return getElement(this); }
55
- };
56
- BcmDropdownGroup.style = dropdownGroupCss;
57
-
58
- export { BcmDropdownGroup as bcm_dropdown_group };
@@ -1,15 +0,0 @@
1
- import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
2
- import { c as classnames } from './index-43956e3c.js';
3
-
4
- const BcmFooter = class {
5
- constructor(hostRef) {
6
- registerInstance(this, hostRef);
7
- this.hidden = false;
8
- }
9
- render() {
10
- const hostClasses = classnames(this.hidden ? 'hidden' : null);
11
- return (h(Host, { class: hostClasses }, h("slot", null)));
12
- }
13
- };
14
-
15
- export { BcmFooter as bcm_footer };
@@ -1,15 +0,0 @@
1
- import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
2
- import { c as classnames } from './index-43956e3c.js';
3
-
4
- const BcmHeader = class {
5
- constructor(hostRef) {
6
- registerInstance(this, hostRef);
7
- this.hidden = false;
8
- }
9
- render() {
10
- const hostClasses = classnames(this.hidden ? 'hidden' : null);
11
- return (h(Host, { class: hostClasses }, h("slot", null)));
12
- }
13
- };
14
-
15
- export { BcmHeader as bcm_header };
@@ -1,5 +0,0 @@
1
- class DateTimeHelper {
2
- }
3
- DateTimeHelper.convertTimeStampToDate = (timestamp) => new Date(timestamp);
4
-
5
- export { DateTimeHelper as D };
@@ -1,14 +0,0 @@
1
- const iconSizes = {
2
- default: {
3
- large: 16,
4
- medium: 14,
5
- small: 14,
6
- },
7
- iconOnly: {
8
- large: 20,
9
- medium: 18,
10
- small: 16,
11
- },
12
- };
13
-
14
- export { iconSizes as i };
@@ -1,21 +0,0 @@
1
- /**
2
- * 'status' prop predefined values
3
- */
4
- var StatusProps;
5
- (function (StatusProps) {
6
- StatusProps["info"] = "info";
7
- StatusProps["error"] = "error";
8
- StatusProps["warning"] = "warning";
9
- StatusProps["success"] = "success";
10
- StatusProps["default"] = "default";
11
- })(StatusProps || (StatusProps = {}));
12
- /**
13
- * 'type' prop predefined values
14
- */
15
- var TypeProps;
16
- (function (TypeProps) {
17
- TypeProps["banner"] = "banner";
18
- TypeProps["basic"] = "basic";
19
- })(TypeProps || (TypeProps = {}));
20
-
21
- export { StatusProps as S, TypeProps as T };
@@ -1,4 +0,0 @@
1
- /**
2
- * 'type' prop size
3
- */
4
- export declare type SizeProp = 'small' | 'medium' | 'large';
@@ -1,29 +0,0 @@
1
- /**
2
- * 'color' prop predefined values
3
- */
4
- export declare enum ColorProps {
5
- 'black' = "black",
6
- 'white' = "white",
7
- 'prime-blue' = "prime-blue",
8
- 'grey' = "grey",
9
- 'blue' = "blue",
10
- 'warmyellow' = "warmyellow",
11
- 'yellow' = "yellow",
12
- 'limegreen' = "limegreen",
13
- 'red' = "red",
14
- 'darkorange' = "darkorange",
15
- 'orange' = "orange",
16
- 'green' = "green",
17
- 'turquosie' = "turquosie",
18
- 'cobaltblue' = "cobaltblue",
19
- 'magenta' = "magenta",
20
- 'purple' = "purple",
21
- 'bc-red' = "bc-red",
22
- 'bc-blue' = "bc-blue",
23
- 'bc-green' = "bc-green",
24
- 'bc-orange' = "bc-orange"
25
- }
26
- /**
27
- * 'color' prop types
28
- */
29
- export declare type ColorProp = keyof typeof ColorProps;
@@ -1,28 +0,0 @@
1
- import { EventEmitter } from '../../../stencil-public-runtime';
2
- import { SizeProp } from './types';
3
- export declare class BcmDropdownGroup {
4
- el: HTMLElement;
5
- /**
6
- * Component Properties
7
- */
8
- _title: string;
9
- direction: 'bottom' | 'right';
10
- _id: string;
11
- size: any & SizeProp;
12
- open: boolean;
13
- hidden: boolean;
14
- /**
15
- * Component Events
16
- */
17
- dropdownRootGroupOpen: EventEmitter;
18
- /**
19
- * @desc
20
- */
21
- handleTitleClick(): void;
22
- /**
23
- * @desc
24
- * @param event
25
- */
26
- handleWindowClick(event: any): void;
27
- render(): any;
28
- }