bromcom-ui 2.9.0-rc.12 → 2.9.0-rc.14

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 (208) 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/global/helper/toast.ts +2 -0
  4. package/dist/bromcom-ui/p-00c15b34.entry.js +5 -0
  5. package/dist/bromcom-ui/{p-eb279a80.entry.js → p-013e2754.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-fb36ab9c.entry.js → p-02ad5557.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-a89cff9b.js → p-0332d483.js} +1 -1
  8. package/dist/bromcom-ui/{p-eefcd035.entry.js → p-109e236f.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-6abc4fdf.entry.js → p-12a73bfa.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-1ad5b7dd.entry.js → p-1359971c.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-6b60a4d3.js → p-18cec6df.js} +1 -1
  12. package/dist/bromcom-ui/p-1b6cf687.entry.js +5 -0
  13. package/dist/bromcom-ui/{p-f533a1b5.entry.js → p-1cadeabe.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-3c2db0c1.entry.js → p-1e439cb9.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-1fc491fc.entry.js → p-3006537d.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-965703ec.entry.js → p-36086f27.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-c9212343.entry.js → p-36e8b68d.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-94a9bd14.entry.js → p-395c780d.entry.js} +1 -1
  19. package/dist/bromcom-ui/p-3d135c37.entry.js +5 -0
  20. package/dist/bromcom-ui/{p-bcef2201.entry.js → p-43a6794f.entry.js} +1 -1
  21. package/dist/bromcom-ui/p-461a8ad1.js +5 -0
  22. package/dist/bromcom-ui/{p-a799b910.entry.js → p-489cf42b.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-0d0fc47b.entry.js → p-4a6505b5.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-f4634124.entry.js → p-4df7fdfe.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-b9cfa2c6.entry.js → p-51ea1c7b.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-70994ba0.entry.js → p-59749f31.entry.js} +1 -1
  27. package/dist/bromcom-ui/p-5bc314e4.entry.js +5 -0
  28. package/dist/bromcom-ui/{p-26da70f2.entry.js → p-5f9c9549.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-c0a62a71.entry.js → p-6a7e07a9.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-98afbb62.entry.js → p-6b5754c6.entry.js} +1 -1
  31. package/dist/bromcom-ui/{p-cb3bc0f4.entry.js → p-6b7f2b84.entry.js} +1 -1
  32. package/dist/bromcom-ui/{p-55931686.entry.js → p-6ed4b153.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-a81644d6.entry.js → p-73c223c8.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-ab7bd6e1.js → p-74d95615.js} +1 -1
  35. package/dist/bromcom-ui/{p-f394a316.js → p-774708c3.js} +1 -1
  36. package/dist/bromcom-ui/{p-d61af652.entry.js → p-7853a51e.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-4772e438.entry.js → p-84e87c10.entry.js} +1 -1
  38. package/dist/bromcom-ui/{p-a31e475a.entry.js → p-88485410.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-23a805b2.entry.js → p-88c10970.entry.js} +1 -1
  40. package/dist/bromcom-ui/{p-3a83e2ed.entry.js → p-891889f6.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-416f6233.entry.js → p-89f1571f.entry.js} +1 -1
  42. package/dist/bromcom-ui/{p-aedc59f3.entry.js → p-8a117641.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-13070661.entry.js → p-8c111486.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-02fc6c76.entry.js → p-8d7c1af0.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-8507df31.js → p-8fcf6a44.js} +1 -1
  46. package/dist/bromcom-ui/{p-9d911ba3.entry.js → p-a42921be.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-ab53fd56.entry.js → p-a7ed0981.entry.js} +1 -1
  48. package/dist/bromcom-ui/{p-e7cbc79a.js → p-b27f3556.js} +1 -1
  49. package/dist/bromcom-ui/{p-a7a5da82.entry.js → p-b48b8c98.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-509cfa99.js → p-b712ba6c.js} +1 -1
  51. package/dist/bromcom-ui/{p-fa9e6264.entry.js → p-bb9aa7d4.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-5f11b62c.entry.js → p-c17a1c9c.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-e6f888b3.entry.js → p-d28142f9.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-9a21398e.entry.js → p-d421811f.entry.js} +1 -1
  55. package/dist/bromcom-ui/{p-29722bff.entry.js → p-d8cadf00.entry.js} +1 -1
  56. package/dist/bromcom-ui/p-dbbe85a2.entry.js +5 -0
  57. package/dist/bromcom-ui/{p-20422d81.entry.js → p-dec4ea67.entry.js} +1 -1
  58. package/dist/bromcom-ui/{p-6c878da5.entry.js → p-e096c551.entry.js} +1 -1
  59. package/dist/bromcom-ui/{p-5c27d09b.entry.js → p-e7728eb8.entry.js} +1 -1
  60. package/dist/bromcom-ui/{p-8abe303b.entry.js → p-ebf322d6.entry.js} +1 -1
  61. package/dist/bromcom-ui/{p-d57f3587.entry.js → p-f659324d.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-44407faa.js → p-f6648bd1.js} +1 -1
  63. package/dist/bromcom-ui/{p-ac385400.entry.js → p-fd37157c.entry.js} +1 -1
  64. package/dist/bromcom-ui/{p-0bc35a82.entry.js → p-fdcde7e8.entry.js} +1 -1
  65. package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
  66. package/dist/cjs/bcm-alert.cjs.entry.js +2 -2
  67. package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
  68. package/dist/cjs/bcm-avatar_2.cjs.entry.js +4 -4
  69. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  70. package/dist/cjs/bcm-button-group.cjs.entry.js +2 -2
  71. package/dist/cjs/bcm-button_9.cjs.entry.js +6 -6
  72. package/dist/cjs/bcm-card.cjs.entry.js +2 -2
  73. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +2 -2
  74. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +2 -2
  75. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +2 -2
  76. package/dist/cjs/bcm-chip-group.cjs.entry.js +4 -4
  77. package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
  78. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
  79. package/dist/cjs/bcm-color-input.cjs.entry.js +4 -4
  80. package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
  81. package/dist/cjs/bcm-date.cjs.entry.js +4 -4
  82. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +2 -2
  83. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  84. package/dist/cjs/bcm-drawer.cjs.entry.js +4 -4
  85. package/dist/cjs/bcm-dropdown.cjs.entry.js +3 -3
  86. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +2 -2
  87. package/dist/cjs/bcm-form-2.cjs.entry.js +2 -2
  88. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  89. package/dist/cjs/bcm-item.cjs.entry.js +2 -2
  90. package/dist/cjs/bcm-items.cjs.entry.js +2 -2
  91. package/dist/cjs/bcm-list_3.cjs.entry.js +6 -6
  92. package/dist/cjs/bcm-menu.cjs.entry.js +5 -5
  93. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -4
  94. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -4
  95. package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -4
  96. package/dist/cjs/bcm-modal.cjs.entry.js +2 -2
  97. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +2 -2
  98. package/dist/cjs/bcm-popconfirm.cjs.entry.js +2 -2
  99. package/dist/cjs/bcm-popover.cjs.entry.js +4 -4
  100. package/dist/cjs/bcm-progress.cjs.entry.js +2 -2
  101. package/dist/cjs/bcm-radio-group.cjs.entry.js +4 -4
  102. package/dist/cjs/bcm-radio.cjs.entry.js +4 -4
  103. package/dist/cjs/bcm-range.cjs.entry.js +2 -2
  104. package/dist/cjs/bcm-skeleton.cjs.entry.js +2 -2
  105. package/dist/cjs/bcm-step.cjs.entry.js +3 -3
  106. package/dist/cjs/bcm-stepper.cjs.entry.js +5 -5
  107. package/dist/cjs/bcm-switch.cjs.entry.js +2 -2
  108. package/dist/cjs/bcm-tab-group.cjs.entry.js +4 -4
  109. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +4 -4
  110. package/dist/cjs/bcm-tab-item.cjs.entry.js +4 -4
  111. package/dist/cjs/bcm-table.cjs.entry.js +4 -4
  112. package/dist/cjs/bcm-tag.cjs.entry.js +3 -3
  113. package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -2
  114. package/dist/cjs/bcm-toast.cjs.entry.js +31 -12
  115. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  116. package/dist/cjs/{generate-4911eaae.js → generate-3ece348b.js} +1 -1
  117. package/dist/cjs/{global-efef2bd1.js → global-6ab24771.js} +1 -1
  118. package/dist/cjs/{input-template-11d547bd.js → input-template-dba31783.js} +1 -1
  119. package/dist/cjs/{json-parse-decarator-fdcd20df.js → json-parse-decarator-1987a7bd.js} +1 -1
  120. package/dist/cjs/loader.cjs.js +3 -3
  121. package/dist/cjs/{number-helper-72d5f146.js → number-helper-f80c6c41.js} +1 -1
  122. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -3
  123. package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
  124. package/dist/cjs/{package-70273fae.js → package-338cedd9.js} +1 -1
  125. package/dist/cjs/{stepper-states-56e660a4.js → stepper-states-310b6127.js} +1 -1
  126. package/dist/cjs/{tooltip-helper-3b8b977f.js → tooltip-helper-1a672e09.js} +3 -3
  127. package/dist/cjs/{validators-c43fa1d0.js → validators-c318271a.js} +1 -1
  128. package/dist/collection/components/other/toast/toast.js +48 -11
  129. package/dist/collection/global/helper/toast.js +1 -0
  130. package/dist/collection/global/helper/toast.ts +2 -0
  131. package/dist/components/bcm-toast.js +30 -10
  132. package/dist/components/generate.js +1 -1
  133. package/dist/esm/bcm-accordion.entry.js +2 -2
  134. package/dist/esm/bcm-alert.entry.js +2 -2
  135. package/dist/esm/bcm-attendance.entry.js +2 -2
  136. package/dist/esm/bcm-avatar_2.entry.js +4 -4
  137. package/dist/esm/bcm-breadcrumb.entry.js +2 -2
  138. package/dist/esm/bcm-button-group.entry.js +2 -2
  139. package/dist/esm/bcm-button_9.entry.js +6 -6
  140. package/dist/esm/bcm-card.entry.js +2 -2
  141. package/dist/esm/bcm-checkbox-group.entry.js +2 -2
  142. package/dist/esm/bcm-checkbox-lite_9.entry.js +2 -2
  143. package/dist/esm/bcm-checkbox_2.entry.js +2 -2
  144. package/dist/esm/bcm-chip-group.entry.js +4 -4
  145. package/dist/esm/bcm-chip.entry.js +2 -2
  146. package/dist/esm/bcm-collapse.entry.js +2 -2
  147. package/dist/esm/bcm-color-input.entry.js +4 -4
  148. package/dist/esm/bcm-date-picker.entry.js +2 -2
  149. package/dist/esm/bcm-date.entry.js +4 -4
  150. package/dist/esm/bcm-datetime-picker.entry.js +2 -2
  151. package/dist/esm/bcm-default.entry.js +2 -2
  152. package/dist/esm/bcm-drawer.entry.js +4 -4
  153. package/dist/esm/bcm-dropdown.entry.js +3 -3
  154. package/dist/esm/bcm-expansion-panel.entry.js +2 -2
  155. package/dist/esm/bcm-form-2.entry.js +2 -2
  156. package/dist/esm/bcm-input-custom.entry.js +2 -2
  157. package/dist/esm/bcm-item.entry.js +2 -2
  158. package/dist/esm/bcm-items.entry.js +2 -2
  159. package/dist/esm/bcm-list_3.entry.js +6 -6
  160. package/dist/esm/bcm-menu.entry.js +5 -5
  161. package/dist/esm/bcm-modal-2-footer.entry.js +4 -4
  162. package/dist/esm/bcm-modal-2-header.entry.js +4 -4
  163. package/dist/esm/bcm-modal-2.entry.js +4 -4
  164. package/dist/esm/bcm-modal.entry.js +2 -2
  165. package/dist/esm/bcm-popconfirm-box.entry.js +2 -2
  166. package/dist/esm/bcm-popconfirm.entry.js +2 -2
  167. package/dist/esm/bcm-popover.entry.js +4 -4
  168. package/dist/esm/bcm-progress.entry.js +2 -2
  169. package/dist/esm/bcm-radio-group.entry.js +4 -4
  170. package/dist/esm/bcm-radio.entry.js +4 -4
  171. package/dist/esm/bcm-range.entry.js +2 -2
  172. package/dist/esm/bcm-skeleton.entry.js +2 -2
  173. package/dist/esm/bcm-step.entry.js +3 -3
  174. package/dist/esm/bcm-stepper.entry.js +5 -5
  175. package/dist/esm/bcm-switch.entry.js +2 -2
  176. package/dist/esm/bcm-tab-group.entry.js +4 -4
  177. package/dist/esm/bcm-tab-item-header.entry.js +4 -4
  178. package/dist/esm/bcm-tab-item.entry.js +4 -4
  179. package/dist/esm/bcm-table.entry.js +4 -4
  180. package/dist/esm/bcm-tag.entry.js +3 -3
  181. package/dist/esm/bcm-time-picker.entry.js +2 -2
  182. package/dist/esm/bcm-toast.entry.js +31 -12
  183. package/dist/esm/bromcom-ui.js +3 -3
  184. package/dist/esm/{generate-c890c880.js → generate-87200d1c.js} +1 -1
  185. package/dist/esm/{global-80f07324.js → global-50960b0d.js} +1 -1
  186. package/dist/esm/{input-template-7f96e7e6.js → input-template-ab70223f.js} +1 -1
  187. package/dist/esm/{json-parse-decarator-2c6f525f.js → json-parse-decarator-a56bad01.js} +1 -1
  188. package/dist/esm/loader.js +3 -3
  189. package/dist/esm/{number-helper-1ae23de5.js → number-helper-d3485207.js} +1 -1
  190. package/dist/esm/old-bcm-popover-box.entry.js +3 -3
  191. package/dist/esm/old-bcm-popover.entry.js +2 -2
  192. package/dist/esm/{package-22f4a05f.js → package-e0503891.js} +1 -1
  193. package/dist/esm/{stepper-states-46d8bf00.js → stepper-states-8ed538e6.js} +1 -1
  194. package/dist/esm/{tooltip-helper-a72d4674.js → tooltip-helper-c8970f99.js} +3 -3
  195. package/dist/esm/{validators-0601fa22.js → validators-3438f640.js} +1 -1
  196. package/dist/types/components/other/toast/toast.d.ts +2 -0
  197. package/dist/types/components.d.ts +2 -0
  198. package/dist/types/global/helper/toast.d.ts +2 -0
  199. package/helper/toast.d.ts +2 -0
  200. package/helper/toast.d.ts.map +1 -1
  201. package/helper/toast.js +1 -0
  202. package/package.json +1 -1
  203. package/dist/bromcom-ui/p-203c8e37.entry.js +0 -5
  204. package/dist/bromcom-ui/p-3d983699.entry.js +0 -5
  205. package/dist/bromcom-ui/p-64096fe2.js +0 -5
  206. package/dist/bromcom-ui/p-78e70a44.entry.js +0 -5
  207. package/dist/bromcom-ui/p-7e10f626.entry.js +0 -5
  208. package/dist/bromcom-ui/p-faad6962.entry.js +0 -5
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import './bcm-ac17222c.js';
14
14
  import { c as classnames } from './index-b84bc8c9.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
16
16
  import './utils-b3338faf.js';
17
17
  import './colors-e1c31f79.js';
18
18
  import './_commonjsHelpers-be0d4ec8.js';
19
- import './package-22f4a05f.js';
19
+ import './package-e0503891.js';
20
20
 
21
21
  const BcmModal2Footer = class {
22
22
  constructor(hostRef) {
@@ -5,17 +5,17 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import './bcm-ac17222c.js';
14
14
  import './colors-1d7854ea.js';
15
15
  import './utils-b3338faf.js';
16
16
  import './colors-e1c31f79.js';
17
17
  import './_commonjsHelpers-be0d4ec8.js';
18
- import './package-22f4a05f.js';
18
+ import './package-e0503891.js';
19
19
 
20
20
  const BcmModal2Header = class {
21
21
  constructor(hostRef) {
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { d as delay } from './utils-b3338faf.js';
14
14
  import { a as Bcm } from './bcm-ac17222c.js';
@@ -16,7 +16,7 @@ import { c as classnames } from './index-b84bc8c9.js';
16
16
  import './colors-1d7854ea.js';
17
17
  import './colors-e1c31f79.js';
18
18
  import './_commonjsHelpers-be0d4ec8.js';
19
- import './package-22f4a05f.js';
19
+ import './package-e0503891.js';
20
20
 
21
21
  const BcmModal2 = class {
22
22
  constructor(hostRef) {
@@ -7,9 +7,9 @@ import { c as classnames } from './index-b84bc8c9.js';
7
7
  import { B as Bcm } from './bcm-ac17222c.js';
8
8
  import { S as StringHelper } from './string-helper-5ef67a66.js';
9
9
  import { S as SlotTemplate } from './slot-template-7447145d.js';
10
- import { G as Generate } from './generate-c890c880.js';
10
+ import { G as Generate } from './generate-87200d1c.js';
11
11
  import './_commonjsHelpers-be0d4ec8.js';
12
- import './package-22f4a05f.js';
12
+ import './package-e0503891.js';
13
13
  import './colors-e1c31f79.js';
14
14
 
15
15
  const modalCss = "@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-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
@@ -5,14 +5,14 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
7
  import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
8
- import { G as Generate } from './generate-c890c880.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
9
  import { S as StringHelper } from './string-helper-5ef67a66.js';
10
10
  import { s as setPosition } from './popover-placement-7cce412f.js';
11
11
  import './_commonjsHelpers-be0d4ec8.js';
12
12
  import './colors-1d7854ea.js';
13
13
  import './utils-b3338faf.js';
14
14
  import './colors-e1c31f79.js';
15
- import './package-22f4a05f.js';
15
+ import './package-e0503891.js';
16
16
  import './bcm-ac17222c.js';
17
17
 
18
18
  const popconfirmBoxCss = "@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-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}";
@@ -4,10 +4,10 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
- import { G as Generate } from './generate-c890c880.js';
7
+ import { G as Generate } from './generate-87200d1c.js';
8
8
  import { B as Bcm } from './bcm-ac17222c.js';
9
9
  import './_commonjsHelpers-be0d4ec8.js';
10
- import './package-22f4a05f.js';
10
+ import './package-e0503891.js';
11
11
  import './colors-e1c31f79.js';
12
12
 
13
13
  const popconfirmCss = "@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-popconfirm{display:inline-flex}";
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import { S as StringHelper } from './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { a as Bcm } from './bcm-ac17222c.js';
14
14
  import { d as delay } from './utils-b3338faf.js';
@@ -16,7 +16,7 @@ import { F as FloatingUI } from './floating-ui-54c52eaa.js';
16
16
  import './colors-1d7854ea.js';
17
17
  import './colors-e1c31f79.js';
18
18
  import './_commonjsHelpers-be0d4ec8.js';
19
- import './package-22f4a05f.js';
19
+ import './package-e0503891.js';
20
20
 
21
21
  class Popover {
22
22
  constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {
@@ -5,13 +5,13 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
7
  import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
8
- import { G as Generate } from './generate-c890c880.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
9
  import { B as Bcm } from './bcm-ac17222c.js';
10
10
  import './_commonjsHelpers-be0d4ec8.js';
11
11
  import './colors-1d7854ea.js';
12
12
  import './utils-b3338faf.js';
13
13
  import './colors-e1c31f79.js';
14
- import './package-22f4a05f.js';
14
+ import './package-e0503891.js';
15
15
 
16
16
  // export const lineSizes = {
17
17
  // small: {
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { d as delay } from './utils-b3338faf.js';
14
14
  import { a as Bcm } from './bcm-ac17222c.js';
@@ -20,7 +20,7 @@ import { I as IsLoad } from './is-load-decorator-6784aa87.js';
20
20
  import './colors-1d7854ea.js';
21
21
  import './colors-e1c31f79.js';
22
22
  import './_commonjsHelpers-be0d4ec8.js';
23
- import './package-22f4a05f.js';
23
+ import './package-e0503891.js';
24
24
 
25
25
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
26
26
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -6,17 +6,17 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
6
6
  import { a as Bcm } from './bcm-ac17222c.js';
7
7
  import './color-helper-c4fa9ebc.js';
8
8
  import './datetime-helper-df25808a.js';
9
- import { G as Generate } from './generate-c890c880.js';
10
- import './number-helper-1ae23de5.js';
9
+ import { G as Generate } from './generate-87200d1c.js';
10
+ import './number-helper-d3485207.js';
11
11
  import './string-helper-5ef67a66.js';
12
- import './validators-0601fa22.js';
12
+ import './validators-3438f640.js';
13
13
  import './element-dragger-7ea06c76.js';
14
14
  import { c as classnames } from './index-b84bc8c9.js';
15
15
  import './colors-1d7854ea.js';
16
16
  import './utils-b3338faf.js';
17
17
  import './colors-e1c31f79.js';
18
18
  import './_commonjsHelpers-be0d4ec8.js';
19
- import './package-22f4a05f.js';
19
+ import './package-e0503891.js';
20
20
 
21
21
  const BcmRadio = class {
22
22
  constructor(hostRef) {
@@ -4,11 +4,11 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
- import { G as Generate } from './generate-c890c880.js';
7
+ import { G as Generate } from './generate-87200d1c.js';
8
8
  import { B as Bcm } from './bcm-ac17222c.js';
9
9
  import { d as delay } from './utils-b3338faf.js';
10
10
  import './_commonjsHelpers-be0d4ec8.js';
11
- import './package-22f4a05f.js';
11
+ import './package-e0503891.js';
12
12
  import './colors-e1c31f79.js';
13
13
 
14
14
  const rangeCss = "@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-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
@@ -3,8 +3,8 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate } from './generate-c890c880.js';
7
- import './package-22f4a05f.js';
6
+ import { G as Generate } from './generate-87200d1c.js';
7
+ import './package-e0503891.js';
8
8
  import './colors-e1c31f79.js';
9
9
  import './_commonjsHelpers-be0d4ec8.js';
10
10
 
@@ -4,10 +4,10 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
- import { G as Generate } from './generate-c890c880.js';
8
- import { s as stepperStates } from './stepper-states-46d8bf00.js';
7
+ import { G as Generate } from './generate-87200d1c.js';
8
+ import { s as stepperStates } from './stepper-states-8ed538e6.js';
9
9
  import './_commonjsHelpers-be0d4ec8.js';
10
- import './package-22f4a05f.js';
10
+ import './package-e0503891.js';
11
11
  import './colors-e1c31f79.js';
12
12
  import './index-7e71bbc8.js';
13
13
 
@@ -5,21 +5,21 @@
5
5
  import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate, s as snq } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate, s as snq } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { a as getChildElements } from './utils-b3338faf.js';
14
14
  import { a as Bcm } from './bcm-ac17222c.js';
15
15
  import { c as classnames } from './index-b84bc8c9.js';
16
16
  import './types-6f06fa1a.js';
17
17
  import './types-9493a7ed.js';
18
- import { s as stepperStates } from './stepper-states-46d8bf00.js';
18
+ import { s as stepperStates } from './stepper-states-8ed538e6.js';
19
19
  import './colors-1d7854ea.js';
20
20
  import './colors-e1c31f79.js';
21
21
  import './_commonjsHelpers-be0d4ec8.js';
22
- import './package-22f4a05f.js';
22
+ import './package-e0503891.js';
23
23
  import './index-7e71bbc8.js';
24
24
 
25
25
  const StepperHeaderTemplate = ({ _title, description, status, valid, index, loading, active, stepChange, statusIcon, icon, disabled, headerHidden, }) => {
@@ -5,12 +5,12 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
7
  import { I as IsLoad } from './is-load-decorator-6784aa87.js';
8
- import { G as Generate } from './generate-c890c880.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
9
  import { B as Bcm } from './bcm-ac17222c.js';
10
10
  import { C as CaptionTemplate } from './caption-template-e973a48c.js';
11
11
  import { d as delay } from './utils-b3338faf.js';
12
12
  import './_commonjsHelpers-be0d4ec8.js';
13
- import './package-22f4a05f.js';
13
+ import './package-e0503891.js';
14
14
  import './colors-e1c31f79.js';
15
15
 
16
16
  const switchCss = "@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\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
@@ -5,17 +5,17 @@
5
5
  import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { d as delay } from './utils-b3338faf.js';
14
14
  import { a as Bcm } from './bcm-ac17222c.js';
15
15
  import './colors-1d7854ea.js';
16
16
  import './colors-e1c31f79.js';
17
17
  import './_commonjsHelpers-be0d4ec8.js';
18
- import './package-22f4a05f.js';
18
+ import './package-e0503891.js';
19
19
 
20
20
  const BcmTabGroup = class {
21
21
  constructor(hostRef) {
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import { a as Bcm } from './bcm-ac17222c.js';
14
14
  import { c as classnames } from './index-b84bc8c9.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
16
16
  import './utils-b3338faf.js';
17
17
  import './colors-e1c31f79.js';
18
18
  import './_commonjsHelpers-be0d4ec8.js';
19
- import './package-22f4a05f.js';
19
+ import './package-e0503891.js';
20
20
 
21
21
  const BcmTabItemHeader = class {
22
22
  constructor(hostRef) {
@@ -5,17 +5,17 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-c4fa9ebc.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-c890c880.js';
9
- import './number-helper-1ae23de5.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
+ import './number-helper-d3485207.js';
10
10
  import './string-helper-5ef67a66.js';
11
- import './validators-0601fa22.js';
11
+ import './validators-3438f640.js';
12
12
  import './element-dragger-7ea06c76.js';
13
13
  import './bcm-ac17222c.js';
14
14
  import './colors-1d7854ea.js';
15
15
  import './utils-b3338faf.js';
16
16
  import './colors-e1c31f79.js';
17
17
  import './_commonjsHelpers-be0d4ec8.js';
18
- import './package-22f4a05f.js';
18
+ import './package-e0503891.js';
19
19
 
20
20
  const BcmTabItem = class {
21
21
  constructor(hostRef) {
@@ -6,10 +6,10 @@ import { h, F as Fragment, r as registerInstance, H as Host, g as getElement } f
6
6
  import { M as ModuleNames, L as LicenseManager, a as MD5, W as WatermarkComp, _, R as RowNode, E as Events, C as ClientSideRowModelSteps, b as RowHighlightPosition, c as ChangedPath, A as Autowired, O as Optional, P as PostConstruct, B as Bean, d as BeanStub, G as GROUP_AUTO_COLUMN_ID, e as ColumnGroup, f as GroupInstanceIdCreator, g as ExcelFactoryMode, h as CssClassApplier, i as AgPromise, j as RefSelector, k as Component, l as ModuleRegistry, m as Grid } from './watermark-f2c6a1f9.js';
7
7
  import './color-helper-c4fa9ebc.js';
8
8
  import './datetime-helper-df25808a.js';
9
- import { G as Generate, s as snq } from './generate-c890c880.js';
10
- import './number-helper-1ae23de5.js';
9
+ import { G as Generate, s as snq } from './generate-87200d1c.js';
10
+ import './number-helper-d3485207.js';
11
11
  import { S as StringHelper } from './string-helper-5ef67a66.js';
12
- import './validators-0601fa22.js';
12
+ import './validators-3438f640.js';
13
13
  import './element-dragger-7ea06c76.js';
14
14
  import './bcm-ac17222c.js';
15
15
  import { c as classnames } from './index-b84bc8c9.js';
@@ -19,7 +19,7 @@ import './colors-1d7854ea.js';
19
19
  import './utils-b3338faf.js';
20
20
  import './colors-e1c31f79.js';
21
21
  import './_commonjsHelpers-be0d4ec8.js';
22
- import './package-22f4a05f.js';
22
+ import './package-e0503891.js';
23
23
 
24
24
  // DO NOT UPDATE MANUALLY: Generated from script during build time
25
25
  var VERSION$4 = '29.0.0';
@@ -3,14 +3,14 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { h, r as registerInstance, c as createEvent, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate } from './generate-c890c880.js';
6
+ import { G as Generate } from './generate-87200d1c.js';
7
7
  import { B as Bcm } from './bcm-ac17222c.js';
8
8
  import { c as classnames } from './index-b84bc8c9.js';
9
- import { N as NumberHelper } from './number-helper-1ae23de5.js';
9
+ import { N as NumberHelper } from './number-helper-d3485207.js';
10
10
  import { e as extractColor } from './utils-b3338faf.js';
11
11
  import { C as ColorPalette } from './colors-1d7854ea.js';
12
12
  import { C as ColorProps } from './types-9493a7ed.js';
13
- import './package-22f4a05f.js';
13
+ import './package-e0503891.js';
14
14
  import './colors-e1c31f79.js';
15
15
  import './_commonjsHelpers-be0d4ec8.js';
16
16
 
@@ -5,11 +5,11 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
7
  import { I as IsLoad } from './is-load-decorator-6784aa87.js';
8
- import { G as Generate } from './generate-c890c880.js';
8
+ import { G as Generate } from './generate-87200d1c.js';
9
9
  import { B as Bcm } from './bcm-ac17222c.js';
10
10
  import { d as delay } from './utils-b3338faf.js';
11
11
  import './_commonjsHelpers-be0d4ec8.js';
12
- import './package-22f4a05f.js';
12
+ import './package-e0503891.js';
13
13
  import './colors-e1c31f79.js';
14
14
 
15
15
  const timePickerCss = "@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}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
@@ -4,12 +4,12 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-b84bc8c9.js';
7
- import { G as Generate } from './generate-c890c880.js';
7
+ import { G as Generate } from './generate-87200d1c.js';
8
8
  import { S as StringHelper } from './string-helper-5ef67a66.js';
9
9
  import { B as Bcm } from './bcm-ac17222c.js';
10
10
  import { d as delay } from './utils-b3338faf.js';
11
11
  import './_commonjsHelpers-be0d4ec8.js';
12
- import './package-22f4a05f.js';
12
+ import './package-e0503891.js';
13
13
  import './colors-e1c31f79.js';
14
14
 
15
15
  const BcmToast = class {
@@ -27,13 +27,15 @@ const BcmToast = class {
27
27
  this.messageIcon = undefined;
28
28
  this.viewButton = false;
29
29
  this.closeButton = true;
30
+ this.removeAfterClose = true;
30
31
  this.visible = false;
31
32
  this.visibleContainer = false;
32
33
  }
33
34
  async show() {
34
- const container = document.getElementById(this._id + "-container");
35
- if (container) {
36
- document.body.appendChild(container);
35
+ const toast = document.getElementById(this._id + "-container");
36
+ if (toast) {
37
+ const container = this.createContainer(this.position);
38
+ container.appendChild(toast);
37
39
  }
38
40
  this.visible = true;
39
41
  await delay(50);
@@ -51,6 +53,10 @@ const BcmToast = class {
51
53
  this.bcmToastClose.emit();
52
54
  await delay(100);
53
55
  this.visible = false;
56
+ if (this.removeAfterClose) {
57
+ await delay(100);
58
+ this.el.remove();
59
+ }
54
60
  }
55
61
  handleMouseEnter() {
56
62
  clearTimeout(this.timer);
@@ -60,17 +66,30 @@ const BcmToast = class {
60
66
  this.timer = setTimeout(() => this.hide(), 1000);
61
67
  }
62
68
  }
69
+ createContainer(position) {
70
+ const containerId = "bcm-toast-container-" + position;
71
+ let container = document.getElementById(containerId);
72
+ if (!container) {
73
+ container = document.createElement("div");
74
+ container.id = containerId;
75
+ const classlist = classnames("tw-pointer-events-none tw-overflow-hidden tw-z-50", "tw-fixed tw-flex", "tw-p-4 tw-gap-4", {
76
+ "tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === Bcm.Placement.top,
77
+ "tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === Bcm.Placement.bottom,
78
+ "tw-flex-col-reverse tw-top-4 tw-left-4": this.position === Bcm.Placement["top-start"],
79
+ "tw-flex-col-reverse tw-top-4 tw-right-4": this.position === Bcm.Placement["top-end"],
80
+ "tw-flex-col tw-bottom-4 tw-left-4": this.position === Bcm.Placement["bottom-start"],
81
+ "tw-flex-col tw-bottom-4 tw-right-4": this.position === Bcm.Placement["bottom-end"],
82
+ });
83
+ container.classList.add(...classlist.split(" "));
84
+ document.body.appendChild(container);
85
+ }
86
+ return container;
87
+ }
63
88
  render() {
64
89
  return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
65
90
  "tw-p-4": !this.description,
66
91
  "tw-p-6": this.description,
67
- }, "tw-fixed tw-z-50", "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
68
- "tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === Bcm.Placement.top,
69
- "tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === Bcm.Placement.bottom,
70
- "tw-top-4 tw-left-4": this.position === Bcm.Placement["top-start"],
71
- "tw-top-4 tw-right-4": this.position === Bcm.Placement["top-end"],
72
- "tw-bottom-4 tw-left-4": this.position === Bcm.Placement["bottom-start"],
73
- "tw-bottom-4 tw-right-4": this.position === Bcm.Placement["bottom-end"],
92
+ }, "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
74
93
  "tw-translate-y-0 tw-opacity-100 ": this.visibleContainer,
75
94
  "tw-opacity-0": !this.visibleContainer,
76
95
  "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",