bromcom-ui 2.12.3-rc.0 → 2.12.3-rc.1

package/dist/components/list.js

@@ -7,7 +7,7 @@ import { I as IsLoad } from './is-load-decorator.js';
 import { J as JsonParse } from './json-parse-decarator.js';
 import './color-helper.js';
 import { V as Validators } from './validators.js';
-import { G as Generate, s as snq } from './generate.js';
+import { s as snq, G as Generate } from './generate.js';
 import { N as NumberHelper } from './number-helper.js';
 import { S as StringHelper } from './string-helper.js';
 import './element-dragger.js';
@@ -79,7 +79,6 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
     intersection = match.filter(x => keys.includes(x));
   }
   text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
-  const domText = item.template ? text : Generate.domParser(text);
   const unClickable = !treeview && item.type == "group" && !item.clickable;
   const disabled = item.disabled;
   const readonly = item.readonly;
@@ -111,7 +110,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       h("div", { class: classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (h("div", { class: "bcm-list__item-content-text-checkbox" },
           h(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
-        h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: domText })))),
+        h("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (h("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (h(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };

package/dist/components/string-helper.js

@@ -106,12 +106,10 @@ StringHelper.slugify = (str) => slugify(str, {
 });
 StringHelper.highlight = (str, search) => {
   let text = str;
-  // text = text.replace(/(<mark>|<\/mark>)/gim, '');
-  text = text.replace(/(&lt;mark&gt;|&lt;\/mark&gt;)/gim, '');
+  text = text.replace(/(<mark>|<\/mark>)/gim, '');
   const escapedSearch = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Özel karakterleri kaçış dizileri ile kaçır
   const regex = new RegExp(escapedSearch, 'gi');
-  // const newText = text.replace(regex, '<mark>$&</mark>');
-  const newText = text.replace(regex, '&lt;mark&gt;$&&lt;/mark&gt;');
+  const newText = text.replace(regex, '<mark>$&</mark>');
   return newText;
 };
 StringHelper.templateParser = (str, data) => str.replace(/\{{(\w+)\}}/g, (_, key) => data[key] || '');

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

@@ -2,32 +2,32 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent, f as forceUpdate, a as getAssetPath } from './index-2b2668ab.js';
-import { G as Generate, s as snq } from './generate-456c9a95.js';
+import { r as registerInstance, h as h$2, H as Host, g as getElement, c as createEvent, f as forceUpdate, a as getAssetPath } from './index-0615c2b8.js';
+import { G as Generate, s as snq } from './generate-941ac543.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { N as NumberHelper } from './number-helper-de819805.js';
-import { S as StringHelper } from './string-helper-b4602002.js';
-import { V as Validators } from './validators-e95cb184.js';
+import { N as NumberHelper } from './number-helper-7b757731.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import { V as Validators } from './validators-b86fcca9.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm, a as Bcm$1 } from './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { c as ce } from './index-3bc8c6e3.js';
-import { c as createStore } from './index-6ef67209.js';
-import { S as SlotTemplate } from './slot-template-42240428.js';
-import { C as CaptionTemplate } from './caption-template-8fb16bc5.js';
+import { c as createStore } from './index-7e71bbc8.js';
+import { S as SlotTemplate } from './slot-template-d3ae9f27.js';
+import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import { d as delay$1, g as getChildElements, p as pluralize, a as getChilds, e as extractColor, b as dropInComponent } from './utils-7727d09e.js';
-import { I as IsLoad } from './is-load-decorator-0f334092.js';
-import { L as LabelTemplate } from './label-template-cc2646d1.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
+import { L as LabelTemplate } from './label-template-ef97aadb.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getAugmentedNamespace, b as getDefaultExportFromCjs } from './_commonjsHelpers-7002e5de.js';
 import { r as react, a as reactDom, R as React } from './index-0d3a56ec.js';
 import { d as defaultIcons$1 } from './types-6f06fa1a.js';
 import './types-9493a7ed.js';
 import { F as FloatingUI } from './floating-ui-3f4394da.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-1b15cc99.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, S as SizeProps, D as DirectionProps } from './types-b211a5eb.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.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}";
@@ -19399,7 +19399,6 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
     intersection = match.filter(x => keys.includes(x));
   }
   text = item.isHtmlContent ? item.isHtmlContent : item.template && intersection.length > 0 ? StringHelper.templateParser(item.template, Object.assign(Object.assign({}, item.itemObject), { text })) : text;
-  const domText = item.template ? text : Generate.domParser(text);
   const unClickable = !treeview && item.type == "group" && !item.clickable;
   const disabled = item.disabled;
   const readonly = item.readonly;
@@ -19431,7 +19430,7 @@ const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size, selecte
       h$2("div", { class: classnames('bcm-list__item-content-text', { treeview }), onClick: (e) => itemClick(e) },
         checkboxes && (treeview || (!treeview && item.type != 'group')) && (h$2("div", { class: "bcm-list__item-content-text-checkbox" },
           h$2(CheckboxTemplate, { indeterminate: item.indeterminate, checked: item.checked, disabled: item.disabled }))),
-        h$2("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: domText })))),
+        h$2("span", Object.assign({ class: "bcm-list__item-content-text-inner" }, (item.title && { "title": item.title }), { innerHTML: text })))),
     (treeview || !treeview && item.type == "group") && isHaveChildren && (h$2("div", { class: "bcm-list__item-childs" }, (item.isSearching || item.open || (!treeview && item.type == "group")) &&
       item.items.map((item) => (h$2(ListItemTemplate, { highlight: highlight, item: item, searchIsOnlyChilds: searchIsOnlyChilds, treeview: treeview, checkboxes: checkboxes, size: size, selectedItem: selectedItem, checkedItem: checkedItem, openGroup: parentId => openGroup(parentId), focusItem: itemId => focusItem(itemId) })))))));
 };

package/dist/esm/bcm-alert.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-2b2668ab.js';
-import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-456c9a95.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-941ac543.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { c as createStore } from './index-6ef67209.js';
-import { S as StringHelper } from './string-helper-b4602002.js';
-import './package-dec1fb78.js';
+import { c as createStore } from './index-7e71bbc8.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 import './bcm-a50d55ba.js';

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.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-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const attendanceActionCommentStyle = ce({
   slots: {

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.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-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const attendanceActionDropdownStyle = ce({
   slots: {

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b2668ab.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';
 

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-2b2668ab.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,11 +2,11 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2b2668ab.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-456c9a95.js';
+import { G as Generate } from './generate-941ac543.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.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

@@ -2,24 +2,24 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host } from './index-2b2668ab.js';
+import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import './string-helper-b4602002.js';
-import { C as CaptionTemplate } from './caption-template-8fb16bc5.js';
+import './string-helper-69203215.js';
+import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './validators-e95cb184.js';
+import './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './validators-b86fcca9.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-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const BcmCaption = class {
   constructor(hostRef) {

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

@@ -2,17 +2,17 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import { C as ColorHelper } from './color-helper-ba15b0d8.js';
-import { G as Generate } from './generate-456c9a95.js';
-import { S as StringHelper } from './string-helper-b4602002.js';
-import { S as SlotTemplate } from './slot-template-42240428.js';
+import { G as Generate } from './generate-941ac543.js';
+import { S as StringHelper } from './string-helper-69203215.js';
+import { S as SlotTemplate } from './slot-template-d3ae9f27.js';
 import './_commonjsHelpers-7002e5de.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.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-chip-group.entry.js

@@ -2,25 +2,25 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, e as H, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-8fb16bc5.js';
+import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
-import { L as LabelTemplate } from './label-template-cc2646d1.js';
+import { L as LabelTemplate } from './label-template-ef97aadb.js';
 import './types-9493a7ed.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const chipGroupCss = "@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-chip-group .bcm-chip{cursor:pointer}";
 
@@ -41,7 +41,7 @@ const BcmChipGroup = class {
   }
   handleSelectItem(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof H) {
+    if (target instanceof HTMLElement) {
       const data = e.detail;
       const chipItem = document.createElement("bcm-chip");
       // chipItem.setAttribute("type", "dismissable");
@@ -53,14 +53,14 @@ const BcmChipGroup = class {
   }
   handleDismiss(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof H) {
+    if (target instanceof HTMLElement) {
       target.remove();
       this.setSelect();
     }
   }
   handleSelect(e) {
     const target = e === null || e === void 0 ? void 0 : e.target;
-    if (target instanceof H) {
+    if (target instanceof HTMLElement) {
       if (target.type === "addable") {
         this.showListComponent(target.id);
       }

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

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, a as getAssetPath, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, h, a as getAssetPath, H as Host, g as getElement } from './index-0615c2b8.js';
 import { E as ElementDragger, D as DragDirections } from './element-dragger-b75266e6.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import './utils-7727d09e.js';

package/dist/esm/bcm-content.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-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 
 const BcmContent = class {
   constructor(hostRef) {

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

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { I as IsLoad } from './is-load-decorator-0f334092.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
 import { D as DateTimeHelper } from './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
+import { G as Generate } from './generate-941ac543.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
 import { d as delay } from './utils-7727d09e.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.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

@@ -2,20 +2,20 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { D as DragDirections, E as ElementDragger } from './element-dragger-b75266e6.js';
 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-456c9a95.js';
+import { G as Generate } from './generate-941ac543.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { g as getPlacement, s as setPosition } from './popover-placement-1b15cc99.js';
-import { L as LabelTemplate } from './label-template-cc2646d1.js';
-import { I as IsLoad } from './is-load-decorator-0f334092.js';
+import { g as getPlacement, s as setPosition } from './popover-placement-2bf3a181.js';
+import { L as LabelTemplate } from './label-template-ef97aadb.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
-import './string-helper-b4602002.js';
+import './string-helper-69203215.js';
 
 var Months;
 (function (Months) {

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

@@ -2,9 +2,9 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './package-dec1fb78.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate } from './generate-941ac543.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-error-layout.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-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -2,12 +2,12 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-2b2668ab.js';
-import { I as IsLoad } from './is-load-decorator-0f334092.js';
-import { G as Generate, s as snq } from './generate-456c9a95.js';
-import { S as StringHelper } from './string-helper-b4602002.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
+import { G as Generate, s as snq } from './generate-941ac543.js';
+import { S as StringHelper } from './string-helper-69203215.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

package/dist/esm/bcm-form-group.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-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 
 const formGroupCss = "@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}:host(.hidden){display:none}";
 

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

@@ -2,15 +2,15 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import { I as IsLoad } from './is-load-decorator-0f334092.js';
-import { G as Generate } from './generate-456c9a95.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
+import { G as Generate } from './generate-941ac543.js';
 import { a as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-8fb16bc5.js';
+import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import { i as inputStyle } from './input.style-e855c0f3.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
 import './index-3bc8c6e3.js';
 

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

@@ -2,10 +2,10 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
-import { G as Generate } from './generate-456c9a95.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { G as Generate } from './generate-941ac543.js';
 import { c as classnames } from './index-00c8a8f7.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -2,16 +2,16 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-2b2668ab.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement, F as Fragment } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.js';
 import './element-dragger-b75266e6.js';
 import { B as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-8fb16bc5.js';
+import { C as CaptionTemplate } from './caption-template-3cd42c3b.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import './types-6f06fa1a.js';
 import './types-9493a7ed.js';
@@ -20,7 +20,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const inputDropdownStyle = ce({
   slots: {

package/dist/esm/bcm-message.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-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import { c as classnames } from './index-00c8a8f7.js';
 import './_commonjsHelpers-7002e5de.js';
 

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

@@ -2,13 +2,13 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import { c as classnames } from './index-00c8a8f7.js';
@@ -16,7 +16,7 @@ import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -2,20 +2,20 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2b2668ab.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
 import './color-helper-ba15b0d8.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-456c9a95.js';
-import './number-helper-de819805.js';
-import './string-helper-b4602002.js';
-import './validators-e95cb184.js';
+import { G as Generate } from './generate-941ac543.js';
+import './number-helper-7b757731.js';
+import './string-helper-69203215.js';
+import './validators-b86fcca9.js';
 import './element-dragger-b75266e6.js';
 import './bcm-a50d55ba.js';
 import './colors-1d7854ea.js';
 import './utils-7727d09e.js';
 import './colors-ed4e7579.js';
 import './_commonjsHelpers-7002e5de.js';
-import './package-dec1fb78.js';
+import './package-ce69d2dd.js';
 
 const BcmModal2Header = class {
   constructor(hostRef) {