bromcom-ui 2.7.33 → 2.7.35

package/dist/bromcom-ui/p-7d5e9ce6.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,h as i,H as t,g as c,c as o}from"./p-0ba73c30.js";import{c as s}from"./p-af4b55d4.js";import{G as n}from"./p-4fe7f38e.js";import{B as r}from"./p-4b855876.js";import{c as h,d as a}from"./p-8c018ae0.js";import"./p-de7b0fe7.js";const l=class{constructor(i){e(this,i),this._id=n.UID(),this.checked=!0,this.indeterminate=null,this.disabled=!1,this.hidden=!1,this.required=!1,this.readOnly=!1,this.captionType=r.Status.default}render(){const{disabled:e,checked:c,readOnly:o,required:n,indeterminate:h,hidden:a,captionType:l,_id:d}=this,b=s("bcm-checkbox","bcm-checkbox-size-medium",{error:l==r.Status.error,hidden:a,checked:c,disabled:e,required:n}),m=s("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+h,{"bcm-checkbox__label-icon-checked":c}),p=s("bcm-checkbox__label"),x=s("bcm-checkbox__input");return i(t,{class:b,style:{margin:"0"}},i("div",{class:x,style:{"padding-top":"5px"}},i("input",{id:d,type:"checkbox",checked:c,disabled:e,required:n,readOnly:o}),i("label",{class:p,htmlFor:d},i("span",{class:m},i("div",{style:{height:"12px","min-height":"12px",width:"12px","min-width":"12px"}},i("svg",{class:"bcm-icon-lite",width:"100%",height:"100%",viewBox:"0 0 11 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z",fill:"#ffffff"})))))))}get el(){return c(this)}};l.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{--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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';const d=class{constructor(i){e(this,i),this.hidden=!1,this.direction=r.Direction.horizontal}render(){const{hidden:e,direction:c}=this,o=s("bcm-divider","bcm-divider__direction-"+c,{hidden:e});return i(t,{class:o},i("span",{hidden:!0},i("slot",null)))}};d.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-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:4px auto;border-top:1px solid var(--bcm-color-grey-5)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 4px;border-left:1px solid var(--bcm-color-grey-5)}';const b=e=>e.toLowerCase(),m=class{constructor(i){e(this,i),this.listboxItemSelected=o(this,"bcm-listbox-item-selected",7),this.listboxClearSelected=o(this,"bcm-listbox-clear-selecteds",7),this.listboxSendCheck=o(this,"bcm-listbox-send-check",7),this.listboxSendUncheck=o(this,"bcm-listbox-send-uncheck",7),this.listboxChecklist=o(this,"bcm-listbox-checklist",7),this.listboxChange=o(this,"bcm-listbox-change",7),this.listboxChecked=o(this,"bcm-listbox-checked",7),this.change=o(this,"bcm-change",7),this.objectMapping={id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.checkedObjectList=[],this.cacheCheckedObjectList=[],this.allChilds=[],this.onlyChilds=[],this.firstRun=!0,this.firstCheck=!1,this.onFocus=!1,this.isSetData=!1,this.isGroupArray=[],this.intersection=[],this.innerComponent=!1,this.checkboxes=!1,this.required=!1,this.value=null,this.search=!1,this.infoFooter=!1,this.showIcon=!1,this.size="medium",this.checkedList=[],this.updateCheckedList=[],this._items=[],this.fullWidth=!1,this.searchFields=["text","secondaryText","tooltipText"],this.hidden=!1,this.returnField="id",this.searchSub="items",this.searchText="",this.treeview=!1,this.searchPlaceholder="Search",this.numberOfColumns=1,this.height=null,this.maxHeight=null,this.template=null,this.highlight=!1,this.loading=!0,this.noCaption=!1,this.captionType="default",this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.searchResults=[],this.totalSearch=0,this.showSearch=!0,this.empty=!1,this.runClearAndSelect=!1,this.total=0,this.items=[],this.checklist=[],this.sortedChecklist=[],this.indeterminateState="uncheck",this.checked=!1,this.checklistSorted=[]}async setClear(){this.listboxChecklist.emit([]),this.value=null,this.selectedId=null,this.listboxClearSelected.emit([]);let e=h(this.el,"bcm-listbox-item"),i=[];return e&&e.map((e=>{i.push(e.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[],await a(10),Promise.resolve()}async resetCaption(){return await a(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await a(10),Promise.resolve()}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async getValue(){return this.checkboxes?this.checkedObjectList:this.value}async getChecklist(){return this.checkedObjectList}async showSearchMethod(e=!0){if(0==this.treeview&&1==this.search){this.showSearch=e;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(e?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(e){this.selectedId=String(e),!0===this.treeview&&setTimeout((async()=>{const e=this.el.shadowRoot.querySelector("bcm-treeview");e&&await e.selected(this.selectedId)}),100)}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e){await this.setClear(),e&&"string"!=typeof e&&(await a(50),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=e,this.checkedList.forEach((e=>{this.handleListboxChecked({detail:String(e)},this._internal_id)})),this.updateCheckedList=[],!0===this.treeview&&setTimeout((async()=>{await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.addChecked(e)}),50))}async updateChecked(e){this.setClear(),this.checkedList=[],this.updateCheckedList=e,this.updateCheckedList.forEach((e=>{this.handleListboxChecked({detail:e})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(e)}}),100)}async config(e){return e.treeview&&!0===e.treeview&&(this.treeview="boolean"==typeof e.treeview&&e.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(e),this.selectedId&&await i.selected(this.selectedId))}}),300),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.height&&(this.height="string"==typeof e.height?e.height:"100%"),e.template&&(this.template="string"==typeof e.template?e.template:null),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.numberOfColumns&&(this.numberOfColumns="number"==typeof e.numberOfColumns?e.numberOfColumns:1),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),this.searchSub=this.objectMapping.items,e.mapping&&(e.mapping.id&&(this.objectMapping.id=String(e.mapping.id),this.returnField=this.objectMapping.id),e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.avatar&&(this.objectMapping.avatar=e.mapping.avatar),e.mapping.avatarName&&(this.objectMapping.avatarName=e.mapping.avatarName),e.mapping.avatarImage&&(this.objectMapping.avatarImage=e.mapping.avatarImage),e.mapping.secondaryText&&(this.objectMapping.secondaryText=e.mapping.secondaryText),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(e)),Promise.resolve(!0)}async setData(e=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=e,this.searchData=JSON.parse(e),this.isSetData=!0,setTimeout((async()=>{if(!0===this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(e),this.searchData.length>0&&(this.isEmpty(!1),this.isLoading(!1)))}}),100)}componentWillRender(){this.isSetData&&(this.onlyChilds=this.getAllGroup(this.el,!0),this.allChilds=this.getAllGroup(),this.onlyChilds.length!=this.total&&(this.total=this.onlyChilds.length),!0===this.checkboxes&&(this.setIndeterminateState(),this.checklistSorted.length>0?(this.checkedObjectList=[],this.getAllGroup(this.el).forEach((e=>{1==e.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(e.itemObject)&&this.checkedObjectList.push(e.itemObject))})),JSON.stringify(this.cacheCheckedObjectList)!==JSON.stringify(this.checkedObjectList)&&(this.listboxChecklist.emit(this.checkedObjectList),this.cacheCheckedObjectList=this.checkedObjectList,this.value=this.checkedObjectList)):this.firstCheck&&(this.listboxChecklist.emit([]),this.cacheCheckedObjectList=[],null!=this.value&&(this.value=null))))}componentDidRender(){this.isSetData&&(this.total>0?(this.isEmpty(!1),this.isLoading(!1)):this.isEmpty(!0))}setIndeterminateState(){let e="uncheck",i=!0,t=!0;this.getAllGroup(this.el,!0).map((e=>{e.checked&&(t=!1),!e.checked&&(i=!1)})),e=i||t?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=e,this.checked="determinate"==e}getAllGroup(e=this.el,i=!1){let t=[],c=h(e,"bcm-listbox-group"),o=h(e,"bcm-listbox-item");return c.length>0&&c.forEach((e=>{-1===this.isGroupArray.indexOf(Number(e.id))&&this.isGroupArray.push(Number(e.id)),0==i&&(t=[...t,e]),h(e,"bcm-listbox-item").forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])}))})),o.length>0&&o.forEach((e=>{t.indexOf(e)>=0||(t=[...t,e])})),t}getAllChilds(e=this.el,i=null){let t=[],c=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(c=JSON.parse(this._items),c.map((e=>"group"===e.type?e.items.map((e=>t=[...t,e])):t=[...t,e]))):h(e,"bcm-listbox-item").forEach((e=>{t=[...t,e]})),t}handleCheckList(e="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((e=>e[this.objectMapping.id]==i))){switch(e){case"add":this.checklist.length>0?this.checklist.includes(i)||(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.sortedChecklist=this.checklist,this.checklistSorted=t}}handleIndeterminateClick(){let e="uncheck",i=!0,t=!0,c=[];this.getAllGroup(this.el,!0).map((e=>{!1===e.hidden&&(c.push(e),e.checked&&(t=!1),!e.checked&&(i=!1))})),e=i||t?i?"determinate":"uncheck":"indeterminate",c.map((i=>{"uncheck"!==e?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(e){e.preventDefault()}itemRenderer(e){return e[this.objectMapping.id]&&String(this.selectedId)==String(e[this.objectMapping.id])&&this.listboxItemSelected.emit(e),i("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(e[this.objectMapping.id]),text:e[this.objectMapping.text]},e[this.objectMapping.icon]&&{icon:e[this.objectMapping.icon]},e[this.objectMapping.avatar]&&{avatar:e[this.objectMapping.avatar]},e[this.objectMapping.avatarName]&&{avatarName:e[this.objectMapping.avatarName]},e[this.objectMapping.avatarImage]&&{avatarImage:e[this.objectMapping.avatarImage]},e[this.objectMapping.secondaryText]&&{secondaryText:e[this.objectMapping.secondaryText]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},Boolean(e[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(e[this.objectMapping.checked])},!0===e[this.objectMapping.disabled]&&{disabled:!0},Boolean(e[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(e[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:e,objectMapping:this.objectMapping}))}recursiveGroupRenderer(e){return i("bcm-listbox-group",{id:e[this.objectMapping.id],text:e[this.objectMapping.text]},e.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e))))}async searchResultMethod(e=[]){if(1==this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&i.searchResultMethod({detail:!(e.length>0)||e})}else this.listenSearchResult({detail:!(e.length>0)||e,isEvent:!0})}handleListboxSelected(e){this.listboxItemSelected.emit(e.detail)}isLoading(e){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");e?(c&&(c.disabled=!0),i&&i.classList.add("loading"),t&&t.classList.add("show")):(c&&(c.disabled=!1),i&&i.classList.remove("loading"),t&&t.classList.remove("show"))}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty"),t=this.el.shadowRoot.getElementById("list-container"),c=this.el.shadowRoot.getElementById("checkall");e?(i&&i.classList.add("show"),t&&t.classList.add("hidden"),c&&c.classList.add("hidden")):(i&&i.classList.remove("show"),t&&t.classList.remove("hidden"),c&&c.classList.remove("hidden"))}isSearchCount(e=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");!1!==e&&e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){var i=e.path||e.composedPath&&e.composedPath();if(null==e.isEvent&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]){var t="";if(0==this.treeview){var c=e.detail.length;this.isEmpty(!1),this.intersection=[],e.detail.length>0?(-1==e.detail[0]&&(c=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&e.target.addEventListener("bcm-on-search-value",(async e=>{var c=i.shadowRoot.getElementById("text");if(c){if(t=await e.detail,c=(null==c?void 0:c.textContent)||(null==c?void 0:c.innerText)||"",t){var o=b(c),s=b(t),n=o.indexOf(s);n>=0&&(c=c.substring(0,n)+"<span class='highlight'>"+c.substring(n,n+t.length)+"</span>"+c.substring(n+t.length))}i.shadowRoot.getElementById("text").innerHTML=c}})),i.hidden=!0;var c=String(i.id);i.hidden=!(e.detail.indexOf(c)>=0)})),this.intersection=-1==e.detail[0]?[0]:e.detail.filter((e=>this.isGroupArray.includes(e)))):this.allChilds.length>0&&this.allChilds.map((e=>{e.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(c>=0?c:0),-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChange(e){this.change.emit(e),this.listboxChange.emit(e)}handleChildProcess(){setTimeout((()=>{this.onlyChilds=this.getAllGroup(this.el,!0),this.total=this.onlyChilds.length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}handleListboxClearSelected(e){var i=e.path||e.composedPath&&e.composedPath();0==this.checkboxes&&i&&null!=i.filter((e=>e._internal_id==this._internal_id))[0]&&(this.value=e.detail,this.selectedId=String(e.detail[this.objectMapping.id]),this.listboxClearSelected.emit(e.detail))}handleListboxChecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(e.detail),this.handleCheckList("add",e.detail),this.setIndeterminateState())}handleListboxUnchecked(e,i=this._internal_id){var t=e.path||e.composedPath&&e.composedPath();(t&&null!=t.filter((e=>e._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(e.detail),this.handleCheckList("remove",e.detail),this.setIndeterminateState())}async listboxUncheckedMethod(e,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(e)}else this.handleListboxUnchecked({detail:e},i)}handleFocus(e=!1){this.onFocus=e}render(){const{innerComponent:e,label:c,required:o,treeview:n,searchText:r,checkboxes:h,search:a,size:l,fullWidth:d,total:b,indeterminateState:m,checked:p,checklist:x,searchData:g,searchFields:u,_flex:f,returnField:w,searchSub:v,infoFooter:k,showSearch:y,noCaption:z,caption:_,captionError:S,captionType:C}=this,T=s("bcm-listbox",{error:"error"==C,"full-width":d,flex:f}),j=s("listbox-item",{hidden:this.totalSearch>0}),L=s("listbox-item-container"),I=s("listbox-item-container-text-content",l,{"size-2":"small"===l||"medium"===l,"size-3":"large"===l}),N=s("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),M={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},F=s(this.hidden?"hidden":null,{flex:f,"full-width":d});var O={"max-height":this.maxHeight};const R={"min-height":this.height?"inherit":this.maxHeight?"auto":"200px"};this.height&&(O=Object.assign(Object.assign({},O),{height:this.height}));const P=s("size-1","input-caption","caption-"+C);return i(t,{class:F,style:O,"bcm-internal-id":this._internal_id},!e&&c&&i("div",null,i("bcm-label",{tooltip:this.tooltip,type:C,value:c,required:o})),!0===n&&i("bcm-treeview",{_internal_id:this._internal_id}),0==n&&i("div",{class:T,style:O},a&&i("div",{class:"search",id:"search",style:{display:"false"==String(y)?"none":"block"}},i("bcm-old-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:r,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:w,searchFields:u,searchSub:v,clearable:!0}),i("bcm-divider",null)),i("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:R},h&&i("div",{class:j,id:"checkall"},i("div",{class:L,onClick:()=>this.handleIndeterminateClick()},i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:"indeterminate"})||i("bcm-checkbox-lite",{onClick:e=>this.handleCheckboxClick(e),checked:p,"no-caption":!0})),i("div",{class:I},"Select All")),i("div",{class:"divider"},i("bcm-divider",null))),i("div",{id:"list-container",class:N,style:M},0!==this.items.length&&this.items.map((e=>"group"===e.type?this.recursiveGroupRenderer(e):this.itemRenderer(e)))),i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",null,"No Data"))),1==k&&i("div",{class:"bcm-listbox-footer"},i("bcm-text",{scale:"size-1",color:"grey-8"},x.length>0&&" ( "+x.length+" selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},b)," items found."))),!z&&i("div",{class:"caption-area"},"error"==C?i("span",{class:P}," ",S," "):_&&i("span",{class:P}," ",_," ")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};m.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}:host{display:block;width:fit-content;height:fit-content;background-color:#ffffff}:host(.hidden){display:none}:host(.flex){width:100%;height:100%}:host(.flex) .bcm-listbox{max-height:100%;max-width:100%;height:100%;min-width:100%}:host(.full-width){width:100%}:host(.full-width) .bcm-listbox{max-width:100%;min-width:100%}.bcm-listbox{flex:1;background-color:var(--bcm-color-grey-1);width:fit-content;display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;min-height:auto;max-height:300px;box-sizing:border-box;border:1px solid var(--bcm-color-grey-5)}.bcm-listbox-list{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;border-bottom:none}.bcm-listbox-list.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.bcm-listbox-list .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.bcm-listbox-list .loading.show{display:flex}.bcm-listbox-list .list-container.hidden{display:none}.bcm-listbox .search{padding:8px;padding-bottom:0}.bcm-listbox .search.hidden{display:none !important}.bcm-listbox .empty{display:none;align-items:center;justify-content:center;flex:1;height:100%}.bcm-listbox .empty.show{display:flex}.bcm-listbox-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3)}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.listbox-item{display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;color:var(--bcm-color-grey-8);user-select:none;background-color:var(--bcm-color-grey-1)}.listbox-item.hidden{display:none}.listbox-item .divider{padding:0 8px}.listbox-item-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding-left:8px;width:100%}.listbox-item-container .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:4px}.listbox-item-container .check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.listbox-item-container .check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.listbox-item-container .check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.listbox-item-container .check-content .indeterminate:hover:before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.listbox-item-container-text-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;cursor:pointer;width:100%;padding:4px 8px 4px 4px}.listbox-item-container.disabled{color:var(--bcm-color-grey-6)}.listbox-item-container.selected{color:var(--bcm-color-prime-blue-6)}.listbox-item-container.selected:hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container:hover:not(.disabled),.listbox-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.caption-area{margin-bottom:8px;min-height:20px}.input-caption{display:block}.error.label{color:var(--bcm-color-red-6) !important}.error.bcm-listbox{border:1px solid var(--bcm-color-red-6) !important}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.input-large{height:38px}.input-medium{height:30px}.input-small{height:20px}';const p=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:e}=this,c=s("listbox-group"),o=s("listbox-group-title"),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:c},i("div",{class:o},i("bcm-text",{"font-size":"3",color:"slate-100"}," ",e," ")),i("slot",null)))}};p.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}:host{display:block}:host(.hidden){display:none}.listbox-group-title{padding:4px 16px;background-color:var(--bcm-color-grey-7);position:sticky;top:0;z-index:1}';const x=class{constructor(i){e(this,i),this.listboxItemSelected=o(this,"bcm-listbox-item-selected",7),this.listboxUnchecked=o(this,"bcm-listbox-unchecked",7),this.listboxChecked=o(this,"bcm-listbox-checked",7),this.objectMapping={id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.display=!0,this.avatar=!1,this._id=(4*Math.random()).toString(16).replace(".",""),this.size="medium",this.icon="bug",this.open=!1,this.selected=!1,this.checkboxes=!1,this.showIcon=!1,this.checked=!1,this.focused=!1,this.hidden=!1,this.disabled=!1,this._internal_id="",this.template=null}componentDidLoad(){this.disabled||(!0===this.selected&&this.listboxItemSelected.emit(this.itemObject),!0===this.checkboxes&&!0===this.checked&&this.listboxChecked.emit(this._id))}handleClick(){this.disabled||(!0===this.checkboxes&&(!0===this.checked&&this.listboxUnchecked.emit(this._id)||this.listboxChecked.emit(this._id)),!1===this.checkboxes&&(this.selected=!0,this.listboxItemSelected.emit(this.itemObject)))}handleCheckboxClick(e){e.preventDefault()}isInternal(e){var i=e.path||e.composedPath&&e.composedPath();return(i&&i[0]&&i[0].attributes&&i[0].attributes["bcm-internal-id"]&&i[0].attributes["bcm-internal-id"].value)==this._internal_id}ListenListboxCheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(e){this.isInternal(e)&&(this.disabled||e.detail&&e.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(e){0==this.checkboxes&&this.isInternal(e)&&(this.disabled||e.detail&&(this.selected=e.detail===this.itemObject))}templateParser(e){for(var i,t=/{{([^}]+)}}/g,c=e;i=t.exec(c);)e=e.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return e}render(){const{display:e,focused:c,selected:o,size:n,showIcon:r,icon:h,checkboxes:a,_id:l,checked:d,text:b,avatarName:m,avatarImage:p,avatar:x,secondaryText:g,tooltipText:u}=this,f=s("listbox-item",{disabled:this.disabled,display:e}),w=s("listbox-item-container",{disabled:this.disabled,focus:c,selected:o}),v=s("listbox-item-container-text-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n}),k=s(this.hidden?"hidden":null),y=s("listbox-item-container-html-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n});return i(t,{class:k},i("div",{class:f},i("div",{class:w,onClick:()=>this.handleClick()},a&&i("div",{class:"check-content"},i("bcm-checkbox-lite",{id:"check-"+l,onClick:e=>this.handleCheckboxClick(e),checked:d,disabled:this.disabled})),this.template&&i("div",{class:y,title:u,innerHTML:this.templateParser(this.template)}),null==this.template&&i("div",{class:v,title:u},i("div",null,(x||m||p)&&i("div",{class:"avatar"},i("bcm-avatar",Object.assign({size:"small",name:b},m&&{name:m},p&&{image:p}))),r&&h&&i("bcm-icon",{class:"icon",icon:h}),b&&i("span",{id:"text"},b)||i("slot",null)),i("div",null,g&&i("div",{class:"secondaryText size-1"},g))))))}get el(){return c(this)}};x.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}:host{display:flex;flex:1}:host(.hidden){display:none}.listbox-item{display:flex;flex:1;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);user-select:none;background-color:var(--bcm-color-grey-1);display:none}.listbox-item.display{display:flex}.listbox-item-container{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding-left:8px;flex:1}.listbox-item-container .avatar{margin-right:4px}.listbox-item-container .check-content{display:flex;align-items:center;justify-content:flex-start;width:16px;min-width:16px;margin-right:4px}.listbox-item-container .check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.listbox-item-container .check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.listbox-item-container .check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.listbox-item-container .check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.listbox-item-container-html-content{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;cursor:pointer;flex:1}.listbox-item-container-html-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.listbox-item-container-html-content.small{padding:0 8px 0 4px;padding:4px 8px 4px 4px}.listbox-item-container-html-content.medium{padding:8px 8px 8px 4px}.listbox-item-container-html-content.large{padding:8px 8px 8px 4px}.listbox-item-container-text-content{display:flex;align-items:center;justify-content:space-between;flex-direction:row;cursor:pointer;width:100%}.listbox-item-container-text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.listbox-item-container-text-content.small{padding:0 8px 0 4px;padding:4px 8px 4px 4px}.listbox-item-container-text-content.medium{padding:8px 8px 8px 4px}.listbox-item-container-text-content.large{padding:8px 8px 8px 4px}.listbox-item-container-text-content .icon{text-align:center;margin-right:8px}.listbox-item-container-text-content>div{display:flex;align-items:center;flex-direction:row;word-wrap:break-word}.listbox-item-container.disabled{color:var(--bcm-color-grey-6)}.listbox-item-container.selected{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container.selected:hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.listbox-item-container:hover:not(.disabled),.listbox-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}';const g=e=>e.toLowerCase(),u=class{constructor(i){e(this,i),this.bcmOnSearch=o(this,"bcm-on-search",7),this.bcmOnSearchValue=o(this,"bcm-on-search-value",7),this.data=[],this.searchFields=["text","value"],this.returnField="idx",this.searchSub=null,this.hidden=!1,this.onlyChild=!1,this.clearable=!1,this.searchValue="",this.searchPlaceholder="Search",this.disabled=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.results=[]}getInput(){return this.el.shadowRoot.querySelector("bcm-old-input")}componentDidLoad(){this.getInput().clearable=this.clearable}listenBcmChange(e){e.stopPropagation()}async setValue(e){return await this.getInput().setValue(e),e}async select(){return await this.getInput().select(),this.bcmOnSearch.emit(!0),!0}async setClear(){return await this.getInput().setClear(),this.bcmOnSearch.emit(!0),!0}async searchArray(e,i=null){let t=this.searchFields,c=[];return i&&(this.searchFields=[i]),e.forEach((e=>{this.results=[],this.nestedSearch(this.data,e,!0),c.push(...this.results)})),this.searchFields=t,c}nestedSearch(e,i,t=!1){var c;return e&&e.map((e=>{this.searchFields.map((o=>{if(o in e)if(e[o]=g(String(e[o])),this.onlyChild)e[this.searchSub]?(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)):t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]));else{var s;e[this.searchSub]&&(s=this.nestedSearch(e[this.searchSub],i,t))&&(this.results.push(c=String(e[this.returnField])),this.results.push(s)),t?e[o]==g(String(i))&&this.results.push(c=String(e[this.returnField])):-1!==e[o].indexOf(g(i))&&this.results.push(c=String(e[this.returnField]))}}))})),c}inputChange(e){this.results=[],this.nestedSearch(this.data,e),this.results=Array.from(new Set(this.results)),e&&(this.results.length>0&&this.bcmOnSearch.emit(this.results)||this.bcmOnSearch.emit([-1]))||this.bcmOnSearch.emit(!0),this.bcmOnSearchValue.emit(e)}render(){const e=s(this.hidden?"hidden":null);return i(t,{class:e},i("bcm-old-input",{placeholder:this.searchPlaceholder,"no-caption":!0,"no-margin":!0,"full-width":!0,disabled:this.disabled,type:"search","on-bcm-change":e=>this.inputChange(e.detail),value:this.searchValue}))}get el(){return c(this)}static get watchers(){return{searchValue:["inputChange"]}}};u.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}:host{display:block}:host(.hidden){display:none}';const f=e=>e.toLowerCase(),w=class{constructor(i){e(this,i),this.treeviewChange=o(this,"bcm-treeview-change",7),this.treeviewSendCheck=o(this,"bcm-treeview-send-check",7),this.treeviewSendUncheck=o(this,"bcm-treeview-send-uncheck",7),this.treeviewChecklist=o(this,"bcm-treeview-checklist",7),this.treeviewItemSelected=o(this,"bcm-treeview-item-selected",7),this.treeviewClearSelecteds=o(this,"bcm-treeview-clear-selecteds",7),this.treeviewShowContext=o(this,"bcm-treeview-show-context",7),this.treeviewUnchecked=o(this,"bcm-treeview-unchecked",7),this.treeviewChecked=o(this,"bcm-treeview-checked",7),this.objectMapping={text:"text",icon:"icon",id:"id",items:"items",open:"open",selected:"selected",checked:"checked",tooltipText:"tooltipText",disabled:"disabled",favorite:"favorite"},this.checkedObjectList=[],this.allChilds=[],this.onFocus=!1,this.minHeight=200,this.minWidth=200,this.allOpenCache=!1,this.allOpenOnSearch=!1,this.parentLength=[{}],this.isSetData=!1,this.runClearAndSelect=!1,this.checkboxes=!1,this.showIcon=!1,this.size="medium",this.checkedList=[],this.updateCheckedList=[],this.hidden=!1,this.search=!1,this.searchOnlyChild=!1,this.keydown=!1,this.allOpen=!1,this.fullWidth=!1,this.infoFooter=!1,this.searchFields=["text","secondaryText","tooltipText"],this.searchSub="items",this.returnField="id",this._items=[],this.searchPlaceholder="Search",this.maxHeight=null,this.highlight=!1,this.loading=!0,this.favIcon=!1,this.favIconOnlyChilds=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.empty=!1,this.showSearch=!0,this.items=[],this.total=0,this.checkCount=0,this.keyMapForFocus={18:!1,87:!1},this.checklist=[],this.favoriteList=[],this.checklistSorted=[],this.searchResults=[]}async setData(e=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=e,this.searchData=JSON.parse(e),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((e=>{1==e[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(e.itemObject)<0&&this.favoriteList.push(e.itemObject))})),this.favoriteList}async selected(e){this.selectedId=e}async clearAndSelectSearch(e=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==e&&i.select())}),100)}async addChecked(e=[]){this.checkedList=e}async updateChecked(e=[]){this.updateCheckedList=e}async config(e){return e.maxHeight&&(this.maxHeight="string"==typeof e.maxHeight?e.maxHeight:"100%"),e.searchFields&&Array.isArray(e.searchFields)&&(this.searchFields=e.searchFields),e.searchable&&(this.search="boolean"==typeof e.searchable&&e.searchable),e.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof e.searchOnlyChild&&e.searchOnlyChild),e.searchPlaceholder&&(this.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null),e.fullWidth&&(this.fullWidth="boolean"==typeof e.fullWidth&&e.fullWidth),e.infoFooter&&(this.infoFooter="boolean"==typeof e.infoFooter&&e.infoFooter),e.highlight&&(this.highlight="boolean"==typeof e.highlight&&e.highlight),e.checkable&&(this.checkboxes="boolean"==typeof e.checkable&&e.checkable),e.showIcon&&(this.showIcon="boolean"==typeof e.showIcon&&e.showIcon),e.favIcon&&(this.favIcon="boolean"==typeof e.favIcon&&e.favIcon),e.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof e.favIconOnlyChilds&&e.favIconOnlyChilds),e.allOpen&&(this.allOpen="boolean"==typeof e.allOpen&&e.allOpen),this.allOpenCache=this.allOpen,e.size&&(this.size=["small","medium","large"].indexOf(e.size)>=0?e.size:"medium"),e.mapping&&(e.mapping.text&&(this.objectMapping.text=e.mapping.text),e.mapping.icon&&(this.objectMapping.icon=e.mapping.icon),e.mapping.id&&(this.objectMapping.id=e.mapping.id,this.returnField=this.objectMapping.id),e.mapping.items&&(this.objectMapping.items=e.mapping.items,this.searchSub=this.objectMapping.items),e.mapping.open&&(this.objectMapping.open=e.mapping.open),e.mapping.selected&&(this.objectMapping.selected=e.mapping.selected),e.mapping.checked&&(this.objectMapping.checked=e.mapping.checked),e.mapping.tooltipText&&(this.objectMapping.tooltipText=e.mapping.tooltipText),e.mapping.disabled&&(this.objectMapping.disabled=e.mapping.disabled),e.mapping.favorite&&(this.objectMapping.favorite=e.mapping.favorite)),Promise.resolve(!0)}calculateMinSizes(){this.minHeight<this.el.clientHeight&&(this.minHeight=this.el.clientHeight)}connectedCallback(){}componentWillLoad(){}componentWillRender(){sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config")))}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){!0===this.checkboxes&&(this.checkedObjectList=[],this.checklistSorted.length>0?(this.getChildItem(this.el).forEach((e=>{1==e.checked&&this.checkedObjectList.indexOf(e.itemObject)<0&&this.checkedObjectList.push(e.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((e,i,t)=>t.indexOf(e)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(e,t){const c=String(this.selectedId),o=String(e[this.objectMapping.id]),s="true"===String(e[this.objectMapping.selected]);return(c===o||s)&&this.treeviewItemSelected.emit(e),i("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:e[this.objectMapping.text],icon:e[this.objectMapping.icon],id:e[this.objectMapping.id],size:this.size,"has-child":!!e[this.objectMapping.items]},t&&{"parent-id":t[this.objectMapping.id]},e[this.objectMapping.tooltipText]&&{tooltipText:e[this.objectMapping.tooltipText]},"true"===String(e[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(e[this.objectMapping.open])&&{open:!0},"true"===String(e[this.objectMapping.selected])&&{selected:!0},"true"===String(e[this.objectMapping.disabled])&&{disabled:!0},e[this.objectMapping.items]&&{items:e[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==e[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&e.rightSlot&&{favorite:e.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:e},this.checkedList&&this.checkedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==e[this.objectMapping.id]))&&{checkTrigger:!0}),e[this.objectMapping.items]&&e[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,e))))}handleCheckList(e="add",i){if(!0===this.checkboxes){switch(e){case"add":this.checklist.length>0?this.checklist.indexOf(i)<0&&(this.checklist=[...this.checklist,i]):this.checklist=[i];break;case"remove":this.checklist=this.checklist.filter((e=>e!==i))}let t=this.checklist.sort((function(e,i){return e-i}));this.checklistSorted=t,this.checkCount=this.checklistSorted.length}}async showSearchMethod(e=!0){this.showSearch=e}async searchResultMethod(e=[]){await customElements.whenDefined("bcm-old-search");const i=this.el.shadowRoot.querySelector("bcm-old-search"),t=await i.searchArray(e,this.objectMapping.id);await this.listenSearchResult({detail:t})}isLoading(e){var i=this.el.shadowRoot.getElementById("treeview"),t=this.el.shadowRoot.getElementById("loading"),c=this.el.shadowRoot.querySelector("bcm-old-search");return!0===e?(i&&i.classList.add("loading"),t&&t.classList.add("show"),c&&(c.disabled=!0)):(i&&i.classList.remove("loading"),t&&t.classList.remove("show"),c&&(c.disabled=!1)),!1}isEmpty(e){var i=this.el.shadowRoot.getElementById("empty");!0===e?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(e=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),t=this.el.shadowRoot.getElementById("in-total");e>=0&&null!=e&&i&&t?(i.innerHTML=e,t.style.display="none"):(t.style.display="inline",i.innerHTML="")}}listenSearchResult(e){this.parentLength=[];var i="",t=e.detail.length;this.empty=!1;var c=this.getAllChilds();this.isEmpty(!1),e.detail.length>0?(-1==e.detail[0]&&(t=0,this.empty=!0,this.isEmpty(!0)),c.length>0&&c.map((t=>{var c=!1;this.searchOnlyChild&&t.items&&t.items.length>0&&(c=!0),e.target.addEventListener("bcm-on-search-value",(async e=>{i=await e.detail;var o=t.shadowRoot.getElementById("text");if(o=o.textContent||o.innerText||"",i){var s=f(o),n=f(i),r=s.indexOf(n);r>=0&&0==c&&(-1===this.parentLength.indexOf(t.id)&&this.parentLength.push(t.id),this.highlight&&(o=o.substring(0,r)+"<span class='highlight'>"+o.substring(r,r+i.length)+"</span>"+o.substring(r+i.length)))}t.shadowRoot.getElementById("text").innerHTML=o})),t.hidden=!0,e.detail.indexOf(t.id)>=0?(t.hidden=!1,t.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(t.id)&&t.items&&t.items.length>0&&0==this.searchOnlyChild){const e=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,e(i)}))};e(t)}}),1)):t.hidden=!0}))):c.length>0&&c.map((e=>{e.hidden=!1})),setTimeout((()=>{if(t>=0){var i=t-Number(t-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===e.detail[0]&&this.isSearchCount(0),!0===e.detail&&this.isSearchCount()}),100),!0===e.detail&&this.isEmpty(!1)}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&i.indexOf(e)<0&&i.push(e),i.indexOf(e)<0&&i.push(e)})),i}handletreeviewItemSelected(e){this.treeviewClearSelecteds.emit(e.detail)}handletreeviewChecked(e){this.handleCheckList("add",e.detail)}handletreeviewUnchecked(e){this.handleCheckList("remove",e.detail)}handletreeviewIndeterminateChecked(e){this.handleCheckList("add",e.detail)}handletreeviewIndeterminateUnchecked(e){this.handleCheckList("remove",e.detail)}treeviewUncheckedMethod(e){return this.handletreeviewUnchecked({detail:e}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(e){return Array.from(e.parentNode.children).indexOf(e)}getNext(e){return this.getChildItem(e.parentElement)[this.getIndex(e)+1]||!1}getPrev(e){return this.getChildItem(e.parentElement)[this.getIndex(e)-1]||!1}getParent(e){return"bcm-treeview"!=f(e.parentElement.tagName)&&this.getChildItem(e.parentElement.parentElement)[this.getIndex(e.parentElement)]}getNextParent(e){let i,t=this.getParent(e);if(t)return i=this.getNext(t),i||this.getNextParent(t)}getFirstItem(e=this.el){return this.getChildItem(e)[0]}getLastItem(e=this.el){let i=this.getChildItem(e).length,t=this.getChildItem(e)[i-1];return this.getChildItem(t).length>0&&1==t.open?this.getLastItem(t):t}getChildItem(e=this.el){return h(e,"bcm-treeview-item")||0}handleRightClick(e){this.treeviewShowContext.emit([e.target.id,e.clientY,e.clientX]),e.preventDefault()}keyboardNavigationUp(e){let{keyMapForFocus:i}=this;e.keyCode in i&&(i[e.keyCode]=!1)}keyboardNavigation(e){if(this.keydown){const{keyMapForFocus:i,focusedElement:t,el:c}=this;this.focusedElement=t||c;const o=e.which||0;if(this.getChildItem(c).length>0){if(e.keyCode in i&&(i[e.keyCode]=!0,i[18]&&i[87]&&(e.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==o||13==o||18==o||32==o||35==o||36==o||o>=35&&o<=40)if(e.preventDefault(),t)switch(this.focusedElement.focused=!1,o){case 13:this.focusedElement.selected=!0;break;case 32:this.focusedElement.checked&&this.treeviewUnchecked.emit(this.focusedElement.id)||this.treeviewChecked.emit(this.focusedElement.id);break;case 35:this.focusedElement=this.getLastItem(this.focusedElement.parentElement);break;case 36:this.focusedElement=this.getFirstItem(this.focusedElement.parentElement);break;case 37:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement.open=!1:this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 38:this.getPrev(this.focusedElement)?(this.focusedElement=this.getPrev(this.focusedElement),this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open&&(this.focusedElement=this.getLastItem(this.focusedElement))):this.getParent(this.focusedElement)&&(this.focusedElement=this.getParent(this.focusedElement));break;case 39:this.getChildItem(this.focusedElement).length>0&&(1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.focusedElement.open=!0);break;case 40:this.getChildItem(this.focusedElement).length>0&&1==this.focusedElement.open?this.focusedElement=this.getFirstItem(this.focusedElement):this.getNext(this.focusedElement)?this.focusedElement=this.getNext(this.focusedElement):this.getNextParent(this.focusedElement)&&(this.focusedElement=this.getNextParent(this.focusedElement))}else this.focusedElement=this.getFirstItem(this.focusedElement);this.focusedElement&&(this.focusedElement.focused=!0)}}}handleFocus(e=!1){this.onFocus=e}render(){const{searchOnlyChild:e,searchPlaceholder:c,search:o,checkCount:n,searchData:r,searchFields:h,searchSub:a,returnField:l,total:d,fullWidth:b,infoFooter:m,showSearch:p}=this,x=s(this.hidden?"hidden":null,{empty:this.empty,"full-width":b});return i(t,{class:x,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},o&&i("div",{class:"search",style:{display:"false"==String(p)?"none":"block"}},i("bcm-old-search",{onlyChild:e,searchPlaceholder:c,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:r,returnField:l,searchFields:h,searchSub:a,clearable:!0}),i("bcm-divider",null)),i("div",{id:"treeview",class:"treeview loading"},i("div",{id:"loading",class:"loading show"},i("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),i("div",{id:"empty",class:"empty"},i("bcm-empty",null,"No Data")),!this.empty&&0!==this.items.length&&this.items.map((e=>this.recursiveItemRenderer(e,null)))),1==m&&i("footer",null,i("bcm-text",{scale:"size-1",color:"grey-8"},n>0&&"( "+n+" items selected ) ","Total ",i("span",{id:"in-search"})," ",i("span",{id:"in-total"},d)," items found.")))}get el(){return c(this)}static get watchers(){return{_items:["parseItems"]}}};w.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}:host{display:flex;flex-direction:column;height:100%;max-height:100%;border:1px solid var(--bcm-color-grey-5);box-sizing:border-box;background-color:#ffffff}:host(.empty) .treeview{display:flex;align-items:center;justify-content:center}.search{padding:8px;padding-bottom:0;margin-bottom:4px}.treeview{height:100%;max-height:100%;overflow:auto;background-color:var(--bcm-color-grey-1);padding:0 8px 8px 0}.treeview.loading{min-height:150px;position:relative;margin:0 8px 8px 8px}.treeview .loading{display:none;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;background-color:rgba(255, 255, 255, 0.03)}.treeview .loading.show{display:flex}.treeview .empty{display:none;align-items:center;justify-content:center;height:100%}.treeview .empty bcm-empty{width:fit-content;margin:auto}.treeview .empty.show{display:flex}footer{text-align:right;padding:4px 8px;background-color:var(--bcm-color-grey-3);user-select:none}';const v=class{constructor(i){e(this,i),this.treeviewItemSelected=o(this,"bcm-treeview-item-selected",7),this.treeviewUnchecked=o(this,"bcm-treeview-unchecked",7),this.treeviewChecked=o(this,"bcm-treeview-checked",7),this.treeviewChange=o(this,"bcm-treeview-change",7),this.treeviewIndeterminateUnchecked=o(this,"bcm-treeview-indeterminate-unchecked",7),this.treeviewIndeterminateChecked=o(this,"bcm-treeview-indeterminate-checked",7),this.itemChecked=o(this,"bcm-treeview-check-item-checked",7),this.itemUnchecked=o(this,"bcm-treeview-check-item-unchecked",7),this.groupCheck=o(this,"bcm-treeview-check-group-check",7),this.favoriteStatus=o(this,"bcm-favorite-status",7),this.firstRun=!0,this._id=(4*Math.random()).toString(16).replace(".",""),this.hasChild=!1,this.size="medium",this.icon="bug",this.open=!1,this.selected=!1,this.checkboxes=!1,this.showIcon=!1,this.favicon=!1,this.favorite=!1,this.checked=!1,this.checkTrigger=!1,this.focused=!1,this.disabled=!1,this.contextMenuShow=!1,this._contextMenu=[],this.indeterminateState="uncheck",this._internal_id="",this.menuPadding=0,this.childLength=0,this.indeterminate=!1,this.hidden=!1,this.contextMenu=[],this.contextOffsetLeft=0,this.contextOffsetTop=0}componentWillLoad(){this.menuPadding=24,this.childLength=this.el.children.length,this.parseItems(this._contextMenu)}componentDidLoad(){!this.disabled&&this.firstRun&&this.checkTrigger&&(this.firstRun=!1,this.handleCheckMouseUp())}handletreeviewClearSelecteds(e){this.disabled||e.detail&&e.detail!==this.itemObject&&(this.selected=!1)}ListentreeviewChange(){}ListentreeviewShowContext(e){this.contextOffsetTop=e.detail[1],this.contextOffsetLeft=e.detail[2],this.contextMenuShow=!(!e.detail[0]||e.detail[0]!==this._id)}handleWindowClick(e){e.target!==this.el&&(this.contextMenuShow=!1)}handleClick(){this.disabled||(this.selected=!0,this.treeviewItemSelected.emit(this.itemObject))}handleFavClick(e){this.disabled||(this.favorite=!this.favorite,this.itemObject.rightSlot||(this.itemObject.rightSlot={}),this.itemObject.rightSlot.favorite=this.favorite,this.favoriteStatus.emit(this.itemObject),e.stopPropagation(),e.preventDefault())}handleOpen(){this.open=!this.open}getRootChilds(e=this.el){return h(e,"bcm-treeview-item")}getAllChilds(e=this.el){let i=[];return h(e,"bcm-treeview-item").forEach((e=>{this.getAllChilds(e)&&(i=[...i,...this.getAllChilds(e)]),i=[...i,e]})),i}checkGroupState(){const e=this.getRootChilds();let[i,t,c]=["uncheck",!0,!0];e.length>0?(e.forEach((e=>{(e.checked||"indeterminate"===e.indeterminateState)&&(c=!1),!e.checked&&(t=!1)})),i=t||c?t?"determinate":"uncheck":"indeterminate",this.indeterminateState=i,"determinate"===i?(this.checked=!0,this.treeviewChecked.emit(this._id)):(this.checked=!1,this.treeviewUnchecked.emit(this._id))):this.checked?(this.checked=!1,this.treeviewUnchecked.emit(this._id)):(this.checked=!0,this.treeviewChecked.emit(this._id))}handleCheckMouseUp(){const e=this.indeterminateState;if(!this.hasChild)return this.checked=!this.checked,this.checked?this.treeviewChecked.emit(this._id):this.treeviewUnchecked.emit(this._id),void this.groupCheck.emit(this.parentId);this.getAllChilds().forEach("indeterminate"===e||"uncheck"===e?e=>{e.checked=!0,this.treeviewChecked.emit(e._id),e.indeterminateState="determined"}:e=>{e.checked=!1,this.treeviewUnchecked.emit(e._id),e.indeterminateState="uncheck"}),this.checkGroupState(),this.groupCheck.emit(this.parentId)}checkGroup(e){const{detail:i}=e;i&&this._id===i&&(this.checkGroupState(),this.groupCheck.emit(this.parentId))}contextItemRenderer(e){return i("span",null,e.title)}parseItems(e){e&&(this.contextMenu="string"==typeof e?JSON.parse(e):e)}render(){const{_id:e,text:c,tooltipText:o,size:n,icon:r,open:h,childLength:a,checkboxes:l,showIcon:d,checked:b,indeterminateState:m,focused:p,contextMenuShow:x}=this,g=this.menuPadding+"px",u=s("text-content",n,"size-2"),f=s("treeview-item",{focus:p,open:h,selected:this.selected}),w=s("treeview-item-context-menu",{show:x}),v=s("treeview-inner",{open:h}),k=s("indeterminate",{disabled:this.disabled}),y=s("treeview-item-container",{selected:this.selected,disabled:this.disabled}),z=s("collapse-content",{child:a>0}),_=s(this.hidden?"hidden":null),S=s("favicon",{favorite:this.favorite});return i(t,{class:_},i("div",{class:f},i("div",{class:z,id:"collapse-button",onClick:()=>a>0&&this.handleOpen()},a>0&&i("bcm-icon",{class:"collapse-icon",icon:"far fa-"+(h?"caret-down":"caret-right")})),i("div",{class:y},i("section",{onMouseUp:()=>this.handleCheckMouseUp()},l&&i("div",{class:"check-content"},"indeterminate"==m&&i("span",{class:k})||i("bcm-checkbox",{id:"check-"+e,name:"check-"+e,checked:b,disabled:this.disabled,noCaption:!0})),i("div",{class:u,onClick:()=>this.handleClick(),title:o},d&&r&&i("bcm-icon",{class:"icon",icon:r}),i("span",{id:"text"},c))),this.favicon&&i("section",{class:S,onClick:e=>this.handleFavClick(e)},i("bcm-icon",{title:this.favorite?"Click to remove from favorite list":"Click to add to your favourites list",icon:"far fa-star"}))),!l&&i("div",{class:w,style:{top:this.contextOffsetTop+"px",left:this.contextOffsetLeft+"px"}},0!==this.contextMenu.length&&this.contextMenu.map((e=>this.contextItemRenderer(e))))),i("div",{class:v,style:{paddingLeft:g}},i("slot",null)))}get el(){return c(this)}static get watchers(){return{_contextMenu:["parseItems"]}}};v.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}:host(.hidden){display:none}.treeview-item{display:flex;align-items:stretch;justify-content:flex-start;color:var(--bcm-color-grey-8);padding-left:8px;user-select:none;background-color:var(--bcm-color-grey-1)}.treeview-item-context-menu{display:none;position:absolute;height:auto;background-color:#ffffff;align-items:center;justify-content:center;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.treeview-item-context-menu.show{display:flex}.treeview-item-context-menu span{text-align:left;min-width:100px;padding:5px 8px;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.treeview-item-context-menu span:hover{cursor:pointer;color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item.focus .treeview-item-container{border:2px solid var(--bcm-color-prime-blue-2)}.treeview-item-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.treeview-item-container.disabled{color:var(--bcm-color-grey-6)}.treeview-item-container.disabled .text-content{cursor:not-allowed}.treeview-item-container.selected:not(.disabled){color:var(--bcm-color-prime-blue-6)}.treeview-item-container.selected:not(.disabled):hover:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container:hover:not(.disabled),.treeview-item-container:active:not(.disabled){color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}.treeview-item-container>section:not(.favicon){display:flex;align-items:stretch;justify-content:flex-start;border:2px solid transparent;flex:1}.treeview-item-container>section.favicon{display:flex;align-items:center;justify-content:center;padding:0 5px;height:100%;cursor:pointer}.treeview-item-container>section.favicon:not(.favorite){display:none}.treeview-item-container:hover:not(.disabled) .favicon{display:flex}.treeview-inner{display:none}.treeview-inner.open{display:block}.collapse-content{display:flex;align-items:center;justify-content:center;width:16px;min-width:16px}.collapse-content.child{cursor:pointer}.check-content{display:flex;align-items:center;justify-content:flex-start;width:24px;min-width:24px;padding-left:8px}.check-content .indeterminate{width:16px;height:16px;position:relative;display:block;padding-right:8px;cursor:pointer}.check-content .indeterminate:after{content:"";position:absolute;top:50%;left:9px;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:1;z-index:1}.check-content .indeterminate:before{content:"";position:absolute;top:-1px;left:0px;width:16px;height:100%;border-radius:2px;background-color:transparent;border:1px solid var(--bcm-color-grey-5);opacity:1;z-index:2}.check-content .indeterminate:hover:not(.disabled):before{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.check-content .indeterminate.disabled{cursor:not-allowed;background:linear-gradient(90deg, var(--bcm-color-grey-3) 18px, transparent 0px);border-color:var(--bcm-color-grey-3)}.check-content .indeterminate.disabled:after{background-color:var(--bcm-color-grey-6)}.check-content .indeterminate.disabled bcm-icon{filter:brightness(0);opacity:0.3}.text-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;flex:1}.text-content .favicon{display:flex;flex-direction:row;align-items:center;grid-gap:4px}.text-content #text .highlight{background-color:var(--bcm-color-yellow-5)}.text-content.small{padding:0 8px 0 4px}.text-content.medium{padding:4px 8px 4px 4px}.text-content.large{padding:8px 8px 8px 4px}.text-content .icon{text-align:center;margin-right:8px}';export{l as bcm_checkbox_lite,d as bcm_divider,m as bcm_listbox,p as bcm_listbox_group,x as bcm_listbox_item,u as bcm_old_search,w as bcm_treeview,v as bcm_treeview_item}

package/dist/bromcom-ui/p-843b0430.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,h as i,H as t,g as n}from"./p-0ba73c30.js";import{c as s}from"./p-af4b55d4.js";import"./p-de7b0fe7.js";const a={success:{icon:"far fa-check-circle",color:"green-6"},info:{icon:"far fa-info-circle",color:"blue-6"},warning:{icon:"far fa-warning",color:"warmyellow-6"},error:{icon:"far fa-times-circle",color:"grey-10"}},p=class{constructor(i){e(this,i),this.status=null,this.hidden=!1}getIcon(){if(null!=this.status)return i("div",{class:"icon"},i("bcm-icon",{icon:a[this.status].icon}))}componentDidRender(){this.el.shadowRoot.querySelector("slot").assignedElements().map((e=>{"bcm-result-footer"===String(e.tagName).toLowerCase()&&(e.slot="footer",this.footerArea=!0,this.footerHtml=e.innerHTML,e.innerHTML="")}))}render(){const e=s(this.hidden?"hidden":null);return i(t,{class:e},i("div",{class:"result"},this.getIcon(),i("div",{class:"content"},i("span",{class:"heading size-5 weight-semibold"},this.heading),i("span",{class:"desc size-2"},this.description),i("div",{class:"extra"},i("slot",null)),this.footerArea&&i("div",{class:"buttons",innerHTML:this.footerHtml}))))}get el(){return n(this)}};p.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}:host{display:block}:host(.hidden){display:none}.result{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.result .content{margin-top:24px}.result .content .heading{margin-bottom:8px}.result .content .heading,.result .content .desc{display:block;text-align:center}.result .content .extra{background-color:#F5F5F5;padding:24px 24px;margin:32px 0}@media screen and (min-width: 576px){.result .content .extra{padding:24px 40px}}.result .content .buttons{display:flex;justify-content:center;grid-gap:8px;flex-wrap:wrap}';export{p as bcm_result}

package/dist/bromcom-ui/p-843c1874.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as c,c as e,h as o,H as r}from"./p-0ba73c30.js";import{c as b}from"./p-af4b55d4.js";import{C as l}from"./p-bf575256.js";import{G as n}from"./p-4fe7f38e.js";import{B as d}from"./p-4b855876.js";import{S as m}from"./p-3eb9cefc.js";import"./p-de7b0fe7.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6457ac3f.js";const s=class{constructor(o){c(this,o),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=n.UID(),this.size=d.Size.medium,this.hidden=!1,this.required=!1,this.color="blue"}setColor(c=this.color){if(!c)return;const e="--bcm-checkbox";return{[`${e}-primary-color-default`]:l.dsColor(c+"-500"),[`${e}-primary-color-hover`]:l.dsColor(c+"-600"),[`${e}-primary-color-focus-visible`]:l.dsColor(c+"-800"),[`${e}-primary-color-active`]:l.dsColor(c+"-700"),[`${e}-secondary-color-default`]:l.dsColor("white"),[`${e}-secondary-color-hover`]:l.dsColor("slate-50"),[`${e}-secondary-color-focus-visible`]:l.dsColor("slate-50"),[`${e}-secondary-color-active`]:l.dsColor("slate-50")}}render(){const{checked:c,value:e,disabled:l,size:n,hidden:d,required:s}=this,a=b("bcm-checkbox",`bcm-checkbox-size-${n}`,{hidden:d,checked:c,disabled:l,required:s}),i=b("bcm-checkbox__label"),w=b("bcm-checkbox__input");return o(r,{class:a,onFocus:()=>this.focus.emit(),onBlur:()=>this.blur.emit(),style:this.setColor(this.color)},o("span",{hidden:!0},o("slot",null)),o("div",{class:w},o("label",{class:i},o("input",{type:"radio",value:e,checked:c,disabled:l}),o("span",{class:b("bcm-checkbox__label-icon","bcm-radio__icon",{"bcm-checkbox__label-icon-checked":c})},o("span",{class:"bcm-radio__icon-inner"})),o(m,{className:"slot"}))))}};s.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"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @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{--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-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}:root{--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-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}:root{--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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}';export{s as bcm_radio}

package/dist/bromcom-ui/p-9458173b.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as i,h as e,d as s,H as o,g as r}from"./p-0ba73c30.js";import{E as n,D as a}from"./p-7e44e6b5.js";import{c as h}from"./p-af4b55d4.js";import"./p-8c018ae0.js";import"./p-de7b0fe7.js";const p=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.initialized=!1,this.setColorBeforeInitialized=!1,this._color="#4293CF",this.open=!1,this.value=null,this.size="medium",this.noCaption=!1,this.captionType="default",this.fullWidth=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.h=-1,this.s=1,this.v=1,this.a=1,this.selectedH=-1,this.selectedS=1,this.selectedV=1,this.selectedA=1,this.color={rgba:"",hex:""},this.inputValue="",this.mouseState="up"}componentWillLoad(){const t=this.hextohsv(this._color);this.s=t.s,this.v=t.v,this.h=t.h}componentDidRender(){this.initialized||Promise.all([this.initColorDragger(),this.initColorsDragger(),this.initTransparencyDragger()]).then((()=>{!this.setColorBeforeInitialized&&this._setColor(this._color),this.updateValue(),this.initialized=!0}))}initColorDragger(){if(!this.colorDragger)return this.colorDragger=new n({target:this.colorIndicatorElement,trigger:this.colorElement,direction:a.both,limit:{x:{min:0,max:this.colorElement.offsetWidth},y:{min:0,max:this.colorElement.offsetHeight}},snapOnMouseDown:!0,center:{x:this.colorIndicatorElement.offsetWidth/2,y:this.colorIndicatorElement.offsetHeight/2}}),this.colorDragger.on("drag",(t=>this.colorDrag(t))),Promise.resolve()}initColorsDragger(){if(!this.colorsDragger)return this.colorsDragger=new n({target:this.colorsIndicatorElement,trigger:this.colorsElement,direction:a.x,limit:{x:{min:0,max:this.colorsElement.offsetWidth}},snapOnMouseDown:!0,center:{x:this.colorsIndicatorElement.offsetWidth/2}}),this.colorsDragger.on("drag",(t=>this.colorsDrag(t))),Promise.resolve()}initTransparencyDragger(){}hsvtorgb(t){let i,e,s,o,r,n=t.h%360/60;r=t.v*t.s,o=r*(1-Math.abs(n%2-1)),i=e=s=t.v-r,n=~~n,i+=[r,o,0,0,o,r][n],e+=[o,r,r,o,0,0][n],s+=[0,0,o,r,r,o][n];const a={r:Math.round(255*i),g:Math.round(255*e),b:Math.round(255*s)};return Object.assign(Object.assign({},a),{hex:"#"+(16777216|a.b|a.g<<8|a.r<<16).toString(16).slice(1)})}rgbtohsv(t){let i,e,s,o,r=t.r,n=t.g,a=t.b;return(t.r>1||t.g>1||t.b>1)&&(r/=255,n/=255,a/=255),s=Math.max(r,n,a),o=s-Math.min(r,n,a),i=0==o?null:s==r?(n-a)/o+(n<a?6:0):s==n?(a-r)/o+2:(r-n)/o+4,i=i%6*60,e=0==o?0:o/s,{h:i,s:e,v:s}}hextohsv(t){return this.rgbtohsv(this.hextorgb(t))}hextorgb(t){return{r:parseInt(t.substr(1,2),16),g:parseInt(t.substr(3,2),16),b:parseInt(t.substr(5,2),16)}}colorDrag(t){const i=this.colorElement.offsetHeight;this.selectedS=t.x/this.colorElement.offsetWidth,this.selectedV=(i-t.y)/i,this.updateValue()}colorsDrag(t){this.h=t.x/this.colorsElement.offsetWidth*360,this.s=1,this.v=1,this.selectedH=this.h,this.updateValue()}setHsvColor(){const t=this.hsvtorgb({h:this.selectedH,s:this.selectedS,v:this.selectedV});return this.color={rgba:`rgba(${t.r}, ${t.g}, ${t.b}, ${this.a})`,hex:t.hex},this.color}_setColor(t,i=!1){if(/^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t)){4===t.length&&(t=t.split("").map((t=>"#"!==t?t+t:t)).join(""));const e=this.hextohsv(t);this.h=e.h,this.s=1,this.v=1,this.selectedH=e.h,this.selectedS=e.s,this.selectedV=e.v,this.updateIndicators(),this.updateValue(i)}}updateIndicators(){const{colorsElement:t,colorElement:i,colorsIndicatorElement:e}=this;this.colorDragger.setPosition({x:this.selectedS*i.offsetWidth,y:i.offsetHeight-this.selectedV*i.offsetHeight}),this.colorsDragger.setPosition({x:this.selectedH*(t.offsetWidth-2*e.offsetWidth)/360})}updateValue(t=!1){const{selectedH:i,selectedS:e,selectedV:s}=this,o=this.hsvtorgb({h:i,s:e,v:s}).hex;this.value=o,t||this.updateInputValue(o)}updateInputValue(t){this.inputElement&&(this.inputElement.value=t)}handleClick(){this.open=!0}handleColorInputKeyUp(t){var i=t.path||t.composedPath&&t.composedPath();this._setColor(i[0].value,!0)}handleWindowClick(t){const i=t.target,e=i.classList,s=i.tagName.toLowerCase();!e.contains("sc-bcm-colorpicker")&&"bcm-colorpicker"!==s&&"up"===this.mouseState&&(this.open=!1,this.updateInputValue(this.value)),this.mouseState="up"}valueChange(){this.initialized&&this.change.emit(this.value)}async getValue(){return this.value}async setColor(t){this.setColorBeforeInitialized=!0,this._setColor(t)}render(){const{label:t,required:i,noCaption:r,caption:n,captionError:a,captionType:p}=this,l=h("color-picker",{open:this.open}),c=h("size-1","input-caption","caption-"+p);return e(o,null,e("div",{class:l,onClick:()=>this.handleClick()},t&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:p,value:t,required:i})),e("div",{class:"input"},e("div",{class:"active-color"},e("div",{class:"color-thumb",style:{backgroundColor:this.value}})),e("span",{class:"icon",slot:"suffix"},e("svg",{style:{fill:"#595959",width:" 14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},e("path",{d:"M483.89 28.14l-.02-.02-.03-.03c-37.47-37.47-98.26-37.46-135.72.03l-77.09 77.09-13.1-13.1c-9.44-9.44-24.65-9.31-33.94 0l-63.6 63.6c-9.37 9.37-9.37 24.57 0 33.94l16.98 16.98L50.75 333.25c-12 12-18.75 28.28-18.75 45.26V424L0 480l32 32 56-32h45.49c16.97 0 33.25-6.74 45.25-18.74l126.64-126.62 16.96 16.96c9.44 9.44 24.65 9.31 33.94 0l63.6-63.6c9.37-9.37 9.37-24.57 0-33.94l-13.1-13.1 77.09-77.09c37.5-37.47 37.5-98.25.02-135.73zM144.8 427.32a15.892 15.892 0 0 1-11.31 4.68H80v-53.49c0-4.27 1.66-8.29 4.69-11.31l126.63-126.62 60.12 60.12L144.8 427.32zm305.14-297.38l-77.09 77.09-33.94 33.94 30.07 30.06-29.66 29.66-128-128 29.66-29.65 30.06 30.07L382.08 62.05c9.05-9.06 21.1-14.05 33.91-14.05 12.82 0 24.86 4.98 33.91 14.04l.04.04C459.01 71.14 464 83.19 464 96.01c0 12.81-5 24.86-14.06 33.93z"})))),!r&&e("div",{class:"caption-area"},"error"==p?e("span",{class:c}," ",a," "):n&&e("span",{class:c}," ",n," ")),e("div",{class:"picker"},e("div",{class:"input"},e("input",{type:"text",class:"color-input",maxlength:"7",ref:t=>this.inputElement=t,onKeyUp:t=>this.handleColorInputKeyUp(t)})),e("div",{class:"color",onMouseDown:()=>this.mouseState="down",style:{backgroundColor:this.hsvtorgb({h:this.h,s:this.s,v:this.v}).hex},ref:t=>this.colorElement=t},e("img",{src:s("./static/color.svg")}),e("div",{class:"color-indicator",ref:t=>this.colorIndicatorElement=t})),e("div",{class:"colors-transparency"},e("div",{class:"colors",onMouseDown:()=>this.mouseState="down",ref:t=>this.colorsElement=t},e("div",{class:"colors-holder"},e("img",{src:s("./static/colors.svg")})),e("div",{class:"colors-indicator",ref:t=>this.colorsIndicatorElement=t}))))))}static get assetsDirs(){return["static"]}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};p.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}:host{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100px;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}';export{p as bcm_colorpicker}

package/dist/bromcom-ui/p-9a71d2e8.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as t,h as i,H as s,g as o}from"./p-0ba73c30.js";import{c as h}from"./p-af4b55d4.js";import{B as p}from"./p-4b855876.js";import{G as n}from"./p-4fe7f38e.js";import{A as a}from"./p-87fe1bda.js";import"./p-de7b0fe7.js";const r=class{constructor(i){e(this,i),this.onShow=t(this,"bcm-show",7),this.onHide=t(this,"bcm-hide",7),this._id=n.UID(),this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1}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("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(`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 i(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},i("slot",null))}get el(){return o(this)}};(function(e,t,i,s){var o,h=arguments.length,p=h<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(p=(h<3?o(p):h>3?o(t,i,p):o(t,i))||p);h>3&&p&&Object.defineProperty(t,i,p)})([a("title")],r.prototype,"_title",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 bcm_popover}

package/dist/bromcom-ui/p-ae1d6219.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as t,h as i,H as s,g as a}from"./p-0ba73c30.js";import{G as r,s as o,S as l,T as n}from"./p-4fe7f38e.js";import{c as p}from"./p-af4b55d4.js";import{c}from"./p-be904c55.js";import{S as m}from"./p-6457ac3f.js";import{A as h}from"./p-87fe1bda.js";import"./p-de7b0fe7.js";import"./p-4b855876.js";const{state:d}=c({value:new Map,setData:{},removeData:{}});const x=class{constructor(i){e(this,i),this.alertdismissible=t(this,"bcm-alert-dismissible",7),this.hidden=!1,this._id=r.UID(),this.status=l.info,this.type=n.basic,this.icon=!1,this.bigIcon=!1,this.fullWidth=!1}componentWillRender(){if(null!=this.dismissible)if(""==this.dismissible)this.dismissible=!0;else{if(("string"!=typeof this.dismissible||"false"!=this.dismissible)&&"true"!=this.dismissible)return;this.dismissible=m.elementBooleanCheck(this.dismissible)}this.setData()}dismiss(e){this.alertdismissible.emit(e),this.el.remove()}getStateData(){return e=this._id,o((()=>d.value.get(e)),{});var e}setData(){const{status:e,type:t,bigIcon:i}=this;(e=>{const t=Object.assign(Object.assign(Object.assign({},e),{size:e.bigIcon?"medium":14,iconType:e.bigIcon?"outlined":"fill"}),r.getIconAttrWithStatusType(e.status));d.value.set(t.id,t)})({id:this._id,status:e,type:t,bigIcon:i})}render(){const{fullWidth:e,status:t,type:a,icon:r,bigIcon:o,_title:l,hidden:n,dismissible:c,description:m}=this,h=p("bcm-alert","bcm-alert__type-"+a,"bcm-alert__status-"+t,{"full-width":e,hidden:n}),d=p("bcm-alert__header-message",m?"size-3":"size-2"),x=this.getStateData();return i(s,{class:h},i("span",{hidden:!0},i("slot",null)),i("header",{class:"bcm-alert__header"},i("span",{class:d},(o||r)&&i("bcm-icon",{icon:x.icon}),l),c&&i("span",{class:"bcm-alert__header-dismiss",onClick:e=>this.dismiss(e)},"string"==typeof c?c:i("bcm-icon",{icon:"fal fa-times"}))),i("main",{class:"bcm-alert__content size-2"},m&&i("p",null,m),i("slot",null)))}get el(){return a(this)}};(function(e,t,i,s){var a,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([h("title")],x.prototype,"_title",void 0),x.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-alert{display:block;width:100%;max-width:400px;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px;position:relative;grid-gap:8px}.bcm-alert.hidden{display:none}.bcm-alert.full-width{max-width:100%}.bcm-alert__status-info{border:1px solid var(--bcm-color-blue-3);background-color:var(--bcm-color-blue-1)}.bcm-alert__status-error{border:1px solid var(--bcm-color-red-3);background-color:var(--bcm-color-red-1)}.bcm-alert__status-warning{border:1px solid var(--bcm-color-warmyellow-3);background-color:var(--bcm-color-warmyellow-1)}.bcm-alert__status-success{border:1px solid var(--bcm-color-green-3);background-color:var(--bcm-color-green-1)}.bcm-alert__type-banner{border:none}.bcm-alert__header{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bcm-alert__header-message{display:flex;align-items:center;grid-gap:8px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss{display:flex;position:absolute;top:-1px;right:0;padding:16px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss:hover{cursor:pointer;color:var(--bcm-color-grey-9)}.bcm-alert__content{color:var(--bcm-color-grey-8)}.bcm-alert__content p{margin:0;padding:0}';export{x as bcm_alert}

package/dist/bromcom-ui/p-bcddbd12.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as s,r as e,c as t,g as i}from"./p-0ba73c30.js";import{G as c}from"./p-4fe7f38e.js";import{B as o}from"./p-4b855876.js";import{c as a}from"./p-af4b55d4.js";import{N as r}from"./p-5a117a9b.js";import{e as l}from"./p-8c018ae0.js";import{C as h}from"./p-436364c8.js";import"./p-de7b0fe7.js";var n;!function(s){s.black="black",s.white="white",s["prime-blue"]="prime-blue",s.grey="grey",s.blue="blue",s.warmyellow="warmyellow",s.yellow="yellow",s.limegreen="limegreen",s.red="red",s.darkorange="darkorange",s.orange="orange",s.green="green",s.turquosie="turquosie",s.cobaltblue="cobaltblue",s.magenta="magenta",s.purple="purple",s["bc-red"]="bc-red",s["bc-blue"]="bc-blue",s["bc-green"]="bc-green",s["bc-orange"]="bc-orange"}(n||(n={}));const m=({_id:e,color:t,customStyle:i,size:c,checked:m,hidden:d,value:p,type:b,onDismiss:u,onSelect:f})=>{!c&&(c=o.FontSize["size-1"]);const g=a(((s,e=!1)=>(r.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),e?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),k=a("bcm-tag",{hidden:d});return s("div",{id:e,class:a(k,{checked:m})},s("span",{hidden:!0},s("slot",null)),s("span",{class:g,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:l(h,n[s]+"-6"),borderColor:l(h,n[s]+"-3"),backgroundColor:l(h,n[s]+"-1")}})(t),onClick:s=>f(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:m}),s("span",{class:"value",style:i},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>u(s)},s("bcm-icon",{icon:"fal fa-times"}))))},d=class{constructor(s){e(this,s),this.change=t(this,"bcm-change",7),this.tagDismissable=t(this,"bcm-tag-dismissable",7),this.bcmTagSelect=t(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:e,color:t,value:i,customStyle:c,size:a,hidden:r,checked:l}=this;return s(m,{size:a,hidden:r,color:t,customStyle:c,checked:l,value:i,type:o.TagType[e],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return i(this)}};export{d as bcm_tag}

package/dist/bromcom-ui/p-c38250b9.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as e,r as t,c as i,H as n,g as a}from"./p-0ba73c30.js";import{c as s}from"./p-af4b55d4.js";import{G as o,s as c}from"./p-4fe7f38e.js";import{B as h}from"./p-4b855876.js";import{d as r,g as l}from"./p-8c018ae0.js";import{c as p}from"./p-be904c55.js";import{L as d}from"./p-9e42c3d7.js";import"./p-de7b0fe7.js";import"./p-3eb9cefc.js";import"./p-6457ac3f.js";const{state:m}=p({group:new Map,allChecked:!0,allUnchecked:!0,changeInderminate:{}}),u=e=>c((()=>m.group.get(e)),{}),x=e=>{var t;const i=u(e);let n=!0,a=!0;null===(t=i.childs)||void 0===t||t.map((e=>{e.checked&&(a=!1),!e.checked&&(n=!1)})),i.indeterminateState=n||a?n?"determinate":"uncheck":"indeterminate"},g=u,b=({customStyle:t,groupContainerClasses:i,onBcmSelect:n,items:a})=>e("div",{class:i,style:t},a.childs&&a.childs.map((t=>e("bcm-checkbox",{id:t.id,name:t.name,color:t.color,checked:t.checked,disabled:t.disabled,readonly:t.readonly,required:t.required,noCaption:t.noCaption,"no-margin":!0,size:t.size,"full-width":t.fullWidth,onClick:e=>{!t.disabled&&!t.readonly&&(n(t.id),e.preventDefault())}},t.slot||t.label)))),f=class{constructor(e){t(this,e),this.change=i(this,"bcm-change",7),this.groupCheckedList=i(this,"bcm-group-checked-list",7),this._id=o.UID(),this.direction=h.Direction.horizontal,this.items=[],this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this.hidden=!1,this.required=!1,this.fullWidth=!1,this.optionType="default",this.buttonStyle="solid",this.size=h.Size.medium,this.noCaption=!1,this.captionType=h.Status.default,this.tick={}}componentDidLoad(){this.initState()}disconnectedCallback(){Promise.resolve(m.group.delete(this._id))}componentShouldUpdate(e,t,i){"tick"==i&&e!==t&&c((()=>g(this._id).childs.length>0),!1)&&this.getValue().then((e=>this.value=e)),this.getOptions().indexOf(i)>-1&&e!==t&&this.initState()}getOptions(){return c((()=>Object.keys(m.group.get(this._id))),[])}async initState(){const{fullWidth:e,optionType:t,buttonStyle:i,size:n,noCaption:a,defaultValue:s,label:h,required:r,captionType:l,hidden:p,direction:d,indeterminate:u,gap:x,items:g}=this,b=s&&("string"==typeof s?JSON.parse(s):s),f=g.length>0?g:await this.getCheckboxes();await(async({fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,el:s,id:h,label:r,required:l,captionType:p,hidden:d,direction:u,childs:x,indeterminate:g,gap:b,noCaption:f})=>{s&&m.group.set(h,{fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:a,label:r,required:l,captionType:p,hidden:d,direction:u,indeterminate:g,gap:b,noCaption:f,childs:null==x?void 0:x.map((e=>(e.checked&&(m.allUnchecked=!1),!e.checked&&(m.allChecked=!1),t&&(e.optionType=t),i&&(e.buttonStyle=i),n&&(e.size=n),a&&a.find((t=>t===e.name))&&(e.checked=!0),e.noCaption=f,{id:e.id||o.UID(),checked:e.checked||!1,name:e.name,size:e.size,buttonStyle:e.buttonStyle,optionType:e.optionType,style:e.style,noCaption:e.noCaption,color:e.color,disabled:e.disabled,readonly:e.readonly,label:e.label||e.name,slot:e.slot||c((()=>e.querySelector(".slot").textContent),e.textContent),required:e.required||l,el:e,captionType:p,hidden:d}))),indeterminateState:m.allChecked||m.allUnchecked?m.allChecked?"determinate":"uncheck":"indeterminate"})})({id:this._id,el:this.el,indeterminate:u,fullWidth:e,optionType:t,buttonStyle:i,size:n,defaultCheckedItems:b,label:h,noCaption:a,required:r,captionType:l,hidden:p,gap:x,direction:d,childs:f});const y=this.el.querySelector(`#bcm-checkbox-group__items-${this._id}`);y&&y.innerHTML&&(y.innerHTML=""),this.value=await this.getValue()}async markForCheck(){await r(10),this.tick=o.UID()}async onBcmFocus(){const e=this.getCheckboxes();e.length>0&&e[0].onBcmFocus()}async onBcmBlur(){this.el.blur()}async setClear(){return null===(t=u(e=this._id).childs)||void 0===t||t.forEach((e=>{e.checked=!1})),x(e),await r(10),this.getCheckboxes().forEach((e=>{e.setClear()})),this.markForCheck(),await r(10),Promise.resolve();var e,t}async resetCaption(){return await r(10),this.getCheckboxes().forEach((e=>{e.resetCaption()})),await r(10),Promise.resolve()}async set(e){Array.isArray(e)&&await this.check(e,!0,!0)}async get(){const e=await this.getCheckedList()&&Object.keys(await this.getCheckedList());return e.length>0?e:[]}async check(e,t=!0,i=!1){((e,t,i,n)=>{var a;const s=t&&("string"==typeof t?JSON.parse(t):t);null===(a=u(e).childs)||void 0===a||a.forEach((e=>{if(s){const t=s.find((t=>t===e.name||t.name===e.name));t?"object"==typeof t?Object.keys(t).map((n=>{e.checked="checked"===n?t[n]:i})):e.checked=i:n&&(e.checked=!1)}else e.checked=!1})),x(e)})(this._id,e,t,i),this.markForCheck()}async getValue(e){return Promise.resolve(((e,t)=>{var i;const n=u(e);let a={};return null===(i=n.childs)||void 0===i||i.map((e=>{t?e.name===t&&(a[e.name]={value:!!e.checked,name:e.name}):a[e.name]={value:!!e.checked,name:e.name}})),a})(this._id,e))}async getCheckedList(){return(e=>{var t;const i=u(e);let n={};return null===(t=i.childs)||void 0===t||t.map((e=>{!0===e.checked&&(n[e.name]={value:!!e.checked,name:e.name})})),n})(this._id)}handleItemsChange(){this.initState()}getCheckboxes(){return l(this.el,"bcm-checkbox:not(#bcm-indeterminate-element)")}async getCheckbox(e){const t=this.el.querySelector(`bcm-checkbox[id="${e}"]`);if(t){const e=t.name,i=await this.getValue(e);return{element:t,event:c((()=>i[e]),null)}}return{}}async indeterminateClick(){(e=>{var t;const i=u(e);if(!i.disabled){let n=!0;"determinate"===i.indeterminateState&&(n=!1),null===(t=u(e).childs)||void 0===t||t.map((e=>{e.checked=n})),x(e)}})(this._id),this.markForCheck()}async changeCheckBox(e){var t,i;null===(i=u((t={id:this._id,childId:e}).id).childs)||void 0===i||i.map((e=>{e.checked=e.id===t.childId?!e.checked:e.checked})),x(t.id),this.markForCheck(),await r(10),this.value=await this.getValue(),this.change.emit({value:this.value,changed:Object.assign({},await this.getCheckbox(e))}),this.groupCheckedList.emit(await this.getCheckedList())}getItems(){return g(this._id)}render(){const t=this.getItems(),{disabled:i,captionType:a,label:o,indeterminate:c,indeterminateState:h,required:r,direction:l,optionType:p,hidden:m,fullWidth:u,gap:x}=t,g=s("bcm-checkbox-group",l,p,{hidden:m,"full-width":u}),f=s("bcm-checkbox-group__container",p,{[l]:"default"===p,indeterminate:c,hidden:m,"full-width":u});return e(n,{class:g},e("span",{hidden:!0,id:`bcm-checkbox-group__items-${this._id}`},e("slot",null)),e("div",{class:"bcm-checkbox-group__label"},o&&e("div",null,e(d,{size:this.size,type:a,value:o,required:r}))),c&&e("bcm-checkbox",{onClick:e=>{this.indeterminateClick(),e.preventDefault()},"no-caption":!0,id:"bcm-indeterminate-element",indeterminate:h,disabled:i},"Check All"),e(b,{items:t,groupContainerClasses:f,customStyle:x&&{gap:x},onBcmSelect:e=>this.changeCheckBox(e)}))}get el(){return a(this)}static get watchers(){return{items:["handleItemsChange"]}}};f.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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}';export{f as bcm_checkbox_group}

package/dist/bromcom-ui/p-c65ac1ba.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as e,h as i,H as s,g as h}from"./p-0ba73c30.js";import{c as a}from"./p-af4b55d4.js";import"./p-de7b0fe7.js";const l=class{constructor(i){t(this,i),this.autocompleteItemSelected=e(this,"bcm-autocomplete-item-selected",7),this.objectMapping={id:"id",text:"text",value:"value"},this.searchFields=["text","secondary_text","tooltip_text"],this._items=[],this.fullWidth=!1,this.hidden=!1,this.searchText=null,this.returnField="id",this.searchSub="items",this.searchPlaceholder="Search",this.inputLength=0,this.isOpen=!1,this.resultFound=!1,this.searchResults=[],this.items=[]}async config(t){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.config(t),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchSub&&(this.searchSub="string"==typeof t.searchSub?t.searchSub:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items))}async setData(t=[]){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.setData(t),this.searchData=JSON.parse(t)}async handleListboxClearSelected(t){const e=t.detail[this.objectMapping.text],i=this.el.shadowRoot.querySelector("bcm-old-search");this.autocompleteItemSelected.emit(t.detail),await i.setValue(e),this.isOpen=!1}listenSearchValue(t){this.inputLength=t.detail.length,this.isOpen=this.inputLength>0}async listenSearchResult(t){this.searchResults=t.detail;const e=this.el.shadowRoot.querySelector("bcm-listbox");await e.searchResultMethod(this.searchResults)}handleClickOutside(t){this.el.contains(t.target)?this.isOpen=this.inputLength>0:this.isOpen&&(this.isOpen=!1)}render(){const{searchText:t,searchData:e,searchFields:h,searchSub:l,returnField:o,isOpen:n,fullWidth:p}=this,c=a("bcm-autocomplete",{open:n}),r=a("bcm-autocomplete-search"),x=a("bcm-autocomplete-result",{open:n}),m=a(this.hidden?"hidden":null,{"full-width":p});return i(s,{class:m},i("div",{class:c},i("div",{class:r},i("bcm-old-search",{searchPlaceholder:this.searchPlaceholder,id:"autocomplete",searchValue:t,data:e,returnField:o,searchFields:h,searchSub:l,clearable:!0})),i("div",{class:x},i("div",{class:"viewport"},i("bcm-listbox",{searchText:t,_flex:"true"})))))}get el(){return h(this)}};l.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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}';export{l as bcm_autocomplete}

package/dist/bromcom-ui/p-c76130da.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as n,g as o}from"./p-0ba73c30.js";import{G as i}from"./p-4fe7f38e.js";import{B as r}from"./p-4b855876.js";function s(t){return t.split("-")[0]}function a(t){return t.split("-")[1]}function l(t){return["top","bottom"].includes(s(t))?"x":"y"}function c(t){return"y"===t?"height":"width"}function f(t,e,n){let{reference:o,floating:i}=t;const r=o.x+o.width/2-i.width/2,f=o.y+o.height/2-i.height/2,u=l(e),d=c(u),h=o[d]/2-i[d]/2,m="x"===u;let p;switch(s(e)){case"top":p={x:r,y:o.y-i.height};break;case"bottom":p={x:r,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:f};break;case"left":p={x:o.x-i.width,y:f};break;default:p={x:o.x,y:o.y}}switch(a(e)){case"start":p[u]-=h*(n&&m?-1:1);break;case"end":p[u]+=h*(n&&m?-1:1)}return p}function u(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function d(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function h(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:h="floating",altBoundary:m=!1,padding:p=0}=e,y=u(p),w=a[m?"floating"===h?"reference":"floating":h],g=d(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(w)))||n?w:w.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:c,rootBoundary:f,strategy:l})),x=d(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:"floating"===h?{...s.floating,x:o,y:i}:s.reference,offsetParent:await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),strategy:l}):s[h]);return{top:g.top-x.top+y.top,bottom:x.bottom-g.bottom+y.bottom,left:g.left-x.left+y.left,right:x.right-g.right+y.right}}const m=Math.min,p=Math.max;function y(t,e,n){return p(t,m(e,n))}const w=t=>({name:"arrow",options:t,async fn(e){const{element:n,padding:o=0}=null!=t?t:{},{x:i,y:r,placement:s,rects:f,platform:d}=e;if(null==n)return{};const h=u(o),m={x:i,y:r},p=l(s),w=a(s),g=c(p),x=await d.getDimensions(n),b="y"===p?"top":"left",v="y"===p?"bottom":"right",A=f.reference[g]+f.reference[p]-m[p]-f.floating[g],k=m[p]-f.reference[p],P=await(null==d.getOffsetParent?void 0:d.getOffsetParent(n));let R=P?"y"===p?P.clientHeight||0:P.clientWidth||0:0;0===R&&(R=f.floating[g]);const $=h[b],O=R-x[g]-h[v],j=R/2-x[g]/2+(A/2-k/2),D=y($,j,O);return{[p]:m[p]-(("start"===w?h[b]:h[v])>0&&j!==D&&f.reference[g]<=f.floating[g]?j<$?$-j:O-j:0),data:{[p]:D,centerOffset:j-D}}}}),g={left:"right",right:"left",bottom:"top",top:"bottom"};function x(t){return t.replace(/left|right|bottom|top/g,(t=>g[t]))}const b={start:"end",end:"start"};function v(t){return t.replace(/start|end/g,(t=>b[t]))}const A=["top","right","bottom","left"],k=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n;const{placement:o,middlewareData:i,rects:r,initialPlacement:f,platform:u,elements:d}=e,{mainAxis:m=!0,crossAxis:p=!0,fallbackPlacements:y,fallbackStrategy:w="bestFit",flipAlignment:g=!0,...b}=t,A=s(o),k=[f,...y||(A!==f&&g?function(t){const e=x(t);return[v(t),e,v(e)]}(f):[x(f)])],P=await h(e,b),R=[];let $=(null==(n=i.flip)?void 0:n.overflows)||[];if(m&&R.push(P[A]),p){const{main:t,cross:e}=function(t,e,n){void 0===n&&(n=!1);const o=a(t),i=l(t),r=c(i);let s="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=x(s)),{main:s,cross:x(s)}}(o,r,await(null==u.isRTL?void 0:u.isRTL(d.floating)));R.push(P[t],P[e])}if($=[...$,{placement:o,overflows:R}],!R.every((t=>t<=0))){var O,j;const t=(null!=(O=null==(j=i.flip)?void 0:j.index)?O:0)+1,e=k[t];if(e)return{data:{index:t,overflows:$},reset:{placement:e}};let n="bottom";switch(w){case"bestFit":{var D;const t=null==(D=$.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:D[0].placement;t&&(n=t);break}case"initialPlacement":n=f}if(o!==n)return{reset:{placement:n}}}return{}}}};function P(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function R(t){return A.some((e=>t[e]>=0))}const $=function(t){let{strategy:e="referenceHidden",...n}=void 0===t?{}:t;return{name:"hide",async fn(t){const{rects:o}=t;switch(e){case"referenceHidden":{const e=P(await h(t,{...n,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:e,referenceHidden:R(e)}}}case"escaped":{const e=P(await h(t,{...n,altBoundary:!0}),o.floating);return{data:{escapedOffsets:e,escaped:R(e)}}}default:return{}}}}};function O(t){return t&&t.document&&t.location&&t.alert&&t.setInterval}function j(t){if(null==t)return window;if(!O(t)){const e=t.ownerDocument;return e&&e.defaultView||window}return t}function D(t){return j(t).getComputedStyle(t)}function M(t){return O(t)?"":t?(t.nodeName||"").toLowerCase():""}function T(){const t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((t=>t.brand+"/"+t.version)).join(" "):navigator.userAgent}function B(t){return t instanceof j(t).HTMLElement}function H(t){return t instanceof j(t).Element}function L(t){return"undefined"!=typeof ShadowRoot&&(t instanceof j(t).ShadowRoot||t instanceof ShadowRoot)}function C(t){const{overflow:e,overflowX:n,overflowY:o}=D(t);return/auto|scroll|overlay|hidden/.test(e+o+n)}function E(t){return["table","td","th"].includes(M(t))}function S(t){const e=/firefox/i.test(T()),n=D(t);return"none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||["transform","perspective"].includes(n.willChange)||e&&"filter"===n.willChange||e&&!!n.filter&&"none"!==n.filter}function F(){return!/^((?!chrome|android).)*safari/i.test(T())}const z=Math.min,G=Math.max,V=Math.round;function X(t,e,n){var o,i,r,s;void 0===e&&(e=!1),void 0===n&&(n=!1);const a=t.getBoundingClientRect();let l=1,c=1;e&&B(t)&&(l=t.offsetWidth>0&&V(a.width)/t.offsetWidth||1,c=t.offsetHeight>0&&V(a.height)/t.offsetHeight||1);const f=H(t)?j(t):window,u=!F()&&n,d=(a.left+(u&&null!=(o=null==(i=f.visualViewport)?void 0:i.offsetLeft)?o:0))/l,h=(a.top+(u&&null!=(r=null==(s=f.visualViewport)?void 0:s.offsetTop)?r:0))/c,m=a.width/l,p=a.height/c;return{width:m,height:p,top:h,right:d+m,bottom:h+p,left:d,x:d,y:h}}function Y(t){return(e=t,(e instanceof j(e).Node?t.ownerDocument:t.document)||window.document).documentElement;var e}function _(t){return H(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function q(t){return X(Y(t)).left+_(t).scrollLeft}function I(t,e,n){const o=B(e),i=Y(e),r=X(t,o&&function(t){const e=X(t);return V(e.width)!==t.offsetWidth||V(e.height)!==t.offsetHeight}(e),"fixed"===n);let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(o||!o&&"fixed"!==n)if(("body"!==M(e)||C(i))&&(s=_(e)),B(e)){const t=X(e,!0);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else i&&(a.x=q(i));return{x:r.left+s.scrollLeft-a.x,y:r.top+s.scrollTop-a.y,width:r.width,height:r.height}}function J(t){return"html"===M(t)?t:t.assignedSlot||t.parentNode||(L(t)?t.host:null)||Y(t)}function K(t){return B(t)&&"fixed"!==D(t).position?function(t){let{offsetParent:e}=t,n=t,o=!1;for(;n&&n!==e;){const{assignedSlot:t}=n;if(t){let i=t.offsetParent;if("contents"===D(t).display){const e=t.hasAttribute("style"),o=t.style.display;t.style.display=D(n).display,i=t.offsetParent,t.style.display=o,e||t.removeAttribute("style")}n=t,e!==i&&(e=i,o=!0)}else if(L(n)&&n.host&&o)break;n=L(n)&&n.host||n.parentNode}return e}(t):null}function N(t){const e=j(t);let n=K(t);for(;n&&E(n)&&"static"===D(n).position;)n=K(n);return n&&("html"===M(n)||"body"===M(n)&&"static"===D(n).position&&!S(n))?e:n||function(t){let e=J(t);for(L(e)&&(e=e.host);B(e)&&!["html","body"].includes(M(e));){if(S(e))return e;{const t=e.parentNode;e=L(t)?t.host:t}}return null}(t)||e}function Q(t){if(B(t))return{width:t.offsetWidth,height:t.offsetHeight};const e=X(t);return{width:e.width,height:e.height}}function U(t){const e=J(t);return["html","body","#document"].includes(M(e))?t.ownerDocument.body:B(e)&&C(e)?e:U(e)}function W(t,e){var n;void 0===e&&(e=[]);const o=U(t),i=o===(null==(n=t.ownerDocument)?void 0:n.body),r=j(o),s=i?[r].concat(r.visualViewport||[],C(o)?o:[]):o,a=e.concat(s);return i?a:a.concat(W(s))}function Z(t,e,n){return"viewport"===e?d(function(t,e){const n=j(t),o=Y(t),i=n.visualViewport;let r=o.clientWidth,s=o.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const t=F();(t||!t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:r,height:s,x:a,y:l}}(t,n)):H(e)?function(t,e){const n=X(t,!1,"fixed"===e),o=n.top+t.clientTop,i=n.left+t.clientLeft;return{top:o,left:i,x:i,y:o,right:i+t.clientWidth,bottom:o+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}(e,n):d(function(t){var e;const n=Y(t),o=_(t),i=null==(e=t.ownerDocument)?void 0:e.body,r=G(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=G(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);let a=-o.scrollLeft+q(t);const l=-o.scrollTop;return"rtl"===D(i||n).direction&&(a+=G(n.clientWidth,i?i.clientWidth:0)-r),{width:r,height:s,x:a,y:l}}(Y(t)))}function tt(t){const e=W(t),n=["absolute","fixed"].includes(D(t).position)&&B(t)?N(t):t;return H(n)?e.filter((t=>H(t)&&function(t,e){const n=null==e.getRootNode?void 0:e.getRootNode();if(t.contains(e))return!0;if(n&&L(n)){let n=e;do{if(n&&t===n)return!0;n=n.parentNode||n.host}while(n)}return!1}(t,n)&&"body"!==M(t))):[]}const et={getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const r=[..."clippingAncestors"===n?tt(e):[].concat(n),o],s=r.reduce(((t,n)=>{const o=Z(e,n,i);return t.top=G(o.top,t.top),t.right=z(o.right,t.right),t.bottom=z(o.bottom,t.bottom),t.left=G(o.left,t.left),t}),Z(e,r[0],i));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:o}=t;const i=B(n),r=Y(n);if(n===r)return e;let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if((i||!i&&"fixed"!==o)&&(("body"!==M(n)||C(r))&&(s=_(n)),B(n))){const t=X(n,!0);a.x=t.x+n.clientLeft,a.y=t.y+n.clientTop}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}},isElement:H,getDimensions:Q,getOffsetParent:N,getDocumentElement:Y,getElementRects:t=>{let{reference:e,floating:n,strategy:o}=t;return{reference:I(e,N(n),o),floating:{...Q(n),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===D(t).direction},nt=class{constructor(e){t(this,e),this._id=i.UID(),this.placement=r.Placement.top,this.trigger=r.TriggerType.click,this.open=!1}getElement(){let t=document.getElementById(`${this._id}-tooltip-box`);if(!t){t=document.createElement("div"),t.setAttribute("id",`${this._id}-tooltip-box`),t.setAttribute("class","tw-hidden tw-font-sans tw-pointer-events-none tw-py-1 tw-px-2 tw-rounded tw-bg-slate-700 tw-text-white tw-text-1 tw-absolute tw-top-0 tw-left-0"),t.setAttribute("role","tooltip"),t.setAttribute("aria-hidden","true"),t.innerHTML=this.message,document.body.appendChild(t);const e=document.createElement("div");e.setAttribute("id",`${this._id}-tooltip-arrow`),e.setAttribute("class","tw-absolute tw-w-2 tw-h-2 tw-bg-slate-700 tw-transform tw-rotate-45"),t.appendChild(e)}return t}componentDidLoad(){this.listenTrigger(),window.addEventListener("resize",this.updatePosition.bind(this)),window.addEventListener("scroll",this.updatePosition.bind(this))}listenTrigger(){switch(this.trigger){case"click":this.el.addEventListener("click",this.toggle.bind(this));break;case"hover":this.el.addEventListener("mouseover",this.show.bind(this)),this.el.addEventListener("mouseout",this.hide.bind(this));break;case"focus":this.el.addEventListener("focus",this.show.bind(this),!0),this.el.addEventListener("blur",this.hide.bind(this),!0)}}updatePosition(){if(!this.open)return;const t=document.getElementById(`${this._id}-tooltip-box`),e=document.getElementById(`${this._id}-tooltip-arrow`);var n,o;((t,e,n)=>(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,a=await(null==s.isRTL?void 0:s.isRTL(e));let l=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:c,y:u}=f(l,o,a),d=o,h={},m=0;for(let n=0;n<r.length;n++){const{name:p,fn:y}=r[n],{x:w,y:g,data:x,reset:b}=await y({x:c,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:l,platform:s,elements:{reference:t,floating:e}});c=null!=w?w:c,u=null!=g?g:u,h={...h,[p]:{...h[p],...x}},b&&m<=50&&(m++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(l=!0===b.rects?await s.getElementRects({reference:t,floating:e,strategy:i}):b.rects),({x:c,y:u}=f(l,d,a))),n=-1)}return{x:c,y:u,placement:d,strategy:i,middlewareData:h}})(t,e,{platform:et,...n}))(this.el,t,{placement:this.placement,middleware:[(o=8,void 0===o&&(o=0),{name:"offset",options:o,async fn(t){const{x:e,y:n}=t,i=await async function(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),c=s(n),f=a(n),u="x"===l(n),d=["left","top"].includes(c)?-1:1,h=r&&u?-1:1,m="function"==typeof e?e(t):e;let{mainAxis:p,crossAxis:y,alignmentAxis:w}="number"==typeof m?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};return f&&"number"==typeof w&&(y="end"===f?-1*w:w),u?{x:y*h,y:p*d}:{x:p*d,y:y*h}}(t,o);return{x:e+i.x,y:n+i.y,data:i}}}),k(),(n={padding:5},void 0===n&&(n={}),{name:"shift",options:n,async fn(t){const{x:e,y:o,placement:i}=t,{mainAxis:r=!0,crossAxis:a=!1,limiter:c={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...f}=n,u={x:e,y:o},d=await h(t,f),m=l(s(i)),p="x"===m?"y":"x";let w=u[m],g=u[p];r&&(w=y(w+d["y"===m?"top":"left"],w,w-d["y"===m?"bottom":"right"])),a&&(g=y(g+d["y"===p?"top":"left"],g,g-d["y"===p?"bottom":"right"]));const x=c.fn({...t,[m]:w,[p]:g});return{...x,data:{x:x.x-e,y:x.y-o}}}}),w({element:e,padding:4}),$()]}).then((({x:n,y:o,placement:i,middlewareData:r})=>{Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(n)}px,${Math.round(o)}px)`});const{x:s,y:a}=r.arrow,l={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];Object.assign(e.style,{left:null!=s?`${s}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",[l]:"-4px"});const{referenceHidden:c}=r.hide;Object.assign(t.style,{visibility:c?"hidden":"visible"})}))}async show(){this.open=!0,this.getElement().style.display="block",this.updatePosition()}async hide(){this.open=!1,this.getElement().style.display=""}async toggle(){this.open?this.hide():this.show()}render(){return e(n,{"aria-describedby":"tooltip",tabindex:"-1",class:"tw-inline-flex tw-w-fit tw-h-fit"},e("slot",null))}get el(){return o(this)}};export{nt as bcm_tooltip2}