bromcom-ui 2.11.1-rc.8 → 2.11.1-rc.9-0

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

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-489c9b1a.js');
+require('./bcm-1d1fcf21.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

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

@@ -9,17 +9,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-489c9b1a.js');
+require('./bcm-1d1fcf21.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 const BcmModal2Header = class {
   constructor(hostRef) {

package/dist/cjs/bcm-modal-2.cjs.entry.js

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-489c9b1a.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 const BcmModal2 = class {
   constructor(hostRef) {
@@ -33,7 +33,7 @@ const BcmModal2 = class {
     this.isShow = false;
     this.center = false;
     this.zIndex = "10400";
-    this.size = bcm.Bcm$1.Size.medium;
+    this.size = bcm.Bcm.Size.medium;
     this.backdrop = true;
     this.fullWidth = false;
     this.fullScreen = false;

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const bcm = require('./bcm-489c9b1a.js');
-const stringHelper = require('./string-helper-f9184277.js');
-const slotTemplate = require('./slot-template-c8e2816c.js');
-const generate = require('./generate-06bf97b8.js');
+const bcm = require('./bcm-1d1fcf21.js');
+const stringHelper = require('./string-helper-9cdfb273.js');
+const slotTemplate = require('./slot-template-df7b5b59.js');
+const generate = require('./generate-cb6d728f.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 require('./colors-078851ec.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:24px;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:8px;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-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.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-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
@@ -29,7 +29,7 @@ const BcmModal = class {
     this._id = generate.Generate.UID();
     this.isShow = false;
     this.hidden = false;
-    this.size = bcm.Bcm.Size.medium;
+    this.size = bcm.Bcm$1.Size.medium;
     this.backdrop = true;
     this.width = undefined;
     this.height = undefined;
@@ -88,7 +88,7 @@ const BcmModal = class {
   keyboardNavigation(e) {
     if (this.backdrop == true) {
       const keyCode = e.keyCode || 0;
-      if (keyCode == bcm.Bcm.KeyCode.escape) {
+      if (keyCode == bcm.Bcm$1.KeyCode.escape) {
         e.preventDefault();
         this.hide();
       }

package/dist/cjs/bcm-number-input.cjs.entry.js

@@ -9,13 +9,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-489c9b1a.js');
-const captionTemplate = require('./caption-template-086e9cac.js');
+const bcm = require('./bcm-1d1fcf21.js');
+const captionTemplate = require('./caption-template-85a18b6d.js');
 require('./index-95ae50d0.js');
 require('./types-cc4adee7.js');
 require('./types-7523fd99.js');
@@ -24,7 +24,7 @@ require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 const numberInputStyle = index.ce({
   slots: {
@@ -76,7 +76,7 @@ const NumberInput = class {
       return ["e", "E", "+", "-"].includes(e.key) && e.preventDefault();
     };
     this._id = generate.Generate.UID();
-    this.size = bcm.Bcm$1.Size.medium;
+    this.size = bcm.Bcm.Size.medium;
     this.min = 0;
     this.max = 100;
     this.step = 1;
@@ -90,7 +90,7 @@ const NumberInput = class {
     this.pattern = undefined;
     this.caption = undefined;
     this.noCaption = false;
-    this.captionType = bcm.Bcm$1.Status.default;
+    this.captionType = bcm.Bcm.Status.default;
     this.captionError = undefined;
     this.customErrorMessage = undefined;
     this.prefixIcon = undefined;

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const captionTemplate = require('./caption-template-086e9cac.js');
+const captionTemplate = require('./caption-template-85a18b6d.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

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

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 const colorHelper = require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-const stringHelper = require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+const stringHelper = require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-489c9b1a.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const utils = require('./utils-fc077139.js');
-const floatingUi = require('./floating-ui-21890d11.js');
+const floatingUi = require('./floating-ui-5b396838.js');
 require('./colors-56282b00.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 class Popover {
   constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {
@@ -163,8 +163,8 @@ const BcmPopover = class {
     this._id = generate.Generate.UID();
     this.message = "";
     this.content = "";
-    this.placement = bcm.Bcm$1.Placement.top;
-    this.trigger = bcm.Bcm$1.TriggerType.click;
+    this.placement = bcm.Bcm.Placement.top;
+    this.trigger = bcm.Bcm.TriggerType.click;
     this.open = false;
     this.color = "white";
     this.openDelay = 0;

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

@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-06bf97b8.js');
-const bcm = require('./bcm-489c9b1a.js');
+const generate = require('./generate-cb6d728f.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 require('./colors-078851ec.js');
 
 const rangeCss = "@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-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
@@ -28,7 +28,7 @@ const BcmRange = class {
     this.value = 0;
     this.height = "326px";
     this.name = undefined;
-    this.direction = bcm.Bcm.Direction.horizontal;
+    this.direction = bcm.Bcm$1.Direction.horizontal;
     this._prefix = undefined;
     this._suffix = undefined;
     this.multiple = false;
@@ -53,7 +53,7 @@ const BcmRange = class {
     }
     generate.Generate.createComponent('bcm-tooltip-box', {
       id: 'box-' + this._id,
-      placement: this.direction === bcm.Bcm.Direction.horizontal ? bcm.Bcm.Placement.top : bcm.Bcm.Placement.left,
+      placement: this.direction === bcm.Bcm$1.Direction.horizontal ? bcm.Bcm$1.Placement.top : bcm.Bcm$1.Placement.left,
       color: 'blue'
     });
   }
@@ -174,7 +174,7 @@ const BcmRange = class {
       height: '100%',
       width: height,
     };
-    return (index.h(index.Host, { class: hostClasses, style: direction == bcm.Bcm.Direction.vertical && { height: height } }, index.h("div", { class: "bcm-range__container", style: direction == bcm.Bcm.Direction.vertical && verticalStyle }, index.h("input", { type: "range", id: `input-left-${this._id}`, min: leftMin, max: max, step: step, onChange: (event) => { this.syncValues('left', event); this.handleChange(); }, onInput: (event) => { this.syncValues('left', event); this.getTooltip('left').hide(); this.getTooltip('left').show(); }, onMouseOver: () => { this.getThumb('left').classList.add('hover'); this.getTooltip('left').show(); }, onMouseOut: () => { this.getThumb('left').classList.remove('hover'); this.getTooltip('left').hide(); }, value: this.leftValue, class: { 'single': !this.multiple } }), index.h("input", { type: "range", id: `input-right-${this._id}`, min: min, max: max, onChange: (event) => { this.syncValues('right', event); this.handleChange(); }, onInput: (event) => { this.syncValues('right', event); this.getTooltip('right').hide(); this.getTooltip('right').show(); }, onMouseOver: () => { this.getThumb('right').classList.add('hover'); this.getTooltip('right').show(); }, onMouseOut: () => { this.getThumb('right').classList.remove('hover'); this.getTooltip('right').hide(); }, step: step, value: this.rightValue }), index.h("div", { class: "bcm-range__container-bar" }, index.h("div", { class: "ticks" }, index.h(Ticks, null)), index.h("div", { class: "bcm-range__container-bar-track" }), index.h("div", { class: "bcm-range__container-bar-range", id: "bcm-range__thumb-range" }), index.h("div", { class: "bcm-range__container-bar-thumb left", id: `bcm-range__thumb-left-${this._id}` }, index.h("span", null)), index.h("div", { class: "bcm-range__container-bar-thumb right", id: `bcm-range__thumb-right-${this._id}` }, index.h("span", null))), index.h("div", { class: "touch" }, index.h(Touch, null)))));
+    return (index.h(index.Host, { class: hostClasses, style: direction == bcm.Bcm$1.Direction.vertical && { height: height } }, index.h("div", { class: "bcm-range__container", style: direction == bcm.Bcm$1.Direction.vertical && verticalStyle }, index.h("input", { type: "range", role: "slider", "aria-label": "range", id: `input-left-${this._id}`, min: leftMin, max: max, step: step, onChange: (event) => { this.syncValues('left', event); this.handleChange(); }, onInput: (event) => { this.syncValues('left', event); this.getTooltip('left').hide(); this.getTooltip('left').show(); }, onMouseOver: () => { this.getThumb('left').classList.add('hover'); this.getTooltip('left').show(); }, onMouseOut: () => { this.getThumb('left').classList.remove('hover'); this.getTooltip('left').hide(); }, value: this.leftValue, class: { 'single': !this.multiple } }), index.h("input", { type: "range", id: `input-right-${this._id}`, role: "slider", "aria-label": "range", min: min, max: max, onChange: (event) => { this.syncValues('right', event); this.handleChange(); }, onInput: (event) => { this.syncValues('right', event); this.getTooltip('right').hide(); this.getTooltip('right').show(); }, onMouseOver: () => { this.getThumb('right').classList.add('hover'); this.getTooltip('right').show(); }, onMouseOut: () => { this.getThumb('right').classList.remove('hover'); this.getTooltip('right').hide(); }, step: step, value: this.rightValue }), index.h("div", { class: "bcm-range__container-bar" }, index.h("div", { class: "ticks" }, index.h(Ticks, null)), index.h("div", { class: "bcm-range__container-bar-track" }), index.h("div", { class: "bcm-range__container-bar-range", id: "bcm-range__thumb-range" }), index.h("div", { class: "bcm-range__container-bar-thumb left", id: `bcm-range__thumb-left-${this._id}` }, index.h("span", null)), index.h("div", { class: "bcm-range__container-bar-thumb right", id: `bcm-range__thumb-right-${this._id}` }, index.h("span", null))), index.h("div", { class: "touch" }, index.h(Touch, null)))));
   }
   get el() { return index.getElement(this); }
 };

package/dist/cjs/bcm-select.cjs.entry.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const stringHelper = require('./string-helper-f9184277.js');
+const stringHelper = require('./string-helper-9cdfb273.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./bcm-489c9b1a.js');
+require('./bcm-1d1fcf21.js');
 
 const selectCss = "@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:100%;margin:0}:host(.hidden){display:none}.container{display:block;max-width:256px;position:relative}.container.full-width{width:100%;max-width:100%}.selected{width:100%;box-sizing:border-box;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bcm-color-grey-5);user-select:none;cursor:pointer}.selected:hover:not(.disabled){border-color:var(--bcm-color-prime-blue-5)}.selected:hover:not(.disabled) .select-clear-button{opacity:1}.selected:focus:not(.disabled){border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.selected:focus:not(.disabled) .select-clear-button{opacity:1}.selected:focus{outline:none}.selected.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8);cursor:not-allowed}.selected .buttons{padding:8px;height:100%;display:flex;align-items:center;justify-content:center}.selected .selected-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0 8px;width:100%}.selected .selected-tags{padding:0 4px;height:100%}.selected .tag-container{height:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:2px}.selected .tag-container>span{height:100%;align-items:center;justify-content:flex-start;display:flex;grid-gap:2px}.selected .tag-container .tag{max-width:200px}.selected .tag-container #other-tag{cursor:pointer}.selected .open,.selected .close{display:inline-flex}.selected .close{transform:rotate(180deg)}.selected .placeholder{color:var(--bcm-color-grey-6);user-select:none;font-size:14px;height:100%;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.options-viewport{display:inline-block}.option-container{display:block;position:absolute;background-color:var(--bcm-color-grey-1);box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);box-sizing:border-box;width:100%;z-index:10000}.option-container.alignment-left{left:0}.option-container.alignment-right{right:0}.option-container.hidden{display:none}.option-container .search{position:sticky;padding:8px;margin-bottom:4px}.option-container .search:after{content:\"\";position:absolute;bottom:0;height:1px;width:calc(100% - 16px);background-color:var(--bcm-color-grey-5)}.options-viewport{display:block}.options-viewport bcm-select-option,.options-viewport ::slotted(bcm-select-option){white-space:normal}.options-viewport.hidden{display:none}.options-viewport.vertical{height:fit-content;max-height:200px}.options-viewport.horizontal:not(.flex){overflow-x:auto;width:100%}.options-viewport.horizontal:not(.flex) bcm-select-option,.options-viewport.horizontal:not(.flex) ::slotted(bcm-select-option){white-space:nowrap}.items{display:flex;flex-direction:column}.buttons{display:flex}.select-clear-button{display:inline-flex;align-items:center;outline:none;border:none;background:none;padding:0;cursor:pointer;margin-right:4px;opacity:0}.label{display:block;color:var(--bcm-color-grey-9)}.caption-area{min-height:20px}.input-caption{display:block}.selected-large{height:40px}.selected-medium{height:32px}.selected-small{height:24px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .selected{border:1px solid var(--bcm-color-red-6) !important}";
 

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

@@ -9,18 +9,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-c591ecec.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-489c9b1a.js');
+require('./bcm-1d1fcf21.js');
 const index = require('./index-5279dea2.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 const skeletonStyle = index.ce({
   slots: {

package/dist/cjs/bcm-table.cjs.entry.js

@@ -10,12 +10,12 @@ const index = require('./index-c591ecec.js');
 const watermark = require('./watermark-2c23c8f1.js');
 require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-06bf97b8.js');
-require('./number-helper-362f0e03.js');
-const stringHelper = require('./string-helper-f9184277.js');
-require('./validators-07d7a0c9.js');
+const generate = require('./generate-cb6d728f.js');
+require('./number-helper-7cda3b8d.js');
+const stringHelper = require('./string-helper-9cdfb273.js');
+require('./validators-5201d427.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-489c9b1a.js');
+require('./bcm-1d1fcf21.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./types-cc4adee7.js');
 require('./types-7523fd99.js');
@@ -23,7 +23,7 @@ require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 
 // DO NOT UPDATE MANUALLY: Generated from script during build time
 var VERSION$4 = '29.0.0';

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

@@ -7,21 +7,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c591ecec.js');
-const generate = require('./generate-06bf97b8.js');
-const bcm = require('./bcm-489c9b1a.js');
+const generate = require('./generate-cb6d728f.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const index = require('./index-95ae50d0.js');
-const numberHelper = require('./number-helper-362f0e03.js');
+const numberHelper = require('./number-helper-7cda3b8d.js');
 const utils = require('./utils-fc077139.js');
 const colors = require('./colors-56282b00.js');
 const types = require('./types-7523fd99.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 require('./colors-078851ec.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 
 const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, type, onDismiss, onSelect }) => {
-  !size && (size = bcm.Bcm.FontSize['size-1']);
+  !size && (size = bcm.Bcm$1.FontSize['size-1']);
   const getColor = (color) => {
-    if ((type === bcm.Bcm.TagType.basic || type == bcm.Bcm.TagType.dismissable) && types.ColorProps[color])
+    if ((type === bcm.Bcm$1.TagType.basic || type == bcm.Bcm$1.TagType.dismissable) && types.ColorProps[color])
       return {
         color: utils.extractColor(colors.ColorPalette, types.ColorProps[color] + '-6'),
         borderColor: utils.extractColor(colors.ColorPalette, types.ColorProps[color] + '-3'),
@@ -30,10 +30,10 @@ const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, ty
   };
   const getSize = (size, returnNumber = false) => {
     if (numberHelper.NumberHelper.isNumber(size)) {
-      size = bcm.Bcm.FontSize["size-" + size] || bcm.Bcm.FontSize["size-4"];
+      size = bcm.Bcm$1.FontSize["size-" + size] || bcm.Bcm$1.FontSize["size-4"];
     }
     if (returnNumber) {
-      return +(bcm.Bcm.FontSizeValue[size] || bcm.Bcm.FontSizeValue['size-4']) + 2;
+      return +(bcm.Bcm$1.FontSizeValue[size] || bcm.Bcm$1.FontSizeValue['size-4']) + 2;
     }
     return size;
   };
@@ -45,11 +45,11 @@ const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, ty
     index$1.h("span", { hidden: true },
       index$1.h("slot", null)),
     index$1.h("span", { class: classes, style: getColor(color), onClick: (e) => onSelect(e) },
-      type === bcm.Bcm.TagType.add && (index$1.h("span", { class: "left" },
+      type === bcm.Bcm$1.TagType.add && (index$1.h("span", { class: "left" },
         index$1.h("bcm-icon", { icon: "far fa-plus" }))),
-      type === bcm.Bcm.TagType.checkable && index$1.h("input", { type: "checkbox", checked: checked }),
+      type === bcm.Bcm$1.TagType.checkable && index$1.h("input", { type: "checkbox", checked: checked }),
       index$1.h("span", { class: "value", style: customStyle }, value),
-      type === bcm.Bcm.TagType.dismissable && (index$1.h("span", { class: "right close-button", onClick: (e) => onDismiss(e) },
+      type === bcm.Bcm$1.TagType.dismissable && (index$1.h("span", { class: "right close-button", onClick: (e) => onDismiss(e) },
         index$1.h("bcm-icon", { icon: "fal fa-times" }))))));
 };
 
@@ -63,17 +63,17 @@ const BcmTag = class {
     this._internal_id = generate.Generate.UID();
     this.hidden = false;
     this.value = '';
-    this.type = bcm.Bcm.TagType.basic;
+    this.type = bcm.Bcm$1.TagType.basic;
     this.checked = false;
     this.color = undefined;
     this.customStyle = undefined;
     this.itemObject = undefined;
-    this.size = bcm.Bcm.FontSize['size-1'];
+    this.size = bcm.Bcm$1.FontSize['size-1'];
     this.closeFunc = (e) => e;
     this.selectFunc = (e) => e;
   }
   handleClick() {
-    this.type === bcm.Bcm.TagType.checkable && this.handleChecked();
+    this.type === bcm.Bcm$1.TagType.checkable && this.handleChecked();
   }
   handleClose() {
     this.tagDismissable.emit(this.el);
@@ -84,7 +84,7 @@ const BcmTag = class {
   }
   render() {
     const { type, color, value, customStyle, size, hidden, checked } = this;
-    return (index$1.h(TagTemplate, { size: size, hidden: hidden, color: color, customStyle: customStyle, checked: checked, value: value, type: bcm.Bcm.TagType[type], onSelect: (e) => { this.bcmTagSelect.emit(e); this.selectFunc({ event: e, id: this._id }); }, onDismiss: (e) => { this.handleClose(); this.closeFunc(e); } }));
+    return (index$1.h(TagTemplate, { size: size, hidden: hidden, color: color, customStyle: customStyle, checked: checked, value: value, type: bcm.Bcm$1.TagType[type], onSelect: (e) => { this.bcmTagSelect.emit(e); this.selectFunc({ event: e, id: this._id }); }, onDismiss: (e) => { this.handleClose(); this.closeFunc(e); } }));
   }
   get el() { return index$1.getElement(this); }
 };

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
 const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-const generate = require('./generate-06bf97b8.js');
-const bcm = require('./bcm-489c9b1a.js');
+const generate = require('./generate-cb6d728f.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 require('./colors-078851ec.js');
 
 const timePickerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
@@ -47,7 +47,7 @@ const BcmTimePicker = class {
     this.captionError = undefined;
     this.captionType = 'default';
     this.alignment = undefined;
-    this.placement = bcm.Bcm.Placement['bottom-start'];
+    this.placement = bcm.Bcm$1.Placement['bottom-start'];
     this.linkedComponent = undefined;
     this.clearable = false;
   }

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

@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-06bf97b8.js');
-const stringHelper = require('./string-helper-f9184277.js');
-const bcm = require('./bcm-489c9b1a.js');
+const generate = require('./generate-cb6d728f.js');
+const stringHelper = require('./string-helper-9cdfb273.js');
+const bcm = require('./bcm-1d1fcf21.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-92cfcafb.js');
+require('./package-417ad2df.js');
 require('./colors-078851ec.js');
 
 const BcmToast = class {
@@ -27,7 +27,7 @@ const BcmToast = class {
     this.message = "";
     this.description = "";
     this.duration = 3000;
-    this.position = bcm.Bcm.Placement.bottom;
+    this.position = bcm.Bcm$1.Placement.bottom;
     this.messageIcon = undefined;
     this.viewButton = false;
     this.closeButton = true;
@@ -77,12 +77,12 @@ const BcmToast = class {
       container = document.createElement("div");
       container.id = containerId;
       const classlist = index$1.classnames("tw-pointer-events-none tw-overflow-hidden tw-z-50", "tw-fixed tw-flex", "tw-p-4 tw-gap-4", {
-        "tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === bcm.Bcm.Placement.top,
-        "tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === bcm.Bcm.Placement.bottom,
-        "tw-flex-col-reverse tw-top-4 tw-left-4": this.position === bcm.Bcm.Placement["top-start"],
-        "tw-flex-col-reverse tw-top-4 tw-right-4": this.position === bcm.Bcm.Placement["top-end"],
-        "tw-flex-col tw-bottom-4 tw-left-4": this.position === bcm.Bcm.Placement["bottom-start"],
-        "tw-flex-col tw-bottom-4 tw-right-4": this.position === bcm.Bcm.Placement["bottom-end"],
+        "tw-flex-col-reverse tw-inset-x-0 tw-top-4 tw-mx-auto": this.position === bcm.Bcm$1.Placement.top,
+        "tw-flex-col tw-inset-x-0 tw-bottom-4 tw-mx-auto": this.position === bcm.Bcm$1.Placement.bottom,
+        "tw-flex-col-reverse tw-top-4 tw-left-4": this.position === bcm.Bcm$1.Placement["top-start"],
+        "tw-flex-col-reverse tw-top-4 tw-right-4": this.position === bcm.Bcm$1.Placement["top-end"],
+        "tw-flex-col tw-bottom-4 tw-left-4": this.position === bcm.Bcm$1.Placement["bottom-start"],
+        "tw-flex-col tw-bottom-4 tw-right-4": this.position === bcm.Bcm$1.Placement["bottom-end"],
       });
       container.classList.add(...classlist.split(" "));
       document.body.appendChild(container);