bromcom-ui 2.8.0-rc.9 → 3.0.0-rc.0

package/dist/bromcom-ui/p-821f3fb6.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as t,r as e,c as i,H as c,g as o}from"./p-6d7fe687.js";import{I as s}from"./p-54c0916c.js";import{J as l}from"./p-9f6b4476.js";import"./p-cace6ebd.js";import"./p-626a65e9.js";import{G as n}from"./p-6a353bb6.js";import{N as r}from"./p-69b5544d.js";import{S as a}from"./p-dfbc34e2.js";import{V as h}from"./p-52ad7164.js";import"./p-5ae0a59b.js";import{g as b,s as m}from"./p-78ce966b.js";import{p as d,d as p}from"./p-3c7a0345.js";import{B as u,a as _}from"./p-978011dd.js";import{C as x}from"./p-a831bd5d.js";import{c as v}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{s as g}from"./p-10bf821f.js";import{L as k}from"./p-98ea4ff6.js";import"./p-2e73d572.js";import{c as f}from"./p-3cde7f38.js";import{T as w}from"./p-bd0d939f.js";import"./p-436364c8.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";import"./p-4e55fc9e.js";const y=({disabled:e,checked:i,readonly:c,required:o,indeterminate:s,hidden:l,captionType:n,_id:r})=>{const a=v("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:n==u.Status.error,hidden:l,checked:i,disabled:e,required:o,readonly:c}),h=v("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+s,{"bcm-checkbox__label-icon-checked":i}),b=v("bcm-checkbox__label");return t("div",{class:a},t("input",{tabindex:"-1",id:r,type:"checkbox",checked:i,disabled:e,required:o,readonly:c}),t("label",{class:b,htmlFor:r},t("span",{class:h},t("bcm-icon",{icon:"far fa-check"}))))},z=({selected:e,total:i,found:c,multiple:o,variableText:s})=>(i=i||0,s=s?d(s,i):"items",t("footer",{class:"bcm-info-footer"},t("bcm-text",{scale:"size-1",color:"grey-8"},o&&e>0&&` ( ${e} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${s} found. `))),I=({item:e,treeview:i,highlight:c,checkboxes:o,size:s,selectedItem:l,openGroup:n,checkedItem:r,focusItem:h,searchIsOnlyChilds:b})=>{const m=e.items&&e.items.length>0;var d=a.htmlEntities(e.text);let p=[];if(c&&a.slugify(d).includes(a.slugify(c))&&(b&&(!b||m&&(i||"group"==e.type))||(d=a.highlight(d,c))),"group"!=e.type&&e.template){const t=e.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((t=>t.replace(/[{}]/g,""))),i=Object.keys(e.itemObject);p=t.filter((t=>i.includes(t)))}d=e.isHtmlContent?e.isHtmlContent:e.template&&p.length>0?a.templateParser(e.template,Object.assign(Object.assign({},e.itemObject),{text:d})):d;const u=!i&&"group"==e.type&&!e.clickable,_=e.disabled,x=e.readonly,g=()=>{e.open=e.isSearching,n(e.id)};return t("div",{id:e.id,hidden:e.hidden,"on-focus":t=>!u&&!_&&h(t),class:v("bcm-list__item","bcm-list__item-"+s,{"bcm-list__item--group":!i&&"group"==e.type,"bcm-list__item--readonly":x})},t("div",{class:v("bcm-list__item-content",!o&&e.selected&&"selected",{disabled:_})},i&&t("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>g()},m&&t("bcm-icon",{icon:v("fas fa-caret-"+(e.isSearching||e.open?"down":"right"))})),t("div",{class:v("bcm-list__item-content-text",{treeview:i}),onClick:t=>{var i;((i=t).path||i.composedPath()).filter((t=>t.attributes&&t.attributes.getNamedItem("unlinked")))[0]||(x&&g(),!u&&!_&&!x&&(o?r(e.id):l(e.id)))}},o&&(i||!i&&"group"!=e.type)&&t("div",{class:"bcm-list__item-content-text-checkbox"},t(y,{indeterminate:e.indeterminate,checked:e.checked,disabled:e.disabled})),t("span",Object.assign({class:"bcm-list__item-content-text-inner"},e.title&&{title:e.title},{innerHTML:d})))),(i||!i&&"group"==e.type)&&m&&t("div",{class:"bcm-list__item-childs"},(e.isSearching||e.open||!i&&"group"==e.type)&&e.items.map((e=>t(I,{highlight:c,item:e,searchIsOnlyChilds:b,treeview:i,checkboxes:o,size:s,selectedItem:l,checkedItem:r,openGroup:t=>n(t),focusItem:t=>h(t)})))))},$=({highlight:e,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:s,checkAll:l,infoFooter:n,value:r,totalData:a,searchFound:h,variableText:b,_id:m,data:d,width:p,height:u,size:_,searchPlaceholder:x,minSearchLength:v,selectedItem:g,openGroup:k,checkedItem:f,onScrollEvent:w,focusItem:y,items:$,searchable:j,searchIsOnlyChilds:C,emptyText:O,emptyIcon:S})=>{const T=!(o&&h>0||h>0);return t("div",{id:`bcm-list-${m}`,class:c,style:{"--height":u,"--width":p}},d&&j&&t("section",{class:"bcm-list__container-search"},t("bcm-search",{size:_,id:`bcm-list-${m}-search`,data:d,clearable:!0,placeholder:x,"min-search-length":v,searchIsOnlyChilds:C})),t("main",{onScroll:t=>w(t),class:"scrolling",style:{"overscroll-behavior":"none"}},t("div",{style:{"min-height":`${(h>=0||(o?$.length:a))*("small"===_?28:"medium"===_?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},l&&0!=h&&$&&$.length>0&&s&&T&&t("section",{class:"bcm-list__container-select-all"},t(I,{size:_,item:i,treeview:!1,checkboxes:!0,selectedItem:t=>g(t),checkedItem:t=>f(t),openGroup:t=>k(t),focusItem:t=>y(t)})),$.map((i=>t(I,{highlight:e,size:_,item:i,searchIsOnlyChilds:C,treeview:o,checkboxes:s,selectedItem:t=>g(t),checkedItem:t=>f(t),openGroup:t=>k(t),focusItem:t=>y(t)}))),(!$||0===$.length)&&0!=h&&t("section",{class:"bcm-list__container-no-data"},t("bcm-empty",{style:{height:"auto"},icon:S},t("span",{innerHTML:O||"No data"}))),0==h&&t("section",{class:"bcm-list__container-no-data"},t("bcm-empty",{style:{height:"auto"},icon:S},t("span",{innerHTML:O||"No Data Found"}))))),n&&d&&d.length>0&&t(z,{selected:null==r?void 0:r.length,total:a,found:h,multiple:s,variableText:b}))},{state:j}=f({value:new Map}),C=(t,e,i)=>{let c=[];return t&&t.length>0&&(c=t.map((t=>Object.assign(Object.assign(Object.assign(Object.assign({itemObject:t},t),e),{parentId:g((()=>i),null),open:e.allOpen||t.open||!1}),(e.treeview||!e.treeview&&"group"==t.type)&&t.items&&t.items.length>0?{items:g((()=>C(t.items,e,t.id)),[])}:{items:[]})))),c},O=t=>g((()=>j.value.get(t)),{}),S=(t,e)=>{let i=0;return t.forEach((t=>{(e||!e&&"group"!=t.type)&&(i+=1),(e||!e&&"group"==t.type)&&t.items&&(i+=S(t.items,e))})),i},T=(t,e,i,c)=>{let o;o=i||O(t).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==e?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&T(t,e,i.items,!1)):i.items&&T(t,e,i.items)}))},E=(t,e,i)=>{i&&i.forEach((i=>{i.id==e?(i.checked=!1,i.itemObject.checked=!1,R(t,i.parentId)):i.items&&E(t,e,i.items)}))},P=(t,e)=>{F(t,e)},F=(t,e,i)=>{let c;e=Array.isArray(e)?e:[e],c=i||O(t).dataSource,c&&c.forEach((i=>{e.includes(i.id)?(L(t,i),i.parentId&&R(t,i.parentId)):i.items&&F(t,e,i.items)}))},L=(t,e,i)=>{const c=O(t);if(c){const o=c.options.treeview;e&&((o||!o&&"group"!=e.type)&&(e.disabled||(e.checked=null!=i?i:!e.checked,e.itemObject.checked=e.checked,e.indeterminate=e.checked?"determinate":"uncheck")),e.items&&e.items.forEach((c=>{L(t,c,null==i?e.checked:i)})))}},R=(t,e,i)=>{let c;c=i||O(t).dataSource,c&&c.forEach((i=>{if(i.id==e){let e=!0,c=!0;i.items&&i.items.map((t=>{(t.checked||"indeterminate"===t.indeterminate)&&(c=!1),!t.checked&&(e=!1)}));const o=e||c?e?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&R(t,i.parentId)}else i.items&&R(t,e,i.items)}))},D=(t,e,i,c)=>{let o,s=[],l=[];return O(t).isSearchOtherTag=c,o=i||O(t).dataSource,o&&o.forEach((i=>{if(e){var o;i.hidden=!0;for(let t=0;t<e.length;t++)if(e[t].id===i.id){o=e[t];break}if(o&&(i.hidden=!1,O(t).isSearchOtherTag||(i.isSearching=!0),l.push(i),i.checked&&s.push(i),o.items)){const{checkedItems:e,visibledItems:n}=D(t,o.items,i.items,c);e&&(s=[...new Set([...s,...e])]),n&&(l=[...new Set([...l,...n])])}}else i.hidden=!1,i.items&&D(t,null,i.items),l.push(i),i.isSearching=!1})),{checkedItems:null!=s?s:[],visibledItems:null!=l?l:[]}},A=(t,e)=>{let i,c=null;return i=e||O(t).dataSource,i&&i.forEach((e=>{if(e.selected)c=e.itemObject;else if(e.items){const i=A(t,e.items);i&&(c=i)}})),c},N=(t,e)=>{let i,c=[],o=[];return i=e||O(t).dataSource,i&&i.forEach((e=>{var i;let s=[],l=[];if(e.checked&&(c.push(e.itemObject),l.push(Object.assign(Object.assign({},e.itemObject),{items:[]}))),e.items){const o=N(t,e.items);(null===(i=null==o?void 0:o.checkedList)||void 0===i?void 0:i.length)>0&&(c=[...c,...o.checkedList]),o.nestedResult.length>0&&(s=o.nestedResult)}s.length>0?(0==l.length&&l.push(Object.assign(Object.assign({},e.itemObject),{items:[]})),l[0].items=s,o.push(l[0])):l.length>0&&(l[0].items=s,o.push(l[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},G=(t,e,i)=>{let c,o=[];return c=i||O(t).dataSource,c&&c.forEach((i=>{if(e&&(i.id==e?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=G(t,e,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},H=(t,e)=>{let i;i=e||O(t).dataSource,i&&i.forEach((e=>{var i,c,o;e.checked&&(e.checked=!1),e.selected&&(e.selected=!1),e.indeterminate&&(e.indeterminate="uncheck"),(null===(i=e.itemObject)||void 0===i?void 0:i.checked)&&(e.itemObject.checked=!1),(null===(c=e.itemObject)||void 0===c?void 0:c.selected)&&(e.itemObject.selected=!1),(null===(o=e.itemObject)||void 0===o?void 0:o.indeterminate)&&(e.itemObject.indeterminate="uncheck"),e.items&&H(t,e.items)}))},V={setValue:t=>{const{id:e,dataSource:i,options:c}=t,{type:o,treeview:s,checkboxes:l,searchable:r,value:a,name:h,label:b,size:m,disabled:d,readonly:p,highlight:u,required:_,hidden:x,fullWidth:v,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:$,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V}=c,M={size:m,checkboxes:l,template:$,allOpen:O,highlight:u,treeview:s},q={id:g((()=>e),n.UID),dataSource:i&&i.length>0&&C(i,M),options:{type:o,treeview:s,checkboxes:l,searchable:r,value:a,name:h,label:b,size:m,disabled:d,readonly:p,highlight:u,required:_,hidden:x,fullWidth:v,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:$,allOpen:O,keyControl:T,checkAll:E,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:H,placement:V},totalItems:(null==i?void 0:i.length)>0&&S(i,c.treeview),totalRoots:null==i?void 0:i.length};j.value.set(q.id,q)},removeValue:t=>{j.value.delete(t)},getValue:O,getData:t=>{let e=[];const i=O(t);if(i){const{dataSource:t}=i;e=t}return e},getDataPagination:(t,e=3,i)=>{let c=[];const o=O(t);if(o){const{dataSource:t}=o;c=i?t.filter((t=>i.indexOf(t.id)>-1)).slice(0,e):t.slice(0,e)}return c},openGroup:T,checkedItem:P,filterData:D,getSelected:A,getCheckedList:N,selectedItem:G,addChecked:(t,e)=>{O(t)&&e.forEach((e=>{P(t,e)}))},setClear:H,selectAll:(t,e)=>{const i=O(t).dataSource;i&&i.forEach((i=>{L(t,i,e)}))},removeOtherTags:(t,e,i)=>{let c;if(e=Array.isArray(e)?e:[e],i)c=i;else{const e=O(t);c=e.dataSource}c&&e.forEach((e=>{c.forEach((i=>{i.id==e?(i.checked=!1,i.itemObject.checked=!1):i.items&&E(t,e,i.items)}))}))},onRemoveItems:E,updateOptions:(t,e)=>{Object.keys(O(t).options).forEach((i=>{O(t).options[i]=e[i]}))},removeState:t=>Promise.resolve(j.value.delete(t))};class M{constructor(t,e,i,c){this.elementName="",this.childElementName="",this.keyCode=t,this.element=e,this.elementName=i,this.childElementName=c}getKeyCode(){return this.keyCode}getElementName(){return this.elementName}getChildElementName(){return this.childElementName}getFocusedElementName(){return this.getElementName()+".focused"}getFocusedElement(){return this.element.querySelectorAll(this.getFocusedElementName())[0]||null}getFirstElement(){return this.element.querySelectorAll(this.getElementName())[0]||null}getNextElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.previousElementSibling)||this.getFirstElement()}getChildElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(t){if(t&&t)return t&&t.attributes["data-isroot"]?t:this.getParentElement(t.parentNode)}focusElementIsOpen(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var t;return(null===(t=this.getFocusedElement())||void 0===t?void 0:t.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var t;return(null===(t=this.getChildElement())||void 0===t?void 0:t.querySelectorAll(".focused")[0])||null}isLastElement(){var t;return null===(null===(t=this.getFocusedElement())||void 0===t?void 0:t.nextElementSibling)}focusParentElementFirstChild(){var t,e;return this.setFocus(null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.firstChild)}isFirstElement(){var t;return null===(null===(t=this.getFocusedElement())||void 0===t?void 0:t.previousElementSibling)}focusRootElement(){var t,e,i;return this.setFocus(null===(i=null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var t,e,i;return this.setFocus(null===(i=null===(e=null===(t=this.getFocusedElement())||void 0===t?void 0:t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.nextElementSibling)}findFocusElementParent(){return this.getFocusedElement().parentNode.querySelectorAll(".bcm-list__item--open")}getLastElement(){return this.element.querySelectorAll(this.getElementName())[this.element.querySelectorAll(this.getElementName()).length-1]||null}setFocus(t){t.focus()}}class q extends M{constructor(t,e,i,c){super(t,e,".bcm-list__item",".bcm-list__item-childs"),this.isTreeview=!1,this.isCheckBoxes=!1,this.isTreeview=i,this.isCheckBoxes=c}keyUpControl(){this.isTreeview?this.keyUpTreeview():this.isFirstElement()?this.setFocus(this.getLastElement()):this.setFocus(this.getPreviousElement())}keyDownTreeView(){var t;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const t=this.getChildElement();t&&this.setFocus(t.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(t=this.getParentElement(this.getFocusedElement()))||void 0===t?void 0:t.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const t=this.getParentElement(this.getFocusedElement());this.setFocus(t)}else{const t=this.getPreviousElement();if(t)if(t.classList.contains("bcm-list__item--open")){const e=t.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:e}),this.setFocus(e.lastChild)}else this.setFocus(t)}}keyDownControl(){this.isTreeview?this.keyDownTreeView():this.isLastElement()?this.setFocus(this.getFirstElement()):this.setFocus(this.getNextElement())}keyRightControl(){if(this.isTreeview&&!this.isRootElementIsOpen()&&this.isRootElement()){const{id:t}=this.getFocusedElement();this.openGroup(t)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:t}=this.getFocusedElement();this.openGroup(t)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:t}=this.getFocusedElement();this.checkedItem(t)}}keyDown(){switch(this.getKeyCode()){case u.KeyCode.up:this.keyUpControl();break;case u.KeyCode.down:this.keyDownControl();break;case u.KeyCode.left:this.keyLeftControl();break;case u.KeyCode.right:this.keyRightControl();break;case u.KeyCode.enter:this.keyEnterControl();break;case u.KeyCode.space:this.keySpaceControl()}}keyUp(){}}class W{constructor(t,e,i,c,o){this.clearable=!1,this.containerId=t,this.values=e,this.listId=i,this.selectedOtherTag=c,this.clearable=o}getTooltip(t,e){return new w({message:e,targetId:t,placement:"bottom"})}tagHtmlTemplate(t,e=!1,i=!1){return`<span class="bcm-tag__content dismissable ${!i&&e&&(this.selectedOtherTag?"checkable checked":"")}">\n                    <span class="value">${t.text}</span>\n                    ${i?"":'\n                    <span class="right close-button" bcm-list-tag-dismiss >\n                        <bcm-icon icon="fal fa-times"></bcm-icon>\n                    </span>'}\n                </span>`}getContainer(){return document.getElementById(this.containerId)}getContainerWidth(){let t=g((()=>document.getElementById(this.containerId).clientWidth),0);return t=(this.clearable?t-20:t)-20,[t<130?130:t-20,t]}isClickDismiss(t){return!!(t.path||t.composedPath&&t.composedPath()).find((t=>t.attributes&&t.attributes["bcm-list-tag-dismiss"]))}onClickControl(t,e,i=!1){let c="";this.isClickDismiss(t)?(this.onClickDismiss(e),c=i?`bcm-list-input-tag-${this.listId}-other-tag`:`list-${this.listId}-${e}`,this.getTooltip(c,"").hide()):i?this.onClickOtherTag(e):this.onClickTag(e)}calculateTags(){const t=this.getContainerWidth(),e=this.getContainer();if(e)if(this.values&&this.values.length>0){if(t[0]>0&&e){e.innerHTML="",this.values.slice(0,50).map((t=>{const i=document.createElement("div");i.classList.add("bcm-tag"),i.id=`list-${this.listId}-${t.id}`,i.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${t.id}`,t.tagTitle||t.text||"").show(),i.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${t.id}`,t.tagTitle||t.text||"").hide(),i.dataset.id=t.id,i.onclick=e=>this.onClickControl(e,t.id),i.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},t),{text:a.textLimitter(t.text,10)})),e.appendChild(i)}));let i=e.querySelectorAll(".bcm-tag"),c=[],o=[];const s=()=>{const t=e.querySelectorAll(".bcm-tag");1===o.length&&1===(null==t?void 0:t.length)&&(o[0].innerHTML=this.tagHtmlTemplate({text:"+1"},!1,!0))};let l=Array.from(i).reduce(((e,i)=>{const l=i.clientWidth>50?i.clientWidth:50;return l>0&&e+l+10<t[0]?(e+=l+10,o.push(i),!(l>0&&e+l+10<t[0])&&t[1]<70&&s()):(c.push(i),i.remove()),e}),0);const n=this.values.slice(o.length),r=e.lastElementChild,h=t=>{const{count:e,width:i}=t;return e>999?"999+"+d("item",e):i>100?`${e} `+d("item",e)+" selected":i<100?`+${e<10?e:"9"}`:void 0};if(c&&c.length>0&&r&&r.id!==`bcm-list-input-tag-${this.listId}-other-tag`&&(c.push(r),c.length>0)){const i={id:`bcm-list-input-tag-${this.listId}-other-tag`,text:h({count:n.length+1,width:t[1]}),title:g((()=>c.map((t=>this.values.find((e=>e.id==t.dataset.id)))).slice(0,15).map((t=>a.textLimitter(t.tagTitle||t.text,40,!0))).toString().split(",").join("\r\n")+(c.length>15?"\r\n...":"")),"...")};r.remove(),o=o.filter((t=>t.id!==r.id));const s=this.values.filter((t=>!o.find((e=>e.dataset.id==t.id)))).map((t=>t.id)),l=document.createElement("div"),b=s.join(","),m=0===o.length;l.classList.add("bcm-tag"),!m&&l.classList.add("bcm-tag--other"),l.id=i.id,i.title&&(l.onmouseenter=()=>this.getTooltip(i.id,i.title).show(),l.onmouseleave=()=>this.getTooltip(i.id,i.title).hide()),l.onclick=t=>this.onClickControl(t,b,!m),l.innerHTML=this.tagHtmlTemplate(i,!0,m),l.dataset.ids=s.join(","),e.appendChild(l)}const b=document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`),m=b?b.clientWidth&&b.clientWidth<50?50:b.clientWidth:200;if(Math.floor(t[0]-l)>m&&b){const t=this.values.find((t=>t.id==b.dataset.ids.split(",")[0])),i=document.createElement("div");i.classList.add("bcm-tag"),i.id=`list-${this.listId}-${t.id}`,i.onmouseenter=()=>this.getTooltip(`list-${this.listId}-${t.id}`,(null==t?void 0:t.title)||"").show(),i.onmouseleave=()=>this.getTooltip(`list-${this.listId}-${t.id}`,(null==t?void 0:t.title)||"").hide(),i.dataset.id=t.id,i.onclick=e=>this.onClickControl(e,null==t?void 0:t.id),i.innerHTML=this.tagHtmlTemplate(Object.assign(Object.assign({},t),{text:a.textLimitter(t.text,10)})),document.getElementById(`bcm-list-input-tag-${this.listId}-other-tag`).remove(),e.appendChild(i)}}}else e.innerHTML=""}}var U=function(t,e,i,c){var o,s=arguments.length,l=s<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,i,c);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(l=(s<3?o(l):s>3?o(e,i,l):o(e,i))||l);return s>3&&l&&Object.defineProperty(e,i,l),l};const K=class{constructor(t){e(this,t),this.bcmChecklist=i(this,"bcm-checklist",7),this.bcmSelected=i(this,"bcm-selected",7),this.change=i(this,"bcm-change",7),this.open=i(this,"bcm-open",7),this.close=i(this,"bcm-close",7),this.debounce=null,this.debounceHandler=n.debounceInput((()=>this.listenResize()),300,!1),this._id=n.UID(),this.type=_.ListType.listbox,this.treeview=!1,this.checkboxes=!1,this.searchable=!1,this.value=null,this.inputText=void 0,this.name=void 0,this.label=void 0,this.size=_.Size.medium,this.disabled=!1,this.readonly=!1,this.highlight=!1,this.highlightText=void 0,this.required=!1,this.hidden=!1,this.fullWidth=!1,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.width="256px",this.infoFooter=!1,this.variableText="item",this.template=void 0,this.allOpen=!1,this.keyControl=!1,this.checkAll=!0,this.stopDeepClean=!1,this.linkedComponent=void 0,this.isOpen=!1,this.calculatedViewport=!1,this.isSelectedOther=!1,this.isHaveOtherTag=!1,this.placeholder="Choose an option",this.searchPlaceholder="Search",this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.clearable=!1,this.caption=void 0,this.noCaption=!1,this.captionType=_.Status.default,this.captionError=void 0,this.emptyText=void 0,this.emptyIcon="fad fa-folder-open",this.captionCache=void 0,this.captionTypeCache=void 0,this.tick={},this.totalData=0,this.totalRootData=0,this.limit=20,this.searchGetParents=void 0,this.searchResultLimit=20,this.searchFound=null,this.returnFilterData={},this.returnOtherData={},this.options={rootMargin:"30px"},this.tagContainerWidth=0,this.selectAllItem={id:"select-all",text:"Select All",value:"select-all",checked:!1,disabled:!1,icon:"",status:_.Status.default,indeterminate:"uncheck"},this.placement=_.Placement["bottom-start"],this.data=[]}connectedCallback(){"256px"!=this.height&&(this.limit=this.height.indexOf("px")>-1?Math.floor(+this.height.replace("px","")/10):Math.floor(+window.innerHeight/10),this.searchResultLimit=this.limit,this.markForCheck());const t=document.querySelectorAll(`#bcm-list-${this._id}`);(null==t?void 0:t.length)>1&&t.forEach(((t,e)=>e>0&&t.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(t,e,i){Object.keys(this.getOptions()).indexOf(i)>-1&&t!==e&&this.updateOptions()}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const t=this.el.querySelector(`#bcm-list-${this._id}`);t&&document.body.appendChild(t)}}tagCalculator(){if(this.checkboxes&&("select"==this.type||"autocomplete"==this.type)){const t=new W(`bcm-list-input-tag-container-${this._id}`,this.value,this._id,this.isSelectedOther,this.clearable);t.calculateTags();const e=t=>"string"==typeof t?t.split(","):[t],i=()=>{if("autocomplete"==this.type){const t=this.getAutoCompleteInput();t&&t.handleClear(!1)}};t.onClickOtherTag=async t=>{this.disabled||(i(),this.isSelectedOther?await this.unSelectOther():(await this.onClearSearch(),this.isSelectedOther=!0,this.filterOtherList(e(t)),this.isOpen=!0),this.onSelectSearch())},t.onClickTag=()=>{i(),this.onSelectSearch(),this.unSelectOther()},t.onClickDismiss=async t=>{var i;this.disabled||(this.isSelectedOther&&await this.unSelectOther(),e(t).length>1?V.removeOtherTags(this._id,e(t)):V.checkedItem(this._id,e(t)[0]),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData))}}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const t=document.querySelectorAll(`#bcm-list-${this._id}`);(null==t?void 0:t.length)&&(t.forEach((t=>t.remove())),this.el.remove())}}watchId(t,e){V.removeState(e),this.initState()}handleValueChange(t,e){var i;n.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes?h.compareTwoArrayIsSame(t,e)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==t?void 0:t.text)!=(null==e?void 0:e.text)&&this.change.emit(this.value),this.tagCalculator()}watchReturnFilterData(t){var e;const{checkedItems:i,visibledItems:c}=t;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(e=this.value)||void 0===e?void 0:e.length)||0,this.totalData)}handleOtherSelected(t){var e;const i=null===(e=document.getElementById(`bcm-list-input-tag-${this._id}-other-tag`))||void 0===e?void 0:e.querySelector(".bcm-tag__content");i&&(!0===t?i.classList.add("checkable","checked"):i.classList.remove("checkable","checked"))}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await p(100),this.unSelectOther())}listScrollToTop(){const t=document.querySelector(`#bcm-list-${this._id}`);t&&(t.querySelector(".scrolling").scrollTop=0)}async dataChanged(t,e){h.compareTwoArrayIsSame(t,e)||await this.initState()}isIntersecting(t){const e=null==t?void 0:t.target;e&&e.id===this._id&&this.listenResize()}handleSlotItems(t){var e;(null===(e=null==t?void 0:t.detail)||void 0===e?void 0:e.length)>0&&(this.data=t.detail)}handleChange(t){t.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&t.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(t){if(this.isOpen){const e=document.querySelector(`#bcm-list-${this._id}`);e&&n.findEventPath(t,e)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}handleClick(t){var e;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=n.findEventPath(t,this.el)||i&&n.findEventPath(t,i);if(c&&(null!==this.debounce&&(t.preventDefault(),t.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const t=this.getAutoCompleteInput();t&&t.setValue(this.checkboxes?"":(null===(e=this.value)||void 0===e?void 0:e.text)||"")}const o=n.findEventPathWithKey(t,"className",["bcm-tag"]),s=n.findEventPathWithKey(t,"className",["bcm-tag bcm-tag--other"]),l=n.findEventPathWithKey(t,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),r=n.findEventPathWithKey(t,"className",["right close-button"]);l&&!r&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!s&&this.isOpen)),i&&this.isOpen&&(i.contains(t.target)||this.el.contains(t.target)||(this.isOpen=!1))}bcmOnSearchClear(t){var e,i;"autocomplete"==this.type&&((null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||t.detail&&this.setClear())}bcmOnSearch(t){var e,i,c,o,s,l;(null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=g((()=>{var e;return null===(e=t.detail)||void 0===e?void 0:e.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=t.detail)||void 0===c?void 0:c.matching)?null===(o=t.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(s=t.detail)||void 0===s?void 0:s.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(l=t.detail)||void 0===l?void 0:l.value),"autocomplete"==this.type&&(this.isOpen=!0),t.detail.result||("autocomplete"==this.type&&(this.isOpen=!1),this.isSelectedOther?this.filterOtherList(this.otherTagIds()):(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(t){const e=t.keyCode||t.which;if(e===_.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()),this.keyControl){const t=new q(e,this.el,this.treeview,this.checkboxes);t.openGroup=t=>{this.openGroup(t)},t.checkedItem=t=>{this.checkedItem(t)},t.keyDown()}}handleKeyUp(t){if(this.keyControl&&n.findEventPath(t,this.el)){const t=document.getElementById(`bcm-list-${this._id}`);if(t){const e=t.querySelectorAll(".bcm-list__item.focused");if(e.length>0){const i=t.querySelector("main"),c=e[0].offsetHeight,o=i.offsetHeight,s=e[0].offsetTop;s>o&&(i.scrollTop=s-o/2+c/2),s<o&&(i.scrollTop=s-o/2-c/2)}}}}async set(t){t?(Array.isArray(t)&&this.addChecked(t),"string"!=typeof t&&"number"!=typeof t||this.selectedItem(t)):this.setClear()}async get(){var t,e;return this.value?this.checkboxes?null===(e=null===(t=await this.getCheckedList())||void 0===t?void 0:t.checkedList)||void 0===e?void 0:e.map((t=>t.id)):this.value.id:null}async getCheckedList(){return Promise.resolve(V.getCheckedList(this._id))}async getSelected(){return Promise.resolve(V.getSelected(this._id))}async getValue(){return Promise.resolve(this.value)}async addChecked(t=[],e=!1,i=!0){return t&&t.length>0&&(e||(V.setClear(this._id),await p(10)),await V.addChecked(this._id,t),await p(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(t){return!!t&&Promise.resolve(await this.selectedItem(t))}async setClear(t){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.tagCalculator(),this.markForCheck(),t&&(t.stopPropagation(),t.preventDefault()),await p(10),Promise.resolve()}async resetCaption(){return await p(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await p(10),Promise.resolve()}async show(){return this.isOpen=!0,Promise.resolve()}async hide(){return this.isOpen=!1,Promise.resolve()}updateOptions(){V.updateOptions(this._id,this)}handleIndeterminate(t,e){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&t>0?t===e?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&t>0)&&t===e})}listenResize(){this.tagCalculator(),this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},V.filterData(this._id,null),await p(10),Promise.resolve()}async onClearSearch(){const t=document.getElementById(`bcm-list-${this._id}-search`);return t&&await t.handleClear(),Promise.resolve()}async onSelectSearch(){const t=document.getElementById(`bcm-list-${this._id}-search`);t&&(await p(100),t.onBcmFocus(),t.onBcmSelect())}otherTagIds(){const t=document.querySelector(`#bcm-list-input-tag-${this._id}-other-tag`);if(t)return t.getAttribute("data-ids").split(",")}async filterOtherList(t){const e=(await this.getCheckedList()).nestedResult,i=n.convertIdsToNestedData(t,e);this.returnFilterData=await V.filterData(this._id,i,null,!0),this.searchFound=(null==t?void 0:t.length)||0,this.limit=500,this.searchGetParents=null,await p(1e3),this.markForCheck()}async initState(){var t,e,i;this.onClearSearch(),await V.setValue({id:this._id,dataSource:this.data&&g((()=>"string"==typeof this.data?JSON.parse(this.data):this.data),[]),options:this});const{totalRoots:c,totalItems:o}=V.getValue(this._id);if(this.totalData=o,this.totalRootData=c,this.value=this.checkboxes?(await this.getCheckedList()).checkedList:V.selectedItem(this._id)?V.selectedItem(this._id)[0]:null,this.checkboxes||(this.inputText=(null===(t=this.value)||void 0===t?void 0:t.text)||null),this.checkboxes&&(null===(e=this.value)||void 0===e?void 0:e.length)>0){const t=[];this.value.forEach((e=>{e.items&&0!==e.items.length||t.push(e.id)})),await this.addChecked(t,!1,!1)}await this.handleIndeterminate(null===(i=this.value)||void 0===i?void 0:i.length,this.totalData),await this.markForCheck()}async markForCheck(){await p(10),this.tick=n.UID()}getOptions(){return g((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:g((()=>V.getData(this._id)),[])}getLimitedItems(t){return g((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,t)),[])}openGroup(t){V.openGroup(this._id,t),this.markForCheck()}focusItem(t){if(t.target.classList.contains("bcm-list__item")){const e=t.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const t=i.querySelector(".bcm-list__item.focused");t&&t.classList.remove("focused"),e.classList.add("focused")}}}async selectedItem(t){var e;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,t)?V.selectedItem(this._id,t)[0]:null,this.inputText=(null===(e=this.value)||void 0===e?void 0:e.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const t=this.getAutoCompleteInput();t&&setTimeout((()=>{var e;t.setValue((null===(e=this.value)||void 0===e?void 0:e.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(t){"select-all"===t?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,t),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:t}=this.returnFilterData;this.returnFilterData={visibledItems:t,checkedItems:t&&t.filter((t=>t.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(t){let e=0,i=new IntersectionObserver((t=>{0===e&&(e++,t[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(t.target.lastElementChild)}async calculateLocation(){var t,e;if("select"==this.type||"autocomplete"==this.type||this.linkedComponent){const c=document.getElementById(`bcm-list-${this._id}`);var i=this.placement;const o=document.getElementById(this.linkedComponent?this.linkedComponent:`bcm-list-input-${this._id}`);if(c&&o){b(c,o,i,(t=>i=t)),await p(10);let s=m(i,o),l=0,n=0;if(this.linkedComponent){const i=document.getElementById(this.linkedComponent);if(i){if(!i.noCaption){const e=(null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");e&&(l=e.offsetHeight||e.clientHeight)}const c=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-label"))||i.querySelector(".bcm-label");c&&(n=c.offsetHeight||c.clientHeight)}}c.style.width=this.fullWidth?o.offsetWidth+"px":this.width||"auto",c.style.height=this.height.indexOf("%")>-1?.01*r.toNumber(this.height)*window.innerHeight-s[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const a="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-s[0])-50:window.innerHeight-s[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*r.toNumber(this.maxHeight)*a+"px":r.toNumber(this.maxHeight)<a?this.maxHeight:a+"px",b(c,o,i,(t=>i=t)),await p(10),s=m(i,o),c.style.top=("top"==i.split("-")[0]?s[0]-c.offsetHeight+n:s[0]-l)+"px",c.style.left="end"==i.split("-")[1]?s[1]-c.offsetWidth+"px":s[1]+"px",c.classList.toggle("bcm-list--top","top"==i.split("-")[0]),this.calculatedViewport=!0}}}render(){const{checkboxes:e,treeview:i,label:o,size:s,disabled:l,readonly:n,required:r,hidden:a,fullWidth:h,searchable:b}=this.getOptions(),m=v("bcm-list",`bcm-list__size-${s}`,`bcm-list__${this.type}`,"large"===s?"size-3":"size-2",{error:this.captionType==_.Status.error,"full-width":h,"bcm-list__linked":this.linkedComponent,hidden:a,readonly:n,disabled:l}),d=v("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==_.Status.error,"full-width":h,hidden:a,readonly:n,disabled:l}),p=v("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return t(c,{class:m,tabindex:"0",style:{"--width":h?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},t("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&t("div",null,t(k,{size:this.size,type:this.captionType,value:o,required:r,htmlFor:this._id}))),"select"==this.type&&t("div",{id:`bcm-list-input-${this._id}`,class:p},t("span",{class:v("bcm-list__input-container",{"type-single":!e,"value-empty":!this.value})},this.checkboxes&&t("span",{id:`bcm-list-input-tag-container-${this._id}`,class:"bcm-list__input-tag-container"}),this.checkboxes&&!this.value&&t("span",{class:"bcm-list__input-placeholder"},this.placeholder),!this.checkboxes&&(this.value?this.inputText:t("span",{class:"bcm-list__input-placeholder"},this.placeholder))),t("span",{class:v("bcm-list__input-buttons",{disabled:l})},this.clearable&&this.value&&t("div",{class:"bcm-list__input-buttons-button"},t("bcm-icon",{icon:"fal fa-times",onClick:t=>!l&&this.setClear(t)})),t("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},t("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&t("div",{id:`bcm-list-input-${this._id}`,class:v(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},t("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&t("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),t("bcm-search",{id:`bcm-list-input-tag-container-${this._id}-autocomplete-input`,class:"bcm-list__autocomplete",data:this.data,clearable:!0,"full-width":!0,"no-caption":!0,placeholder:this.placeholder}))),t($,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&b,bcmListContainer:d,checkboxes:e,treeview:i,infoFooter:this.infoFooter,value:this.value,totalData:this.totalData,searchFound:this.searchFound,variableText:this.variableText,searchPlaceholder:this.searchPlaceholder,minSearchLength:this.minSearchLength,searchIsOnlyChilds:this.searchIsOnlyChilds,_id:this._id,checkAll:this.checkAll,data:this.getItems(),width:this.width,height:this.height,size:this.size,selectAllItem:this.selectAllItem,onScrollEvent:t=>this.dataScrollEvent(t),items:this.getLimitedItems(this.searchGetParents),selectedItem:t=>this.selectedItem(t),checkedItem:t=>this.checkedItem(t),openGroup:t=>this.openGroup(t),focusItem:t=>this.focusItem(t),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),t(x,{noCaption:this.noCaption,captionType:this.captionType,captionError:this.captionError,caption:this.caption}))}get el(){return o(this)}static get watchers(){return{_id:["watchId"],value:["handleValueChange"],returnFilterData:["watchReturnFilterData"],isSelectedOther:["handleOtherSelected"],isOpen:["handleOpen"],data:["dataChanged"]}}};U([s()],K.prototype,"el",void 0),U([l("data",!0)],K.prototype,"dataChanged",null),K.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"); .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}.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-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}*{box-sizing:border-box}*{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;display:none}.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}.bcm-list{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{width:100%}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px;min-width:40px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}';export{K as bcm_list}

package/dist/bromcom-ui/p-8431b63c.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as s}from"./p-6d7fe687.js";import{S as a}from"./p-dfbc34e2.js";const e=({value:e,className:m,name:n})=>a.isNullOrEmpty(e)?s("span",{class:m},s("slot",Object.assign({},n&&{name:n}))):s("span",{class:m,innerHTML:e});export{e as S}

package/dist/bromcom-ui/p-8a5fe91c.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as e,r,c as t,f as i,H as s,g as a}from"./p-6d7fe687.js";import{I as c}from"./p-54c0916c.js";import{s as o}from"./p-10bf821f.js";import"./p-cace6ebd.js";import"./p-626a65e9.js";import{G as p}from"./p-6a353bb6.js";import"./p-69b5544d.js";import"./p-dfbc34e2.js";import"./p-52ad7164.js";import"./p-5ae0a59b.js";import{a as d}from"./p-3c7a0345.js";import{a as n}from"./p-978011dd.js";import{c as m}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{s as l}from"./p-32354ea1.js";import"./p-436364c8.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";import"./p-3cde7f38.js";const b=({_title:r,description:t,status:i,valid:s,index:a,loading:c,active:o,stepChange:p,statusIcon:d,icon:n,disabled:l,headerHidden:b})=>{const h=m("bcm-stepper__header-item",`bcm-stepper__header-item--${i}`,{"bcm-stepper__header-item--active":o,"bcm-stepper__header-item--valid":s,"bcm-stepper__header-item--invalid":!s,"bcm-stepper__header-item--disabled":l,hidden:b}),_={success:"fal fa-check",warning:"fal fa-exclamation-triangle",error:"fal fa-times"},u=(n||d&&_[i])&&e("bcm-icon",{icon:n||_[i]});return e("div",{class:h},e("div",{class:"bcm-stepper__header-item--container",onClick:()=>!l&&p(a)},e("div",{class:"bcm-stepper__header-item-icon size-3"},c?e("bcm-icon",{icon:"far fa-spinner-third fa-spin"}):u||a),e("div",{class:"bcm-stepper__header-item-title tw-text-size-5"},r),e("div",{class:"bcm-stepper__header-item-description tw-text-size-4"},t)))};const h=class{constructor(e){r(this,e),this.bcmStepChange=t(this,"bcm-step-change",7),this.hidden=!1,this._id=p.UID(),this.direction=n.Direction.horizontal,this.linear=!1,this.size=n.Size.medium,this.icon=!1,this.active=1,this.stepperId=p.UID(),this.data=[],this.tick={}}async dataChanged(){this.initState()}componentDidLoad(){this.initState()}disconnectedCallback(){this.reset()}async initState(){const{stepperId:e,data:r,direction:t,linear:i,size:s,icon:a,active:c,el:o}=this,p=r.length>0?r:this.getSlotElements();await l.setValue({id:e,el:o,direction:t,linear:i,size:s,icon:a,active:c,steps:p}),this.markForCheck()}componentDidRender(){this.setSteps(this.getItems())}setSteps(e){const r=d(this.el,"bcm-step");r.length>0&&r.forEach(((r,t)=>{const i=e.find((e=>!r.headerHidden&&e.id===r.id));i&&(p.setAttributes(r,Object.assign({title:"",_title:i.title||i._title||"",status:i.status||"default",disabled:i.disabled||!1,valid:i.valid||!0,loading:i.loading||!1,index:i.index||t,active:i.active||!1,innerHtml:i.innerHtml||""},1==r.hidden&&{headerHidden:!0})),(r.hidden=!1)&&r.removeAttribute("hidden"))}))}markForCheck(){this.tick=p.UID()}handleChangeBcmHidden(){this.initState()}getActiveIndex(){return l.getActiveIndex(this.stepperId)}getSlotElements(){return o((()=>d(this.el,"bcm-step")),[])}async onStepChange(e){return e&&(l.changeActiveStep(this.stepperId,e),this.bcmStepChange.emit(e)),i(this.el),Promise.resolve(e)}async prev(){const e=this.getActiveIndex()-1;if(e>=1)if(this.linear)await this.onStepChange(e);else{if(this.getItems()[e-1].disabled)return;await this.onStepChange(e)}return i(this.el),Promise.resolve(this.getActiveIndex())}async next(e){let r;r=0==e?0:1==r?1:e||this.getActiveIndex();const t=await this.getCurrentStep(),s=this.getItems()[this.getItems().length-1];return t.valid?(this.linear&&s.id!=t.id&&(t.status="success"),r<this.getItems().length&&await this.onStepChange(r+1)):t.status="error",i(this.el),Promise.resolve(this.getActiveIndex())}async setActive(e){if(e)if("number"==typeof e)if(this.linear){const r=this.getItems().filter((r=>r.index<e));(null==r?void 0:r.map((e=>({id:e.id,status:e.status,disabled:e.disabled}))).every((e=>"success"==e.status||"default"==e.status)))&&(null==r||r.forEach((e=>{e.status="success",e.disabled=!1})),await this.next(e-1))}else l.setActiveIndex(this.stepperId,e),await this.next(e-1);else console.warn("index must be a number")}async reset(){return await this.onStepChange(1),l.stepperReset(this.stepperId),Promise.resolve(this.getActiveIndex())}async getCurrentStep(){var e;return o((()=>this.getItems().filter((e=>1==e.active))[0]),null!==(e=this.getItems()[0])&&void 0!==e?e:null)}async getSteps(){return Promise.resolve(this.getItems())}getItems(){return o((()=>{var e;return null===(e=l.getValue(this.stepperId).steps)||void 0===e?void 0:e.filter((e=>!e.headerHidden))}),[])}render(){const{hidden:r,direction:t,linear:i,size:a}=this,c=m("bcm-ui-element","bcm-stepper","bcm-stepper__direction-"+t,"bcm-stepper__size-"+a,{"bcm-stepper__linear":i,hidden:r}),o=e=>m("bcm-stepper__header-line",`bcm-stepper__header-line--${(null==e?void 0:e.disabled)?"disabled":"error"===(null==e?void 0:e.status)?"default":null==e?void 0:e.status}`),p=this.getItems();return e(s,{class:c},e("span",{hidden:!0,id:`bcm-stepper__steps-${this._id}`},e("slot",null)),e("main",null,e("header",{class:"bcm-stepper__header"},null==p?void 0:p.map(((r,t)=>[e(b,Object.assign({},r,{stepChange:e=>this.onStepChange(e)})),p.length>t+1&&e("div",{class:o(r)})]))),e("section",{class:"bcm-stepper__body"},this.data&&this.data.length>0?null==p?void 0:p.map((r=>e("bcm-step",Object.assign({},r)))):e("slot",null))))}get el(){return a(this)}static get watchers(){return{data:["dataChanged"]}}};(function(e,r,t,i){var s,a=arguments.length,c=a<3?r:null===i?i=Object.getOwnPropertyDescriptor(r,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,r,t,i);else for(var o=e.length-1;o>=0;o--)(s=e[o])&&(c=(a<3?s(c):a>3?s(r,t,c):s(r,t))||c);a>3&&c&&Object.defineProperty(r,t,c)})([c()],h.prototype,"el",void 0),h.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}.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-stepper{display:block;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-600);color:var(--bcm-new-ds-color-slate-700);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-600);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-700)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-600)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-slate-500)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-600);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:"";border:2px solid var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-600);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-600)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-600)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-600)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-600)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-slate-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}';export{h as bcm_stepper}

package/dist/bromcom-ui/p-8cbef7a6.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,h as i,H as e,g as a}from"./p-6d7fe687.js";import{I as o}from"./p-54c0916c.js";import"./p-cace6ebd.js";import"./p-626a65e9.js";import{G as h}from"./p-6a353bb6.js";import"./p-69b5544d.js";import"./p-dfbc34e2.js";import"./p-52ad7164.js";import"./p-5ae0a59b.js";import{d as l}from"./p-3c7a0345.js";import{a as r}from"./p-978011dd.js";import{c}from"./p-d65a1e21.js";import"./p-436364c8.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";import"./p-10bf821f.js";const m=class{constructor(i){t(this,i),this.modalClose=s(this,"bcm-modal-close",7),this.modalOpen=s(this,"bcm-modal-open",7),this.modalBeforeClose=s(this,"bcm-modal-before-close",7),this.modalBeforeOpen=s(this,"bcm-modal-before-open",7),this._id=h.UID(),this.isShow=!1,this.center=!1,this.zIndex="10400",this.size=r.Size.medium,this.backdrop=!0,this.fullWidth=!1,this.fullScreen=!1,this.overflow=!0,this.isShowModal=!1,this.shake=!1}handleClick(t){const s=h.findEventPathHasAttribute(t,"data-dismiss"),i=t.target.attributes.getNamedItem("is-click-overlay");i&&"static"===this.backdrop?this.shakeModal():(s||i)&&(this.hide(),t.preventDefault(),t.stopPropagation())}handleKeyDown(t){Array.from(document.querySelectorAll("bcm-modal[is-show]")).pop()===this.el&&"Escape"===t.key&&("static"===this.backdrop?this.shakeModal():this.hide(),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}shakeModal(){this.shake=!0,setTimeout((()=>this.shake=!1),300)}async hide(){this.modalBeforeClose.emit()}async hideModal(t){t.defaultPrevented||t.target===this.el&&(this.isShowModal=!1,await l(150),this.isShow=!1,this.modalClose.emit())}async show(){this.modalBeforeOpen.emit()}async showModal(t){t.defaultPrevented||t.target===this.el&&(this.isShow=!0,await l(50),this.isShowModal=!0,document.body.appendChild(this.el),this.modalOpen.emit())}getWidth(t){return{small:"576px",medium:"768px",large:"992px",xlarge:"1024px",xxlarge:"1200px",xxxlarge:"1700px"}[t]||t}setSize(){const{fullScreen:t,fullWidth:s,size:i,overflow:e}=this;let a="auto",o="auto",h=s?"100%":this.getWidth(i);return t&&(o=e?"100vh":"auto",h="100vw",a="100vh"),{maxWidth:h,minHeight:a,height:o}}render(){return i(e,{class:{"tw-hidden":!this.isShow}},i("bcm-overlay",{"z-index":+this.zIndex-1,opacity:this.isShowModal?"0.5":"0"}),i("div",{class:c("bcm-ui-element bcm-ui-content-display bcm-modal","tw-fixed tw-inset-0","tw-flex tw-h-full tw-w-full tw-items-start tw-justify-center","tw-overflow-y-scroll tw-overscroll-contain tw-font-sans",this.center?"tw-items-center":""),style:{zIndex:this.zIndex},"is-click-overlay":!0},i("div",{class:c("tw-flex tw-w-full tw-flex-col","tw-relative tw-z-modal tw-bg-white","tw-transform tw-transition tw-duration-300 tw-ease-in-out",this.fullScreen?"":`tw-m-4 tw-rounded-lg ${this.overflow?"tw-max-h-[90vh]":""} `,this.shake?"tw-animate-shake":"",this.isShowModal?"tw--translate-y-0 tw-opacity-100":"tw--translate-y-[20px] tw-opacity-0"),style:Object.assign({},this.setSize())},i("slot",{name:"header"}),i("bcm-scroll-area",{"is-disabled":!this.overflow},i("slot",null)),i("slot",{name:"footer"}))))}get el(){return a(this)}};!function(t,s,i,e){var a,o=arguments.length,h=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,s,i,e);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(h=(o<3?a(h):o>3?a(s,i,h):a(s,i))||h);o>3&&h&&Object.defineProperty(s,i,h)}([o()],m.prototype,"el",void 0);export{m as bcm_modal}

package/dist/bromcom-ui/p-8ef8b497.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as i,H as t,g as p}from"./p-6d7fe687.js";import{I as n}from"./p-54c0916c.js";const s=class{constructor(i){e(this,i),this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.value=void 0}inputChange(){}render(){return i(t,{"on-bcm-change":()=>this.inputChange()},i("form",{class:"bcm-form"},i("slot",null)))}get el(){return p(this)}};(function(e,i,t,p){var n,s=arguments.length,a=s<3?i:null===p?p=Object.getOwnPropertyDescriptor(i,t):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,p);else for(var x=e.length-1;x>=0;x--)(n=e[x])&&(a=(s<3?n(a):s>3?n(i,t,a):n(i,t))||a);s>3&&a&&Object.defineProperty(i,t,a)})([n()],s.prototype,"el",void 0),s.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}.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}';export{s as bcm_old_form_group}

package/dist/bromcom-ui/p-90b4c7c9.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as s,g as e}from"./p-6d7fe687.js";import{I as l}from"./p-54c0916c.js";import{G as o}from"./p-6a353bb6.js";import"./p-10bf821f.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";const a=class{constructor(s){t(this,s),this._id=o.UID(),this.loading=!0}componentDidLoad(){var t;const s=null===(t=this.el)||void 0===t?void 0:t.parentElement;if(s){const t=document.createElement("span");t.setAttribute("id",`${this._id}-span`),t.classList.add("tw-hidden"),t.innerHTML="<slot />",s.appendChild(t),s.isConnected&&(this.loading=!1,s.querySelector(`#${this._id}-span`).remove())}}render(){return s(this.loading?()=>s("div",{class:"tw-mx-auto tw-w-full tw-max-w-sm tw-rounded-md tw-border tw-border-blue-300 tw-p-4 tw-shadow"},s("span",{class:"tw-hidden"},s("slot",null)),s("div",{class:"tw-flex tw-animate-pulse tw-space-x-4"},s("div",{class:"tw-h-10 tw-w-10 tw-rounded-full tw-bg-slate-200"}),s("div",{class:"tw-flex-1 tw-space-y-6 tw-py-1"},s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-space-y-3"},s("div",{class:"tw-grid tw-grid-cols-3 tw-gap-4"},s("div",{class:"tw-col-span-2 tw-h-2 tw-rounded tw-bg-slate-200"}),s("div",{class:"tw-col-span-1 tw-h-2 tw-rounded tw-bg-slate-200"})),s("div",{class:"tw-h-2 tw-rounded tw-bg-slate-200"}))))):"slot",null)}get el(){return e(this)}};!function(t,s,e,l){var o,a=arguments.length,d=a<3?s:null===l?l=Object.getOwnPropertyDescriptor(s,e):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,s,e,l);else for(var w=t.length-1;w>=0;w--)(o=t[w])&&(d=(a<3?o(d):a>3?o(s,e,d):o(s,e))||d);a>3&&d&&Object.defineProperty(s,e,d)}([l()],a.prototype,"el",void 0);export{a as bcm_skeleton}

package/dist/bromcom-ui/p-937d971a.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as i,H as t,g as o}from"./p-6d7fe687.js";import{c as p}from"./p-d65a1e21.js";import"./p-6f56f8ca.js";const s=class{constructor(i){e(this,i),this.value=void 0,this.selected=void 0,this.disabled=void 0,this.visible=!0,this.hidden=!1}async getLabel(){return this.host.innerHTML}render(){const e=p("option","size-2",{"selected weight-semibold":this.selected,disabled:this.disabled,visible:this.visible}),o=p(this.hidden?"hidden":null);return i(t,{class:o},i("span",{class:e},i("slot",null)))}get host(){return o(this)}};s.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}.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:100%;box-sizing:border-box;min-width:256px}:host(.hidden){display:none}:host-context(bcm-select-group) .option{padding-left:16px}.option{display:none;padding:4px 8px;cursor:pointer;color:var(--bcm-color-grey-8);box-sizing:border-box;width:100%}.option:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-1)}.option.selected:not(.disabled){background-color:var(--bcm-color-grey-3)}.option.disabled{background-color:var(--bcm-color-grey-5);color:var(--bcm-color-grey-6);cursor:not-allowed}.option.disabled:not(.selected){background-color:var(--bcm-color-prime-blue-1)}.option.visible{display:inline-flex}';export{s as bcm_select_option}

package/dist/bromcom-ui/p-978011dd.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+var e;!function(e){var a,l,r,t,o,i,n,s,b,u,g,d,c,m,p,w,f,h,y,k,v,P,x;(a=e.HtmlElementType||(e.HtmlElementType={})).div="div",a.span="span",a.button="button",a.a="a",a.input="input",a.textarea="textarea",a.select="select",a.option="option",a.img="img",a.table="table",a.tr="tr",a.td="td",a.th="th",a.tbody="tbody",a.thead="thead",a.tfoot="tfoot",a.ul="ul",a.li="li",a.form="form",a.label="label",a.main="main",a.header="header",a.footer="footer",a.section="section",a.article="article",a.nav="nav",a.aside="aside",(l=e.Status||(e.Status={})).info="info",l.error="error",l.warning="warning",l.success="success",l.default="default",(r=e.Shape||(e.Shape={})).ellipse="ellipse",r.square="square",(t=e.Direction||(e.Direction={})).horizontal="horizontal",t.vertical="vertical",(o=e.PreDefinedIconSize||(e.PreDefinedIconSize={}))[o.large=48]="large",o[o.medium=24]="medium",o[o.default=16]="default",o[o.small=12]="small",o[o.xsmall=8]="xsmall",(i=e.BaseSize||(e.BaseSize={})).small="small",i.medium="medium",i.large="large",(n=e.Size||(e.Size={})).small="small",n.medium="medium",n.large="large",n.xsmall="xsmall",n.xlarge="xlarge",n.xxlarge="xxlarge",n.xxxlarge="xxxlarge",(s=e.Kind||(e.Kind={})).solid="solid",s.ghost="ghost",s.link="link",(b=e.ButtonType||(e.ButtonType={})).button="button",b.reset="reset",b.submit="submit",(u=e.IconPosition||(e.IconPosition={})).prefix="prefix",u.suffix="suffix",(g=e.TagType||(e.TagType={})).basic="basic",g.add="add",g.checkable="checkable",g.dismissable="dismissable",(d=e.FontSize||(e.FontSize={}))["size-1"]="size-1",d["size-2"]="size-2",d["size-3"]="size-3",d["size-4"]="size-4",d["size-5"]="size-5",d["size-6"]="size-6",d["size-7"]="size-7",d["size-8"]="size-8",d["size-9"]="size-9",(c=e.FontSizeValue||(e.FontSizeValue={}))[c["size-1"]=12]="size-1",c[c["size-2"]=14]="size-2",c[c["size-3"]=16]="size-3",c[c["size-4"]=20]="size-4",c[c["size-5"]=24]="size-5",c[c["size-6"]=30]="size-6",c[c["size-7"]=38]="size-7",c[c["size-8"]=46]="size-8",c[c["size-9"]=56]="size-9",(m=e.FontWeight||(e.FontWeight={})).thin="thin",m.light="light",m.regular="regular",m.medium="medium",m.bold="bold",m.black="black",(p=e.ColorPalette||(e.ColorPalette={})).default="default",p.black="black",p.white="white",p["prime-blue"]="prime-blue",p["prime-blue-1"]="prime-blue-1",p["prime-blue-2"]="prime-blue-2",p["prime-blue-3"]="prime-blue-3",p["prime-blue-4"]="prime-blue-4",p["prime-blue-5"]="prime-blue-5",p["prime-blue-6"]="prime-blue-6",p["prime-blue-7"]="prime-blue-7",p["prime-blue-8"]="prime-blue-8",p["prime-blue-9"]="prime-blue-9",p["prime-blue-10"]="prime-blue-10",p.grey="grey",p["grey-1"]="grey-1",p["grey-2"]="grey-2",p["grey-3"]="grey-3",p["grey-4"]="grey-4",p["grey-5"]="grey-5",p["grey-6"]="grey-6",p["grey-7"]="grey-7",p["grey-8"]="grey-8",p["grey-9"]="grey-9",p["grey-10"]="grey-10",p.blue="blue",p["blue-1"]="blue-1",p["blue-2"]="blue-2",p["blue-3"]="blue-3",p["blue-4"]="blue-4",p["blue-5"]="blue-5",p["blue-6"]="blue-6",p["blue-7"]="blue-7",p["blue-8"]="blue-8",p["blue-9"]="blue-9",p["blue-10"]="blue-10",p.warmyellow="warmyellow",p["warmyellow-1"]="warmyellow-1",p["warmyellow-2"]="warmyellow-2",p["warmyellow-3"]="warmyellow-3",p["warmyellow-4"]="warmyellow-4",p["warmyellow-5"]="warmyellow-5",p["warmyellow-6"]="warmyellow-6",p["warmyellow-7"]="warmyellow-7",p["warmyellow-8"]="warmyellow-8",p["warmyellow-9"]="warmyellow-9",p["warmyellow-10"]="warmyellow-10",p.yellow="yellow",p["yellow-1"]="yellow-1",p["yellow-2"]="yellow-2",p["yellow-3"]="yellow-3",p["yellow-4"]="yellow-4",p["yellow-5"]="yellow-5",p["yellow-6"]="yellow-6",p["yellow-7"]="yellow-7",p["yellow-8"]="yellow-8",p["yellow-9"]="yellow-9",p["yellow-10"]="yellow-10",p.limegreen="limegreen",p["limegreen-1"]="limegreen-1",p["limegreen-2"]="limegreen-2",p["limegreen-3"]="limegreen-3",p["limegreen-4"]="limegreen-4",p["limegreen-5"]="limegreen-5",p["limegreen-6"]="limegreen-6",p["limegreen-7"]="limegreen-7",p["limegreen-8"]="limegreen-8",p["limegreen-9"]="limegreen-9",p["limegreen-10"]="limegreen-10",p.red="red",p["red-1"]="red-1",p["red-2"]="red-2",p["red-3"]="red-3",p["red-4"]="red-4",p["red-5"]="red-5",p["red-6"]="red-6",p["red-7"]="red-7",p["red-8"]="red-8",p["red-9"]="red-9",p["red-10"]="red-10",p.darkorange="darkorange",p["darkorange-1"]="darkorange-1",p["darkorange-2"]="darkorange-2",p["darkorange-3"]="darkorange-3",p["darkorange-4"]="darkorange-4",p["darkorange-5"]="darkorange-5",p["darkorange-6"]="darkorange-6",p["darkorange-7"]="darkorange-7",p["darkorange-8"]="darkorange-8",p["darkorange-9"]="darkorange-9",p["darkorange-10"]="darkorange-10",p.orange="orange",p["orange-1"]="orange-1",p["orange-2"]="orange-2",p["orange-3"]="orange-3",p["orange-4"]="orange-4",p["orange-5"]="orange-5",p["orange-6"]="orange-6",p["orange-7"]="orange-7",p["orange-8"]="orange-8",p["orange-9"]="orange-9",p["orange-10"]="orange-10",p.green="green",p["green-1"]="green-1",p["green-2"]="green-2",p["green-3"]="green-3",p["green-4"]="green-4",p["green-5"]="green-5",p["green-6"]="green-6",p["green-7"]="green-7",p["green-8"]="green-8",p["green-9"]="green-9",p["green-10"]="green-10",p.turquosie="turquosie",p["turquosie-1"]="turquosie-1",p["turquosie-2"]="turquosie-2",p["turquosie-3"]="turquosie-3",p["turquosie-4"]="turquosie-4",p["turquosie-5"]="turquosie-5",p["turquosie-6"]="turquosie-6",p["turquosie-7"]="turquosie-7",p["turquosie-8"]="turquosie-8",p["turquosie-9"]="turquosie-9",p["turquosie-10"]="turquosie-10",p.cobaltblue="cobaltblue",p["cobaltblue-1"]="cobaltblue-1",p["cobaltblue-2"]="cobaltblue-2",p["cobaltblue-3"]="cobaltblue-3",p["cobaltblue-4"]="cobaltblue-4",p["cobaltblue-5"]="cobaltblue-5",p["cobaltblue-6"]="cobaltblue-6",p["cobaltblue-7"]="cobaltblue-7",p["cobaltblue-8"]="cobaltblue-8",p["cobaltblue-9"]="cobaltblue-9",p["cobaltblue-10"]="cobaltblue-10",p.magenta="magenta",p["magenta-1"]="magenta-1",p["magenta-2"]="magenta-2",p["magenta-3"]="magenta-3",p["magenta-4"]="magenta-4",p["magenta-5"]="magenta-5",p["magenta-6"]="magenta-6",p["magenta-7"]="magenta-7",p["magenta-8"]="magenta-8",p["magenta-9"]="magenta-9",p["magenta-10"]="magenta-10",p.purple="purple",p["purple-1"]="purple-1",p["purple-2"]="purple-2",p["purple-3"]="purple-3",p["purple-4"]="purple-4",p["purple-5"]="purple-5",p["purple-6"]="purple-6",p["purple-7"]="purple-7",p["purple-8"]="purple-8",p["purple-9"]="purple-9",p["purple-10"]="purple-10",p["bc-red"]="bc-red",p["bc-red-1"]="bc-red-1",p["bc-red-2"]="bc-red-2",p["bc-red-3"]="bc-red-3",p["bc-red-4"]="bc-red-4",p["bc-red-5"]="bc-red-5",p["bc-red-6"]="bc-red-6",p["bc-red-7"]="bc-red-7",p["bc-red-8"]="bc-red-8",p["bc-red-9"]="bc-red-9",p["bc-blue"]="bc-blue",p["bc-blue-1"]="bc-blue-1",p["bc-blue-2"]="bc-blue-2",p["bc-blue-3"]="bc-blue-3",p["bc-blue-4"]="bc-blue-4",p["bc-blue-5"]="bc-blue-5",p["bc-blue-6"]="bc-blue-6",p["bc-blue-7"]="bc-blue-7",p["bc-blue-8"]="bc-blue-8",p["bc-blue-9"]="bc-blue-9",p["bc-green"]="bc-green",p["bc-green-1"]="bc-green-1",p["bc-green-2"]="bc-green-2",p["bc-green-3"]="bc-green-3",p["bc-green-4"]="bc-green-4",p["bc-green-5"]="bc-green-5",p["bc-green-6"]="bc-green-6",p["bc-green-7"]="bc-green-7",p["bc-green-8"]="bc-green-8",p["bc-green-9"]="bc-green-9",p["bc-orange"]="bc-orange",p["bc-orange-1"]="bc-orange-1",p["bc-orange-2"]="bc-orange-2",p["bc-orange-3"]="bc-orange-3",p["bc-orange-4"]="bc-orange-4",p["bc-orange-5"]="bc-orange-5",p["bc-orange-6"]="bc-orange-6",p["bc-orange-7"]="bc-orange-7",p["bc-orange-8"]="bc-orange-8",p["bc-orange-9"]="bc-orange-9",(w=e.InputType||(e.InputType={})).text="text",w.number="number",w.email="email",w.password="password",w.url="url",w.search="search",w.tel="tel",w.hidden="hidden",w.color="color",(f=e.KeyCode||(e.KeyCode={}))[f.backspace=8]="backspace",f[f.tab=9]="tab",f[f.enter=13]="enter",f[f.shift=16]="shift",f[f.ctrl=17]="ctrl",f[f.alt=18]="alt",f[f.pause=19]="pause",f[f.capslock=20]="capslock",f[f.escape=27]="escape",f[f.space=32]="space",f[f.pageup=33]="pageup",f[f.pagedown=34]="pagedown",f[f.end=35]="end",f[f.home=36]="home",f[f.left=37]="left",f[f.up=38]="up",f[f.right=39]="right",f[f.down=40]="down",f[f.insert=45]="insert",f[f.delete=46]="delete",f[f.f1=112]="f1",f[f.f2=113]="f2",f[f.f3=114]="f3",f[f.f4=115]="f4",f[f.f5=116]="f5",f[f.f6=117]="f6",f[f.f7=118]="f7",f[f.f8=119]="f8",f[f.f9=120]="f9",f[f.f10=121]="f10",f[f.f11=122]="f11",f[f.f12=123]="f12",f[f.numlock=144]="numlock",f[f.scrolllock=145]="scrolllock",f[f.semicolon=186]="semicolon",f[f.equal=187]="equal",f[f.comma=188]="comma",f[f.dash=189]="dash",f[f.period=190]="period",f[f.slash=191]="slash",f[f.backslash=220]="backslash",f[f.bracketleft=219]="bracketleft",f[f.bracketright=221]="bracketright",f[f.quote=222]="quote",f[f.backtick=192]="backtick",f[f.a=65]="a",e.FormErrorMessages={email:"Please enter a valid email address",password:"Please enter a valid password",url:"Please enter a valid URL",phone:"Please enter a valid phone number",search:"Please enter a valid search term",number:"Please enter a valid number",text:"Please enter a valid text",required:"This field is required",minlength:"This field must be at least {0} characters long",maxlength:"This field must be at most {0} characters long",min:"This field must be at least {0}",max:"This field must be at most {0}",between:"This field must be between {0} and {1}",pattern:"Please use a valid format",date:"Please enter a valid date",time:"Please enter a valid time",datetime:"Please enter a valid date and time","datetime-local":"Please enter a valid date and time",month:"Please enter a valid month",week:"Please enter a valid week",color:"Please enter a valid color",file:"Please enter a valid file",range:"Please enter a valid range",radio:"Please select a valid option",checkbox:"Please select a valid option",select:"Please select a valid option",multiple:"Please select a valid option"},(h=e.IndeterminateType||(e.IndeterminateType={})).uncheck="uncheck",h.indeterminate="indeterminate",h.determinate="determinate",(y=e.Placement||(e.Placement={})).top="top",y["top-start"]="top-start",y["top-end"]="top-end",y.bottom="bottom",y["bottom-start"]="bottom-start",y["bottom-end"]="bottom-end",y.left="left",y["left-start"]="left-start",y["left-end"]="left-end",y.right="right",y["right-start"]="right-start",y["right-end"]="right-end",(k=e.Position||(e.Position={})).top="top",k.bottom="bottom",k.left="left",k.right="right",(v=e.TriggerType||(e.TriggerType={})).hover="hover",v.click="click",v.focus="focus",(P=e.ListType||(e.ListType={})).listbox="listbox",P.select="select",P.autocomplete="autocomplete",(x=e.Target||(e.Target={})).blank="_blank",x.parent="_parent",x.self="_self",x.top="_top"}(e||(e={}));const a=e;export{a as B,e as a}

package/dist/bromcom-ui/p-98ea4ff6.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as e}from"./p-6d7fe687.js";import{c as t}from"./p-d65a1e21.js";import{B as m}from"./p-978011dd.js";const s=({required:s,value:r,size:i,form:l,htmlFor:o,type:a})=>(a=a||m.Status.default,e("label",{form:l,htmlFor:o,class:t("bcm-ui-element bcm-ui-feedback bcm-label tw-mb-1 tw-text-slate-600 tw-font-medium ",{"tw-text-size-3":"small"==(i=i||"medium"),"tw-text-size-4":"medium"==i,"tw-text-size-5":"large"==i})},r," ",s&&"*"));export{s as L}

package/dist/bromcom-ui/p-98ff24c9.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,h as e,H as s,g as o}from"./p-6d7fe687.js";import{I as r}from"./p-54c0916c.js";const c=class{constructor(e){t(this,e)}render(){return e(s,{class:"tw-font-sans tw-font-normal tw-text-size-5 tw-text-slate-900"},e("slot",null))}get el(){return o(this)}};!function(t,e,s,o){var r,c=arguments.length,l=c<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,s,o);else for(var n=t.length-1;n>=0;n--)(r=t[n])&&(l=(c<3?r(l):c>3?r(e,s,l):r(e,s))||l);c>3&&l&&Object.defineProperty(e,s,l)}([r()],c.prototype,"el",void 0);export{c as bcm_typography}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as t,H as i,g as p}from"./p-6d7fe687.js";import{I as a}from"./p-54c0916c.js";import{G as n}from"./p-6a353bb6.js";import"./p-10bf821f.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";const s=class{constructor(t){e(this,t),this._id=n.UID()}render(){return t(i,null,t("bcm-skeleton",null,t("slot",null)))}get el(){return p(this)}};(function(e,t,i,p){var a,n=arguments.length,s=n<3?t:null===p?p=Object.getOwnPropertyDescriptor(t,i):p;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,p);else for(var x=e.length-1;x>=0;x--)(a=e[x])&&(s=(n<3?a(s):n>3?a(t,i,s):a(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)})([a()],s.prototype,"el",void 0),s.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}.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}';export{s as bcm_default}

package/dist/bromcom-ui/p-9f6b4476.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{g as t}from"./p-6d7fe687.js";import{s as n}from"./p-10bf821f.js";function s(s,o=!1){return(i,r)=>{const{connectedCallback:c,componentWillRender:f}=i;i.connectedCallback=function(){const o=t(this);if(o[r]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[r]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return c&&c.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return f&&f.call(this)}}}}export{s as J}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as i,h as s,H as o,g as e}from"./p-6d7fe687.js";import{c as n}from"./p-d65a1e21.js";import{I as h}from"./p-54c0916c.js";import{J as a}from"./p-9f6b4476.js";import{G as l}from"./p-6a353bb6.js";import{B as c}from"./p-978011dd.js";import"./p-6f56f8ca.js";import"./p-10bf821f.js";import"./p-d82b164a.js";var d=function(t,i,s,o){var e,n=arguments.length,h=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,s,o);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(h=(n<3?e(h):n>3?e(i,s,h):e(i,s))||h);return n>3&&h&&Object.defineProperty(i,s,h),h};const r=class{constructor(s){t(this,s),this.bcmClick=i(this,"bcm-click",7),this.isOpen=void 0,this._id=l.UID(),this.menuId=l.UID(),this.hidden=!1,this.type="dropdown",this.size=c.Size.medium,this.disabled=!1,this.kind=c.Kind.solid,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.noStyle=!1,this.dropdownIcon="fas fa-angle-down",this.linkedComponent=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=c.IconPosition.prefix,this.placement=void 0,this.height=void 0,this.maxHeight="500px",this.minHeight="50px",this.stopDeepClean=!1,this.selectable=!0,this.color=void 0,this.data=[]}async dataChanged(t){t&&(this.data=t)}async setActive(t=null){var i,s;null===(s=null===(i=document.getElementById(`${this.menuId}`))||void 0===i?void 0:i.querySelectorAll("bcm-menu"))||void 0===s||s.forEach((i=>{i.setActive(t)}))}handleSlotItems({detail:t}){this.data=t}componentDidLoad(){var t;const i=this.el.querySelector("bcm-content");i&&(null===(t=document.getElementById(this.menuId))||void 0===t||t.appendChild(i))}render(){const{size:t,kind:i,disabled:e,icon:h,color:a,href:l,target:c,loading:d,type:r,variant:m,fullWidth:p,isOpen:b}=this,u=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},e&&{disabled:e}),d&&{loading:d}),i&&{kind:i}),t&&{size:t}),m&&{variant:m}),a&&{color:a}),this.menuId&&{"menu-id":this.menuId}),f=()=>s("span",{class:n("tw-flex tw-items-center tw-justify-center tw-transition-transform tw-duration-200",{"tw-rotate-180":b})},s("bcm-icon",{icon:this.dropdownIcon}));return s(o,{class:n("tw-preflight","bcm-ui-element bcm-ui-action bcm-dropdown","type-"+r,{"tw-w-full":p,"tw-pointer-events-none tw-cursor-not-allowed":e,"no-style":this.noStyle,"tw-hidden":this.hidden||this.linkedComponent})},this.noStyle&&s("slot",null),!this.noStyle&&s("bcm-button",Object.assign({class:"main-button",id:`${this._id}-button`},u,h&&{icon:h},l&&"split"===r&&{href:l},c&&"split"===r&&{target:c},p&&{fullWidth:p}),s("slot",null),"dropdown"===r&&s(f,null)),!this.noStyle&&"split"===r&&s("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},u),s(f,null)),s("bcm-linked",{id:`${this.menuId}`,"target-id":`${this._id}-button${"split"===r?"-split":""}`,placement:this.placement||("dropdown"===r?"bottom-start":"bottom-end"),"max-height":this.maxHeight,"min-height":this.minHeight,height:this.height,"on-bcm-open":t=>{var i;return(null===(i=null==t?void 0:t.target)||void 0===i?void 0:i.id)==this.menuId&&(this.isOpen=t.detail)}},this.data&&this.data.length>0&&s("bcm-menu",{data:this.data,selectable:this.selectable,"on-bcm-click":t=>this.bcmClick.emit(t.detail)})))}get el(){return e(this)}static get watchers(){return{data:["dataChanged"]}}};d([h()],r.prototype,"el",void 0),d([a("data",!0)],r.prototype,"dataChanged",null);export{r as bcm_dropdown}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as o,h as i,H as t,g as s}from"./p-6d7fe687.js";import{c as l}from"./p-d65a1e21.js";import{I as p}from"./p-54c0916c.js";import{G as r}from"./p-6a353bb6.js";import"./p-6f56f8ca.js";import"./p-10bf821f.js";import"./p-d82b164a.js";const a=class{constructor(i){e(this,i),this.bcmCollapseOpen=o(this,"bcm-collapse-open",7),this._id=r.UID(),this.borderless=!1,this.open=!1,this.noBorder=!1,this.hidden=!1}componentDidRender(){this.open&&this.bcmCollapseOpen.emit(this._id)}render(){const{hidden:e,borderless:o,open:s,noBorder:p,_id:r}=this,a=l("bcm-collapse",{"bcm-collapse--borderless":o,"bcm-collapse--open":s,"bcm-collapse--no-border":p});return i(t,{class:{hidden:e},id:r},i("details",{class:a,open:s},i("summary",{class:"bcm-collapse__header size-2",onClick:()=>this.open=!s},i("span",{class:"collapse-icon",innerHTML:s?'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>':'<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>'}),i("slot",{name:"title"})),i("div",{class:"bcm-collapse__body"},i("slot",{name:"body"}))))}get el(){return s(this)}};(function(e,o,i,t){var s,l=arguments.length,p=l<3?o:null===t?t=Object.getOwnPropertyDescriptor(o,i):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,o,i,t);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(p=(l<3?s(p):l>3?s(o,i,p):s(o,i))||p);l>3&&p&&Object.defineProperty(o,i,p)})([p()],a.prototype,"el",void 0),a.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}.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-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}';export{a as bcm_collapse}

package/dist/bromcom-ui/p-a831bd5d.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{h as t}from"./p-6d7fe687.js";import{c as e}from"./p-d65a1e21.js";const r=({noCaption:r,captionType:a,caption:i,captionError:o,customErrorMessage:s,size:m,maxLength:l,value:n})=>(m=m||"medium",(0==r||l)&&t("div",{class:e("bcm-ui-element bcm-ui-feedback bcm-caption-area tw-mt-1 tw-min-h-[20px] tw-flex tw-flex-row tw-items-start tw-justify-between tw-font-normal",{"tw-text-slate-500":!a||"default"==a,"tw-text-blue-600":"info"==a,"tw-text-emerald-600":"success"==a,"tw-text-amber-600":"warning"==a,"tw-text-red-600":"error"==a},{"tw-text-size-3":"small"==m,"tw-text-size-4":"medium"==m,"tw-text-size-5":"large"==m})},t("div",null,"error"==a?s||o:i),l&&t("div",null," ",`${(null==n?void 0:n.length)||0}/${l}`," ")));export{r as C}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as i,h as e,H as s,g as h}from"./p-6d7fe687.js";import{c as n,d as o}from"./p-3c7a0345.js";import{c as a}from"./p-d65a1e21.js";import{I as l}from"./p-54c0916c.js";import"./p-6f56f8ca.js";const r=t=>t.toLowerCase(),c=class{constructor(e){t(this,e),this.listboxItemSelected=i(this,"bcm-listbox-item-selected",7),this.listboxClearSelected=i(this,"bcm-listbox-clear-selecteds",7),this.listboxSendCheck=i(this,"bcm-listbox-send-check",7),this.listboxSendUncheck=i(this,"bcm-listbox-send-uncheck",7),this.listboxChecklist=i(this,"bcm-listbox-checklist",7),this.listboxChange=i(this,"bcm-listbox-change",7),this.listboxChecked=i(this,"bcm-listbox-checked",7),this.change=i(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.searchResults=[],this.totalSearch=0,this.showSearch=!0,this.empty=!1,this.runClearAndSelect=!1,this.innerComponent=!1,this.checkboxes=!1,this.label=void 0,this.required=!1,this.value=null,this.search=!1,this.infoFooter=!1,this.showIcon=!1,this.size="medium",this.selectedId=void 0,this.checkedList=[],this.updateCheckedList=[],this._items=[],this.fullWidth=!1,this.searchFields=["text","secondaryText","tooltipText"],this._flex=void 0,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.caption=void 0,this.captionError=void 0,this.captionType="default",this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.tooltip=void 0,this.total=0,this.items=[],this.checklist=[],this.sortedChecklist=[],this.indeterminateState="uncheck",this.checked=!1,this.jsonItem=void 0,this.searchData=void 0,this.captionCache=void 0,this.captionTypeCache=void 0,this.checklistSorted=[]}async setClear(){this.listboxChecklist.emit([]),this.value=null,this.selectedId=null,this.listboxClearSelected.emit([]);let t=n(this.el,"bcm-listbox-item"),i=[];return t&&t.map((t=>{i.push(t.checked=!1)})),await Promise.all(i),this.checklist=[],this.sortedChecklist=[],this.checklistSorted=[],this.checkedObjectList=[],await o(10),Promise.resolve()}async resetCaption(){return await o(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await o(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(t=!0){if(0==this.treeview&&1==this.search){this.showSearch=t;var i=null;(i=this.el.shadowRoot.getElementById("search"))&&(t?i.classList.remove("hidden"):i.classList.add("hidden"))}}async selected(t){this.selectedId=String(t),!0===this.treeview&&setTimeout((async()=>{const t=this.el.shadowRoot.querySelector("bcm-treeview");t&&await t.selected(this.selectedId)}),100)}async clearAndSelectSearch(t=!0){this.runClearAndSelect=!0,1==this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==t&&i.select())}),100)}async addChecked(t){await this.setClear(),t&&"string"!=typeof t&&(await o(50),sessionStorage.getItem(this._internal_id+"-config")&&this.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),this.checkedList=t,this.checkedList.forEach((t=>{this.handleListboxChecked({detail:String(t)},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(t)}),50))}async updateChecked(t){this.setClear(),this.checkedList=[],this.updateCheckedList=t,this.updateCheckedList.forEach((t=>{this.handleListboxChecked({detail:t})})),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.updateChecked(t)}}),100)}async config(t){return t.treeview&&!0===t.treeview&&(this.treeview="boolean"==typeof t.treeview&&t.treeview),setTimeout((async()=>{if(!0===this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.config(t),this.selectedId&&await i.selected(this.selectedId))}}),300),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.maxHeight&&(this.maxHeight="string"==typeof t.maxHeight?t.maxHeight:"100%"),t.height&&(this.height="string"==typeof t.height?t.height:"100%"),t.template&&(this.template="string"==typeof t.template?t.template:null),t.searchable&&(this.search="boolean"==typeof t.searchable&&t.searchable),t.highlight&&(this.highlight="boolean"==typeof t.highlight&&t.highlight),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.numberOfColumns&&(this.numberOfColumns="number"==typeof t.numberOfColumns?t.numberOfColumns:1),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable&&t.checkable),t.showIcon&&(this.showIcon="boolean"==typeof t.showIcon&&t.showIcon),t.size&&(this.size=["small","medium","large"].indexOf(t.size)>=0?t.size:"medium"),this.searchSub=this.objectMapping.items,t.mapping&&(t.mapping.id&&(this.objectMapping.id=String(t.mapping.id),this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.icon&&(this.objectMapping.icon=t.mapping.icon),t.mapping.avatar&&(this.objectMapping.avatar=t.mapping.avatar),t.mapping.avatarName&&(this.objectMapping.avatarName=t.mapping.avatarName),t.mapping.avatarImage&&(this.objectMapping.avatarImage=t.mapping.avatarImage),t.mapping.secondaryText&&(this.objectMapping.secondaryText=t.mapping.secondaryText),t.mapping.tooltipText&&(this.objectMapping.tooltipText=t.mapping.tooltipText),t.mapping.disabled&&(this.objectMapping.disabled=t.mapping.disabled),t.mapping.checked&&(this.objectMapping.checked=t.mapping.checked),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(t)),Promise.resolve(!0)}async setData(t=[]){this.clearAndSelectSearch(!1),this.isLoading(!0),this._items=t,this.searchData=JSON.parse(t),this.isSetData=!0,setTimeout((async()=>{if(!0===this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&(await i.setData(t),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((t=>{1==t.checked&&(this.firstCheck=!0,-1==this.checkedObjectList.indexOf(t.itemObject)&&this.checkedObjectList.push(t.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 t="uncheck",i=!0,e=!0;this.getAllGroup(this.el,!0).map((t=>{t.checked&&(e=!1),!t.checked&&(i=!1)})),t=i||e?i?"determinate":"uncheck":"indeterminate",this.indeterminateState=t,this.checked="determinate"==t}getAllGroup(t=this.el,i=!1){let e=[],s=n(t,"bcm-listbox-group"),h=n(t,"bcm-listbox-item");return s.length>0&&s.forEach((t=>{-1===this.isGroupArray.indexOf(Number(t.id))&&this.isGroupArray.push(Number(t.id)),0==i&&(e=[...e,t]),n(t,"bcm-listbox-item").forEach((t=>{e.indexOf(t)>=0||(e=[...e,t])}))})),h.length>0&&h.forEach((t=>{e.indexOf(t)>=0||(e=[...e,t])})),e}getAllChilds(t=this.el,i=null){let e=[],s=[];return this._items&&"slot"!==i?this._items&&this._items.length>0&&(s=JSON.parse(this._items),s.map((t=>"group"===t.type?t.items.map((t=>e=[...e,t])):e=[...e,t]))):n(t,"bcm-listbox-item").forEach((t=>{e=[...e,t]})),e}handleCheckList(t="add",i){if(i=String(i),this.checkboxes&&this.items&&this.items.find((t=>t[this.objectMapping.id]==i))){switch(t){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((t=>t!==i))}let e=this.checklist.sort((function(t,i){return t-i}));this.sortedChecklist=this.checklist,this.checklistSorted=e}}handleIndeterminateClick(){let t="uncheck",i=!0,e=!0,s=[];this.getAllGroup(this.el,!0).map((t=>{!1===t.hidden&&(s.push(t),t.checked&&(e=!1),!t.checked&&(i=!1))})),t=i||e?i?"determinate":"uncheck":"indeterminate",s.map((i=>{"uncheck"!==t?(i.checked=!1,this.handleCheckList("remove",String(i.id))):(i.checked=!0,this.handleCheckList("add",String(i.id)))})),this.setIndeterminateState()}handleCheckboxClick(t){t.preventDefault()}itemRenderer(t){return t[this.objectMapping.id]&&String(this.selectedId)==String(t[this.objectMapping.id])&&this.listboxItemSelected.emit(t),e("bcm-listbox-item",Object.assign({_internal_id:this._internal_id,id:String(t[this.objectMapping.id]),text:t[this.objectMapping.text]},t[this.objectMapping.icon]&&{icon:t[this.objectMapping.icon]},t[this.objectMapping.avatar]&&{avatar:t[this.objectMapping.avatar]},t[this.objectMapping.avatarName]&&{avatarName:t[this.objectMapping.avatarName]},t[this.objectMapping.avatarImage]&&{avatarImage:t[this.objectMapping.avatarImage]},t[this.objectMapping.secondaryText]&&{secondaryText:t[this.objectMapping.secondaryText]},t[this.objectMapping.tooltipText]&&{tooltipText:t[this.objectMapping.tooltipText]},Boolean(t[this.objectMapping.checked])===Boolean(!0)&&{checked:Boolean(t[this.objectMapping.checked])},!0===t[this.objectMapping.disabled]&&{disabled:!0},Boolean(t[this.objectMapping.selected])===Boolean(!0)&&0==this.checkboxes&&{selected:Boolean(t[this.objectMapping.selected])},this.template&&{template:this.template},this.checkboxes&&{checkboxes:!0},this.size&&{size:this.size},{itemObject:t,objectMapping:this.objectMapping}))}recursiveGroupRenderer(t){return e("bcm-listbox-group",{id:t[this.objectMapping.id],text:t[this.objectMapping.text]},t.items.map((t=>"group"===t.type?this.recursiveGroupRenderer(t):this.itemRenderer(t))))}async searchResultMethod(t=[]){if(1==this.treeview){const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&i.searchResultMethod({detail:!(t.length>0)||t})}else this.listenSearchResult({detail:!(t.length>0)||t,isEvent:!0})}handleListboxSelected(t){this.listboxItemSelected.emit(t.detail)}isLoading(t){var i=this.el.shadowRoot.getElementById("bcm-listbox-list"),e=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-old-search");t?(s&&(s.disabled=!0),i&&i.classList.add("loading"),e&&e.classList.add("show")):(s&&(s.disabled=!1),i&&i.classList.remove("loading"),e&&e.classList.remove("show"))}isEmpty(t){var i=this.el.shadowRoot.getElementById("empty"),e=this.el.shadowRoot.getElementById("list-container"),s=this.el.shadowRoot.getElementById("checkall");t?(i&&i.classList.add("show"),e&&e.classList.add("hidden"),s&&s.classList.add("hidden")):(i&&i.classList.remove("show"),e&&e.classList.remove("hidden"),s&&s.classList.remove("hidden"))}isSearchCount(t=!1){if(this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),e=this.el.shadowRoot.getElementById("in-total");!1!==t&&t>=0&&null!=t&&i&&e?(i.innerHTML=t,e.style.display="none"):(e.style.display="inline",i.innerHTML="")}}listenSearchResult(t){var i=t.path||t.composedPath&&t.composedPath();if(null==t.isEvent&&i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]){var e="";if(0==this.treeview){var s=t.detail.length;this.isEmpty(!1),this.intersection=[],t.detail.length>0?(-1==t.detail[0]&&(s=0,this.empty=!0,this.isEmpty(!0)),this.allChilds.length>0&&this.allChilds.map((i=>{this.highlight&&t.target.addEventListener("bcm-on-search-value",(async t=>{var s=i.shadowRoot.getElementById("text");if(s){if(e=await t.detail,s=(null==s?void 0:s.textContent)||(null==s?void 0:s.innerText)||"",e){var h=r(s),n=r(e),o=h.indexOf(n);o>=0&&(s=s.substring(0,o)+"<span class='highlight'>"+s.substring(o,o+e.length)+"</span>"+s.substring(o+e.length))}i.shadowRoot.getElementById("text").innerHTML=s}})),i.hidden=!0;var s=String(i.id);i.hidden=!(t.detail.indexOf(s)>=0)})),this.intersection=-1==t.detail[0]?[0]:t.detail.filter((t=>this.isGroupArray.includes(t)))):this.allChilds.length>0&&this.allChilds.map((t=>{t.hidden=!1})),(this.search||this.checkboxes)&&setTimeout((()=>{this.isSearchCount(s>=0?s:0),-1===t.detail[0]&&this.isSearchCount(0),!0===t.detail&&this.isSearchCount()}),100),!0===t.detail&&this.isEmpty(!1),this.runClearAndSelect&&(this.runClearAndSelect=!1,this.isSearchCount(!0))}}}parseItems(t){t&&(this.items="string"==typeof t?JSON.parse(t):t),this.handleChildProcess()}handleChange(t){this.change.emit(t),this.listboxChange.emit(t)}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(t){var i=t.path||t.composedPath&&t.composedPath();0==this.checkboxes&&i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&(this.value=t.detail,this.selectedId=String(t.detail[this.objectMapping.id]),this.listboxClearSelected.emit(t.detail))}handleListboxChecked(t,i=this._internal_id){var e=t.path||t.composedPath&&t.composedPath();(e&&null!=e.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendCheck.emit(t.detail),this.handleCheckList("add",t.detail),this.setIndeterminateState())}handleListboxUnchecked(t,i=this._internal_id){var e=t.path||t.composedPath&&t.composedPath();(e&&null!=e.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id)&&(this.listboxSendUncheck.emit(t.detail),this.handleCheckList("remove",t.detail),this.setIndeterminateState())}async listboxUncheckedMethod(t,i=this._internal_id){if(this.treeview){await customElements.whenDefined("bcm-treeview");const i=this.el.shadowRoot.querySelector("bcm-treeview");i&&await i.treeviewUncheckedMethod(t)}else this.handleListboxUnchecked({detail:t},i)}handleFocus(t=!1){this.onFocus=t}render(){const{innerComponent:t,label:i,required:h,treeview:n,searchText:o,checkboxes:l,search:r,size:c,fullWidth:d,total:p,indeterminateState:x,checked:m,checklist:b,searchData:g,searchFields:u,_flex:f,returnField:v,searchSub:y,infoFooter:z,showSearch:w,noCaption:k,caption:S,captionError:C,captionType:T}=this,j=a("bcm-listbox",{error:"error"==T,"full-width":d,flex:f}),N=a("listbox-item",{hidden:this.totalSearch>0}),I=a("listbox-item-container"),O=a("listbox-item-container-text-content",c,{"size-2":"small"===c||"medium"===c,"size-3":"large"===c}),R=a("list-container",{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),F={"grid-template-columns":this.numberOfColumns<=1?"1fr":"repeat("+this.numberOfColumns+", "+(210-10*this.numberOfColumns)+"px)"},L=a(this.hidden?"hidden":null,{flex:f,"full-width":d});var _={"max-height":this.maxHeight};const P={"min-height":this.height?"inherit":this.maxHeight?"auto":"200px"};this.height&&(_=Object.assign(Object.assign({},_),{height:this.height}));const M=a("size-1","input-caption","caption-"+T);return e(s,{class:L,style:_,"bcm-internal-id":this._internal_id},!t&&i&&e("div",null,e("bcm-label",{tooltip:this.tooltip,type:T,value:i,required:h})),!0===n&&e("bcm-treeview",{_internal_id:this._internal_id}),0==n&&e("div",{class:j,style:_},r&&e("div",{class:"search",id:"search",style:{display:"false"==String(w)?"none":"block"}},e("bcm-old-search",{_internal_id:this._internal_id,searchPlaceholder:this.searchPlaceholder,searchValue:o,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:g,returnField:v,searchFields:u,searchSub:y,clearable:!0}),e("bcm-divider",null)),e("div",{id:"bcm-listbox-list",class:"bcm-listbox-list loading",style:P},l&&e("div",{class:N,id:"checkall"},e("div",{class:I,onClick:()=>this.handleIndeterminateClick()},e("div",{class:"check-content"},"indeterminate"==x&&e("span",{class:"indeterminate"})||e("bcm-checkbox-lite",{onClick:t=>this.handleCheckboxClick(t),checked:m,"no-caption":!0})),e("div",{class:O},"Select All")),e("div",{class:"divider"},e("bcm-divider",null))),e("div",{id:"list-container",class:R,style:F},0!==this.items.length&&this.items.map((t=>"group"===t.type?this.recursiveGroupRenderer(t):this.itemRenderer(t)))),e("div",{id:"loading",class:"loading show"},e("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),e("div",{id:"empty",class:"empty"},e("bcm-empty",null,"No Data"))),1==z&&e("div",{class:"bcm-listbox-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},b.length>0&&" ( "+b.length+" selected ) ","Total ",e("span",{id:"in-search"})," ",e("span",{id:"in-total"},p)," items found."))),!k&&e("div",{class:"caption-area"},"error"==T?e("span",{class:M}," ",C," "):S&&e("span",{class:M}," ",S," ")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"],value:["handleChange"]}}};(function(t,i,e,s){var h,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(h=t[a])&&(o=(n<3?h(o):n>3?h(i,e,o):h(i,e))||o);n>3&&o&&Object.defineProperty(i,e,o)})([l()],c.prototype,"el",void 0),c.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}.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 d=class{constructor(i){t(this,i),this.text=void 0,this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}componentWillLoad(){this.text=this.text.toUpperCase()}render(){const{text:t}=this,i=a("listbox-group"),h=a("listbox-group-title"),n=a(this.hidden?"hidden":null);return e(s,{class:n},e("div",{class:i},e("div",{class:h},e("bcm-text",{"font-size":"3",color:"slate-100"}," ",t," ")),e("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}.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 p=class{constructor(e){t(this,e),this.listboxItemSelected=i(this,"bcm-listbox-item-selected",7),this.listboxUnchecked=i(this,"bcm-listbox-unchecked",7),this.listboxChecked=i(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.avatarImage=void 0,this.avatarName=void 0,this.secondaryText=void 0,this.tooltipText=void 0,this.text=void 0,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.itemObject=void 0,this.disabled=!1,this.highlight=void 0,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(t){t.preventDefault()}isInternal(t){var i=t.path||t.composedPath&&t.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(t){this.isInternal(t)&&(this.disabled||t.detail&&t.detail===this._id&&(this.checked=!0))}ListenListboxUncheck(t){this.isInternal(t)&&(this.disabled||t.detail&&t.detail===this._id&&(this.checked=!1))}handleListboxClearSelecteds(t){0==this.checkboxes&&this.isInternal(t)&&(this.disabled||t.detail&&(this.selected=t.detail===this.itemObject))}templateParser(t){for(var i,e=/{{([^}]+)}}/g,s=t;i=e.exec(s);)t=t.replace("{{"+i[1]+"}}",this.itemObject[i[1]]);return t}render(){const{display:t,focused:i,selected:h,size:n,showIcon:o,icon:l,checkboxes:r,_id:c,checked:d,text:p,avatarName:x,avatarImage:m,avatar:b,secondaryText:g,tooltipText:u}=this,f=a("listbox-item",{disabled:this.disabled,display:t}),v=a("listbox-item-container",{disabled:this.disabled,focus:i,selected:h}),y=a("listbox-item-container-text-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n}),z=a(this.hidden?"hidden":null),w=a("listbox-item-container-html-content",n,{disabled:this.disabled,"size-2":"small"===n||"medium"===n,"size-3":"large"===n});return e(s,{class:z},e("div",{class:f},e("div",{class:v,onClick:()=>this.handleClick()},r&&e("div",{class:"check-content"},e("bcm-checkbox-lite",{id:"check-"+c,onClick:t=>this.handleCheckboxClick(t),checked:d,disabled:this.disabled})),this.template&&e("div",{class:w,title:u,innerHTML:this.templateParser(this.template)}),null==this.template&&e("div",{class:y,title:u},e("div",null,(b||x||m)&&e("div",{class:"avatar"},e("bcm-avatar",Object.assign({size:"small",name:p},x&&{name:x},m&&{image:m}))),o&&l&&e("bcm-icon",{class:"icon",icon:l}),p&&e("span",{id:"text"},p)||e("slot",null)),e("div",null,g&&e("div",{class:"secondaryText size-1"},g))))))}get el(){return h(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}.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 x=t=>t.toLowerCase(),m=class{constructor(e){t(this,e),this.treeviewChange=i(this,"bcm-treeview-change",7),this.treeviewSendCheck=i(this,"bcm-treeview-send-check",7),this.treeviewSendUncheck=i(this,"bcm-treeview-send-uncheck",7),this.treeviewChecklist=i(this,"bcm-treeview-checklist",7),this.treeviewItemSelected=i(this,"bcm-treeview-item-selected",7),this.treeviewClearSelecteds=i(this,"bcm-treeview-clear-selecteds",7),this.treeviewShowContext=i(this,"bcm-treeview-show-context",7),this.treeviewUnchecked=i(this,"bcm-treeview-unchecked",7),this.treeviewChecked=i(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.empty=!1,this.checkboxes=!1,this.showIcon=!1,this.size="medium",this.selectedId=void 0,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.showSearch=!0,this.items=[],this.total=0,this.checkCount=0,this.focusedElement=void 0,this.keyMapForFocus={18:!1,87:!1},this.checklist=[],this.favoriteList=[],this.checklistSorted=[],this.searchData=void 0,this.searchResults=[]}async setData(t=[]){return this.clearAndSelectSearch(!1),this.isLoading(!0),this.isSetData=!0,this.checkedObjectList=[],this.selectedId=null,setTimeout((()=>{this._items=t,this.searchData=JSON.parse(t),this.calculateMinSizes(),this.handleChildProcess()}),100),Promise.resolve(!0)}async getChecklist(){return this.checkedObjectList}async getFavorites(){return this.getChildItem(this.el).forEach((t=>{1==t[this.objectMapping.favorite]&&(this.favIconOnlyChilds&&0==t[this.objectMapping.items].length&&this.favoriteList.indexOf(t.itemObject)<0&&this.favoriteList.push(t.itemObject),!this.favIconOnlyChilds&&this.favoriteList.indexOf(t.itemObject)<0&&this.favoriteList.push(t.itemObject))})),this.favoriteList}async selected(t){this.selectedId=t}async clearAndSelectSearch(t=!0){this.runClearAndSelect=!0,!0===this.search&&setTimeout((()=>{var i=null;(i=this.el.shadowRoot.querySelector("bcm-old-search"))&&(i.setClear(),1==t&&i.select())}),100)}async addChecked(t=[]){this.checkedList=t}async updateChecked(t=[]){this.updateCheckedList=t}async config(t){return t.maxHeight&&(this.maxHeight="string"==typeof t.maxHeight?t.maxHeight:"100%"),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchable&&(this.search="boolean"==typeof t.searchable&&t.searchable),t.searchOnlyChild&&(this.searchOnlyChild="boolean"==typeof t.searchOnlyChild&&t.searchOnlyChild),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.highlight&&(this.highlight="boolean"==typeof t.highlight&&t.highlight),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable&&t.checkable),t.showIcon&&(this.showIcon="boolean"==typeof t.showIcon&&t.showIcon),t.favIcon&&(this.favIcon="boolean"==typeof t.favIcon&&t.favIcon),t.favIconOnlyChilds&&(this.favIconOnlyChilds="boolean"==typeof t.favIconOnlyChilds&&t.favIconOnlyChilds),t.allOpen&&(this.allOpen="boolean"==typeof t.allOpen&&t.allOpen),this.allOpenCache=this.allOpen,t.size&&(this.size=["small","medium","large"].indexOf(t.size)>=0?t.size:"medium"),t.mapping&&(t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.icon&&(this.objectMapping.icon=t.mapping.icon),t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items),t.mapping.open&&(this.objectMapping.open=t.mapping.open),t.mapping.selected&&(this.objectMapping.selected=t.mapping.selected),t.mapping.checked&&(this.objectMapping.checked=t.mapping.checked),t.mapping.tooltipText&&(this.objectMapping.tooltipText=t.mapping.tooltipText),t.mapping.disabled&&(this.objectMapping.disabled=t.mapping.disabled),t.mapping.favorite&&(this.objectMapping.favorite=t.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((t=>{1==t.checked&&this.checkedObjectList.indexOf(t.itemObject)<0&&this.checkedObjectList.push(t.itemObject)})),this.treeviewChecklist.emit(this.checkedObjectList)):this.treeviewChecklist.emit([]))}parseItems(t){t&&(this.items="string"==typeof t?JSON.parse(t):t),this.handleChildProcess()}handleChildProcess(){setTimeout((()=>{this.allChilds=this.getAllChilds(),this.total=this.allChilds.filter(((t,i,e)=>e.indexOf(t)===i)).length,this.total>0?(this.isLoading(!1),this.isEmpty(!1)):(this.isLoading(!1),this.isEmpty(!0))}),100)}recursiveItemRenderer(t,i){const s=String(this.selectedId),h=String(t[this.objectMapping.id]),n="true"===String(t[this.objectMapping.selected]);return(s===h||n)&&this.treeviewItemSelected.emit(t),e("bcm-treeview-item",Object.assign({_internal_id:this._internal_id,text:t[this.objectMapping.text],icon:t[this.objectMapping.icon],id:t[this.objectMapping.id],size:this.size,"has-child":!!t[this.objectMapping.items]},i&&{"parent-id":i[this.objectMapping.id]},t[this.objectMapping.tooltipText]&&{tooltipText:t[this.objectMapping.tooltipText]},"true"===String(t[this.objectMapping.checked])&&{checkTrigger:!0},"true"===String(t[this.objectMapping.open])&&{open:!0},"true"===String(t[this.objectMapping.selected])&&{selected:!0},"true"===String(t[this.objectMapping.disabled])&&{disabled:!0},t[this.objectMapping.items]&&{items:t[this.objectMapping.items]},this.favIcon&&!this.favIconOnlyChilds&&{favicon:!0},this.favIcon&&this.favIconOnlyChilds&&0==t[this.objectMapping.items].length&&{favicon:!0},this.favIcon&&t.rightSlot&&{favorite:t.rightSlot[this.objectMapping.favorite]},this.showIcon&&{showIcon:!0},"true"===String(this.checkboxes)&&{checkboxes:!0},(this.allOpen||this.allOpenOnSearch)&&{open:!0},{itemObject:t},this.checkedList&&this.checkedList.find((i=>i==t[this.objectMapping.id]))&&{checkTrigger:!0},this.updateCheckedList.length>0&&this.updateCheckedList.find((i=>i==t[this.objectMapping.id]))&&{checkTrigger:!0}),t[this.objectMapping.items]&&t[this.objectMapping.items].map((i=>this.recursiveItemRenderer(i,t))))}handleCheckList(t="add",i){if(!0===this.checkboxes){switch(t){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((t=>t!==i))}let e=this.checklist.sort((function(t,i){return t-i}));this.checklistSorted=e,this.checkCount=this.checklistSorted.length}}async showSearchMethod(t=!0){this.showSearch=t}async searchResultMethod(t=[]){await customElements.whenDefined("bcm-old-search");const i=this.el.shadowRoot.querySelector("bcm-old-search"),e=await i.searchArray(t,this.objectMapping.id);await this.listenSearchResult({detail:e})}isLoading(t){var i=this.el.shadowRoot.getElementById("treeview"),e=this.el.shadowRoot.getElementById("loading"),s=this.el.shadowRoot.querySelector("bcm-old-search");return!0===t?(i&&i.classList.add("loading"),e&&e.classList.add("show"),s&&(s.disabled=!0)):(i&&i.classList.remove("loading"),e&&e.classList.remove("show"),s&&(s.disabled=!1)),!1}isEmpty(t){var i=this.el.shadowRoot.getElementById("empty");!0===t?i&&i.classList.add("show"):i&&i.classList.remove("show")}isSearchCount(t=null){if(!0===this.infoFooter){var i=this.el.shadowRoot.getElementById("in-search"),e=this.el.shadowRoot.getElementById("in-total");t>=0&&null!=t&&i&&e?(i.innerHTML=t,e.style.display="none"):(e.style.display="inline",i.innerHTML="")}}listenSearchResult(t){this.parentLength=[];var i="",e=t.detail.length;this.empty=!1;var s=this.getAllChilds();this.isEmpty(!1),t.detail.length>0?(-1==t.detail[0]&&(e=0,this.empty=!0,this.isEmpty(!0)),s.length>0&&s.map((e=>{var s=!1;this.searchOnlyChild&&e.items&&e.items.length>0&&(s=!0),t.target.addEventListener("bcm-on-search-value",(async t=>{i=await t.detail;var h=e.shadowRoot.getElementById("text");if(h=h.textContent||h.innerText||"",i){var n=x(h),o=x(i),a=n.indexOf(o);a>=0&&0==s&&(-1===this.parentLength.indexOf(e.id)&&this.parentLength.push(e.id),this.highlight&&(h=h.substring(0,a)+"<span class='highlight'>"+h.substring(a,a+i.length)+"</span>"+h.substring(a+i.length)))}e.shadowRoot.getElementById("text").innerHTML=h})),e.hidden=!0,t.detail.indexOf(e.id)>=0?(e.hidden=!1,e.open=!0,setTimeout((()=>{if(-1!==this.parentLength.indexOf(e.id)&&e.items&&e.items.length>0&&0==this.searchOnlyChild){const t=i=>{this.getAllChilds(i).map((i=>{i.hidden=!1,i.open=!0,t(i)}))};t(e)}}),1)):e.hidden=!0}))):s.length>0&&s.map((t=>{t.hidden=!1})),setTimeout((()=>{if(e>=0){var i=e-Number(e-this.parentLength.length);this.isSearchCount(i>0?i:0)}else this.isSearchCount();-1===t.detail[0]&&this.isSearchCount(0),!0===t.detail&&this.isSearchCount()}),100),!0===t.detail&&this.isEmpty(!1)}getAllChilds(t=this.el){let i=[];return n(t,"bcm-treeview-item").forEach((t=>{this.getAllChilds(t)&&i.indexOf(t)<0&&i.push(t),i.indexOf(t)<0&&i.push(t)})),i}handletreeviewItemSelected(t){this.treeviewClearSelecteds.emit(t.detail)}handletreeviewChecked(t){this.handleCheckList("add",t.detail)}handletreeviewUnchecked(t){this.handleCheckList("remove",t.detail)}handletreeviewIndeterminateChecked(t){this.handleCheckList("add",t.detail)}handletreeviewIndeterminateUnchecked(t){this.handleCheckList("remove",t.detail)}treeviewUncheckedMethod(t){return this.handletreeviewUnchecked({detail:t}),this.componentDidUpdate(),Promise.resolve(!0)}getIndex(t){return Array.from(t.parentNode.children).indexOf(t)}getNext(t){return this.getChildItem(t.parentElement)[this.getIndex(t)+1]||!1}getPrev(t){return this.getChildItem(t.parentElement)[this.getIndex(t)-1]||!1}getParent(t){return"bcm-treeview"!=x(t.parentElement.tagName)&&this.getChildItem(t.parentElement.parentElement)[this.getIndex(t.parentElement)]}getNextParent(t){let i,e=this.getParent(t);if(e)return i=this.getNext(e),i||this.getNextParent(e)}getFirstItem(t=this.el){return this.getChildItem(t)[0]}getLastItem(t=this.el){let i=this.getChildItem(t).length,e=this.getChildItem(t)[i-1];return this.getChildItem(e).length>0&&1==e.open?this.getLastItem(e):e}getChildItem(t=this.el){return n(t,"bcm-treeview-item")||0}handleRightClick(t){this.treeviewShowContext.emit([t.target.id,t.clientY,t.clientX]),t.preventDefault()}keyboardNavigationUp(t){let{keyMapForFocus:i}=this;t.keyCode in i&&(i[t.keyCode]=!1)}keyboardNavigation(t){if(this.keydown){const{keyMapForFocus:i,focusedElement:e,el:s}=this;this.focusedElement=e||s;const h=t.which||0;if(this.getChildItem(s).length>0){if(t.keyCode in i&&(i[t.keyCode]=!0,i[18]&&i[87]&&(t.preventDefault(),this.focusedElement=this.getFirstItem(this.focusedElement))),9==h||13==h||18==h||32==h||35==h||36==h||h>=35&&h<=40)if(t.preventDefault(),e)switch(this.focusedElement.focused=!1,h){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(t=!1){this.onFocus=t}render(){const{searchOnlyChild:t,searchPlaceholder:i,search:h,checkCount:n,searchData:o,searchFields:l,searchSub:r,returnField:c,total:d,fullWidth:p,infoFooter:x,showSearch:m}=this,b=a(this.hidden?"hidden":null,{empty:this.empty,"full-width":p});return e(s,{class:b,style:{"min-width":this.minWidth+"px","max-height":this.maxHeight}},h&&e("div",{class:"search",style:{display:"false"==String(m)?"none":"block"}},e("bcm-old-search",{onlyChild:t,searchPlaceholder:i,"on-bcm-focus":()=>this.handleFocus(!0),"on-bcm-blur":()=>this.handleFocus(!1),data:o,returnField:c,searchFields:l,searchSub:r,clearable:!0}),e("bcm-divider",null)),e("div",{id:"treeview",class:"treeview loading"},e("div",{id:"loading",class:"loading show"},e("bcm-icon",{class:"prefix",icon:"far fa-spinner-third fa-spin"})),e("div",{id:"empty",class:"empty"},e("bcm-empty",null,"No Data")),!this.empty&&0!==this.items.length&&this.items.map((t=>this.recursiveItemRenderer(t,null)))),1==x&&e("footer",null,e("bcm-text",{scale:"size-1",color:"grey-8"},n>0&&"( "+n+" items selected ) ","Total ",e("span",{id:"in-search"})," ",e("span",{id:"in-total"},d)," items found.")))}get el(){return h(this)}static get watchers(){return{_items:["parseItems"]}}};(function(t,i,e,s){var h,n=arguments.length,o=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var a=t.length-1;a>=0;a--)(h=t[a])&&(o=(n<3?h(o):n>3?h(i,e,o):h(i,e))||o);n>3&&o&&Object.defineProperty(i,e,o)})([l()],m.prototype,"el",void 0),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}.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}';export{c as bcm_listbox,d as bcm_listbox_group,p as bcm_listbox_item,m as bcm_treeview}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as i,c as e,h as t,H as c,g as s}from"./p-6d7fe687.js";import{c as n}from"./p-d65a1e21.js";import{I as o}from"./p-54c0916c.js";import{G as a}from"./p-6a353bb6.js";import{B as h}from"./p-978011dd.js";import{C as r}from"./p-a831bd5d.js";import{d as l}from"./p-3c7a0345.js";import"./p-6f56f8ca.js";import"./p-10bf821f.js";import"./p-d82b164a.js";const m=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=a.UID(),this._internal_id=a.UID(),this.checked=!1,this.hidden=!1,this.value=!1,this.name=void 0,this.disabled=!1,this.required=!1,this.size=h.Size.medium,this.readonly=!1,this.activeIcon=void 0,this.activeText=void 0,this.inactiveIcon=void 0,this.inactiveText=void 0,this.pending=!1,this.label=void 0,this.labelPosition="top",this.tooltip=void 0,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=h.Status.default,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType,this.value=this.checked}handleChange(){this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)}componentWillRender(){this.pending&&(this.disabled=!0)}async onBcmFocus(){this.el.focus()}async onBcmBlur(){this.el.blur()}async set(i){"boolean"==typeof i&&await this.check(i)}async check(i=!0){this.inputElement.checked=i,this.handleChange()}async get(){return this.checked||!1}async setClear(){return 1==this.inputElement.checked&&(this.inputElement.checked=!1,this.checked=this.inputElement.checked,this.value=this.checked,this.change.emit(this.checked)),await l(10),Promise.resolve()}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await l(10),Promise.resolve()}handleKeyUp(i){if(i.keyCode==h.KeyCode.space||i.keyCode==h.KeyCode.enter)return this.disabled||this.readonly||(this.inputElement.checked=!this.inputElement.checked,this.handleChange()),i.stopPropagation(),i.preventDefault(),!1}render(){const{hidden:i,_internal_id:e,checked:s,size:o,activeIcon:a,inactiveIcon:l,activeText:m,inactiveText:b,pending:p,disabled:d,readonly:g,label:_,required:w,noCaption:x,captionType:f,captionError:u,caption:z}=this,v=n("bcm-switch__toggle","bcm-switch__size-"+o,{"switch-checked":s,disabled:d,readonly:g,error:f==h.Status.error}),y=n("bcm-switch","bcm-switch__size-"+o,{hidden:i,checked:s,disabled:d,readonly:g}),k=n("bcm-switch__label","input-size-"+h.Size[o]),j=n("bcm-switch__container",`bcm-switch__container--${this.labelPosition}`),C=i=>o!=h.Size.small&&(m||b)&&t("span",{class:i+"-text"},"active"==i?m:b),B=i=>o!=h.Size.small&&(a||l)&&t("bcm-icon",{icon:"active"==i?a:l,class:" icon-"+i});return t(c,{tabindex:"0",onFocus:()=>this.focus.emit(this.el),onBlur:()=>this.blur.emit(this.el),class:y},t("span",{hidden:!0},t("slot",null)),t("div",{class:j},_&&t("bcm-label",{htmlFor:e,tooltip:this.tooltip,type:f,value:_,required:w}),t("input",{id:e,onChange:()=>this.handleChange(),ref:i=>this.inputElement=i,checked:s,type:"checkbox",class:"switch",disabled:d||g}),t("label",{htmlFor:e,class:k},C("inactive"),t("div",{class:v},B("active"),t("span",{class:"handle"},p&&t("span",{class:"switch-spinner"})),B("inactive")),C("active"))),t(r,{noCaption:x,captionType:f,captionError:u,caption:z}))}get el(){return s(this)}};(function(i,e,t,c){var s,n=arguments.length,o=n<3?e:null===c?c=Object.getOwnPropertyDescriptor(e,t):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(i,e,t,c);else for(var a=i.length-1;a>=0;a--)(s=i[a])&&(o=(n<3?s(o):n>3?s(e,t,o):s(e,t))||o);n>3&&o&&Object.defineProperty(e,t,o)})([o()],m.prototype,"el",void 0),m.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}.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-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}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-400);position:relative;cursor:pointer}.bcm-switch__toggle:hover{background-color:var(--bcm-new-ds-color-slate-500)}.bcm-switch__toggle:hover .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch__toggle:hover.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__toggle.error{background-color:var(--bcm-new-ds-color-red-300)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}';export{m as bcm_switch}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,h as i,H as h,g as e}from"./p-6d7fe687.js";import{I as o}from"./p-54c0916c.js";import{C as r}from"./p-cace6ebd.js";import"./p-626a65e9.js";import{G as c}from"./p-6a353bb6.js";import"./p-69b5544d.js";import{S as a}from"./p-dfbc34e2.js";import"./p-52ad7164.js";import"./p-5ae0a59b.js";import{a as n}from"./p-978011dd.js";import{d as l}from"./p-3c7a0345.js";import{F as p}from"./p-4e55fc9e.js";import"./p-436364c8.js";import"./p-d82b164a.js";import"./p-6f56f8ca.js";import"./p-10bf821f.js";class w{constructor({content:t,message:s,targetId:i,placement:h="top",color:e="slate-700",trigger:o="none",openDelay:n=0,closeDelay:w=0,emitShow:d=(()=>{}),emitHide:m=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.bgColor=()=>r.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${a.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${a.trim(this.content)}</div>`:""}\n        </div>`;this.el=c.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${r.twColorReverse(this.bgColor())}`,innerHTML:t})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&p({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=async()=>{this.message?(this.init(),await l(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await l(this.closeDelay),this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.content=t,this.message=s,this.targetId=i,this.placement=h,this.color=e,this.trigger=o,this.id=i+"-popover-box",this.openDelay=n,this.closeDelay=w,this.emitShow=d,this.emitHide=m,c.observeElementRemoval(document.getElementById(this.targetId),this.destroy.bind(this))}}const d=class{constructor(i){t(this,i),this.bcmPopoverShow=s(this,"bcmPopoverShow",7),this.bcmPopoverHide=s(this,"bcmPopoverHide",7),this._id=c.UID(),this.message="",this.content="",this.placement=n.Placement.top,this.trigger=n.TriggerType.click,this.open=!1,this.color="white",this.targetId=void 0,this.openDelay=0,this.closeDelay=0,this.popover=void 0}emitShow(){this.bcmPopoverShow.emit()}emitHide(){this.bcmPopoverHide.emit()}connectedCallback(){this.popover=new w({targetId:this.targetId||this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger,openDelay:this.openDelay,closeDelay:this.closeDelay,emitShow:()=>this.emitShow(),emitHide:()=>this.emitHide()})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:h,trigger:e}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=h,this.popover.trigger=e,this.popover.update()}disconnectedCallback(){this.popover.destroy()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return i(h,{"aria-describedby":"popover",class:"tw-inline-flex tw-h-fit tw-w-fit"},i("slot",null))}get el(){return e(this)}};!function(t,s,i,h){var e,o=arguments.length,r=o<3?s:null===h?h=Object.getOwnPropertyDescriptor(s,i):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,h);else for(var c=t.length-1;c>=0;c--)(e=t[c])&&(r=(o<3?e(r):o>3?e(s,i,r):e(s,i))||r);o>3&&r&&Object.defineProperty(s,i,r)}([o()],d.prototype,"el",void 0);export{d as bcm_popover}