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

package/dist/cjs/{generate-e3956756.js → generate-a25d8fc8.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const _package = require('./package-033055fc.js');
+const _package = require('./package-6afe17f3.js');
 const colors = require('./colors-250d0982.js');
 
 /**

package/dist/cjs/{global-642cd031.js → global-08c079a8.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 const index = require('./index-c591ecec.js');
-const _package = require('./package-033055fc.js');
+const _package = require('./package-6afe17f3.js');
 const watermark = require('./watermark-2c23c8f1.js');
 
 window.bcm = (function () {

package/dist/cjs/loader.cjs.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
-require('./global-642cd031.js');
-require('./package-033055fc.js');
+require('./global-08c079a8.js');
+require('./package-6afe17f3.js');
 require('./watermark-2c23c8f1.js');
 
 /*

package/dist/cjs/{number-helper-43361f4e.js → number-helper-3a56812f.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-e3956756.js');
+const generate = require('./generate-a25d8fc8.js');
 
 class NumberHelper {
 }

package/dist/cjs/old-bcm-popover-box.cjs.entry.js

@@ -11,13 +11,13 @@ require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-02e6101b.js');
 const floatingUi = require('./floating-ui-5b396838.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-e3956756.js');
-const numberHelper = require('./number-helper-43361f4e.js');
+const generate = require('./generate-a25d8fc8.js');
+const numberHelper = require('./number-helper-3a56812f.js');
 const stringHelper = require('./string-helper-9cdfb273.js');
 require('./utils-fc077139.js');
 require('./bcm-1d1fcf21.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-033055fc.js');
+require('./package-6afe17f3.js');
 require('./colors-250d0982.js');
 
 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}";

package/dist/cjs/old-bcm-popover.cjs.entry.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
 const bcm = require('./bcm-1d1fcf21.js');
-const generate = require('./generate-e3956756.js');
+const generate = require('./generate-a25d8fc8.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-033055fc.js');
+require('./package-6afe17f3.js');
 require('./colors-250d0982.js');
 
 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}";

package/dist/cjs/{package-033055fc.js → package-6afe17f3.js}

@@ -4,6 +4,6 @@
  */
 'use strict';
 
-const version = "2.12.3";
+const version = "3.0.0-alpha.1";
 
 exports.version = version;

package/dist/cjs/{validators-9a6ae72d.js → validators-78797513.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const generate = require('./generate-e3956756.js');
+const generate = require('./generate-a25d8fc8.js');
 
 class Validators {
 }

package/dist/collection/components/molecules/modal/modal.css

@@ -166,17 +166,17 @@
   z-index: 1;
   top: 0;
   left: 0;
-  opacity: 0.6;
-  background-color: var(--bcm-new-ds-color-slate-900);
+  background-color: var(--bcm-ui-color-background-transparent-default);
 }
 .bcm-modal__container {
   display: flex;
   flex-direction: column;
   width: 100%;
   box-shadow: 0 2px 6px 1px rgba(17, 24, 38, 0.1);
-  border-radius: var(--bcm-ui-border-radius-default);
-  background-color: var(--bcm-new-ds-color-white);
+  border-radius: var(--bcm-ui-border-radius-lg);
+  background-color: var(--bcm-ui-color-background-base-default);
   z-index: 2;
+  border: 1px solid var(--bcm-ui-color-border-default);
   transform: translateY(-50px);
   transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
 }
@@ -223,15 +223,14 @@
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
-  padding: var(--bcm-ui-spacing-3) var(--bcm-ui-spacing-6);
-  border-top-left-radius: var(--bcm-ui-border-radius-default);
-  border-top-right-radius: var(--bcm-ui-border-radius-default);
-  border-bottom: 1px solid var(--bcm-ui-color-border-default);
-  font-size: var(--bcm-ui-font-size-6);
-  line-height: var(--bcm-ui-line-height-6);
+  padding: var(--bcm-ui-spacing-2) var(--bcm-ui-spacing-5);
+  border-top-left-radius: calc(var(--bcm-ui-border-radius-lg) - 1px);
+  border-top-right-radius: calc(var(--bcm-ui-border-radius-lg) - 1px);
+  font-size: var(--bcm-ui-font-size-5);
+  line-height: var(--bcm-ui-line-height-5);
   font-weight: 600;
   color: var(--bcm-ui-color-text-header);
-  background-color: var(--bcm-ui-color-background-base-default);
+  background-color: var(--bcm-ui-color-background-default-default);
 }
 .bcm-modal__container-header span.full-width {
   width: 100%;
@@ -242,22 +241,36 @@
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
-  padding: 8px;
   cursor: pointer;
+  font-size: var(--bcm-ui-font-size-5);
+  line-height: var(--bcm-ui-line-height-5);
   color: var(--bcm-ui-color-text-default);
-  background-color: var(--bcm-ui-color-background-base-default);
   transition-property: color, background-color, border-color;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
+  position: relative;
+  z-index: 0;
 }
-.bcm-modal__container-header-close:hover {
+.bcm-modal__container-header-close::after, .bcm-modal__container-header-close::before {
+  z-index: -1;
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: block;
+  width: var(--bcm-ui-spacing-8);
+  height: var(--bcm-ui-spacing-8);
   background-color: var(--bcm-ui-color-background-default-hover);
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
 }
-.bcm-modal__container-header-close:active {
-  background-color: var(--bcm-ui-color-background-default-active);
+.bcm-modal__container-header-close::before {
+  z-index: -1;
+  background-color: var(--bcm-ui-color-background-default-hover);
 }
-.bcm-modal__container-header-close:focus-visible {
-  background-color: var(--bcm-ui-color-background-default-active);
+.bcm-modal__container-header-close:hover::before {
+  opacity: 1;
 }
 .bcm-modal__container-footer-content {
   display: flex;
@@ -265,6 +278,6 @@
   align-items: flex-start;
   justify-content: flex-end;
   flex-wrap: nowrap;
-  padding: 0 var(--bcm-ui-spacing-6) var(--bcm-ui-spacing-6);
-  grid-gap: 8px;
+  padding: 0 var(--bcm-ui-spacing-5) var(--bcm-ui-spacing-5);
+  grid-gap: var(--bcm-ui-spacing-2);
 }

package/dist/collection/components/molecules/modal/modal.js

@@ -127,7 +127,7 @@ export class BcmModal {
       return (this.modalSlots['footer'] && (h("footer", { class: "bcm-modal__container-footer" }, h("slot", { name: "footer" }))));
     };
     const HeaderTemplate = () => {
-      return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "far fa-times" })))));
+      return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "fas fa-times" })))));
     };
     const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
     return (h(Host, { class: `tw-overscroll-contain  ${bcmModalHostClasses}` }, h("div", { class: "overlay", onClick: () => this.handleBackdrop() }), h("div", { class: bcmModalContainer, style: customStyle }, h(HeaderTemplate, null), h("main", { class: mainClasses }, h("article", null, h(SlotTemplate, null))), h(FooterTemplate, null))));

package/dist/collection/components/other/toast/toast.js

@@ -40,15 +40,15 @@ export class BcmToast {
     return this.el;
   }
   async hide() {
-    // this.visibleContainer = false;
-    // clearTimeout(this.timer);
-    // this.bcmToastClose.emit();
-    // await delay(100);
-    // this.visible = false;
-    // if (this.removeAfterClose) {
-    //     await delay(100);
-    //     this.el.remove();
-    // }
+    this.visibleContainer = false;
+    clearTimeout(this.timer);
+    this.bcmToastClose.emit();
+    await delay(100);
+    this.visible = false;
+    if (this.removeAfterClose) {
+      await delay(100);
+      this.el.remove();
+    }
   }
   handleMouseEnter() {
     clearTimeout(this.timer);

package/dist/components/bcm-modal.js

@@ -10,7 +10,7 @@ import { S as SlotTemplate } from './slot-template.js';
 import { G as Generate } from './generate.js';
 import { d as defineCustomElement$2 } from './icon.js';
 
-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:var(--bcm-ui-spacing-6);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:var(--bcm-ui-border-radius-default);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-ui-color-text-default);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:var(--bcm-ui-spacing-3) var(--bcm-ui-spacing-6);border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default);border-bottom:1px solid var(--bcm-ui-color-border-default);font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-base-default)}.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-ui-color-text-default);background-color:var(--bcm-ui-color-background-base-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bcm-modal__container-header-close:hover{background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:active{background-color:var(--bcm-ui-color-background-default-active)}.bcm-modal__container-header-close:focus-visible{background-color:var(--bcm-ui-color-background-default-active)}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:0 var(--bcm-ui-spacing-6) var(--bcm-ui-spacing-6);grid-gap:8px}";
+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:var(--bcm-ui-spacing-6);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;background-color:var(--bcm-ui-color-background-transparent-default)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:var(--bcm-ui-border-radius-lg);background-color:var(--bcm-ui-color-background-base-default);z-index:2;border:1px solid var(--bcm-ui-color-border-default);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-ui-color-text-default);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:var(--bcm-ui-spacing-2) var(--bcm-ui-spacing-5);border-top-left-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);border-top-right-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-default-default)}.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;cursor:pointer;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);color:var(--bcm-ui-color-text-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;z-index:0}.bcm-modal__container-header-close::after,.bcm-modal__container-header-close::before{z-index:-1;content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:var(--bcm-ui-spacing-8);height:var(--bcm-ui-spacing-8);background-color:var(--bcm-ui-color-background-default-hover);opacity:0;transition:opacity 0.2s ease-in-out}.bcm-modal__container-header-close::before{z-index:-1;background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:hover::before{opacity:1}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:0 var(--bcm-ui-spacing-5) var(--bcm-ui-spacing-5);grid-gap:var(--bcm-ui-spacing-2)}";
 
 const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -137,7 +137,7 @@ const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return (this.modalSlots['footer'] && (h("footer", { class: "bcm-modal__container-footer" }, h("slot", { name: "footer" }))));
     };
     const HeaderTemplate = () => {
-      return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "far fa-times" })))));
+      return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "fas fa-times" })))));
     };
     const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
     return (h(Host, { class: `tw-overscroll-contain  ${bcmModalHostClasses}` }, h("div", { class: "overlay", onClick: () => this.handleBackdrop() }), h("div", { class: bcmModalContainer, style: customStyle }, h(HeaderTemplate, null), h("main", { class: mainClasses }, h("article", null, h(SlotTemplate, null))), h(FooterTemplate, null))));

package/dist/components/bcm-toast.js

@@ -46,15 +46,15 @@ const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return this.el;
   }
   async hide() {
-    // this.visibleContainer = false;
-    // clearTimeout(this.timer);
-    // this.bcmToastClose.emit();
-    // await delay(100);
-    // this.visible = false;
-    // if (this.removeAfterClose) {
-    //     await delay(100);
-    //     this.el.remove();
-    // }
+    this.visibleContainer = false;
+    clearTimeout(this.timer);
+    this.bcmToastClose.emit();
+    await delay(100);
+    this.visible = false;
+    if (this.removeAfterClose) {
+      await delay(100);
+      this.el.remove();
+    }
   }
   handleMouseEnter() {
     clearTimeout(this.timer);

package/dist/components/generate.js

@@ -5,7 +5,7 @@
 import { Build } from '@stencil/core/internal/client';
 import { c as colors } from './colors2.js';
 
-const version = "2.12.3";
+const version = "3.0.0-alpha.1";
 
 /**
  * 'status' prop predefined values

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

@@ -3,13 +3,13 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent, a as getRenderingRef, f as forceUpdate, d as getAssetPath } from './index-4614b7f0.js';
-import { G as Generate, S as StatusProps, T as TypeProps, s as snq } from './generate-d2495751.js';
+import { G as Generate, S as StatusProps, T as TypeProps, s as snq } from './generate-a4b85775.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { S as StringHelper } from './string-helper-69203215.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { N as NumberHelper } from './number-helper-a1e5c9e5.js';
-import { V as Validators } from './validators-57df25a7.js';
+import { N as NumberHelper } from './number-helper-872d5482.js';
+import { V as Validators } from './validators-e9800e9a.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-a50d55ba.js';
 import { c as ce } from './index-3bc8c6e3.js';
@@ -26,7 +26,7 @@ import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
 import { C as ColorPalette } from './colors-1d7854ea.js';
 import { T as TypeProps$1, S as SizeProps, D as DirectionProps } from './types-b211a5eb.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 
 const accordionCss = "@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}.bcm-accordion .bcm-expansion-panel{border-radius:0}.bcm-accordion .bcm-expansion-panel .bcm-expansion-panel__header{border-radius:0}.bcm-accordion .bcm-expansion-panel:first-child{border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:first-child .bcm-expansion-panel__header{border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:last-child{border-bottom-left-radius:var(--bcm-ui-border-radius-default);border-bottom-right-radius:var(--bcm-ui-border-radius-default)}.bcm-accordion .bcm-expansion-panel:last-child .bcm-expansion-panel__header{border-bottom-left-radius:var(--bcm-ui-border-radius-default);border-bottom-right-radius:var(--bcm-ui-border-radius-default)}";
@@ -29003,7 +29003,7 @@ __decorate$3([
 ], BcmMenu.prototype, "el", void 0);
 BcmMenu.style = menuCss;
 
-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:var(--bcm-ui-spacing-6);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:var(--bcm-ui-border-radius-default);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-ui-color-text-default);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:var(--bcm-ui-spacing-3) var(--bcm-ui-spacing-6);border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default);border-bottom:1px solid var(--bcm-ui-color-border-default);font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-base-default)}.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-ui-color-text-default);background-color:var(--bcm-ui-color-background-base-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bcm-modal__container-header-close:hover{background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:active{background-color:var(--bcm-ui-color-background-default-active)}.bcm-modal__container-header-close:focus-visible{background-color:var(--bcm-ui-color-background-default-active)}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:0 var(--bcm-ui-spacing-6) var(--bcm-ui-spacing-6);grid-gap:8px}";
+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:var(--bcm-ui-spacing-6);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;background-color:var(--bcm-ui-color-background-transparent-default)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:var(--bcm-ui-border-radius-lg);background-color:var(--bcm-ui-color-background-base-default);z-index:2;border:1px solid var(--bcm-ui-color-border-default);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-ui-color-text-default);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:var(--bcm-ui-spacing-2) var(--bcm-ui-spacing-5);border-top-left-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);border-top-right-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-default-default)}.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;cursor:pointer;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);color:var(--bcm-ui-color-text-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;z-index:0}.bcm-modal__container-header-close::after,.bcm-modal__container-header-close::before{z-index:-1;content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:var(--bcm-ui-spacing-8);height:var(--bcm-ui-spacing-8);background-color:var(--bcm-ui-color-background-default-hover);opacity:0;transition:opacity 0.2s ease-in-out}.bcm-modal__container-header-close::before{z-index:-1;background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:hover::before{opacity:1}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:0 var(--bcm-ui-spacing-5) var(--bcm-ui-spacing-5);grid-gap:var(--bcm-ui-spacing-2)}";
 
 const BcmModal = class {
   constructor(hostRef) {
@@ -29129,7 +29129,7 @@ const BcmModal = class {
       return (this.modalSlots['footer'] && (h$2("footer", { class: "bcm-modal__container-footer" }, h$2("slot", { name: "footer" }))));
     };
     const HeaderTemplate = () => {
-      return (this.modalSlots['header'] && (h$2("header", { class: "bcm-modal__container-header" }, h$2(SlotTemplate, { name: "header", className: 'full-width' }), h$2("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h$2("bcm-icon", { icon: "far fa-times" })))));
+      return (this.modalSlots['header'] && (h$2("header", { class: "bcm-modal__container-header" }, h$2(SlotTemplate, { name: "header", className: 'full-width' }), h$2("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h$2("bcm-icon", { icon: "fas fa-times" })))));
     };
     const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
     return (h$2(Host, { class: `tw-overscroll-contain  ${bcmModalHostClasses}` }, h$2("div", { class: "overlay", onClick: () => this.handleBackdrop() }), h$2("div", { class: bcmModalContainer, style: customStyle }, h$2(HeaderTemplate, null), h$2("main", { class: mainClasses }, h$2("article", null, h$2(SlotTemplate, null))), h$2(FooterTemplate, null))));

package/dist/esm/bcm-attendance-actions-comment.entry.js

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d2495751.js';
-import './number-helper-a1e5c9e5.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
 import './string-helper-69203215.js';
-import './validators-57df25a7.js';
+import './validators-e9800e9a.js';
 import './element-dragger-b75266e6.js';
 import { d as delay } from './utils-7727d09e.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
@@ -17,7 +17,7 @@ import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 
 const attendanceActionCommentStyle = ce({
   slots: {

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d2495751.js';
-import './number-helper-a1e5c9e5.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
 import './string-helper-69203215.js';
-import './validators-57df25a7.js';
+import './validators-e9800e9a.js';
 import './element-dragger-b75266e6.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
@@ -18,7 +18,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 
 const attendanceActionDropdownStyle = ce({
   slots: {

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

@@ -4,9 +4,9 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 
 const breadcrumbCss = "@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-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";

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

@@ -10,16 +10,16 @@ import './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import './generate-d2495751.js';
-import './number-helper-a1e5c9e5.js';
-import './validators-57df25a7.js';
+import './generate-a4b85775.js';
+import './number-helper-872d5482.js';
+import './validators-e9800e9a.js';
 import './element-dragger-b75266e6.js';
 import './types-9493a7ed.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 
 const BcmCaption = class {
   constructor(hostRef) {

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

@@ -5,14 +5,14 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import { S as StringHelper } from './string-helper-69203215.js';
 import { S as SlotTemplate } from './slot-template-e0202c5a.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './bcm-a50d55ba.js';
 
 const cardCss = "@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-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";

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

@@ -6,11 +6,11 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-46
 import { c as classnames } from './index-00c8a8f7.js';
 import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 
 const datePickerCss = "@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}";

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

@@ -7,13 +7,13 @@ import { D as DragDirections, E as ElementDragger } from './element-dragger-b752
 import { c as classnames } from './index-00c8a8f7.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
 import { d as delay } from './utils-7727d09e.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
 import { L as LabelTemplate } from './label-template-4c3797f4.js';
 import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 import './string-helper-69203215.js';
 

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

@@ -3,8 +3,8 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-d2495751.js';
-import './package-7549581c.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -4,10 +4,10 @@
  */
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-4614b7f0.js';
 import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
-import { G as Generate, s as snq } from './generate-d2495751.js';
+import { G as Generate, s as snq } from './generate-a4b85775.js';
 import { S as StringHelper } from './string-helper-69203215.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -5,12 +5,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-4614b7f0.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { I as IsLoad } from './is-load-decorator-b8ca22f2.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-16dd9444.js';
 import { i as inputStyle } from './input.style-0ddc0073.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 import './index-3bc8c6e3.js';
 

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

@@ -3,9 +3,9 @@
  * Copyright (c) Bromcom.
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-d2495751.js';
+import { G as Generate } from './generate-a4b85775.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -5,10 +5,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-4614b7f0.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-d2495751.js';
-import './number-helper-a1e5c9e5.js';
+import { G as Generate } from './generate-a4b85775.js';
+import './number-helper-872d5482.js';
 import './string-helper-69203215.js';
-import './validators-57df25a7.js';
+import './validators-e9800e9a.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
 import { C as CaptionTemplate } from './caption-template-16dd9444.js';
@@ -20,7 +20,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-7549581c.js';
+import './package-1d6f13ed.js';
 
 const inputDropdownStyle = ce({
   slots: {