bromcom-ui 2.10.1-rc.0 → 2.10.1-rc.2

package/dist/esm/{bcm-a50d55ba.js → bcm-0f9cc27c.js}

@@ -379,34 +379,34 @@ var Bcm;
     KeyCode[KeyCode["a"] = 65] = "a";
   })(Bcm.KeyCode || (Bcm.KeyCode = {}));
   Bcm.FormErrorMessages = {
-    "email": "Please enter a valid email address",
-    "password": "Please enter a valid password",
-    "url": "Please enter a valid URL",
-    "phone": "Please enter a valid phone number",
-    "search": "Please enter a valid search term",
-    "number": "Please enter a valid number",
-    "text": "Please enter a valid text",
-    "required": "This field is required",
-    "minlength": "Must be at least {0} chars long",
-    "maxlength": "Must be at most {0} chars long",
-    "betweenlength": "Must be between {0} and {1} chars long",
-    "min": "This field must be at least {0}",
-    "max": "This field must be at most {0}",
-    "between": "This field must be between {0} and {1}",
-    "pattern": "Please use a valid format",
-    "date": "Please enter a valid date",
-    "time": "Please enter a valid time",
-    "datetime": "Please enter a valid date and time",
-    "datetime-local": "Please enter a valid date and time",
-    "month": "Please enter a valid month",
-    "week": "Please enter a valid week",
-    "color": "Please enter a valid color",
-    "file": "Please enter a valid file",
-    "range": "Please enter a valid range",
-    "radio": "Please select a valid option",
-    "checkbox": "Please select a valid option",
-    "select": "Please select a valid option",
-    "multiple": "Please select a valid option",
+    "email": "Please enter a valid email address.",
+    "password": "Please enter a valid password.",
+    "url": "Please enter a valid URL.",
+    "phone": "Please enter a valid phone number.",
+    "search": "Please enter a valid search term.",
+    "number": "Please enter a valid number.",
+    "text": "Please enter a valid text.",
+    "required": "This field is required.",
+    "minlength": "Must be at least {0} chars long.",
+    "maxlength": "Must be at most {0} chars long.",
+    "betweenlength": "Must be between {0} and {1} chars long.",
+    "min": "This field must be at least {0}.",
+    "max": "This field must be at most {0}.",
+    "between": "This field must be between {0} and {1}.",
+    "pattern": "Please use a valid format.",
+    "date": "Please enter a valid date.",
+    "time": "Please enter a valid time.",
+    "datetime": "Please enter a valid date and time.",
+    "datetime-local": "Please enter a valid date and time.",
+    "month": "Please enter a valid month.",
+    "week": "Please enter a valid week.",
+    "color": "Please enter a valid color.",
+    "file": "Please enter a valid file.",
+    "range": "Please enter a valid range.",
+    "radio": "Please select a valid option.",
+    "checkbox": "Please select a valid option.",
+    "select": "Please select a valid option.",
+    "multiple": "Please select a valid option.",
   };
   (function (IndeterminateType) {
     IndeterminateType["uncheck"] = "uncheck";

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-7d1e216b.js';
-import './package-e0577fef.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate } from './generate-fff9c034.js';
+import './package-7d8bb462.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.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}";
 

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

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-7d1e216b.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { c as createStore } from './index-f38e3364.js';
-import { S as StringHelper } from './string-helper-85990695.js';
-import './package-e0577fef.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './bcm-a50d55ba.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-fff9c034.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { c as createStore } from './index-7e71bbc8.js';
+import { S as StringHelper } from './string-helper-8f5da9ec.js';
+import './package-7d8bb462.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './bcm-0f9cc27c.js';
 
 const { state } = createStore({
   value: new Map(),

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

@@ -2,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate } from './generate-7d1e216b.js';
-import './package-e0577fef.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate } from './generate-fff9c034.js';
+import './package-7d8bb462.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const attendanceCss = "@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-attendance{width:fit-content;display:inline-flex;align-items:center;flex-direction:row;gap:4px}.bcm-attendance__item{display:flex;flex-direction:row;align-items:center;gap:1px}.bcm-attendance__item-am,.bcm-attendance__item-pm{display:block;width:calc( calc( 12px + 1px ) / 2 );height:calc( 12px + 1px );background-color:var(--bcm-new-ds-color-blue-500)}.bcm-attendance__item-am:hover,.bcm-attendance__item-pm:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-attendance__item-am{border-top-left-radius:100px;border-bottom-left-radius:100px}.bcm-attendance__item-pm{border-top-right-radius:100px;border-bottom-right-radius:100px}.bcm-attendance__item-status-present{background-color:var(--bcm-new-ds-color-emerald-500)}.bcm-attendance__item-status-present:hover{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-attendance__item-status-late{background-color:var(--bcm-new-ds-color-amber-500)}.bcm-attendance__item-status-late:hover{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-attendance__item-status-absent{background-color:var(--bcm-new-ds-color-red-500)}.bcm-attendance__item-status-absent:hover{background-color:var(--bcm-new-ds-color-red-600)}.bcm-attendance__item-status-default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-attendance__item-status-default:hover{background-color:var(--bcm-new-ds-color-slate-400)}";
 

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const autocompleteCss = "@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-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}";
 

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

@@ -2,21 +2,21 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { C as ColorHelper } from './color-helper-c4fa9ebc.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { C as ColorHelper } from './color-helper-845ba523.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-7d1e216b.js';
-import './number-helper-a5eab393.js';
-import './string-helper-85990695.js';
-import './validators-7979c137.js';
-import './element-dragger-7ea06c76.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
+import { G as Generate } from './generate-fff9c034.js';
+import './number-helper-c1ee913b.js';
+import './string-helper-8f5da9ec.js';
+import './validators-93758ad4.js';
+import './element-dragger-89bb52fd.js';
+import { a as Bcm } from './bcm-0f9cc27c.js';
 import { c as ce } from './index-3bc8c6e3.js';
 import './colors-1d7854ea.js';
-import './utils-b3338faf.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0577fef.js';
+import './utils-57652744.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-7d8bb462.js';
 
 const avatarStyle = ce({
   slots: {

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4614b7f0.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 
 const BcmBox = class {
   constructor(hostRef) {

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

@@ -2,12 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { G as Generate } from './generate-7d1e216b.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-e0577fef.js';
-import './colors-e1c31f79.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { G as Generate } from './generate-fff9c034.js';
+import './_commonjsHelpers-7002e5de.js';
+import './package-7d8bb462.js';
+import './colors-ebea297f.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-button-group.entry.js

@@ -2,14 +2,14 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { G as Generate, s as snq } from './generate-7d1e216b.js';
-import { B as Bcm } from './bcm-a50d55ba.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { S as StringHelper } from './string-helper-85990695.js';
-import './package-e0577fef.js';
-import './colors-e1c31f79.js';
-import './_commonjsHelpers-be0d4ec8.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate, s as snq } from './generate-fff9c034.js';
+import { B as Bcm } from './bcm-0f9cc27c.js';
+import { c as classnames } from './index-00c8a8f7.js';
+import { S as StringHelper } from './string-helper-8f5da9ec.js';
+import './package-7d8bb462.js';
+import './colors-ebea297f.js';
+import './_commonjsHelpers-7002e5de.js';
 
 const buttonGroupCss = "@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-button-group{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:fit-content;background-color:var(--bcm-new-ds-color-slate-300);border:1px solid var(--bcm-new-ds-color-slate-300);gap:1px;border-radius:4px}.bcm-button-group .bcm-button__container{border-radius:0;border:none}.bcm-button-group .bcm-button:first-child .bcm-button__container{border-top-left-radius:4px;border-bottom-left-radius:4px}.bcm-button-group .bcm-button:last-child .bcm-button__container{border-top-right-radius:4px;border-bottom-right-radius:4px}.bcm-button-group__vertical{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.bcm-button-group__vertical .bcm-button{width:100%}.bcm-button-group__vertical .bcm-button__container{width:100%;border-radius:0}.bcm-button-group__vertical .bcm-button:first-child .bcm-button__container{border-radius:4px 4px 0 0}.bcm-button-group__vertical .bcm-button:last-child .bcm-button__container{border-radius:0 0 4px 4px}";