bromcom-ui 2.8.0-rc.1 → 2.8.0-rc.2

package/dist/esm/bcm-card.entry.js

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6e
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import { S as SlotTemplate } from './slot-template-64b41ee5.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-checkbox-group.entry.js

@@ -4,7 +4,7 @@
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { G as Generate, s as snq } from './generate-fbf3c64b.js';
+import { G as Generate, s as snq } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay, g as getChildElements } from './utils-57652744.js';
 import { c as createStore } from './index-8b349654.js';
@@ -15,6 +15,12 @@ import './colors-39b87f63.js';
 import './slot-template-64b41ee5.js';
 import './string-helper-0fb7ff20.js';
 
+const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
+  return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
+    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, readonly: checkbox.readonly, required: checkbox.required, noCaption: checkbox.noCaption, "no-margin": true, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && !checkbox.readonly && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
+  })));
+};
+
 const { state } = createStore({
   group: new Map(),
   allChecked: true,
@@ -208,12 +214,6 @@ const checkBoxGroupState = {
   changeIndeterminate,
 };
 
-const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
-  return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
-    return (h("bcm-checkbox", { id: checkbox.id, name: checkbox.name, color: checkbox.color, checked: checkbox.checked, disabled: checkbox.disabled, readonly: checkbox.readonly, required: checkbox.required, noCaption: checkbox.noCaption, "no-margin": true, size: checkbox.size, "full-width": checkbox.fullWidth, onClick: (e) => { !checkbox.disabled && !checkbox.readonly && (onBcmSelect(checkbox.id), e.preventDefault()); } }, checkbox.slot || checkbox.label));
-  })));
-};
-
 const groupCss = "@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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/bcm-checkbox-lite_9.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { c as getChilds, d as delay } from './utils-57652744.js';

package/dist/esm/bcm-checkbox_2.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { C as CaptionTemplate } from './caption-template-389f5bd6.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { S as SlotTemplate } from './slot-template-64b41ee5.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';

package/dist/esm/bcm-chip.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-collapse.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';
 

package/dist/esm/bcm-color-input.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

package/dist/esm/bcm-date-picker.entry.js

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6e
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-datetime-picker.entry.js

@@ -7,7 +7,7 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-89bb
 import { c as classnames } from './index-ba2edd32.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-57652744.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-4baf5f2f.js';
 import { L as LabelTemplate } from './label-template-eed2dd69.js';

package/dist/esm/bcm-default.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import './colors-39b87f63.js';
 import './_commonjsHelpers-3016b722.js';
 

package/dist/esm/bcm-drawer.entry.js

@@ -6,10 +6,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ba2edd32.js';

package/dist/esm/bcm-dropdown.entry.js

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { J as JsonParse } from './json-parse-decarator-f023562b.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { J as JsonParse } from './json-parse-decarator-aba7d121.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-expansion-panel.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';

package/dist/esm/bcm-form-2.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate, s as snq } from './generate-fbf3c64b.js';
+import { G as Generate, s as snq } from './generate-82c3ee1f.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-input-custom.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { c as classnames } from './index-ba2edd32.js';
 import './colors-39b87f63.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-item.entry.js

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-6e2d80d7.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';

package/dist/esm/bcm-items.entry.js

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6e2d80d7.js';
-import { G as Generate, s as snq } from './generate-fbf3c64b.js';
+import { G as Generate, s as snq } from './generate-82c3ee1f.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-list.entry.js

@@ -4,13 +4,13 @@
  */
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { J as JsonParse } from './json-parse-decarator-f023562b.js';
+import { J as JsonParse } from './json-parse-decarator-aba7d121.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { s as snq, G as Generate } from './generate-fbf3c64b.js';
-import { N as NumberHelper } from './number-helper-b69dc985.js';
+import { s as snq, G as Generate } from './generate-82c3ee1f.js';
+import { N as NumberHelper } from './number-helper-d4126c02.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
-import { V as Validators } from './validators-d3c37e80.js';
+import { V as Validators } from './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-4baf5f2f.js';
 import { p as pluralize, d as delay } from './utils-57652744.js';
@@ -21,7 +21,7 @@ import './types-6f06fa1a.js';
 import { L as LabelTemplate } from './label-template-eed2dd69.js';
 import './types-bfc3bba1.js';
 import { c as createStore } from './index-8b349654.js';
-import { T as Tooltip } from './tooltip-helper-31ca799b.js';
+import { T as Tooltip } from './tooltip-helper-e7eb577d.js';
 import './colors-1d7854ea.js';
 import './colors-39b87f63.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-menu.entry.js

@@ -6,11 +6,11 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { c as classnames } from './index-ba2edd32.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
-import { T as Tooltip } from './tooltip-helper-31ca799b.js';
+import './validators-2a89d009.js';
+import { T as Tooltip } from './tooltip-helper-e7eb577d.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';

package/dist/esm/bcm-modal.entry.js

@@ -7,7 +7,7 @@ import { c as classnames } from './index-ba2edd32.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import { S as SlotTemplate } from './slot-template-64b41ee5.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-popconfirm-box.entry.js

@@ -6,7 +6,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
 import { s as setPosition } from './popover-placement-4baf5f2f.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-popconfirm.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-popover.entry.js

@@ -6,10 +6,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';

package/dist/esm/bcm-progress.entry.js

@@ -6,7 +6,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6e
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import { C as ColorHelper } from './color-helper-2b6697b6.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';

package/dist/esm/bcm-range.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';

package/dist/esm/bcm-search.entry.js

@@ -4,9 +4,9 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { s as snq, G as Generate } from './generate-fbf3c64b.js';
+import { s as snq, G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
-import { I as InputTemplate } from './input-template-f5b003c0.js';
+import { I as InputTemplate } from './input-template-9a5da65a.js';
 import { d as delay } from './utils-57652744.js';
 import { c as createStore } from './index-8b349654.js';
 import { S as StringHelper } from './string-helper-0fb7ff20.js';

package/dist/esm/bcm-skeleton.entry.js

@@ -4,7 +4,7 @@
  */
 import { r as registerInstance, h, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import './colors-39b87f63.js';
 import './_commonjsHelpers-3016b722.js';
 

package/dist/esm/bcm-step.entry.js

@@ -5,8 +5,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import { s as stepperStates } from './stepper-states-7087f0cb.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import { s as stepperStates } from './stepper-states-3b8d6edd.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';
 import './index-8b349654.js';

package/dist/esm/bcm-stepper.entry.js

@@ -3,20 +3,20 @@
  * Copyright (c) Bromcom.
  */
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-6e2d80d7.js';
-import { G as Generate, s as snq } from './generate-fbf3c64b.js';
+import { G as Generate, s as snq } from './generate-82c3ee1f.js';
 import { c as classnames } from './index-ba2edd32.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import './number-helper-b69dc985.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { g as getChildElements, d as delay } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './types-6f06fa1a.js';
 import './types-bfc3bba1.js';
-import { s as stepperStates } from './stepper-states-7087f0cb.js';
+import { s as stepperStates } from './stepper-states-3b8d6edd.js';
 import './colors-39b87f63.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-1d7854ea.js';

package/dist/esm/bcm-switch.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { C as CaptionTemplate } from './caption-template-389f5bd6.js';
 import { d as delay } from './utils-57652744.js';

package/dist/esm/bcm-tab-group.entry.js

@@ -6,10 +6,10 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { d as delay } from './utils-57652744.js';
 import { a as Bcm } from './bcm-9f50af9c.js';

package/dist/esm/bcm-tab-item-header.entry.js

@@ -6,10 +6,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6e
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ba2edd32.js';

package/dist/esm/bcm-tab-item.entry.js

@@ -6,10 +6,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6e
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
 import './color-helper-2b6697b6.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-fbf3c64b.js';
-import './number-helper-b69dc985.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import './number-helper-d4126c02.js';
 import './string-helper-0fb7ff20.js';
-import './validators-d3c37e80.js';
+import './validators-2a89d009.js';
 import './element-dragger-89bb52fd.js';
 import './bcm-9f50af9c.js';
 import './colors-1d7854ea.js';

package/dist/esm/bcm-tag.entry.js

@@ -4,10 +4,10 @@
  */
 import { h, r as registerInstance, c as createEvent, g as getElement } from './index-6e2d80d7.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { c as classnames } from './index-ba2edd32.js';
-import { N as NumberHelper } from './number-helper-b69dc985.js';
+import { N as NumberHelper } from './number-helper-d4126c02.js';
 import { e as extractColor } from './utils-57652744.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { C as ColorProps } from './types-bfc3bba1.js';

package/dist/esm/bcm-textarea.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { C as CaptionTemplate } from './caption-template-389f5bd6.js';
-import { I as InputTemplate } from './input-template-f5b003c0.js';
+import { I as InputTemplate } from './input-template-9a5da65a.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-39b87f63.js';

package/dist/esm/bcm-time-picker.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-6e2d80d7.js';
 import { c as classnames } from './index-ba2edd32.js';
 import { I as IsLoad } from './is-load-decorator-66e19e04.js';
-import { G as Generate } from './generate-fbf3c64b.js';
+import { G as Generate } from './generate-82c3ee1f.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
 import { d as delay } from './utils-57652744.js';
 import './_commonjsHelpers-3016b722.js';

package/dist/esm/bcm-toast.entry.js

@@ -0,0 +1,111 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6e2d80d7.js';
+import { c as classnames } from './index-ba2edd32.js';
+import { I as IsLoad } from './is-load-decorator-66e19e04.js';
+import { G as Generate } from './generate-82c3ee1f.js';
+import { S as StringHelper } from './string-helper-0fb7ff20.js';
+import { B as Bcm } from './bcm-9f50af9c.js';
+import { d as delay } from './utils-57652744.js';
+import './_commonjsHelpers-3016b722.js';
+import './colors-39b87f63.js';
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const BcmToast = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.bcmToastClose = createEvent(this, "bcm-toast-close", 7);
+    this.bcmToastOpen = createEvent(this, "bcm-toast-open", 7);
+    this.bcmToastView = createEvent(this, "bcm-toast-view", 7);
+    this._id = Generate.UID();
+    this.status = undefined;
+    this.message = "";
+    this.description = "";
+    this.duration = 3000;
+    this.position = Bcm.Placement.bottom;
+    this.messageIcon = undefined;
+    this.viewButton = false;
+    this.closeButton = true;
+    this.visible = false;
+    this.visibleContainer = false;
+  }
+  async show() {
+    const container = document.getElementById(this._id + "-container");
+    if (container) {
+      document.body.appendChild(container);
+    }
+    this.visible = true;
+    await delay(50);
+    this.visibleContainer = true;
+    this.bcmToastOpen.emit();
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+    this.timer = setTimeout(() => this.hide(), this.duration);
+    return this.el;
+  }
+  async hide() {
+    this.visibleContainer = false;
+    clearTimeout(this.timer);
+    this.bcmToastClose.emit();
+    await delay(100);
+    this.visible = false;
+  }
+  handleMouseEnter() {
+    clearTimeout(this.timer);
+  }
+  handleMouseLeave() {
+    if (this.visible) {
+      this.timer = setTimeout(() => this.hide(), 1000);
+    }
+  }
+  render() {
+    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", {
+        "tw-p-4": !this.description,
+        "tw-p-6": this.description,
+      }, "tw-fixed tw-z-50", "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
+        "tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === Bcm.Placement.top,
+        "tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === Bcm.Placement.bottom,
+        "tw-top-4 tw-left-4": this.position === Bcm.Placement["top-start"],
+        "tw-top-4 tw-right-4": this.position === Bcm.Placement["top-end"],
+        "tw-bottom-4 tw-left-4": this.position === Bcm.Placement["bottom-start"],
+        "tw-bottom-4 tw-right-4": this.position === Bcm.Placement["bottom-end"],
+        "tw-translate-y-0 tw-opacity-100 ": this.visibleContainer,
+        "tw-opacity-0": !this.visibleContainer,
+        "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
+        "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
+      }) }, h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (h("i", { class: classnames("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
+        "tw-text-emerald-500": this.status === "success",
+        "tw-text-red-500": this.status === "error",
+        "tw-text-amber-500": this.status === "warning",
+        "tw-text-blue-500": this.status === "info",
+      }, {
+        "fa-check-circle": !this.messageIcon && this.status === "success",
+        "fa-exclamation-circle": !this.messageIcon && this.status === "error",
+        "fa-exclamation-triangle": !this.messageIcon && this.status === "warning",
+        "fa-info-circle": !this.messageIcon && this.status === "info",
+      }) })), h("span", { class: classnames({
+        "tw-text-4": !this.description,
+        "tw-text-6 tw-font-medium": this.description,
+      }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
+        "tw-font-medium": this.description,
+      }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("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-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-3 " }, this.description), h("slot", null)))));
+  }
+  get el() { return getElement(this); }
+};
+__decorate([
+  IsLoad()
+], BcmToast.prototype, "el", void 0);
+
+export { BcmToast as bcm_toast };