bromcom-ui 3.0.0-alpha.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  2. package/dist/bromcom-ui/{p-4cc12992.entry.js → p-14b04371.entry.js} +1 -1
  3. package/dist/bromcom-ui/{p-d49d3d72.entry.js → p-217934a4.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-8c009880.entry.js → p-22e3161d.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-bae91cbf.entry.js → p-2a0b6273.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-3be27626.js → p-367bc8e0.js} +1 -1
  7. package/dist/bromcom-ui/{p-f66c4afa.entry.js → p-369948e7.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-e499306b.entry.js → p-46628fcd.entry.js} +1 -1
  9. package/dist/bromcom-ui/p-485ed6c1.entry.js +5 -0
  10. package/dist/bromcom-ui/{p-b3af25ef.entry.js → p-51ba3626.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-5f47e061.entry.js → p-5bf051b9.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-e46fde49.js → p-5c4939a7.js} +1 -1
  13. package/dist/bromcom-ui/{p-dc2d5b2f.entry.js → p-6f224017.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-8f062608.entry.js → p-7416d1f6.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-56b9cdf7.entry.js → p-8363990a.entry.js} +1 -1
  16. package/dist/bromcom-ui/p-8457670e.entry.js +5 -0
  17. package/dist/bromcom-ui/{p-c7ae8fa9.js → p-858cee66.js} +1 -1
  18. package/dist/bromcom-ui/{p-2afde14e.entry.js → p-9015080d.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-f5a8e601.entry.js → p-9d41ff2a.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-5adcfd9b.entry.js → p-a080c8ea.entry.js} +1 -1
  21. package/dist/bromcom-ui/{p-10687c62.entry.js → p-a141b2bc.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-ebd9132c.entry.js → p-acfceb2b.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-c10b25e2.entry.js → p-b85227c8.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-a2e0a182.entry.js → p-c47463b1.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-9cbf3f1d.entry.js → p-ce452032.entry.js} +2 -2
  26. package/dist/bromcom-ui/{p-31a60231.js → p-d4e4aeee.js} +1 -1
  27. package/dist/bromcom-ui/p-dcd69786.entry.js +5 -0
  28. package/dist/bromcom-ui/{p-6d42e250.entry.js → p-e7c31126.entry.js} +1 -1
  29. package/dist/bromcom-ui/p-e9a43560.js +5 -0
  30. package/dist/bromcom-ui/p-ea24a822.entry.js +5 -0
  31. package/dist/cjs/bcm-accordion_68.cjs.entry.js +6 -6
  32. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +4 -4
  33. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +4 -4
  34. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  35. package/dist/cjs/bcm-caption.cjs.entry.js +4 -4
  36. package/dist/cjs/bcm-card.cjs.entry.js +2 -2
  37. package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
  38. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +2 -2
  39. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  40. package/dist/cjs/bcm-form-2.cjs.entry.js +2 -2
  41. package/dist/cjs/bcm-input-2.cjs.entry.js +2 -2
  42. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  43. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +4 -4
  44. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -4
  45. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -4
  46. package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -4
  47. package/dist/cjs/bcm-number-input.cjs.entry.js +4 -4
  48. package/dist/cjs/bcm-skeleton.cjs.entry.js +4 -4
  49. package/dist/cjs/bcm-table.cjs.entry.js +4 -4
  50. package/dist/cjs/bcm-tag.cjs.entry.js +3 -3
  51. package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -2
  52. package/dist/cjs/bcm-toast.cjs.entry.js +11 -11
  53. package/dist/cjs/bromcom-ui.cjs.js +2 -2
  54. package/dist/cjs/{generate-e3956756.js → generate-a25d8fc8.js} +1 -1
  55. package/dist/cjs/{global-642cd031.js → global-08c079a8.js} +1 -1
  56. package/dist/cjs/loader.cjs.js +2 -2
  57. package/dist/cjs/{number-helper-43361f4e.js → number-helper-3a56812f.js} +1 -1
  58. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -3
  59. package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
  60. package/dist/cjs/{package-033055fc.js → package-6afe17f3.js} +1 -1
  61. package/dist/cjs/{validators-9a6ae72d.js → validators-78797513.js} +1 -1
  62. package/dist/collection/components/molecules/modal/modal.css +33 -20
  63. package/dist/collection/components/molecules/modal/modal.js +1 -1
  64. package/dist/collection/components/other/toast/toast.js +9 -9
  65. package/dist/components/bcm-modal.js +2 -2
  66. package/dist/components/bcm-toast.js +9 -9
  67. package/dist/components/generate.js +1 -1
  68. package/dist/esm/bcm-accordion_68.entry.js +6 -6
  69. package/dist/esm/bcm-attendance-actions-comment.entry.js +4 -4
  70. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +4 -4
  71. package/dist/esm/bcm-breadcrumb.entry.js +2 -2
  72. package/dist/esm/bcm-caption.entry.js +4 -4
  73. package/dist/esm/bcm-card.entry.js +2 -2
  74. package/dist/esm/bcm-date-picker.entry.js +2 -2
  75. package/dist/esm/bcm-datetime-picker.entry.js +2 -2
  76. package/dist/esm/bcm-default.entry.js +2 -2
  77. package/dist/esm/bcm-form-2.entry.js +2 -2
  78. package/dist/esm/bcm-input-2.entry.js +2 -2
  79. package/dist/esm/bcm-input-custom.entry.js +2 -2
  80. package/dist/esm/bcm-input-dropdown.entry.js +4 -4
  81. package/dist/esm/bcm-modal-2-footer.entry.js +4 -4
  82. package/dist/esm/bcm-modal-2-header.entry.js +4 -4
  83. package/dist/esm/bcm-modal-2.entry.js +4 -4
  84. package/dist/esm/bcm-number-input.entry.js +4 -4
  85. package/dist/esm/bcm-skeleton.entry.js +4 -4
  86. package/dist/esm/bcm-table.entry.js +4 -4
  87. package/dist/esm/bcm-tag.entry.js +3 -3
  88. package/dist/esm/bcm-time-picker.entry.js +2 -2
  89. package/dist/esm/bcm-toast.entry.js +11 -11
  90. package/dist/esm/bromcom-ui.js +2 -2
  91. package/dist/esm/{generate-d2495751.js → generate-a4b85775.js} +1 -1
  92. package/dist/esm/{global-88abdcdc.js → global-1baa11cd.js} +1 -1
  93. package/dist/esm/loader.js +2 -2
  94. package/dist/esm/{number-helper-a1e5c9e5.js → number-helper-872d5482.js} +1 -1
  95. package/dist/esm/old-bcm-popover-box.entry.js +3 -3
  96. package/dist/esm/old-bcm-popover.entry.js +2 -2
  97. package/dist/esm/{package-7549581c.js → package-1d6f13ed.js} +1 -1
  98. package/dist/esm/{validators-57df25a7.js → validators-e9800e9a.js} +1 -1
  99. package/package.json +1 -1
  100. package/dist/bromcom-ui/p-59dc2542.js +0 -5
  101. package/dist/bromcom-ui/p-8d0d0c5b.entry.js +0 -5
  102. package/dist/bromcom-ui/p-a947136c.entry.js +0 -5
  103. package/dist/bromcom-ui/p-ac720743.entry.js +0 -5
  104. package/dist/bromcom-ui/p-c4d524b5.entry.js +0 -5
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
6
6
  import './color-helper-ba15b0d8.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-d2495751.js';
9
- import './number-helper-a1e5c9e5.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
+ import './number-helper-872d5482.js';
10
10
  import './string-helper-69203215.js';
11
- import './validators-57df25a7.js';
11
+ import './validators-e9800e9a.js';
12
12
  import './element-dragger-b75266e6.js';
13
13
  import './bcm-a50d55ba.js';
14
14
  import { c as classnames } from './index-00c8a8f7.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
16
16
  import './utils-7727d09e.js';
17
17
  import './colors-ed4e7579.js';
18
18
  import './_commonjsHelpers-7002e5de.js';
19
- import './package-7549581c.js';
19
+ import './package-1d6f13ed.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-4614b7f0.js';
6
6
  import './color-helper-ba15b0d8.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-d2495751.js';
9
- import './number-helper-a1e5c9e5.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
+ import './number-helper-872d5482.js';
10
10
  import './string-helper-69203215.js';
11
- import './validators-57df25a7.js';
11
+ import './validators-e9800e9a.js';
12
12
  import './element-dragger-b75266e6.js';
13
13
  import './bcm-a50d55ba.js';
14
14
  import './colors-1d7854ea.js';
15
15
  import './utils-7727d09e.js';
16
16
  import './colors-ed4e7579.js';
17
17
  import './_commonjsHelpers-7002e5de.js';
18
- import './package-7549581c.js';
18
+ import './package-1d6f13ed.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-4614b7f0.js';
6
6
  import './color-helper-ba15b0d8.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-d2495751.js';
9
- import './number-helper-a1e5c9e5.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
+ import './number-helper-872d5482.js';
10
10
  import './string-helper-69203215.js';
11
- import './validators-57df25a7.js';
11
+ import './validators-e9800e9a.js';
12
12
  import './element-dragger-b75266e6.js';
13
13
  import { d as delay } from './utils-7727d09e.js';
14
14
  import { B as Bcm } from './bcm-a50d55ba.js';
@@ -16,7 +16,7 @@ import { c as classnames } from './index-00c8a8f7.js';
16
16
  import './colors-1d7854ea.js';
17
17
  import './colors-ed4e7579.js';
18
18
  import './_commonjsHelpers-7002e5de.js';
19
- import './package-7549581c.js';
19
+ import './package-1d6f13ed.js';
20
20
 
21
21
  const BcmModal2 = class {
22
22
  constructor(hostRef) {
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
6
6
  import './color-helper-ba15b0d8.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-d2495751.js';
9
- import './number-helper-a1e5c9e5.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
+ import './number-helper-872d5482.js';
10
10
  import { S as StringHelper } from './string-helper-69203215.js';
11
- import './validators-57df25a7.js';
11
+ import './validators-e9800e9a.js';
12
12
  import './element-dragger-b75266e6.js';
13
13
  import { d as delay } from './utils-7727d09e.js';
14
14
  import { B as Bcm } from './bcm-a50d55ba.js';
@@ -20,7 +20,7 @@ import { i as inputStyle } from './input.style-0ddc0073.js';
20
20
  import './colors-1d7854ea.js';
21
21
  import './colors-ed4e7579.js';
22
22
  import './_commonjsHelpers-7002e5de.js';
23
- import './package-7549581c.js';
23
+ import './package-1d6f13ed.js';
24
24
  import './index-3bc8c6e3.js';
25
25
 
26
26
  const NumberInput = class {
@@ -5,10 +5,10 @@
5
5
  import { r as registerInstance, h, H as Host } from './index-4614b7f0.js';
6
6
  import './color-helper-ba15b0d8.js';
7
7
  import './datetime-helper-df25808a.js';
8
- import { G as Generate } from './generate-d2495751.js';
9
- import './number-helper-a1e5c9e5.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
+ import './number-helper-872d5482.js';
10
10
  import './string-helper-69203215.js';
11
- import './validators-57df25a7.js';
11
+ import './validators-e9800e9a.js';
12
12
  import './element-dragger-b75266e6.js';
13
13
  import './bcm-a50d55ba.js';
14
14
  import { c as ce } from './index-3bc8c6e3.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
16
16
  import './utils-7727d09e.js';
17
17
  import './colors-ed4e7579.js';
18
18
  import './_commonjsHelpers-7002e5de.js';
19
- import './package-7549581c.js';
19
+ import './package-1d6f13ed.js';
20
20
 
21
21
  const skeletonStyle = ce({
22
22
  slots: {
@@ -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-ba15b0d8.js';
8
8
  import './datetime-helper-df25808a.js';
9
- import { G as Generate, s as snq } from './generate-d2495751.js';
10
- import './number-helper-a1e5c9e5.js';
9
+ import { G as Generate, s as snq } from './generate-a4b85775.js';
10
+ import './number-helper-872d5482.js';
11
11
  import { S as StringHelper } from './string-helper-69203215.js';
12
- import './validators-57df25a7.js';
12
+ import './validators-e9800e9a.js';
13
13
  import './element-dragger-b75266e6.js';
14
14
  import './bcm-a50d55ba.js';
15
15
  import { c as classnames } from './index-00c8a8f7.js';
@@ -19,7 +19,7 @@ import './colors-1d7854ea.js';
19
19
  import './utils-7727d09e.js';
20
20
  import './colors-ed4e7579.js';
21
21
  import './_commonjsHelpers-7002e5de.js';
22
- import './package-7549581c.js';
22
+ import './package-1d6f13ed.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-4614b7f0.js';
6
- import { G as Generate } from './generate-d2495751.js';
6
+ import { G as Generate } from './generate-a4b85775.js';
7
7
  import { a as Bcm } from './bcm-a50d55ba.js';
8
8
  import { c as classnames } from './index-00c8a8f7.js';
9
- import { N as NumberHelper } from './number-helper-a1e5c9e5.js';
9
+ import { N as NumberHelper } from './number-helper-872d5482.js';
10
10
  import { e as extractColor } from './utils-7727d09e.js';
11
11
  import { C as ColorPalette } from './colors-1d7854ea.js';
12
12
  import { C as ColorProps } from './types-9493a7ed.js';
13
- import './package-7549581c.js';
13
+ import './package-1d6f13ed.js';
14
14
  import './colors-ed4e7579.js';
15
15
  import './_commonjsHelpers-7002e5de.js';
16
16
 
@@ -5,11 +5,11 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
7
  import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
8
- import { G as Generate } from './generate-d2495751.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
9
  import { a as Bcm } from './bcm-a50d55ba.js';
10
10
  import { d as delay } from './utils-7727d09e.js';
11
11
  import './_commonjsHelpers-7002e5de.js';
12
- import './package-7549581c.js';
12
+ import './package-1d6f13ed.js';
13
13
  import './colors-ed4e7579.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-4614b7f0.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
- import { G as Generate } from './generate-d2495751.js';
7
+ import { G as Generate } from './generate-a4b85775.js';
8
8
  import { S as StringHelper } from './string-helper-69203215.js';
9
9
  import { a as Bcm } from './bcm-a50d55ba.js';
10
10
  import { d as delay } from './utils-7727d09e.js';
11
11
  import './_commonjsHelpers-7002e5de.js';
12
- import './package-7549581c.js';
12
+ import './package-1d6f13ed.js';
13
13
  import './colors-ed4e7579.js';
14
14
 
15
15
  const BcmToast = class {
@@ -48,15 +48,15 @@ const BcmToast = class {
48
48
  return this.el;
49
49
  }
50
50
  async hide() {
51
- // this.visibleContainer = false;
52
- // clearTimeout(this.timer);
53
- // this.bcmToastClose.emit();
54
- // await delay(100);
55
- // this.visible = false;
56
- // if (this.removeAfterClose) {
57
- // await delay(100);
58
- // this.el.remove();
59
- // }
51
+ this.visibleContainer = false;
52
+ clearTimeout(this.timer);
53
+ this.bcmToastClose.emit();
54
+ await delay(100);
55
+ this.visible = false;
56
+ if (this.removeAfterClose) {
57
+ await delay(100);
58
+ this.el.remove();
59
+ }
60
60
  }
61
61
  handleMouseEnter() {
62
62
  clearTimeout(this.timer);
@@ -4,8 +4,8 @@
4
4
  */
5
5
  import { p as promiseResolve, b as bootstrapLazy } from './index-4614b7f0.js';
6
6
  export { s as setNonce } from './index-4614b7f0.js';
7
- import './global-88abdcdc.js';
8
- import './package-7549581c.js';
7
+ import './global-1baa11cd.js';
8
+ import './package-1d6f13ed.js';
9
9
  import './watermark-f2c6a1f9.js';
10
10
 
11
11
  /*
@@ -2,7 +2,7 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import { v as version } from './package-7549581c.js';
5
+ import { v as version } from './package-1d6f13ed.js';
6
6
  import { c as colors } from './colors-ed4e7579.js';
7
7
 
8
8
  /**
@@ -3,7 +3,7 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { E as Env } from './index-4614b7f0.js';
6
- import { v as version } from './package-7549581c.js';
6
+ import { v as version } from './package-1d6f13ed.js';
7
7
  import { L as LicenseManager } from './watermark-f2c6a1f9.js';
8
8
 
9
9
  window.bcm = (function () {
@@ -4,8 +4,8 @@
4
4
  */
5
5
  import { p as promiseResolve, b as bootstrapLazy } from './index-4614b7f0.js';
6
6
  export { s as setNonce } from './index-4614b7f0.js';
7
- import './global-88abdcdc.js';
8
- import './package-7549581c.js';
7
+ import './global-1baa11cd.js';
8
+ import './package-1d6f13ed.js';
9
9
  import './watermark-f2c6a1f9.js';
10
10
 
11
11
  /*
@@ -2,7 +2,7 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import { s as snq } from './generate-d2495751.js';
5
+ import { s as snq } from './generate-a4b85775.js';
6
6
 
7
7
  class NumberHelper {
8
8
  }
@@ -7,13 +7,13 @@ import './element-dragger-b75266e6.js';
7
7
  import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
8
8
  import { F as FloatingUI } from './floating-ui-3f4394da.js';
9
9
  import { c as classnames } from './index-00c8a8f7.js';
10
- import { G as Generate } from './generate-d2495751.js';
11
- import { N as NumberHelper } from './number-helper-a1e5c9e5.js';
10
+ import { G as Generate } from './generate-a4b85775.js';
11
+ import { N as NumberHelper } from './number-helper-872d5482.js';
12
12
  import { S as StringHelper } from './string-helper-69203215.js';
13
13
  import './utils-7727d09e.js';
14
14
  import './bcm-a50d55ba.js';
15
15
  import './_commonjsHelpers-7002e5de.js';
16
- import './package-7549581c.js';
16
+ import './package-1d6f13ed.js';
17
17
  import './colors-ed4e7579.js';
18
18
 
19
19
  const oldPopoverBoxCss = "@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-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-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:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
@@ -5,9 +5,9 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
7
  import { a as Bcm } from './bcm-a50d55ba.js';
8
- import { G as Generate } from './generate-d2495751.js';
8
+ import { G as Generate } from './generate-a4b85775.js';
9
9
  import './_commonjsHelpers-7002e5de.js';
10
- import './package-7549581c.js';
10
+ import './package-1d6f13ed.js';
11
11
  import './colors-ed4e7579.js';
12
12
 
13
13
  const oldPopoverCss = "@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-popover{display:inline-flex}";
@@ -2,6 +2,6 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- const version = "2.12.3";
5
+ const version = "3.0.0-alpha.1";
6
6
 
7
7
  export { version as v };
@@ -2,7 +2,7 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import { s as snq } from './generate-d2495751.js';
5
+ import { s as snq } from './generate-a4b85775.js';
6
6
 
7
7
  class Validators {
8
8
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bromcom-ui",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "description": "Bromcom UI is a collection of web components built with StencilJS",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{s}from"./p-31a60231.js";class a{}a.isNumber=a=>s((()=>/^[0-9]+$/i.test(a))),a.convertToNumber=a=>s((()=>Number(a))),a.replaceNumber=a=>s((()=>a.replace(/[^0-9]/g,""))),a.replaceFloat=a=>s((()=>a.replace(/[^0-9.]/g,""))),a.toFixed=(a,r)=>s((()=>a.toFixed(r))),a.parseFloatFixed=(r,e)=>s((()=>parseFloat(a.replaceFloat(r)).toFixed(e))),a.getDecimalLength=a=>s((()=>a.split(".")[1]?a.split(".")[1].length:0)),a.toNumber=a=>s((()=>Number(a.replace(/[^0-9.]/g,""))));export{a as N}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,h as p,H as s,g as r}from"./p-e037ee2b.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as o}from"./p-31a60231.js";import"./p-59dc2542.js";import"./p-d65bc842.js";import"./p-3be27626.js";import"./p-6f861fed.js";import"./p-a313fba6.js";import{c as e}from"./p-64fad38b.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-c7ae8fa9.js";const i=class{constructor(p){t(this,p),this._id=o.UID(),this.el.slot="footer"}render(){return p(s,{class:e("tw-flex tw-flex-row tw-items-center tw-justify-end tw-gap-2 tw-px-6 tw-pb-6 tw-pt-2")},p("slot",null))}get el(){return r(this)}};export{i as bcm_modal_2_footer}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as s,h as e,H as i,g as o}from"./p-e037ee2b.js";import{c as r}from"./p-64fad38b.js";import{G as w}from"./p-31a60231.js";import{S as a}from"./p-d65bc842.js";import{a as n}from"./p-a313fba6.js";import{d as h}from"./p-6f2e4c9b.js";import"./p-85eedabc.js";import"./p-c7ae8fa9.js";import"./p-a2df6c19.js";const c=class{constructor(e){t(this,e),this.bcmToastClose=s(this,"bcm-toast-close",7),this.bcmToastOpen=s(this,"bcm-toast-open",7),this.bcmToastView=s(this,"bcm-toast-view",7),this._id=w.UID(),this.status=void 0,this.message="",this.description="",this.duration=3e3,this.position=n.Placement.bottom,this.messageIcon=void 0,this.viewButton=!1,this.closeButton=!0,this.removeAfterClose=!0,this.visible=!1,this.visibleContainer=!1}async show(){const t=document.getElementById(this._id+"-container");return t&&this.createContainer(this.position).appendChild(t),this.visible=!0,await h(50),this.visibleContainer=!0,this.bcmToastOpen.emit(),this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>this.hide()),this.duration),this.el}async hide(){}handleMouseEnter(){clearTimeout(this.timer)}handleMouseLeave(){this.visible&&(this.timer=setTimeout((()=>this.hide()),1e3))}createContainer(t){const s="bcm-toast-container-"+t;let e=document.getElementById(s);if(!e){e=document.createElement("div"),e.id=s;const t=r("tw-pointer-events-none tw-overflow-hidden tw-z-50","tw-fixed tw-flex","tw-p-4 tw-gap-4",{"tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto":this.position===n.Placement.top,"tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto":this.position===n.Placement.bottom,"tw-flex-col-reverse tw-top-4 tw-left-4":this.position===n.Placement["top-start"],"tw-flex-col-reverse tw-top-4 tw-right-4":this.position===n.Placement["top-end"],"tw-flex-col tw-bottom-4 tw-left-4":this.position===n.Placement["bottom-start"],"tw-flex-col tw-bottom-4 tw-right-4":this.position===n.Placement["bottom-end"]});e.classList.add(...t.split(" ")),document.body.appendChild(e)}return e}render(){return e(i,{class:"tw-hidden"},e("div",{class:r({"tw-hidden":!this.visible}),id:this._id+"-container",onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},e("div",{class:r("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-color-default tw-bg-white tw-text-color-default",{"tw-p-4":!this.description,"tw-p-6":this.description},"tw-transform tw-transition tw-duration-300 tw-ease-in-out ",{"tw-translate-y-0 tw-opacity-100 ":this.visibleContainer,"tw-opacity-0":!this.visibleContainer,"tw-translate-y-[-100%]":!this.visibleContainer&&"top"===this.position.split("-")[0],"tw-translate-y-[100%]":!this.visibleContainer&&"bottom"===this.position.split("-")[0]})},e("div",{class:"tw-flex tw-items-center tw-justify-between tw-gap-5"},e("div",{class:"tw-flex tw-items-center tw-gap-3 "},this.status&&e("i",{class:r("tw-text-6",this.messageIcon?this.messageIcon:"far",{"tw-text-color-success":"success"===this.status,"tw-text-color-error":"error"===this.status,"tw-text-color-warning":"warning"===this.status,"tw-text-color-info":"info"===this.status},{"fa-check-circle":!this.messageIcon&&"success"===this.status,"fa-exclamation-circle":!this.messageIcon&&"error"===this.status,"fa-exclamation-triangle":!this.messageIcon&&"warning"===this.status,"fa-info-circle":!this.messageIcon&&"info"===this.status})}),e("span",{class:r({"tw-text-4":!this.description,"tw-text-6 tw-font-medium":this.description})},!this.description&&this.status&&e("span",null,a.capitalize(this.status),": "),this.message)),e("div",{class:"tw-flex tw-items-baseline tw-gap-2"},this.viewButton&&e("button",{onClick:()=>this.bcmToastView.emit(),title:"View details",class:r("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit","hover:tw-bg-color-default-hover","active:tw-bg-color-default-active","tw-transition tw-duration-300 tw-ease-in-out",{"tw-font-medium":this.description})},"View"),this.closeButton&&e("button",{title:"Close",onClick:()=>this.hide(),class:r("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer","tw-rounded tw-bg-transparent tw-p-0","tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit","hover:tw-bg-color-default-hover","active:tw-bg-color-default-active")},e("i",{class:"fal fa-times"})))),this.description&&e("div",{class:"tw-text-size-5 font-medium"},this.description),e("slot",null))))}get el(){return o(this)}};export{c as bcm_toast}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{r as t,c as e,f as i,h as s,H as a,g as o}from"./p-e037ee2b.js";import{I as n}from"./p-8e5e362a.js";import{G as r,s as h}from"./p-31a60231.js";import{S as p}from"./p-d65bc842.js";import{a as l}from"./p-a313fba6.js";import"./p-c7ae8fa9.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";const c=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP","BCM-INPUT-DROPDOWN","BCM-NUMBER-INPUT"];const m=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=l.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>c.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const a=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(a)try{await a.set(t[e]),this.componentIsValid(a)}catch(t){console.warn("set: ",e,a.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(a,null,s("slot",null))}get el(){return o(this)}};(function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([n()],m.prototype,"el",void 0),m.style='@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:block}';export{m as bcm_form_2}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built with Stencil
3
- * Copyright (c) Bromcom.
4
- */
5
- import{h as s,r as t,c as i,g as e}from"./p-e037ee2b.js";import{G as c}from"./p-31a60231.js";import{a as o}from"./p-a313fba6.js";import{c as h}from"./p-64fad38b.js";import{N as a}from"./p-59dc2542.js";import{e as r}from"./p-6f2e4c9b.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-c7ae8fa9.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:f,onDismiss:b,onSelect:u})=>{!c&&(c=o.FontSize["size-1"]);const j=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",f),k=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:j,style:(s=>{if((f===o.TagType.basic||f==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>u(s)},f===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),f===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),f===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>b(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}