bromcom-ui 2.8.0-rc.7 → 2.8.0-rc.8

package/dist/bromcom-ui/{p-107f23b3.entry.js → p-fe382dcc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as o,h as c,H as r,g as n}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{G as t}from"./p-826a363a.js";import{B as i}from"./p-a429e85b.js";import{d as l}from"./p-8c018ae0.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-692a0269.js";const b=class{constructor(c){e(this,c),this.change=o(this,"bcm-change",7),this._id=t.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=i.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const e=JSON.parse(this.value);this.value="number"==typeof e?[e]:e,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),t.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===i.Direction.horizontal?i.Placement.top:i.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(e){return this.value=e,this.handleChange(),e}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await l(10),Promise.resolve()}async resetCaption(){return await l(10),await l(10),Promise.resolve()}async getValue(){return this.value}syncValues(e,o){const c=o.target.valueAsNumber,r="left"===e?this.rightValue:this.leftValue;"left"===e?(this.leftValue=c>=r?r-1:c,this.getInput(e).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=c<=r?r+1:c,this.getInput(e).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(e){const{min:o,max:c}=this,r=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(e).valueAsNumber-o)/(c-o)*100,n=("left"===e?n:100-n)+"%",this.getThumb(e).style[e]=n,r.style[e]=n}hiddenLeftThumb(){const e=this.getThumb("left"),o=this.el.querySelector("#bcm-range__thumb-range");e.classList.add("hidden"),o.style.left=0}getTooltip(e){const o=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return o.setAttribute("target-id","bcm-range__thumb-"+e+"-"+this._id),o.setAttribute("message",this.getInput(e).valueAsNumber),o}getThumb(e){return this.el.querySelector("#bcm-range__thumb-"+e+"-"+this._id)}getInput(e){return this.el.querySelector("#input-"+e+"-"+this._id)}touchToMove(e){const o=this.multiple&&Math.abs(e-this.leftValue)<Math.abs(e-this.rightValue)?"left":"right";this.getInput(o).valueAsNumber=e,this.syncValues(o,{target:{valueAsNumber:e}}),this.handleChange()}hoverTick(e,o){this.el.querySelector(`#tick-${e}`).classList.toggle("hover",o)}render(){const{min:e,max:o,step:n,leftMin:t,direction:l,height:a}=this,b=s("bcm-range",l);return c(r,{class:b,style:l==i.Direction.vertical&&{height:a}},c("div",{class:"bcm-range__container",style:l==i.Direction.vertical&&{height:"100%",width:a}},c("input",{type:"range",id:`input-left-${this._id}`,min:t,max:o,step:n,onChange:e=>{this.syncValues("left",e),this.handleChange()},onInput:e=>{this.syncValues("left",e),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}}),c("input",{type:"range",id:`input-right-${this._id}`,min:e,max:o,onChange:e=>{this.syncValues("right",e),this.handleChange()},onInput:e=>{this.syncValues("right",e),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:n,value:this.rightValue}),c("div",{class:"bcm-range__container-bar"},c("div",{class:"ticks"},c((()=>{const{min:e,max:o,step:r,_prefix:n,_suffix:s}=this,t=[];for(let i=e;i<=o;i+=r)t.push(c("span",{id:"tick-"+i,class:"tick size-1"},c("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(i,!0),onMouseOut:()=>this.hoverTick(i,!1),onClick:()=>this.touchToMove(i)},n,i,s)));return t}),null)),c("div",{class:"bcm-range__container-bar-track"}),c("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),c("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},c("span",null)),c("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},c("span",null))),c("div",{class:"touch"},c((()=>{const{min:e,max:o,step:r}=this,n=[];for(let s=e;s<=o;s+=r)n.push(c("span",{onMouseOver:()=>this.hoverTick(s,!0),onMouseOut:()=>this.hoverTick(s,!1),onClick:()=>this.touchToMove(s),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};(function(e,o,c,r){var n,s=arguments.length,t=s<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,o,c,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(t=(s<3?n(t):s>3?n(o,c,t):n(o,c))||t);s>3&&t&&Object.defineProperty(o,c,t)})([a()],b.prototype,"el",void 0),b.style='@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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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)}';export{b as bcm_range}
+import{r as e,c as o,h as c,H as r,g as n}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{G as t}from"./p-e8c5da52.js";import{B as i}from"./p-a429e85b.js";import{d as l}from"./p-8c018ae0.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-692a0269.js";const b=class{constructor(c){e(this,c),this.change=o(this,"bcm-change",7),this._id=t.UID(),this.min=0,this.max=10,this.step=1,this.value=0,this.height="326px",this.name=void 0,this.direction=i.Direction.horizontal,this._prefix=void 0,this._suffix=void 0,this.multiple=!1,this.leftValue=void 0,this.rightValue=void 0,this.leftMin=void 0}connectedCallback(){const e=JSON.parse(this.value);this.value="number"==typeof e?[e]:e,this.value.length>1?(this.leftValue=this.value[0],this.rightValue=this.value[1],this.leftMin=this.min,this.multiple=!0):(this.rightValue=this.value,this.leftMin=this.min-this.step,this.leftValue=this.leftMin,this.multiple=!1),t.createComponent("bcm-tooltip-box",{id:"box-"+this._id,placement:this.direction===i.Direction.horizontal?i.Placement.top:i.Placement.left,color:"blue"},null)}componentDidLoad(){this.setThumbPosition("right"),this.setThumbPosition("left"),this.multiple||this.hiddenLeftThumb()}async setValue(e){return this.value=e,this.handleChange(),e}async setClear(){return this.value=this.multiple?[this.min,this.max]:this.min,await l(10),Promise.resolve()}async resetCaption(){return await l(10),await l(10),Promise.resolve()}async getValue(){return this.value}syncValues(e,o){const c=o.target.valueAsNumber,r="left"===e?this.rightValue:this.leftValue;"left"===e?(this.leftValue=c>=r?r-1:c,this.getInput(e).valueAsNumber=this.leftValue,this.setThumbPosition("left")):(this.rightValue=c<=r?r+1:c,this.getInput(e).valueAsNumber=this.rightValue,this.setThumbPosition("right"))}handleChange(){this.multiple?(this.getInput("left").valueAsNumber=this.leftValue,this.getInput("right").valueAsNumber=this.rightValue,this.value=[this.leftValue,this.rightValue]):(this.getInput("right").valueAsNumber=this.rightValue,this.value=this.rightValue),this.change.emit(this.value)}setThumbPosition(e){const{min:o,max:c}=this,r=this.el.querySelector("#bcm-range__thumb-range");let n;n=(this.getInput(e).valueAsNumber-o)/(c-o)*100,n=("left"===e?n:100-n)+"%",this.getThumb(e).style[e]=n,r.style[e]=n}hiddenLeftThumb(){const e=this.getThumb("left"),o=this.el.querySelector("#bcm-range__thumb-range");e.classList.add("hidden"),o.style.left=0}getTooltip(e){const o=document.querySelector(`bcm-tooltip-box[id="box-${this._id}"]`);return o.setAttribute("target-id","bcm-range__thumb-"+e+"-"+this._id),o.setAttribute("message",this.getInput(e).valueAsNumber),o}getThumb(e){return this.el.querySelector("#bcm-range__thumb-"+e+"-"+this._id)}getInput(e){return this.el.querySelector("#input-"+e+"-"+this._id)}touchToMove(e){const o=this.multiple&&Math.abs(e-this.leftValue)<Math.abs(e-this.rightValue)?"left":"right";this.getInput(o).valueAsNumber=e,this.syncValues(o,{target:{valueAsNumber:e}}),this.handleChange()}hoverTick(e,o){this.el.querySelector(`#tick-${e}`).classList.toggle("hover",o)}render(){const{min:e,max:o,step:n,leftMin:t,direction:l,height:a}=this,b=s("bcm-range",l);return c(r,{class:b,style:l==i.Direction.vertical&&{height:a}},c("div",{class:"bcm-range__container",style:l==i.Direction.vertical&&{height:"100%",width:a}},c("input",{type:"range",id:`input-left-${this._id}`,min:t,max:o,step:n,onChange:e=>{this.syncValues("left",e),this.handleChange()},onInput:e=>{this.syncValues("left",e),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}}),c("input",{type:"range",id:`input-right-${this._id}`,min:e,max:o,onChange:e=>{this.syncValues("right",e),this.handleChange()},onInput:e=>{this.syncValues("right",e),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:n,value:this.rightValue}),c("div",{class:"bcm-range__container-bar"},c("div",{class:"ticks"},c((()=>{const{min:e,max:o,step:r,_prefix:n,_suffix:s}=this,t=[];for(let i=e;i<=o;i+=r)t.push(c("span",{id:"tick-"+i,class:"tick size-1"},c("span",{class:"tick-text",onMouseOver:()=>this.hoverTick(i,!0),onMouseOut:()=>this.hoverTick(i,!1),onClick:()=>this.touchToMove(i)},n,i,s)));return t}),null)),c("div",{class:"bcm-range__container-bar-track"}),c("div",{class:"bcm-range__container-bar-range",id:"bcm-range__thumb-range"}),c("div",{class:"bcm-range__container-bar-thumb left",id:`bcm-range__thumb-left-${this._id}`},c("span",null)),c("div",{class:"bcm-range__container-bar-thumb right",id:`bcm-range__thumb-right-${this._id}`},c("span",null))),c("div",{class:"touch"},c((()=>{const{min:e,max:o,step:r}=this,n=[];for(let s=e;s<=o;s+=r)n.push(c("span",{onMouseOver:()=>this.hoverTick(s,!0),onMouseOut:()=>this.hoverTick(s,!1),onClick:()=>this.touchToMove(s),class:"touch-point"}));return n}),null))))}get el(){return n(this)}};(function(e,o,c,r){var n,s=arguments.length,t=s<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,o,c,r);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(t=(s<3?n(t):s>3?n(o,c,t):n(o,c))||t);s>3&&t&&Object.defineProperty(o,c,t)})([a()],b.prototype,"el",void 0),b.style='@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}:root,::after,::before{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{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)}';export{b as bcm_range}

package/dist/bromcom-ui/{p-436b9abf.entry.js → p-fed31df8.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,c as i,h as t,H as s,g as o}from"./p-da1055cb.js";import{c as h}from"./p-d65a1e21.js";import{B as p}from"./p-a429e85b.js";import{G as n}from"./p-826a363a.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-692a0269.js";const r=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=h("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return o(this)}};(function(e,i,t,s){var o,h=arguments.length,p=h<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(p=(h<3?o(p):h>3?o(i,t,p):o(i,t))||p);h>3&&p&&Object.defineProperty(i,t,p)})([a()],r.prototype,"el",void 0),r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}';export{r as old_bcm_popover}
+import{r as e,c as i,h as t,H as s,g as o}from"./p-da1055cb.js";import{c as h}from"./p-d65a1e21.js";import{B as p}from"./p-a429e85b.js";import{G as n}from"./p-e8c5da52.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-692a0269.js";const r=class{constructor(t){e(this,t),this.onShow=i(this,"bcm-show",7),this.onHide=i(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const e=document.createElement("old-bcm-popover-box");e.setAttribute("id","box-"+this._id),e.setAttribute("target-id",this._id),e.setAttribute("placement",this.placement),e.setAttribute("message",this.message),e.setAttribute("_title",this._title),e.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(e)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(e){switch(this.trigger){case"click":"click"===e&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===e&&this.show(),"onMouseOut"===e&&this.hide();break;case"focus":"onFocus"===e&&this.show(),"onBlur"===e&&this.hide()}}render(){const e=h("bcm-popover");return t(s,{class:e,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return o(this)}};(function(e,i,t,s){var o,h=arguments.length,p=h<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(p=(h<3?o(p):h>3?o(i,t,p):o(i,t))||p);h>3&&p&&Object.defineProperty(i,t,p)})([a()],r.prototype,"el",void 0),r.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}';export{r as old_bcm_popover}

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const index$2 = require('./index-fdbf5226.js');
 const index = require('./index-4506fcd7.js');
 const stringHelper = require('./string-helper-45cffee0.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

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

@@ -10,10 +10,10 @@ const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const colorHelper = require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-const numberHelper = require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+const numberHelper = require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
+require('./validators-cadebc98.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-634604e3.js');
 const index$1 = require('./index-fdbf5226.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');
 

package/dist/cjs/bcm-button-group.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const index$1 = require('./index-fdbf5226.js');

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const index$2 = require('./index-fdbf5226.js');
 const index$1 = require('./index-4506fcd7.js');

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

@@ -10,7 +10,7 @@ const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const colorHelper = require('./color-helper-0097a7c2.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const slotTemplate = require('./slot-template-3e59d7d8.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
 const index$2 = require('./index-fdbf5226.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');
 const index = require('./index-4506fcd7.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const utils = require('./utils-fc077139.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const captionTemplate = require('./caption-template-8d099fd6.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const slotTemplate = require('./slot-template-3e59d7d8.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const index$1 = require('./index-fdbf5226.js');
 const colorHelper = require('./color-helper-0097a7c2.js');
 require('./colors-43b24668.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');
 

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
+require('./validators-cadebc98.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-634604e3.js');
 require('./colors-56282b00.js');

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

@@ -11,10 +11,10 @@ const _commonjsHelpers = require('./_commonjsHelpers-bd20f4c0.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
+require('./validators-cadebc98.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-74eb26d6.js');
@@ -17788,6 +17788,7 @@ const BcmLinked = class {
     this.maxHeight = undefined;
     this.minHeight = "50px";
     this.isOpen = false;
+    this.hideDelay = 500;
     this.isMouseOverLink = false;
   }
   target() {
@@ -17945,7 +17946,7 @@ const BcmLinked = class {
   handleMouseLeave() {
     setTimeout(() => {
       !this.isMouseOverLink && this.hide();
-    }, 500);
+    }, this.hideDelay);
   }
   handleMouseEnter() {
     clearTimeout(this.timeoutId);

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

@@ -10,7 +10,7 @@ const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -11,7 +11,7 @@ const elementDragger = require('./element-dragger-a8562f82.js');
 const index$1 = require('./index-fdbf5226.js');
 const datetimeHelper = require('./datetime-helper-eaf4fadb.js');
 const utils = require('./utils-fc077139.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const popoverPlacement = require('./popover-placement-3c8f3a72.js');
 const labelTemplate = require('./label-template-cc69bc21.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 

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

@@ -10,10 +10,10 @@ const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
+require('./validators-cadebc98.js');
 require('./element-dragger-a8562f82.js');
 const bcm = require('./bcm-634604e3.js');
 const index$1 = require('./index-fdbf5226.js');

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

@@ -9,8 +9,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const jsonParseDecarator = require('./json-parse-decarator-9456d534.js');
-const generate = require('./generate-69d0693b.js');
+const jsonParseDecarator = require('./json-parse-decarator-26187e13.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const index$1 = require('./index-fdbf5226.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const colorHelper = require('./color-helper-0097a7c2.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const bcm = require('./bcm-634604e3.js');
 require('./colors-43b24668.js');

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const index$1 = require('./index-fdbf5226.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -7,13 +7,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
-const numberHelper = require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+const numberHelper = require('./number-helper-d866e132.js');
 const stringHelper = require('./string-helper-45cffee0.js');
-const validators = require('./validators-fc94eb95.js');
+const validators = require('./validators-cadebc98.js');
 const bcm = require('./bcm-634604e3.js');
 const captionTemplate = require('./caption-template-8d099fd6.js');
-const inputTemplate = require('./input-template-94df4827.js');
+const inputTemplate = require('./input-template-b531038e.js');
 const index$1 = require('./index-fdbf5226.js');
 const utils = require('./utils-fc077139.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
@@ -154,7 +154,8 @@ const BcmInput = class {
   async getValue() {
     return this.value;
   }
-  watchValue() {
+  watchValue(newValue) {
+    this.inputElement.value = newValue;
     if (!this.disableWatchValue && this.type != "number") {
       this.handleChange();
     }

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const index$1 = require('./index-fdbf5226.js');
 const colorHelper = require('./color-helper-0097a7c2.js');

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 require('./colors-43b24668.js');

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

@@ -9,15 +9,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 const labelTemplate = require('./label-template-cc69bc21.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-require('./number-helper-71379c8d.js');
+require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
-const tooltipHelper = require('./tooltip-helper-c80d9d7a.js');
+require('./validators-cadebc98.js');
+const tooltipHelper = require('./tooltip-helper-c64743ba.js');
 require('./element-dragger-a8562f82.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-ddfd6d8f.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const jsonParseDecarator = require('./json-parse-decarator-9456d534.js');
+const jsonParseDecarator = require('./json-parse-decarator-26187e13.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-const numberHelper = require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+const numberHelper = require('./number-helper-d866e132.js');
 const stringHelper = require('./string-helper-45cffee0.js');
-const validators = require('./validators-fc94eb95.js');
+const validators = require('./validators-cadebc98.js');
 require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-3c8f3a72.js');
 const utils = require('./utils-fc077139.js');
@@ -25,7 +25,7 @@ require('./types-cc4adee7.js');
 const labelTemplate = require('./label-template-cc69bc21.js');
 require('./types-7523fd99.js');
 const index$2 = require('./index-4506fcd7.js');
-const tooltipHelper = require('./tooltip-helper-c80d9d7a.js');
+const tooltipHelper = require('./tooltip-helper-c64743ba.js');
 require('./colors-56282b00.js');
 require('./colors-43b24668.js');
 require('./_commonjsHelpers-bd20f4c0.js');
@@ -287,7 +287,6 @@ const removeOtherTags = (id, ids, items) => {
         if (child.id == otherTagIds) {
           child.checked = false;
           child.itemObject.checked = false;
-          child.itemObject._ct = new Date().getTime();
         }
         else if (child.items) {
           onRemoveItems(id, otherTagIds, child.items);
@@ -302,7 +301,6 @@ const onRemoveItems = (id, itemId, items) => {
       if (item.id == itemId) {
         item.checked = false;
         item.itemObject.checked = false;
-        item.itemObject._ct = new Date().getTime();
         indeterminateStatus(id, item.parentId);
       }
       else if (item.items) {
@@ -362,7 +360,6 @@ const checkedProcess = (id, item, status) => {
           }
           item.itemObject.checked = item.checked;
           item.indeterminate = item.checked ? 'determinate' : 'uncheck';
-          item.itemObject._ct = new Date().getTime();
         }
       }
       if (item.items) {
@@ -397,7 +394,6 @@ const indeterminateStatus = (id, itemId, items) => {
         item.indeterminate = indeterminateState;
         item.checked = indeterminateState == 'determinate' ? true : false;
         item.itemObject.checked = item.checked;
-        item.itemObject._ct = new Date().getTime();
         if (item.parentId) {
           indeterminateStatus(id, item.parentId);
         }
@@ -533,7 +529,6 @@ const getCheckedList = (id, items) => {
       }
     });
   }
-  (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 && checkedList.sort((a, b) => a._ct - b._ct);
   return { checkedList: (checkedList === null || checkedList === void 0 ? void 0 : checkedList.length) > 0 ? checkedList : null, nestedResult: nestedResult };
 };
 const selectedItem = (id, itemId, items) => {
@@ -561,7 +556,6 @@ const selectedItem = (id, itemId, items) => {
             item.itemObject.selected = item.selected;
           }
         }
-        item.itemObject._ct = new Date().getTime();
       }
       if (item.items) {
         const found = selectedItem(id, itemId, item.items);
@@ -594,7 +588,6 @@ const setClear = (id, items) => {
       ((_a = item.itemObject) === null || _a === void 0 ? void 0 : _a.checked) && (item.itemObject.checked = false);
       ((_b = item.itemObject) === null || _b === void 0 ? void 0 : _b.selected) && (item.itemObject.selected = false);
       ((_c = item.itemObject) === null || _c === void 0 ? void 0 : _c.indeterminate) && (item.itemObject.indeterminate = 'uncheck');
-      item.itemObject._ct = new Date().getTime();
       if (item.items) {
         setClear(id, item.items);
       }
@@ -962,7 +955,6 @@ class ListTagControl {
                 text: otherTagTextControl({ count: otherCounter, width: containerWidth[1] }),
                 title: generate.snq(() => otherTags
                   .map(tag => this.values.find(value => value.id == tag.dataset.id))
-                  .sort((a, b) => a._ct - b._ct)
                   .slice(0, 15)
                   .map(item => stringHelper.StringHelper.textLimitter(item.tagTitle || item.text, 40, true))
                   .toString()

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

@@ -10,11 +10,11 @@ const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 require('./color-helper-0097a7c2.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-69d0693b.js');
-require('./number-helper-71379c8d.js');
+const generate = require('./generate-2f652f99.js');
+require('./number-helper-d866e132.js');
 require('./string-helper-45cffee0.js');
-require('./validators-fc94eb95.js');
-const tooltipHelper = require('./tooltip-helper-c80d9d7a.js');
+require('./validators-cadebc98.js');
+const tooltipHelper = require('./tooltip-helper-c64743ba.js');
 require('./element-dragger-a8562f82.js');
 require('./bcm-634604e3.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');

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

@@ -11,7 +11,7 @@ const index$1 = require('./index-fdbf5226.js');
 const bcm = require('./bcm-634604e3.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const slotTemplate = require('./slot-template-3e59d7d8.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');

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

@@ -10,7 +10,7 @@ const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
 const colorHelper = require('./color-helper-0097a7c2.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const stringHelper = require('./string-helper-45cffee0.js');
 const popoverPlacement = require('./popover-placement-3c8f3a72.js');
 require('./_commonjsHelpers-bd20f4c0.js');

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-ddfd6d8f.js');
 const index$1 = require('./index-fdbf5226.js');
 const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const generate = require('./generate-69d0693b.js');
+const generate = require('./generate-2f652f99.js');
 const bcm = require('./bcm-634604e3.js');
 require('./_commonjsHelpers-bd20f4c0.js');
 require('./colors-43b24668.js');