bromcom-ui 2.9.0-rc.4 → 2.9.0-rc.6

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as s,g as a}from"./p-6d7fe687.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as r}from"./p-0ab46a99.js";import"./p-92831a1d.js";import"./p-8d0ca8c2.js";import"./p-0b0660a0.js";import"./p-7e44e6b5.js";import{B as i}from"./p-a429e85b.js";import{c as o}from"./p-d65a1e21.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const p=class{constructor(e){t(this,e),this._id=r.UID(),this.active=!1,this.disabled=!1,this.index=void 0,this.color="blue",this.size=i.Size.medium}handleClick(){var t;this.disabled||null===(t=r.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.setActive(this.index)}render(){const{color:t,size:a,active:r,disabled:p}=this;let c,l,b;switch(a){case i.Size.small:c="2",l="1",b="2";break;case i.Size.medium:c="3",l="2",b="3";break;case i.Size.large:c="4",l="3",b="4";break;default:c="3",l="2",b="3"}return e(s,{onClick:()=>this.handleClick(),class:o(`tw-text-${c} tw-py-${l} tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300  tw-transition-font tw-gap-${b} tw-focus:outline-none tw-mb-${l}]`,p?"tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50":"tw-cursor-pointer",r?`tw-text-${t}-500 enabled:hover:tw-text-${t}-600 enabled:active:tw-text-${t}-700 enabled:focus-visible:tw-text-${t}-800`:"tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600")})}get el(){return a(this)}};export{p as bcm_tab_item_header}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as i,f as n,h as m,H as c,g as o}from"./p-6d7fe687.js";import{c as t}from"./p-d65a1e21.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as l}from"./p-0ab46a99.js";import"./p-92831a1d.js";import"./p-8d0ca8c2.js";import"./p-0b0660a0.js";import{T as a}from"./p-a9a9bf8f.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import{I as r}from"./p-54c0916c.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-b60bcecf.js";const b=class{constructor(n){e(this,n),this.bcmClick=i(this,"bcm-click",7),this.bcmExpanded=i(this,"bcm-expanded",7),this.bcmMenuChange=i(this,"bcm-menu-change",7),this._id=l.UID(),this.size="medium",this.collapsible=!1,this.collapse=!1,this.mode="inline",this.disabled=!1,this.hidden=!1,this.linkedComponent=void 0,this.height="auto",this.maxHeight="500px",this.minHeight="150px",this.selectable=!0,this.gap="16px",this.dropdown=!1,this.placement="bottom-start",this.activeItemId=void 0,this.data=[]}async setActive(e){this.activeItemId=null;const i=n=>{n.forEach((n=>{n.id==e?(n.active=!0,this.activeItemId=n.id,this.bcmClick.emit(n)):(n.active=!1,n.items&&i(n.items))}))};i(this.data)}async getActive(){return this.activeItem}handleSlotItems({detail:e}){this.data=e}handleClickItem(e){e.items&&e.items.length>0?(e.isOpen=!e.isOpen,n(this)):(this.activeItemId=e.id,document.dispatchEvent(new CustomEvent("linked-data-dismiss",{detail:{id:this._id}}))),this.bcmClick.emit(e)}getTooltip(e,i){return new a({message:i,targetId:"bcm-menu__item-"+this._id+"-"+e,placement:"right"})}render(){const{data:e,collapsible:i,collapse:n}=this,o=t("bcm-menu",`bcm-menu__size-${this.size}`,{"bcm-menu__collapse":n,"bcm-menu__dropdown":this.dropdown}),a=(e,i)=>{if(!e.text)return;e.id||(e.id=l.UID());const c=!(!e.items||!e.items.length);return this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active)&&(this.bcmMenuChange.emit(e),this.activeItem=e),m("a",{id:"bcm-menu__item-"+this._id+"-"+e.id,onMouseEnter:()=>this.collapse&&this.getTooltip(e.id,e.text).show(),onMouseLeave:()=>this.collapse&&this.getTooltip(e.id,e.text).hide(),key:i,href:e.disabled?"javascript:void(0)":e.link||"javascript:void(0)",tabindex:e.disabled?"-1":"0",class:t("bcm-menu__item",{"bcm-menu__item--is-sub":c&&e.isOpen})},m("span",{class:t("bcm-menu__item-link",`bcm-menu__item-link--${this.mode}`,{"bcm-menu__item-link--active":this.selectable&&(this.activeItemId?this.activeItemId===e.id:e.active),"bcm-menu__item-link--disabled":e.disabled}),onClick:()=>{!this.disabled&&!e.disabled&&this.handleClickItem(e)}},e.icon&&m("span",{class:"bcm-menu__item-link-icon"},m("i",{class:e.icon||"far fa-angle-left"})),m("span",{class:t("bcm-menu__item-link-text",{"bcm-menu__item-link-text--collapse":n}),innerHTML:e.text}),c&&m("div",{class:t("bcm-menu__item-link-toggle",{"bcm-menu__item-link-toggle--collapse":e.isOpen})},m("i",{class:"fas fa-chevron-down"}))),c&&m("div",{class:t("bcm-menu__item-submenu",{"bcm-menu__item-submenu--collapse":n,"bcm-menu__item-submenu--open":e.isOpen})},e.items.map(((e,i)=>a(e,i)))))};return m(c,{class:o,disabled:this.disabled},m("div",{class:"bcm-menu__container",style:{gap:this.gap}},m("slot",null),(null==e?void 0:e.length)>0&&e.map(((e,i)=>a(e,i))),i&&m("div",{class:t("bcm-menu__collapse-button",{"bcm-menu__collapse-button--collapsed":n}),onClick:()=>{this.collapse=!n,i&&this.bcmExpanded.emit(n)}},m("i",{class:"far fa-angle-left"}))))}get el(){return o(this)}};(function(e,i,n,m){var c,o=arguments.length,t=o<3?i:null===m?m=Object.getOwnPropertyDescriptor(i,n):m;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,i,n,m);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(t=(o<3?c(t):o>3?c(i,n,t):c(i,n))||t);o>3&&t&&Object.defineProperty(i,n,t)})([r()],b.prototype,"el",void 0),b.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}';export{b as bcm_menu}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,h as t,H as i,g as p}from"./p-6d7fe687.js";import{c as s}from"./p-d65a1e21.js";import{C as n}from"./p-843905c8.js";import{S as x}from"./p-74b2d896.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-8d0ca8c2.js";import"./p-a429e85b.js";const a=class{constructor(t){e(this,t),this.hidden=!1,this.scale=void 0,this.weight="400",this.color="slate",this.text=void 0,this.fontSize=4}render(){const{hidden:e,scale:p,weight:a,color:h,fontSize:o}=this,l=s("bcm-text",{hidden:e}),c=s("bcm-text__paragraph",`bcm-text__font-size-${o}`,p),r=+a||400,g={color:n.dsColor(h),fontWeight:r};return t(i,{class:l},t("span",{hidden:!0},t("slot",null)),t("p",{class:c,style:Object.assign({},g)},t(x,{value:this.text})))}get el(){return p(this)}};a.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}*{box-sizing:border-box}.bcm-text{display:inline;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-text.hidden{display:none}.bcm-text__paragraph{margin:0;padding:0}.bcm-text__font-size-1{font-size:10px;line-height:calc(10px + 8px)}.bcm-text__font-size-2{font-size:12px;line-height:calc(12px + 8px)}.bcm-text__font-size-3{font-size:14px;line-height:calc(14px + 8px)}.bcm-text__font-size-4{font-size:16px;line-height:calc(16px + 8px)}.bcm-text__font-size-5{font-size:18px;line-height:calc(18px + 8px)}.bcm-text__font-size-6{font-size:20px;line-height:calc(20px + 8px)}.bcm-text__font-size-7{font-size:24px;line-height:calc(24px + 8px)}.bcm-text__font-size-8{font-size:32px;line-height:calc(32px + 8px)}.bcm-text__font-size-9{font-size:40px;line-height:calc(40px + 8px)}';export{a as bcm_text}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as p,H as s,g as r}from"./p-6d7fe687.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as o}from"./p-0ab46a99.js";import"./p-92831a1d.js";import"./p-8d0ca8c2.js";import"./p-0b0660a0.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import{c as e}from"./p-d65a1e21.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(p){t(this,p),this._id=o.UID(),this.el.slot="footer"}render(){return p(s,{class:e("tw-flex tw-flex-row tw-items-center tw-justify-end tw-gap-2 tw-px-6 tw-pb-6 tw-pt-2")},p("slot",null))}get el(){return r(this)}};export{a as bcm_modal_2_footer}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as i,H as e,g as s}from"./p-6d7fe687.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as a}from"./p-0ab46a99.js";import"./p-92831a1d.js";import"./p-8d0ca8c2.js";import"./p-0b0660a0.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const r=class{constructor(i){t(this,i),this._id=a.UID(),this.active=!1,this.disabled=!1,this.index=void 0}componentWillLoad(){this.indexControl()}componentDidRender(){this.headerMove()}getHeaderItem(){const t=this.el.querySelector("bcm-tab-item-header");return t&&(t.setAttribute("index",`${this.index}`),t.setAttribute("active",`${this.active}`),t.setAttribute("disabled",`${this.disabled}`),t.setAttribute("tab-id",`${this._id}`),t.style.order=`${this.index}`),t}getParentTabGroup(){return a.findParentElement(this.el,"bcm-tab-group")}getFindHeaderItem(){var t,i;return null===(i=null===(t=this.getParentTabGroup())||void 0===t?void 0:t.querySelector("#tab-header"))||void 0===i?void 0:i.querySelector(`bcm-tab-item-header[tab-id="${this._id}"]`)}headerMove(){var t,i,e,s;this.getHeaderItem()&&(null===(t=this.getFindHeaderItem())||void 0===t||t.remove(),null===(e=null===(i=this.getParentTabGroup())||void 0===i?void 0:i.querySelector("#tab-header"))||void 0===e||e.appendChild(this.getHeaderItem()),null===(s=this.el.parentElement)||void 0===s||s.refresh())}indexControl(){var t;this.index||null===(t=a.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.querySelectorAll("bcm-tab-item").forEach(((t,i)=>{t===this.el&&t.setAttribute("index",`${i+1}`)}))}componentDidLoad(){new MutationObserver((()=>{this.headerMove()})).observe(this.el,{childList:!0,subtree:!0})}render(){return i(e,{id:this._id,role:"tabpanel","aria-labelledby":`tab-${this._id}`,"aria-hidden":`${!this.active}`,class:{"tw-block":this.active,"tw-hidden":!this.active,"tw-opacity-50":this.disabled,"tw-w-full":!0}},i("slot",null))}get el(){return s(this)}};export{r as bcm_tab_item}

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

@@ -1,118 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const index$1 = require('./index-fdbf5226.js');
-const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-const jsonParseDecarator = require('./json-parse-decarator-bf157b28.js');
-const generate = require('./generate-d246df02.js');
-const bcm = require('./bcm-ab921827.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./colors-e1d142ad.js');
-
-const dropdownCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const BcmDropdown = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bcmClick = index.createEvent(this, "bcm-click", 7);
-    this.bcmDropdownChange = index.createEvent(this, "bcm-dropdown-change", 7);
-    this.isOpen = undefined;
-    this._id = generate.Generate.UID();
-    this.menuId = generate.Generate.UID();
-    this.hidden = false;
-    this.type = 'dropdown';
-    this.size = bcm.Bcm$1.Size.medium;
-    this.disabled = false;
-    this.kind = bcm.Bcm$1.Kind.solid;
-    this.icon = undefined;
-    this.href = undefined;
-    this.target = undefined;
-    this.value = undefined;
-    this.noStyle = false;
-    this.dropdownIcon = 'fas fa-angle-down';
-    this.linkedComponent = undefined;
-    this.loading = false;
-    this.variant = undefined;
-    this.dataDismiss = false;
-    this.fullWidth = false;
-    this.iconPosition = bcm.Bcm$1.IconPosition.prefix;
-    this.placement = undefined;
-    this.height = undefined;
-    this.maxHeight = '500px';
-    this.minHeight = '50px';
-    this.stopDeepClean = false;
-    this.selectable = true;
-    this.gap = '4px';
-    this.color = undefined;
-    this.activeItem = null;
-    this.data = [];
-  }
-  async dataChanged(newValue) {
-    if (newValue) {
-      this.data = newValue;
-    }
-  }
-  async setActive(id = null) {
-    var _a, _b;
-    (_b = (_a = document
-      .getElementById(`${this.menuId}`)) === null || _a === void 0 ? void 0 : _a.querySelectorAll('bcm-menu')) === null || _b === void 0 ? void 0 : _b.forEach(item => {
-      item.setActive(id);
-    });
-  }
-  async getActive() {
-    return this.activeItem;
-  }
-  handleSlotItems({ detail }) {
-    this.data = detail;
-  }
-  setActiveAttribute(e) {
-    if (e.detail) {
-      this.bcmDropdownChange.emit(e.detail);
-      this.activeItem = e.detail;
-    }
-  }
-  ;
-  render() {
-    const { size, kind, disabled, icon, color, href, target, loading, type, variant, fullWidth, isOpen } = this;
-    const hostClasses = index$1.classnames('bcm-dropdown', 'bcm-dropdown__type-' + type, {
-      'full-width': fullWidth,
-      'no-style': this.noStyle,
-      'hidden': this.hidden || this.linkedComponent,
-    });
-    const attributes = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (disabled && { disabled })), (loading && { loading })), (kind && { kind })), (size && { size })), (variant && { variant })), (color && { color })), (this.menuId && { 'menu-id': this.menuId }));
-    const iconClasses = index$1.classnames('bcm-dropdown__icon', {
-      'bcm-dropdown__icon--open': isOpen,
-    });
-    const dropdownIcon = (index.h("span", { class: iconClasses }, index.h("bcm-icon", { icon: this.dropdownIcon })));
-    return (index.h(index.Host, { class: hostClasses }, index.h("span", { hidden: true }, index.h("slot", null)), this.noStyle && index.h("slot", null), !this.noStyle && (index.h("bcm-button", Object.assign({ class: "main-button", id: `${this._id}-button` }, attributes, (icon && { icon }), (href && type === 'split' && { href }), (target && type === 'split' && { target }), (fullWidth && { fullWidth })), index.h("slot", null), type === 'dropdown' && dropdownIcon)), !this.noStyle && type === 'split' && (index.h("bcm-button", Object.assign({ id: `${this._id}-button-split`, class: "split-button" }, attributes), dropdownIcon)), index.h("bcm-linked", { id: `${this.menuId}`, "target-id": `${this._id}-button${type === 'split' ? '-split' : ''}`, placement: this.placement || (type === 'dropdown' ? 'bottom-start' : 'bottom-end'), "max-height": this.maxHeight, "min-height": this.minHeight, height: this.height, "on-bcm-open": e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.id) == this.menuId && (this.isOpen = e.detail); } }, this.data && this.data.length > 0 && index.h("bcm-menu", { data: this.data, selectable: this.selectable, "on-bcm-click": e => this.bcmClick.emit(e.detail), "onBcm-menu-change": e => this.setActiveAttribute(e), gap: this.gap, dropdown: true }), index.h("slot", { name: "content" }))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "data": ["dataChanged"]
-  }; }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmDropdown.prototype, "el", void 0);
-__decorate([
-  jsonParseDecarator.JsonParse('data', true)
-], BcmDropdown.prototype, "dataChanged", null);
-BcmDropdown.style = dropdownCss;
-
-exports.bcm_dropdown = BcmDropdown;

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

@@ -1,71 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-d246df02.js');
-const bcm = require('./bcm-ab921827.js');
-const index$1 = require('./index-fdbf5226.js');
-const colorHelper = require('./color-helper-d6d2028b.js');
-require('./colors-e1d142ad.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./colors-56282b00.js');
-require('./utils-fc077139.js');
-
-const itemCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;--bcm-item-color-default:var(--bcm-new-ds-color-white);--bcm-item-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-item-color-hover:var(--bcm-new-ds-color-white);--bcm-item-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-item-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-item-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-item-color-active:var(--bcm-new-ds-color-white);--bcm-item-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-item-color-disabled:var(--bcm-new-ds-color-white);--bcm-item-background-color-disabled:var(--bcm-new-ds-color-slate-400);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;border-radius:4px;outline:none;color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item-size-small{font-size:12px;line-height:calc(12px + 8px);padding:2px 12px;min-height:calc(calc(12px + 8px) + calc(2px) * 2)}.bcm-item-size-medium{font-size:14px;line-height:calc(14px + 8px);padding:5px 12px;min-height:calc(calc(14px + 8px) + calc(5px) * 2)}.bcm-item-size-large{font-size:16px;line-height:calc(16px + 8px);padding:8px 12px;min-height:calc(calc(16px + 8px) + calc(8px) * 2)}.bcm-item:default{color:var(--bcm-item-color-default);background-color:var(--bcm-item-background-color-default)}.bcm-item:hover{color:var(--bcm-item-color-hover);background-color:var(--bcm-item-background-color-hover)}.bcm-item:focus-visible{color:var(--bcm-item-color-focus-visible);background-color:var(--bcm-item-background-color-focus-visible)}.bcm-item:active{color:var(--bcm-item-color-active);background-color:var(--bcm-item-background-color-active)}.bcm-item:disabled{color:var(--bcm-item-color-disabled);background-color:var(--bcm-item-background-color-disabled)}.bcm-item:not(.static):hover{cursor:pointer}";
-
-const BcmItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._id = generate.Generate.UID();
-    this.size = bcm.Bcm$1.Size.medium;
-    this.color = undefined;
-    this.static = false;
-  }
-  setColor(color = this.color) {
-    if (!color)
-      return;
-    const prefix = `--bcm-item`;
-    if (color == "white") {
-      return {
-        [`${prefix}-color-default`]: colorHelper.ColorHelper.dsColor('slate-600'),
-        [`${prefix}-color-hover`]: colorHelper.ColorHelper.dsColor('slate-600'),
-        [`${prefix}-color-focus-visible`]: colorHelper.ColorHelper.dsColor('slate-600'),
-        [`${prefix}-color-active`]: colorHelper.ColorHelper.dsColor('slate-600'),
-        [`${prefix}-color-disabled`]: colorHelper.ColorHelper.dsColor('white'),
-        [`${prefix}-background-color-default`]: colorHelper.ColorHelper.dsColor(this.static ? 'white' : 'white'),
-        [`${prefix}-background-color-hover`]: colorHelper.ColorHelper.dsColor(this.static ? 'white' : 'slate-100'),
-        [`${prefix}-background-color-focus-visible`]: colorHelper.ColorHelper.dsColor(this.static ? 'white' : 'slate-200'),
-        [`${prefix}-background-color-active`]: colorHelper.ColorHelper.dsColor(this.static ? 'white' : 'slate-300'),
-        [`${prefix}-background-color-disabled`]: colorHelper.ColorHelper.dsColor('slate-400'),
-      };
-    }
-    return {
-      [`${prefix}-color-default`]: colorHelper.ColorHelper.dsColor('white'),
-      [`${prefix}-color-hover`]: colorHelper.ColorHelper.dsColor('white'),
-      [`${prefix}-color-focus-visible`]: colorHelper.ColorHelper.dsColor('white'),
-      [`${prefix}-color-active`]: colorHelper.ColorHelper.dsColor('white'),
-      [`${prefix}-color-disabled`]: colorHelper.ColorHelper.dsColor('white'),
-      [`${prefix}-background-color-default`]: colorHelper.ColorHelper.dsColor(color + '-500'),
-      [`${prefix}-background-color-hover`]: colorHelper.ColorHelper.dsColor(color + '-600'),
-      [`${prefix}-background-color-focus-visible`]: colorHelper.ColorHelper.dsColor(color + '-700'),
-      [`${prefix}-background-color-active`]: colorHelper.ColorHelper.dsColor(color + '-800'),
-      [`${prefix}-background-color-disabled`]: colorHelper.ColorHelper.dsColor('slate-400'),
-    };
-  }
-  disconnectedCallback() {
-    //   this.el.remove()
-  }
-  render() {
-    const hostClasses = index$1.classnames('bcm-item', `bcm-item-size-${this.size}`);
-    return (index.h(index.Host, { class: hostClasses, style: this.setColor() }, index.h("slot", null)));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmItem.style = itemCss;
-
-exports.bcm_item = BcmItem;

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

@@ -1,48 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const generate = require('./generate-d246df02.js');
-const stringHelper = require('./string-helper-d681e5c7.js');
-require('./colors-e1d142ad.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./bcm-ab921827.js');
-
-const BcmItems = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bcmItems = index.createEvent(this, "bcm-items", 7);
-    this._id = generate.Generate.UID();
-  }
-  connectedCallback() {
-    if (this.el.children && this.el.children.length > 0) {
-      let slots = this.nestedItems(this.el);
-      this.bcmItems.emit(slots);
-      this.el.remove();
-    }
-  }
-  mapItems(element) {
-    var _a;
-    const item = element;
-    const textContent = (_a = item === null || item === void 0 ? void 0 : item.innerHTML) === null || _a === void 0 ? void 0 : _a.replace(/<bcm-item>.*<\/bcm-item>/g, '').replace(/<bcm-item .*>.*<\/bcm-item>/g, '').replace(/<!--(.|\s)*?-->/g, '').trim();
-    const checkAttr = (attr) => stringHelper.StringHelper.elementBooleanCheck(element.getAttribute(attr));
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ id: element.getAttribute('id') || generate.Generate.UID(), text: element.getAttribute('text') || textContent }, (element.innerHTML.trim() && { isHtmlContent: element.textContent.length > 0 ? (element.innerHTML.trim()) : null })), (checkAttr('disabled') && { disabled: checkAttr('disabled') })), (checkAttr('selected') && { selected: checkAttr('selected') })), (checkAttr('checked') && { checked: checkAttr('checked') })), (checkAttr('readonly') && { readonly: checkAttr('readonly') })), (checkAttr('active') && { active: checkAttr('active') })), (checkAttr('icon') && { icon: element.getAttribute('icon') })), (checkAttr('link') && { link: element.getAttribute('link') }));
-  }
-  nestedItems(element) {
-    return generate.snq(() => Array.from(element === null || element === void 0 ? void 0 : element.children).map((child) => {
-      var _a;
-      return (Object.assign(Object.assign({}, (((_a = child === null || child === void 0 ? void 0 : child.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'bcm-item' && this.mapItems(child))), { items: this.nestedItems(child) }));
-    }), []);
-  }
-  render() {
-    return index.h("slot", null);
-  }
-  get el() { return index.getElement(this); }
-};
-
-exports.bcm_items = BcmItems;

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

@@ -1,149 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ddfd6d8f.js');
-const index$1 = require('./index-fdbf5226.js');
-require('./color-helper-d6d2028b.js');
-require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-d246df02.js');
-require('./number-helper-26df0c91.js');
-require('./string-helper-d681e5c7.js');
-require('./validators-095e7611.js');
-const tooltipHelper = require('./tooltip-helper-c822010b.js');
-require('./element-dragger-a8562f82.js');
-require('./bcm-ab921827.js');
-const isLoadDecorator = require('./is-load-decorator-137dded1.js');
-require('./_commonjsHelpers-bd20f4c0.js');
-require('./colors-56282b00.js');
-require('./utils-fc077139.js');
-require('./colors-e1d142ad.js');
-require('./floating-ui-c9fc2202.js');
-
-const menuCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-menu{--bcm-menu-color-default:var(--bcm-new-ds-color-slate-700);--bcm-menu-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-default:var(--bcm-new-ds-color-slate-600);--bcm-menu-color-hover:var(--bcm-new-ds-color-slate-800);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-menu-icon-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-menu-color-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active:var(--bcm-color-primary-500);--bcm-menu-icon-color-active:var(--bcm-new-ds-color-white);--bcm-menu-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-focus-visible:var(--bcm-color-primary-600);--bcm-menu-icon-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-menu-icon-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-menu-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-background-color-dropdownDisabled:var(--bcm-new-ds-color-transparent);--bcm-menu-icon-color-dropdownDisabled:var(--bcm-new-ds-color-slate-400);--bcm-menu-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-hover:var(--bcm-color-primary-400);--bcm-menu-icon-color-active-hover:var(--bcm-new-ds-color-white);--bcm-menu-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-focus-visible:var(--bcm-color-primary-700);--bcm-menu-icon-color-active-focus-visible:var(--bcm-new-ds-color-white);--bcm-menu-color-active-active:var(--bcm-new-ds-color-white);--bcm-menu-background-color-active-active:var(--bcm-color-primary-800);--bcm-menu-icon-color-active-active:var(--bcm-new-ds-color-white);font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;position:relative;width:210px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);transition:background-color 0.1s ease-in-out, width 0.3s ease-in-out}.bcm-menu__container{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap}.bcm-menu__item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;font:inherit;cursor:pointer;color:inherit;background-color:inherit;padding:0;margin:0;border:none;outline:none;text-decoration:none}.bcm-menu__item:hover,.bcm-menu__item:focus,.bcm-menu__item:active{outline:none;text-decoration:none}.bcm-menu__item--is-sub{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover);border-radius:4px}.bcm-menu__item--is-sub .bcm-menu__item-link-icon,.bcm-menu__item--is-sub .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color 0.1s ease-in-out, padding 0.3s ease-in-out;color:var(--bcm-menu-color-default);background-color:var(--bcm-menu-background-color-default)}.bcm-menu__item-link-icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;min-width:24px;max-width:24px}.bcm-menu__item-link-text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.bcm-menu__item-link-text--collapse{opacity:0}.bcm-menu__item-link-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:10px;height:100%;order:0;width:24px;transform:rotate(0deg);transition:transform 0.2s ease-in-out;margin-right:-8px}.bcm-menu__item-link-toggle--collapse{transform:rotate(-180deg)}.bcm-menu__item-link .bcm-menu__item-link-icon,.bcm-menu__item-link .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-default)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:hover:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-hover)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:active:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:focus-visible:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-focus-visible)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:disabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active){color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-icon,.bcm-menu__item-link:dropdownDisabled:not(.bcm-menu__item-link--disabled):not(.bcm-menu__item-link--active) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled){color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled) .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):hover .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-hover)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):focus-visible .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-focus-visible)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-icon,.bcm-menu__item-link--active:not(.bcm-menu__item-link--disabled):active .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-active-active)}.bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu__item-submenu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;padding:12px;display:none}.bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu__item-submenu--open{display:flex}.bcm-menu__size-small{padding:8px;font-size:12px;line-height:calc(14px + 8px)}.bcm-menu__size-medium{padding:16px;font-size:14px;line-height:calc(16px + 8px)}.bcm-menu__size-large{padding:16px;font-size:16px;line-height:calc(18px + 8px)}.bcm-menu__collapse-button{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;font-size:14px;border-radius:100px;position:absolute;top:23px;right:-8px;width:18px;height:18px;cursor:pointer;transition:background-color 0.1s ease-in-out, transform 0.3s ease}.bcm-menu__collapse-button:hover{color:var(--bcm-menu-color-active-hover);background-color:var(--bcm-menu-background-color-active-hover)}.bcm-menu__collapse-button:focus-visible{color:var(--bcm-menu-color-active-focus-visible);background-color:var(--bcm-menu-background-color-active-focus-visible)}.bcm-menu__collapse-button:active{color:var(--bcm-menu-color-active-active);background-color:var(--bcm-menu-background-color-active-active)}.bcm-menu__collapse-button--collapsed{transform:rotate(-180deg)}.bcm-menu__collapse{width:64px}.bcm-menu__collapse .bcm-menu__item-link{padding:4px}.bcm-menu--linked{position:absolute;z-index:10800;top:0;left:0;opacity:0;visibility:hidden;width:fit-content;min-height:50px;max-height:500px;height:auto;overflow-y:auto;padding:12px}.bcm-menu--linked.bcm-menu__open{opacity:1;visibility:visible}.bcm-menu--linked .bcm-menu__container{gap:4px}.bcm-menu--linked .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-slate-50);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item .bcm-menu__item-submenu .bcm-menu__item-link{--bcm-menu-background-color-default:var(--bcm-new-ds-color-white);--bcm-menu-background-color-hover:var(--bcm-new-ds-color-slate-100)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled{cursor:not-allowed;color:var(--bcm-menu-color-disabled);background-color:var(--bcm-menu-background-color-disabled)}.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu--linked .bcm-menu__item-submenu-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-submenu-link:not(.bcm-menu--linked .bcm-menu__item-submenu-link--active) .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-disabled)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active){background-color:var(--bcm-menu-background-color-default)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):hover{color:var(--bcm-menu-color-hover);background-color:var(--bcm-menu-background-color-hover)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):focus-visible{color:var(--bcm-menu-color-focus-visible);background-color:var(--bcm-menu-background-color-focus-visible)}.bcm-menu--linked .bcm-menu__item-link:not(:disabled) .bcm-menu--linked .bcm-menu__item-link:not(.bcm-menu--linked .bcm-menu__item-link--active):active{color:var(--bcm-menu-color-active);background-color:var(--bcm-menu-background-color-active)}.bcm-menu__dropdown{width:auto;max-width:210px}.bcm-menu__dropdown .bcm-menu__item-link--disabled{color:var(--bcm-menu-color-dropdownDisabled);background-color:var(--bcm-menu-background-color-dropdownDisabled)}.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-icon,.bcm-menu__dropdown .bcm-menu__item-link--disabled .bcm-menu__item-link-toggle{color:var(--bcm-menu-icon-color-dropdownDisabled)}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-    r = Reflect.decorate(decorators, target, key, desc);
-  else
-    for (var i = decorators.length - 1; i >= 0; i--)
-      if (d = decorators[i])
-        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const BcmMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bcmClick = index.createEvent(this, "bcm-click", 7);
-    this.bcmExpanded = index.createEvent(this, "bcm-expanded", 7);
-    this.bcmMenuChange = index.createEvent(this, "bcm-menu-change", 7);
-    this._id = generate.Generate.UID();
-    this.size = 'medium';
-    this.collapsible = false;
-    this.collapse = false;
-    this.mode = 'inline';
-    this.disabled = false;
-    this.hidden = false;
-    this.linkedComponent = undefined;
-    this.height = 'auto';
-    this.maxHeight = '500px';
-    this.minHeight = '150px';
-    this.selectable = true;
-    this.gap = "16px";
-    this.dropdown = false;
-    this.placement = 'bottom-start';
-    this.activeItemId = undefined;
-    this.data = [];
-  }
-  async setActive(param) {
-    this.activeItemId = null;
-    const recursive = (data) => {
-      data.forEach(item => {
-        if (item.id == param) {
-          item.active = true;
-          this.activeItemId = item.id;
-          this.bcmClick.emit(item);
-        }
-        else {
-          item.active = false;
-          if (item.items) {
-            recursive(item.items);
-          }
-        }
-      });
-    };
-    recursive(this.data);
-  }
-  async getActive() {
-    return this.activeItem;
-  }
-  handleSlotItems({ detail }) {
-    this.data = detail;
-  }
-  handleClickItem(item) {
-    if (item.items && item.items.length > 0) {
-      item.isOpen = !item.isOpen;
-      index.forceUpdate(this);
-    }
-    else {
-      this.activeItemId = item.id;
-      document.dispatchEvent(new CustomEvent('linked-data-dismiss', { detail: { id: this._id } }));
-    }
-    // this.data = this.data.map(menuItem => ({ ...menuItem, active: menuItem.id === item.id }));
-    this.bcmClick.emit(item);
-  }
-  getTooltip(id, text) {
-    return new tooltipHelper.Tooltip({ message: text, targetId: 'bcm-menu__item-' + this._id + '-' + id, placement: 'right' });
-  }
-  render() {
-    const { data, collapsible, collapse } = this;
-    const hostClasses = index$1.classnames('bcm-menu', `bcm-menu__size-${this.size}`, {
-      'bcm-menu__collapse': collapse,
-      'bcm-menu__dropdown': this.dropdown,
-    });
-    const MenuLinkTemplate = (item, index$2) => {
-      if (!item.text)
-        return;
-      if (!item.id)
-        item.id = generate.Generate.UID();
-      const subItems = !!(item.items && item.items.length);
-      if (this.selectable && (this.activeItemId ? this.activeItemId === item.id : item.active)) {
-        this.bcmMenuChange.emit(item);
-        this.activeItem = item;
-      }
-      return (index.h("a", { id: 'bcm-menu__item-' + this._id + '-' + item.id, onMouseEnter: () => this.collapse && this.getTooltip(item.id, item.text).show(), onMouseLeave: () => this.collapse && this.getTooltip(item.id, item.text).hide(), key: index$2, href: !item.disabled ? item.link || 'javascript:void(0)' : 'javascript:void(0)', tabindex: item.disabled ? '-1' : '0', class: index$1.classnames('bcm-menu__item', {
-          'bcm-menu__item--is-sub': subItems && item.isOpen,
-        }) }, index.h("span", { class: index$1.classnames('bcm-menu__item-link', `bcm-menu__item-link--${this.mode}`, {
-          'bcm-menu__item-link--active': this.selectable && (this.activeItemId ? this.activeItemId === item.id : item.active),
-          'bcm-menu__item-link--disabled': item.disabled,
-        }), onClick: () => {
-          !this.disabled && !item.disabled && this.handleClickItem(item);
-        } }, item.icon && (index.h("span", { class: "bcm-menu__item-link-icon" }, index.h("i", { class: item.icon || 'far fa-angle-left' }))), index.h("span", { class: index$1.classnames('bcm-menu__item-link-text', {
-          'bcm-menu__item-link-text--collapse': collapse,
-        }), innerHTML: item.text }), subItems && (index.h("div", { class: index$1.classnames('bcm-menu__item-link-toggle', {
-          'bcm-menu__item-link-toggle--collapse': item.isOpen,
-        }) }, index.h("i", { class: "fas fa-chevron-down" })))), subItems && (index.h("div", { class: index$1.classnames('bcm-menu__item-submenu', {
-          'bcm-menu__item-submenu--collapse': collapse,
-          'bcm-menu__item-submenu--open': item.isOpen,
-        }) }, item.items.map((subItem, subIndex) => MenuLinkTemplate(subItem, subIndex))))));
-    };
-    return (index.h(index.Host, { class: hostClasses, disabled: this.disabled }, index.h("div", { class: "bcm-menu__container", style: { gap: this.gap } }, index.h("slot", null), (data === null || data === void 0 ? void 0 : data.length) > 0 && data.map((item, index) => MenuLinkTemplate(item, index)), collapsible && (index.h("div", { class: index$1.classnames('bcm-menu__collapse-button', {
-        'bcm-menu__collapse-button--collapsed': collapse,
-      }), onClick: () => {
-        this.collapse = !collapse;
-        collapsible && this.bcmExpanded.emit(collapse);
-      } }, index.h("i", { class: "far fa-angle-left" }))))));
-  }
-  get el() { return index.getElement(this); }
-};
-__decorate([
-  isLoadDecorator.IsLoad()
-], BcmMenu.prototype, "el", void 0);
-BcmMenu.style = menuCss;
-
-exports.bcm_menu = BcmMenu;