bromcom-ui 2.8.1-rc.3 → 2.8.1-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-6eefda1d.entry.js → p-007e75cf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9bc739ac.js → p-05e39d66.js} +1 -1
- package/dist/bromcom-ui/{p-6f5bd54d.entry.js → p-060debda.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e1898d81.entry.js → p-08fa028a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-97e22a22.entry.js → p-090ace7a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6db0f8dd.entry.js → p-094de2bf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-23b6f1b6.entry.js → p-0a4f8d28.entry.js} +1 -1
- package/dist/bromcom-ui/{p-7baef152.entry.js → p-0f680a2d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e1119ff2.js → p-12448ed2.js} +1 -1
- package/dist/bromcom-ui/{p-5c718986.entry.js → p-222167f4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-78527fcd.entry.js → p-270db6a4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5e72a278.entry.js → p-2ebab6dd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-05852df3.entry.js → p-2f2649ac.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ea6c32e1.entry.js → p-423d6556.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b7919ac8.entry.js → p-45345880.entry.js} +1 -1
- package/dist/bromcom-ui/{p-75a2820f.js → p-4575ec44.js} +1 -1
- package/dist/bromcom-ui/{p-702a285b.entry.js → p-479d7ec8.entry.js} +1 -1
- package/dist/bromcom-ui/{p-76182c8b.entry.js → p-49152a26.entry.js} +1 -1
- package/dist/bromcom-ui/{p-962fee18.entry.js → p-4c49bacb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1b1f82cf.entry.js → p-521d0db6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d9838751.entry.js → p-53fd7272.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2c93afb8.entry.js → p-5d7af92d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-5358bb45.entry.js → p-671febaf.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b685ca73.entry.js → p-691340fe.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9d00bf3c.entry.js → p-69d1f3a9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-53658089.entry.js → p-6ab96c0d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-af81e5fa.entry.js → p-7013ab26.entry.js} +1 -1
- package/dist/bromcom-ui/{p-50b59f5f.entry.js → p-71735094.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bbd80e20.entry.js → p-71f11e80.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c4e92744.entry.js → p-73d05a02.entry.js} +1 -1
- package/dist/bromcom-ui/{p-dd4c1650.entry.js → p-88021108.entry.js} +1 -1
- package/dist/bromcom-ui/{p-25e6e25d.entry.js → p-8c00238d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b4b06540.entry.js → p-8ee2ca71.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d019f179.entry.js → p-941ba28a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1d591e1e.entry.js → p-94e09cd5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8e7a489e.js → p-961cc5b6.js} +1 -1
- package/dist/bromcom-ui/{p-5bb7e3b7.entry.js → p-9c3505da.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1c1f02a8.entry.js → p-ac3478fd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-594fbc80.js → p-af0c9c25.js} +1 -1
- package/dist/bromcom-ui/{p-5bf4d697.entry.js → p-bf2bd4aa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c863ba72.entry.js → p-c6a997b5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-70b210af.entry.js → p-caa7277a.entry.js} +1 -1
- package/dist/bromcom-ui/{p-538a13af.entry.js → p-cf2242fa.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f1eefc73.entry.js → p-db1659d3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f2699133.entry.js → p-deac277e.entry.js} +1 -1
- package/dist/bromcom-ui/p-e046b9a3.entry.js +5 -0
- package/dist/bromcom-ui/{p-c0bb9cfc.entry.js → p-e16e7a85.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b29766b2.entry.js → p-e4683d83.entry.js} +1 -1
- package/dist/bromcom-ui/{p-6b988756.entry.js → p-eb722cdb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-aea6f62f.js → p-ebdfee04.js} +1 -1
- package/dist/bromcom-ui/p-f1474f14.js +5 -0
- package/dist/bromcom-ui/{p-9c2f39ab.entry.js → p-f22d15c0.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8aa4fee3.entry.js → p-f2c199a6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bae55354.entry.js → p-f4b761d9.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d497bc00.entry.js → p-f687b1cb.entry.js} +1 -1
- package/dist/bromcom-ui/{p-b1b64c8b.entry.js → p-f6f175b5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f35d0fc2.entry.js → p-fb798a68.entry.js} +1 -1
- package/dist/bromcom-ui/{p-2d1124ca.entry.js → p-fc2f0545.entry.js} +1 -1
- package/dist/cjs/bcm-accordion.cjs.entry.js +1 -1
- package/dist/cjs/bcm-alert.cjs.entry.js +1 -1
- package/dist/cjs/bcm-attendance.cjs.entry.js +1 -1
- package/dist/cjs/bcm-avatar_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button-group.cjs.entry.js +1 -1
- package/dist/cjs/bcm-button_7.cjs.entry.js +4 -4
- package/dist/cjs/bcm-card.cjs.entry.js +1 -1
- package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +1 -1
- package/dist/cjs/bcm-chip.cjs.entry.js +1 -1
- package/dist/cjs/bcm-collapse.cjs.entry.js +1 -1
- package/dist/cjs/bcm-color-input.cjs.entry.js +3 -3
- package/dist/cjs/bcm-colorful_2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-default.cjs.entry.js +1 -1
- package/dist/cjs/bcm-drawer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/bcm-expansion-panel.cjs.entry.js +1 -1
- package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
- package/dist/cjs/bcm-input.cjs.entry.js +4 -4
- package/dist/cjs/bcm-item.cjs.entry.js +1 -1
- package/dist/cjs/bcm-items.cjs.entry.js +1 -1
- package/dist/cjs/bcm-list.cjs.entry.js +4 -4
- package/dist/cjs/bcm-menu.cjs.entry.js +4 -4
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-modal.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popconfirm.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/bcm-progress.cjs.entry.js +1 -1
- package/dist/cjs/bcm-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-radio.cjs.entry.js +3 -3
- package/dist/cjs/bcm-range.cjs.entry.js +1 -1
- package/dist/cjs/bcm-rc-overflow_2.cjs.entry.js +4 -4
- package/dist/cjs/bcm-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/bcm-step.cjs.entry.js +2 -2
- package/dist/cjs/bcm-stepper.cjs.entry.js +23 -7
- package/dist/cjs/bcm-switch.cjs.entry.js +1 -1
- package/dist/cjs/bcm-tab-group.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item-header.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
- package/dist/cjs/bcm-textarea.cjs.entry.js +2 -2
- package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
- package/dist/cjs/bcm-toast.cjs.entry.js +1 -1
- package/dist/cjs/bromcom-ui.cjs.js +1 -1
- package/dist/cjs/{generate-5564014f.js → generate-63b8388c.js} +1 -1
- package/dist/cjs/{input-template-b8eb3568.js → input-template-48c4195d.js} +1 -1
- package/dist/cjs/{json-parse-decarator-c9d01873.js → json-parse-decarator-1ffdcf04.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{number-helper-57fc05a9.js → number-helper-cffbdcd9.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
- package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
- package/dist/cjs/{stepper-states-47bcb1a4.js → stepper-states-2ebe3840.js} +1 -1
- package/dist/cjs/{tooltip-helper-4ca7648e.js → tooltip-helper-f4775a73.js} +3 -3
- package/dist/cjs/{validators-f1b75654.js → validators-557ce8f8.js} +1 -1
- package/dist/collection/components/molecules/stepper/stepper.css +75 -43
- package/dist/collection/components/molecules/stepper/stepper.js +38 -2
- package/dist/components/bcm-stepper.js +20 -4
- package/dist/components/generate.js +1 -1
- package/dist/esm/bcm-accordion.entry.js +1 -1
- package/dist/esm/bcm-alert.entry.js +1 -1
- package/dist/esm/bcm-attendance.entry.js +1 -1
- package/dist/esm/bcm-avatar_2.entry.js +3 -3
- package/dist/esm/bcm-breadcrumb.entry.js +1 -1
- package/dist/esm/bcm-button-group.entry.js +1 -1
- package/dist/esm/bcm-button_7.entry.js +4 -4
- package/dist/esm/bcm-card.entry.js +1 -1
- package/dist/esm/bcm-checkbox-lite_9.entry.js +1 -1
- package/dist/esm/bcm-chip.entry.js +1 -1
- package/dist/esm/bcm-collapse.entry.js +1 -1
- package/dist/esm/bcm-color-input.entry.js +3 -3
- package/dist/esm/bcm-colorful_2.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +1 -1
- package/dist/esm/bcm-datetime-picker.entry.js +1 -1
- package/dist/esm/bcm-default.entry.js +1 -1
- package/dist/esm/bcm-drawer.entry.js +3 -3
- package/dist/esm/bcm-dropdown.entry.js +2 -2
- package/dist/esm/bcm-expansion-panel.entry.js +1 -1
- package/dist/esm/bcm-form-2.entry.js +1 -1
- package/dist/esm/bcm-input-custom.entry.js +1 -1
- package/dist/esm/bcm-input.entry.js +4 -4
- package/dist/esm/bcm-item.entry.js +1 -1
- package/dist/esm/bcm-items.entry.js +1 -1
- package/dist/esm/bcm-list.entry.js +4 -4
- package/dist/esm/bcm-menu.entry.js +4 -4
- package/dist/esm/bcm-modal-2-footer.entry.js +3 -3
- package/dist/esm/bcm-modal-2-header.entry.js +3 -3
- package/dist/esm/bcm-modal-2.entry.js +3 -3
- package/dist/esm/bcm-modal.entry.js +1 -1
- package/dist/esm/bcm-popconfirm-box.entry.js +1 -1
- package/dist/esm/bcm-popconfirm.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +3 -3
- package/dist/esm/bcm-progress.entry.js +1 -1
- package/dist/esm/bcm-radio-group.entry.js +3 -3
- package/dist/esm/bcm-radio.entry.js +3 -3
- package/dist/esm/bcm-range.entry.js +1 -1
- package/dist/esm/bcm-rc-overflow_2.entry.js +4 -4
- package/dist/esm/bcm-skeleton.entry.js +1 -1
- package/dist/esm/bcm-step.entry.js +2 -2
- package/dist/esm/bcm-stepper.entry.js +23 -7
- package/dist/esm/bcm-switch.entry.js +1 -1
- package/dist/esm/bcm-tab-group.entry.js +3 -3
- package/dist/esm/bcm-tab-item-header.entry.js +3 -3
- package/dist/esm/bcm-tab-item.entry.js +3 -3
- package/dist/esm/bcm-tag.entry.js +2 -2
- package/dist/esm/bcm-textarea.entry.js +2 -2
- package/dist/esm/bcm-time-picker.entry.js +1 -1
- package/dist/esm/bcm-toast.entry.js +1 -1
- package/dist/esm/bromcom-ui.js +1 -1
- package/dist/esm/{generate-5684c743.js → generate-dab287b3.js} +1 -1
- package/dist/esm/{input-template-846cd4f3.js → input-template-24404f0a.js} +1 -1
- package/dist/esm/{json-parse-decarator-5cdef266.js → json-parse-decarator-f52026c2.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{number-helper-3c971b4e.js → number-helper-026bc937.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +2 -2
- package/dist/esm/old-bcm-popover.entry.js +1 -1
- package/dist/esm/{stepper-states-2f1dd0bd.js → stepper-states-699bc7d9.js} +1 -1
- package/dist/esm/{tooltip-helper-86b9b16e.js → tooltip-helper-6cbb0b45.js} +3 -3
- package/dist/esm/{validators-d6dd6432.js → validators-d525dbd6.js} +1 -1
- package/dist/types/components/molecules/stepper/stepper.d.ts +3 -0
- package/dist/types/components.d.ts +1 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/p-59efe1da.js +0 -5
- package/dist/bromcom-ui/p-63608aaa.entry.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-
|
|
5
|
+
import{h as n}from"./p-da1055cb.js";import{d as e}from"./p-3fac58f7.js";import{B as s}from"./p-a429e85b.js";import{c as a}from"./p-d65a1e21.js";import{s as t}from"./p-af0c9c25.js";const i=({elementType:i,rows:o,id:c,internalId:r,type:l,placeholder:p,value:u,size:f,pattern:d,unit:m,unitPrefix:b,maxLength:x,disabled:w,clearable:h,focused:y,readonly:v,isPasswordVisible:C,passwordToggle:g,noDefaultIcon:j,inValid:_,captionType:k,resize:z,autocomplete:I,_suffix:T,_prefix:L,changePasswordVisibility:B,handleClear:D,steps:O,ref:P,handleBlur:V,handleFocus:F,handleInput:H,handleChange:M,isEyeDropperSupported:E,eyeDropper:S})=>{const q=s.HtmlElementType[i]||s.HtmlElementType.input;l="password"===l&&C?"text":l,u=t((()=>u),""),u=y?u:u+(u&&(null==m?void 0:m.length)>0?" "+m:"");const A="color"===(l=(null==m?void 0:m.length)>0&&!y?"text":l);l="color"===l?"text":l;var G=a("bcm-input__container",q===s.HtmlElementType.textarea&&a("bcm-input__textarea","textarea-size-"+s.Size[f],"resize-"+z,"textarea-"+f),q===s.HtmlElementType.input&&a("input-size-"+s.Size[f]),{focused:y,clearable:h,disabled:w,readonly:v,invalid:_,unit:(null==m?void 0:m.length)>0,error:"error"===k});const J=a("caret-container",{unit:(null==m?void 0:m.length)>0,disabled:w||v||_}),K="bcm-input__container--"+f,N=a(K,"unit-prefix");return n("div",{class:G,id:c+"-container"},n("span",{hidden:!0},n("slot",null)),n("span",{class:"input-prefix"},n("slot",{name:"prefix"}),L&&L.length>0&&n("span",{innerHTML:L}),b&&n("span",{class:N},b),A&&n("i",{class:"tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-slate-300",style:{backgroundColor:u}})),n(q,Object.assign({tabindex:"0",id:c+"-input","bcm-internal-id":r,class:"bcm-input-element "+K},q===s.HtmlElementType.input&&{type:l,autocomplete:I?"on":"off",pattern:d},q===s.HtmlElementType.textarea&&{rows:o,resize:z},{value:u,maxLength:x,placeholder:p,disabled:w,readOnly:v,ref:n=>P(n),onBlur:n=>(n=>{n.target.parentElement.classList.remove("focused"),V(n)})(n),onFocus:n=>(n=>{n.target.parentElement.classList.add("focused"),F(n)})(n),onInput:n=>H(n),onChange:n=>M(n)})),n("span",{class:"input-suffix-content"},h&&!w&&!v&&n("span",{class:"input-suffix input-suffix-button input-clear-button",onClick:n=>D(n)},n("bcm-icon",{icon:"far fa-times"}))),n("span",{class:"input-suffix-content"},("password"===l||"text"===l)&&g&&n("span",{class:"input-suffix input-suffix-button",onClick:()=>B()},n("bcm-icon",{icon:C?"far fa-eye-slash":"far fa-eye"}))),n("span",{class:"input-suffix-content"},Object.keys(e).includes(l)&&!j&&n("span",{class:"input-suffix"},n("bcm-icon",{icon:e[l]}))),n("span",{class:"input-suffix-content"},"number"===l&&n("div",{class:J},n("span",{class:"bcm-input-caret",onClick:()=>O("up")},n("bcm-icon",{icon:"fas fa-caret-up"})),n("span",{class:"bcm-input-caret",onClick:()=>O("down")},n("bcm-icon",{icon:"fas fa-caret-down"})))),n("span",{class:"input-suffix-content"},"number"!==l&&n("span",{class:"input-suffix"},n("slot",{name:"suffix"}),T&&T.length>0&&n("span",{innerHTML:T})),A&&E()&&n("span",{class:"input-suffix"},n("span",null,n("i",{class:"far fa-eye-dropper",onClick:()=>S()})))))};export{i as I}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as i,h as e,H as s,g as n}from"./p-da1055cb.js";import{c as o}from"./p-d65a1e21.js";import{I as a}from"./p-c23b6240.js";import{J as h}from"./p-
|
|
5
|
+
import{r as t,c as i,h as e,H as s,g as n}from"./p-da1055cb.js";import{c as o}from"./p-d65a1e21.js";import{I as a}from"./p-c23b6240.js";import{J as h}from"./p-05e39d66.js";import{G as r}from"./p-af0c9c25.js";import{B as p}from"./p-a429e85b.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";var d=function(t,i,e,s){var n,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var h=t.length-1;h>=0;h--)(n=t[h])&&(a=(o<3?n(a):o>3?n(i,e,a):n(i,e))||a);return o>3&&a&&Object.defineProperty(i,e,a),a};const l=class{constructor(e){t(this,e),this.bcmClick=i(this,"bcm-click",7),this.bcmDropdownChange=i(this,"bcm-dropdown-change",7),this.isOpen=void 0,this._id=r.UID(),this.menuId=r.UID(),this.hidden=!1,this.type="dropdown",this.size=p.Size.medium,this.disabled=!1,this.kind=p.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=p.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.activeItem=null,this.data=[]}async dataChanged(t){t&&(this.data=t)}async setActive(t=null){var i,e;null===(e=null===(i=document.getElementById(`${this.menuId}`))||void 0===i?void 0:i.querySelectorAll("bcm-menu"))||void 0===e||e.forEach((i=>{i.setActive(t)}))}async getActive(){return this.activeItem}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))}setActiveAttribute(t){t.detail&&(this.bcmDropdownChange.emit(t.detail),this.activeItem=t.detail)}render(){const{size:t,kind:i,disabled:n,icon:a,color:h,href:r,target:p,loading:d,type:l,variant:c,fullWidth:m,isOpen:b}=this,x=o("bcm-dropdown","bcm-dropdown__type-"+l,{"full-width":m,"no-style":this.noStyle,hidden:this.hidden||this.linkedComponent}),u=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{disabled:n}),d&&{loading:d}),i&&{kind:i}),t&&{size:t}),c&&{variant:c}),h&&{color:h}),this.menuId&&{"menu-id":this.menuId}),g=o("bcm-dropdown__icon",{"bcm-dropdown__icon--open":b}),f=e("span",{class:g},e("bcm-icon",{icon:this.dropdownIcon}));return e(s,{class:x},e("span",{hidden:!0},e("slot",null)),this.noStyle&&e("slot",null),!this.noStyle&&e("bcm-button",Object.assign({class:"main-button",id:`${this._id}-button`},u,a&&{icon:a},r&&"split"===l&&{href:r},p&&"split"===l&&{target:p},m&&{fullWidth:m}),e("slot",null),"dropdown"===l&&f),!this.noStyle&&"split"===l&&e("bcm-button",Object.assign({id:`${this._id}-button-split`,class:"split-button"},u),f),e("bcm-linked",{id:`${this.menuId}`,"target-id":`${this._id}-button${"split"===l?"-split":""}`,placement:this.placement||("dropdown"===l?"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&&e("bcm-menu",{data:this.data,selectable:this.selectable,"on-bcm-click":t=>this.bcmClick.emit(t.detail),"onBcm-menu-change":t=>this.setActiveAttribute(t)})))}get el(){return n(this)}static get watchers(){return{data:["dataChanged"]}}};d([a()],l.prototype,"el",void 0),d([h("data",!0)],l.prototype,"dataChanged",null),l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-dropdown{width:fit-content;display:inline-flex;flex-direction:row}.bcm-dropdown.hidden{display:none}.bcm-dropdown.no-style{cursor:pointer}.bcm-dropdown.full-width{width:100%}.bcm-dropdown.full-width .bcm-button__container-text{flex:1;justify-content:space-between}.bcm-dropdown__type-split .main-button .bcm-button__container{border-top-right-radius:0;border-bottom-right-radius:0}.bcm-dropdown__type-split .split-button .bcm-button__container{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;min-width:auto}.bcm-dropdown__icon{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;transform:rotate(0deg);transition:transform 0.2s ease}.bcm-dropdown__icon--open{transform:rotate(180deg)}';export{l as bcm_dropdown}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,h as i,H as e,g as s}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as r}from"./p-
|
|
5
|
+
import{r as t,h as i,H as e,g as s}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as r}from"./p-af0c9c25.js";import"./p-f1474f14.js";import"./p-8d0ca8c2.js";import"./p-12448ed2.js";import"./p-7e44e6b5.js";import"./p-a429e85b.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(i){t(this,i),this._id=r.UID(),this.active=!1,this.disabled=!1,this.index=void 0}componentWillLoad(){this.indexControl()}componentDidRender(){this.headerMove()}getHeaderItem(){const t=this.el.querySelector("bcm-tab-item-header");return t&&(t.setAttribute("index",`${this.index}`),t.setAttribute("active",`${this.active}`),t.setAttribute("disabled",`${this.disabled}`),t.setAttribute("tab-id",`${this._id}`),t.style.order=`${this.index}`),t}getParentTabGroup(){return r.findParentElement(this.el,"bcm-tab-group")}getFindHeaderItem(){var t,i;return null===(i=null===(t=this.getParentTabGroup())||void 0===t?void 0:t.querySelector("#tab-header"))||void 0===i?void 0:i.querySelector(`bcm-tab-item-header[tab-id="${this._id}"]`)}headerMove(){var t,i,e,s;this.getHeaderItem()&&(null===(t=this.getFindHeaderItem())||void 0===t||t.remove(),null===(e=null===(i=this.getParentTabGroup())||void 0===i?void 0:i.querySelector("#tab-header"))||void 0===e||e.appendChild(this.getHeaderItem()),null===(s=this.el.parentElement)||void 0===s||s.refresh())}indexControl(){var t;this.index||null===(t=r.findParentElement(this.el,"bcm-tab-group"))||void 0===t||t.querySelectorAll("bcm-tab-item").forEach(((t,i)=>{t===this.el&&t.setAttribute("index",`${i+1}`)}))}componentDidLoad(){new MutationObserver((()=>{this.headerMove()})).observe(this.el,{childList:!0,subtree:!0})}render(){return i(e,{id:this._id,role:"tabpanel","aria-labelledby":`tab-${this._id}`,"aria-hidden":`${!this.active}`,class:{"tw-block":this.active,"tw-hidden":!this.active,"tw-opacity-50":this.disabled,"tw-w-full":!0}},i("slot",null))}get el(){return s(this)}};export{a as bcm_tab_item}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as i,c,h as e,H as o,g as t}from"./p-da1055cb.js";import{G as a}from"./p-
|
|
5
|
+
import{r as i,c,h as e,H as o,g as t}from"./p-da1055cb.js";import{G as a}from"./p-af0c9c25.js";import{c as s}from"./p-d65a1e21.js";import{C as r}from"./p-843905c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";const p=class{constructor(e){i(this,e),this.bcmChipDismiss=c(this,"bcm-chip-dismiss",7),this.bcmChipSelect=c(this,"bcm-chip-select",7),this.bcmChipAddable=c(this,"bcm-chip-addable",7),this._id=a.UID(),this.type="default",this.size="medium",this.avatar=void 0,this.icon=void 0,this.disabled=void 0,this.color=void 0}setColor(){if(!this.color)return;const i=this.color;return{"--bcm-chip-color":r.dsColor(i+"-500"),"--bcm-chip-color-hover":r.dsColor(i+"-500"),"--bcm-chip-color-focus":r.dsColor(i+"-600"),"--bcm-chip-color-active":r.dsColor(i+"-700"),"--bcm-chip-color-disabled":r.dsColor("slate-300"),"--bcm-chip-background-color":r.dsColor(i+"-100"),"--bcm-chip-background-color-hover":r.dsColor(i+"-200"),"--bcm-chip-background-color-focus":r.dsColor(i+"-300"),"--bcm-chip-background-color-active":r.dsColor(i+"-200"),"--bcm-chip-background-color-disabled":r.dsColor("slate-100")}}handleDismiss(i){i.stopPropagation(),i.preventDefault(),this.bcmChipDismiss.emit(this.el)}handleAddable(i){i.stopPropagation(),i.preventDefault(),this.bcmChipAddable.emit(this.el)}render(){const{type:i,size:c,avatar:t,disabled:a,color:r}=this,p=s("bcm-chip",`bcm-chip__type-${i}`,`bcm-chip__size-${c}`,{"bcm-chip--disabled":a,"bcm-chip--avatar":t});return e(o,{class:p,tabindex:"0",disabled:a,style:this.setColor(),onClick:i=>this.bcmChipSelect.emit(i)},t&&e("bcm-avatar",Object.assign({size:c},r&&{color:r},t&&{image:t})),"addable"===i&&e("span",{class:"bcm-chip__left"},e("bcm-icon",{onClick:i=>this.handleAddable(i),icon:"far fa-plus"})),e("slot",null),"dismissable"===i&&e("span",{class:"bcm-chip__type-dismissable-icon"},e("bcm-icon",{onClick:i=>this.handleDismiss(i),icon:"fal fa-times"})))}get el(){return t(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}';export{p as bcm_chip}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,c as t,h as i,H as s,g as a}from"./p-da1055cb.js";import{G as r,s as o,S as l,T as p}from"./p-
|
|
5
|
+
import{r as e,c as t,h as i,H as s,g as a}from"./p-da1055cb.js";import{G as r,s as o,S as l,T as p}from"./p-af0c9c25.js";import{c as n}from"./p-d65a1e21.js";import{c}from"./p-a60a2dd0.js";import{S as h}from"./p-8d0ca8c2.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a429e85b.js";const{state:m}=c({value:new Map,setData:{},removeData:{}}),d=class{constructor(i){e(this,i),this.alertdismissible=t(this,"bcm-alert-dismissible",7),this.hidden=!1,this._id=r.UID(),this._title=void 0,this.description=void 0,this.status=l.info,this.type=p.basic,this.dismissible=void 0,this.icon=!1,this.bigIcon=!1,this.fullWidth=!1}componentWillRender(){if(null!=this.dismissible)if(""==this.dismissible)this.dismissible=!0;else{if(("string"!=typeof this.dismissible||"false"!=this.dismissible)&&"true"!=this.dismissible)return;this.dismissible=h.elementBooleanCheck(this.dismissible)}this.setData()}dismiss(e){this.alertdismissible.emit(e),this.el.remove()}getStateData(){return e=this._id,o((()=>m.value.get(e)),{});var e}setData(){const{status:e,type:t,bigIcon:i}=this;(e=>{const t=Object.assign(Object.assign(Object.assign({},e),{size:e.bigIcon?"medium":14,iconType:e.bigIcon?"outlined":"fill"}),r.getIconAttrWithStatusType(e.status));m.value.set(t.id,t)})({id:this._id,status:e,type:t,bigIcon:i})}render(){const{fullWidth:e,status:t,type:a,icon:r,bigIcon:o,_title:l,hidden:p,dismissible:c,description:h}=this,m=n("bcm-alert","bcm-alert__type-"+a,"bcm-alert__status-"+t,{"full-width":e,hidden:p}),d=n("bcm-alert__header-message",h?"size-3":"size-2"),x=this.getStateData();return i(s,{class:m},i("span",{hidden:!0},i("slot",null)),i("header",{class:"bcm-alert__header"},i("span",{class:d},(o||r)&&i("bcm-icon",{icon:x.icon}),l),c&&i("span",{class:"bcm-alert__header-dismiss",onClick:e=>this.dismiss(e)},"string"==typeof c?c:i("bcm-icon",{icon:"fal fa-times"}))),i("main",{class:"bcm-alert__content size-2"},h&&i("p",null,h),i("slot",null)))}get el(){return a(this)}};d.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-alert{display:block;width:100%;max-width:400px;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px;position:relative;grid-gap:8px}.bcm-alert.hidden{display:none}.bcm-alert.full-width{max-width:100%}.bcm-alert__status-info{border:1px solid var(--bcm-color-blue-3);background-color:var(--bcm-color-blue-1)}.bcm-alert__status-error{border:1px solid var(--bcm-color-red-3);background-color:var(--bcm-color-red-1)}.bcm-alert__status-warning{border:1px solid var(--bcm-color-warmyellow-3);background-color:var(--bcm-color-warmyellow-1)}.bcm-alert__status-success{border:1px solid var(--bcm-color-green-3);background-color:var(--bcm-color-green-1)}.bcm-alert__type-banner{border:none}.bcm-alert__header{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bcm-alert__header-message{display:flex;align-items:center;grid-gap:8px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss{display:flex;position:absolute;top:-1px;right:0;padding:16px;color:var(--bcm-color-grey-8)}.bcm-alert__header-dismiss:hover{cursor:pointer;color:var(--bcm-color-grey-9)}.bcm-alert__content{color:var(--bcm-color-grey-8)}.bcm-alert__content p{margin:0;padding:0}';export{d as bcm_alert}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,h as e,H as s,g as r}from"./p-da1055cb.js";import{G as o}from"./p-
|
|
5
|
+
import{r as t,h as e,H as s,g as r}from"./p-da1055cb.js";import{G as o}from"./p-af0c9c25.js";import{c as i}from"./p-d65a1e21.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const a=class{constructor(e){t(this,e),this.handleFocus=()=>{this.hasFocus=!0},this.handleBlur=()=>{this.hasFocus=!1},this.handleChange=t=>{this.value=t.target.value,console.log(t)},this.handleInput=t=>{console.log(t)},this._id=o.UID(),this.name=void 0,this.value=void 0,this.type="text",this.label=void 0,this.required=!1,this.disabled=!1,this.readonly=!1,this.placeholder=void 0,this.fullwidth=!1,this.hasFocus=!1}render(){const{_id:t,type:r,name:o,value:a,label:l,required:w,fullwidth:n,placeholder:d,disabled:h,readonly:c}=this;return e(s,{class:i("tw-inline-flex tw-w-full tw-max-w-[256px] tw-flex-col",{"tw-max-w-full":n})},l&&e("bcm-label",{value:l,required:w,htmlFor:t}),e("div",{class:i("tw-relative tw-flex tw-w-full tw-flex-row tw-items-stretch tw-rounded tw-border tw-p-0 hover:tw-border-primary-600",{"tw-cursor-not-allowed tw-bg-secondary-50":this.disabled,"tw-cursor-text":!this.disabled,"tw-cursor-default tw-bg-secondary-50":this.readonly,"tw-border-primary-500 tw-bg-secondary-50":this.hasFocus,"tw-border-secondary-300 tw-bg-white":!this.hasFocus})},e("input",{id:t,name:o,type:r,value:a,"data-value":a,placeholder:d,required:w,disabled:h,readonly:c,class:i("tw-text-overflow-ellipsis","tw-rounded-none","tw-flex-1","tw-cursor-inherit","tw-w-full","tw-appearance-none","tw-overflow-hidden","tw-whitespace-nowrap","tw-border-none","tw-bg-transparent","tw-p-2","tw-text-secondary-600","tw-placeholder-secondary-300","tw-outline-none"),onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:t=>this.handleChange(t),onInput:this.handleInput})))}get el(){return r(this)}};export{a as bcm_input_custom}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as t,c as e,h as o,H as r,g as s}from"./p-da1055cb.js";import{a as i}from"./p-a429e85b.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as w}from"./p-
|
|
5
|
+
import{r as t,c as e,h as o,H as r,g as s}from"./p-da1055cb.js";import{a as i}from"./p-a429e85b.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as w}from"./p-af0c9c25.js";import"./p-f1474f14.js";import"./p-8d0ca8c2.js";import"./p-12448ed2.js";import"./p-7e44e6b5.js";import{c as a}from"./p-d65a1e21.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const c=class{constructor(o){t(this,o),this.radioChange=e(this,"bcm-radio-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this._id=w.UID(),this.checked=void 0,this.value=void 0,this.disabled=!1,this.size=i.Size.medium,this.color=void 0}render(){const{value:t,size:e,disabled:s,checked:c,_id:d,color:l}=this;return o(r,{class:a("tw-cursor-pointer tw-font-sans tw-mb-1.5 tw-mt-1",{"tw-cursor-pointer tw-text-slate-600":!s,"tw-cursor-not-allowed tw-text-slate-400":s,"tw-text-1":e===i.Size.small,"tw-text-2.5":e===i.Size.medium,"tw-text-4":e===i.Size.large}),style:w.getTwColor(l)},o("label",{class:a("tw-inline-flex tw-flex-row tw-gap-2 tw-mr-2 tw-items-center",s?"tw-cursor-not-allowed":"tw-cursor-pointer"),htmlFor:d+"-input"},o("input",{id:d+"-input",type:"radio",value:t,checked:c,disabled:s,class:a("tw-flex tw-items-center tw-justify-center","tw-relative tw-appearance-none tw-border tw-rounded-full tw-cursor-pointer tw-transition tw-ease-in-out ","tw-m-0","before:tw-content-[''] before:tw-absolute before:tw-rounded-full",{"tw-w-4 tw-h-4 before:tw-w-2.5 before:tw-h-2.5":e===i.Size.medium,"tw-w-3.5 tw-h-3.5 before:tw-w-2 before:tw-h-2":e===i.Size.small,"tw-w-4.5 tw-h-4.5 before:tw-w-3 before:tw-h-3":e===i.Size.large},"focus:tw-outline-none focus:tw-shadow-outline","tw-border-slate-400 tw-bg-slate-50","checked:tw-border-default-500","checked:before:tw-bg-default-500","disabled:tw-border-slate-400 disabled:tw-bg-slate-200 disabled:tw-cursor-not-allowed","disabled:checked:tw-border-slate-400","disabled:checked:before:tw-bg-slate-400",!s&&a("hover:tw-border-default-600","hover:checked:tw-border-default-600","hover:checked:before:tw-bg-default-600","focus-visible:tw-border-default-800 focus-visible:tw-shadow-sm","focus-visible:checked:tw-border-default-800","focus-visible:checked:before:tw-bg-default-800","active:tw-border-default-700","active:checked:tw-border-default-700","active:checked:before:tw-bg-default-700")),onChange:()=>this.radioChange.emit(),onFocus:()=>this.focus.emit(),onBlur:()=>this.blur.emit()}),o("slot",null)))}get el(){return s(this)}};export{c as bcm_radio}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{h as e,r as t,c as i,H as c,g as o}from"./p-da1055cb.js";import{I as s}from"./p-c23b6240.js";import{J as l}from"./p-9bc739ac.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{s as n,G as r}from"./p-594fbc80.js";import{N as a}from"./p-59efe1da.js";import{S as b}from"./p-8d0ca8c2.js";import{V as h}from"./p-e1119ff2.js";import"./p-7e44e6b5.js";import{g as m,s as d}from"./p-dbc4c30c.js";import{p,d as u}from"./p-8c018ae0.js";import{B as _,a as x}from"./p-a429e85b.js";import{C as v}from"./p-c8e13fd7.js";import{c as g}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as k}from"./p-24aefda6.js";import"./p-2e73d572.js";import{c as f}from"./p-a60a2dd0.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-79fd816c.js";const w=({disabled:t,checked:i,readonly:c,required:o,indeterminate:s,hidden:l,captionType:n,_id:r})=>{const a=g("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:n==_.Status.error,hidden:l,checked:i,disabled:t,required:o,readonly:c}),b=g("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+s,{"bcm-checkbox__label-icon-checked":i}),h=g("bcm-checkbox__label");return e("div",{class:a},e("input",{tabindex:"-1",id:r,type:"checkbox",checked:i,disabled:t,required:o,readonly:c}),e("label",{class:h,htmlFor:r},e("span",{class:b},e("bcm-icon",{icon:"far fa-check"}))))},y=({selected:t,total:i,found:c,multiple:o,variableText:s})=>(i=i||0,s=s?p(s,i):"items",e("footer",{class:"bcm-info-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},o&&t>0&&` ( ${t} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${s} found. `))),z=({item:t,treeview:i,highlight:c,checkboxes:o,size:s,selectedItem:l,openGroup:n,checkedItem:r,focusItem:a,searchIsOnlyChilds:h})=>{const m=t.items&&t.items.length>0;var d=b.htmlEntities(t.text);let p=[];if(c&&b.slugify(d).includes(b.slugify(c))&&(h&&(!h||m&&(i||"group"==t.type))||(d=b.highlight(d,c))),"group"!=t.type&&t.template){const e=t.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((e=>e.replace(/[{}]/g,""))),i=Object.keys(t.itemObject);p=e.filter((e=>i.includes(e)))}d=t.isHtmlContent?t.isHtmlContent:t.template&&p.length>0?b.templateParser(t.template,Object.assign(Object.assign({},t.itemObject),{text:d})):d;const u=!i&&"group"==t.type&&!t.clickable,_=t.disabled,x=t.readonly,v=()=>{t.open=t.isSearching,n(t.id)};return e("div",{id:t.id,hidden:t.hidden,"on-focus":e=>!u&&!_&&a(e),class:g("bcm-list__item","bcm-list__item-"+s,{"bcm-list__item--group":!i&&"group"==t.type,"bcm-list__item--readonly":x})},e("div",{class:g("bcm-list__item-content",!o&&t.selected&&"selected",{disabled:_})},i&&e("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>v()},m&&e("bcm-icon",{icon:g("fas fa-caret-"+(t.isSearching||t.open?"down":"right"))})),e("div",{class:g("bcm-list__item-content-text",{treeview:i}),onClick:e=>{var i;((i=e).path||i.composedPath()).filter((e=>e.attributes&&e.attributes.getNamedItem("unlinked")))[0]||(x&&v(),!u&&!_&&!x&&(o?r(t.id):l(t.id)))}},o&&(i||!i&&"group"!=t.type)&&e("div",{class:"bcm-list__item-content-text-checkbox"},e(w,{indeterminate:t.indeterminate,checked:t.checked,disabled:t.disabled})),e("span",Object.assign({class:"bcm-list__item-content-text-inner"},t.title&&{title:t.title},{innerHTML:d})))),(i||!i&&"group"==t.type)&&m&&e("div",{class:"bcm-list__item-childs"},(t.isSearching||t.open||!i&&"group"==t.type)&&t.items.map((t=>e(z,{highlight:c,item:t,searchIsOnlyChilds:h,treeview:i,checkboxes:o,size:s,selectedItem:l,checkedItem:r,openGroup:e=>n(e),focusItem:e=>a(e)})))))},I=({highlight:t,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:s,checkAll:l,infoFooter:n,value:r,totalData:a,searchFound:b,variableText:h,_id:m,data:d,width:p,height:u,size:_,searchPlaceholder:x,minSearchLength:v,selectedItem:g,openGroup:k,checkedItem:f,onScrollEvent:w,focusItem:I,items:j,searchable:C,searchIsOnlyChilds:O,emptyText:$,emptyIcon:S})=>{const E=!(o&&b>0||b>0);return e("div",{id:`bcm-list-${m}`,class:c,style:{"--height":u,"--width":p}},d&&C&&e("section",{class:"bcm-list__container-search"},e("bcm-search",{size:_,id:`bcm-list-${m}-search`,data:d,clearable:!0,placeholder:x,"min-search-length":v,searchIsOnlyChilds:O})),e("main",{onScroll:e=>w(e),class:"scrolling",style:{"overscroll-behavior":"none"}},e("div",{style:{"min-height":`${(b>=0||(o?j.length:a))*("small"===_?28:"medium"===_?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},l&&0!=b&&j&&j.length>0&&s&&E&&e("section",{class:"bcm-list__container-select-all"},e(z,{size:_,item:i,treeview:!1,checkboxes:!0,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)})),j.map((i=>e(z,{highlight:t,size:_,item:i,searchIsOnlyChilds:O,treeview:o,checkboxes:s,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)}))),(!j||0===j.length)&&0!=b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No data"}))),0==b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No Data Found"}))))),n&&d&&d.length>0&&e(y,{selected:null==r?void 0:r.length,total:a,found:b,multiple:s,variableText:h}))},{state:j}=f({value:new Map}),C=(e,t,i,c="0.")=>{let o=[];return e&&e.length>0&&(o=e.map(((e,o)=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({itemObject:e},e),t),{parentId:n((()=>i),null),open:t.allOpen||e.open||!1}),(t.treeview||!t.treeview&&"group"==e.type)&&e.items&&e.items.length>0?{items:n((()=>C(e.items,t,e.id,`${c}${o}`)),[])}:{items:[]}),{ct:`${c}${o}`})))),o},O=e=>n((()=>j.value.get(e)),{}),$=(e,t)=>{let i=0;return e.forEach((e=>{(t||!t&&"group"!=e.type)&&(i+=1),(t||!t&&"group"==e.type)&&e.items&&(i+=$(e.items,t))})),i},S=(e,t,i,c)=>{let o;o=i||O(e).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==t?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&S(e,t,i.items,!1)):i.items&&S(e,t,i.items)}))},E=(e,t,i)=>{i&&i.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1,L(e,i.parentId)):i.items&&E(e,t,i.items)}))},T=(e,t)=>{P(e,t)},P=(e,t,i)=>{let c;t=Array.isArray(t)?t:[t],c=i||O(e).dataSource,c&&c.forEach((i=>{t.includes(i.id)?(F(e,i),i.parentId&&L(e,i.parentId)):i.items&&P(e,t,i.items)}))},F=(e,t,i)=>{const c=O(e);if(c){const o=c.options.treeview;t&&((o||!o&&"group"!=t.type)&&(t.disabled||(t.checked=null!=i?i:!t.checked,t.itemObject.checked=t.checked,t.indeterminate=t.checked?"determinate":"uncheck")),t.items&&t.items.forEach((c=>{F(e,c,null==i?t.checked:i)})))}},L=(e,t,i)=>{let c;c=i||O(e).dataSource,c&&c.forEach((i=>{if(i.id==t){let t=!0,c=!0;i.items&&i.items.map((e=>{(e.checked||"indeterminate"===e.indeterminate)&&(c=!1),!e.checked&&(t=!1)}));const o=t||c?t?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&L(e,i.parentId)}else i.items&&L(e,t,i.items)}))},R=(e,t,i,c)=>{let o,s=[],l=[];return O(e).isSearchOtherTag=c,o=i||O(e).dataSource,o&&o.forEach((i=>{if(t){var o;i.hidden=!0;for(let e=0;e<t.length;e++)if(t[e].id===i.id){o=t[e];break}if(o&&(i.hidden=!1,O(e).isSearchOtherTag||(i.isSearching=!0),l.push(i),i.checked&&s.push(i),o.items)){const{checkedItems:t,visibledItems:n}=R(e,o.items,i.items,c);t&&(s=[...new Set([...s,...t])]),n&&(l=[...new Set([...l,...n])])}}else i.hidden=!1,i.items&&R(e,null,i.items),l.push(i),i.isSearching=!1})),{checkedItems:null!=s?s:[],visibledItems:null!=l?l:[]}},D=(e,t)=>{let i,c=null;return i=t||O(e).dataSource,i&&i.forEach((t=>{if(t.selected)c=t.itemObject;else if(t.items){const i=D(e,t.items);i&&(c=i)}})),c},A=(e,t)=>{let i,c=[],o=[];return i=t||O(e).dataSource,i&&i.forEach((t=>{var i;const s=Object.assign(Object.assign({},t.itemObject),{ct:t.ct});let l=[],n=[];if(t.checked&&(c.push(s),n.push(Object.assign(Object.assign({},s),{items:[]}))),t.items){const o=A(e,t.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&&(l=o.nestedResult)}l.length>0?(0==n.length&&n.push(Object.assign(Object.assign({},s),{items:[]})),n[0].items=l,o.push(n[0])):n.length>0&&(n[0].items=l,o.push(n[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},N=(e,t,i)=>{let c,o=[];return c=i||O(e).dataSource,c&&c.forEach((i=>{if(t&&(i.id==t?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=N(e,t,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},G=(e,t)=>{let i;i=t||O(e).dataSource,i&&i.forEach((t=>{var i,c,o;t.checked&&(t.checked=!1),t.selected&&(t.selected=!1),t.indeterminate&&(t.indeterminate="uncheck"),(null===(i=t.itemObject)||void 0===i?void 0:i.checked)&&(t.itemObject.checked=!1),(null===(c=t.itemObject)||void 0===c?void 0:c.selected)&&(t.itemObject.selected=!1),(null===(o=t.itemObject)||void 0===o?void 0:o.indeterminate)&&(t.itemObject.indeterminate="uncheck"),t.items&&G(e,t.items)}))},V={setValue:e=>{const{id:t,dataSource:i,options:c}=e,{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H}=c,M={size:d,checkboxes:l,template:O,allOpen:S,highlight:_,treeview:s},q={id:n((()=>t),r.UID),dataSource:i&&i.length>0&&C(i,M),options:{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H},totalItems:(null==i?void 0:i.length)>0&&$(i,c.treeview),totalRoots:null==i?void 0:i.length};j.value.set(q.id,q)},removeValue:e=>{j.value.delete(e)},getValue:O,getData:e=>{let t=[];const i=O(e);if(i){const{dataSource:e}=i;t=e}return t},getDataPagination:(e,t=3,i)=>{let c=[];const o=O(e);if(o){const{dataSource:e}=o;c=i?e.filter((e=>i.indexOf(e.id)>-1)).slice(0,t):e.slice(0,t)}return c},openGroup:S,checkedItem:T,filterData:R,getSelected:D,getCheckedList:A,selectedItem:N,addChecked:(e,t)=>{O(e)&&t.forEach((t=>{T(e,t)}))},setClear:G,selectAll:(e,t)=>{const i=O(e).dataSource;i&&i.forEach((i=>{F(e,i,t)}))},removeOtherTags:(e,t,i)=>{let c;if(t=Array.isArray(t)?t:[t],i)c=i;else{const t=O(e);c=t.dataSource}c&&t.forEach((t=>{c.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1):i.items&&E(e,t,i.items)}))}))},onRemoveItems:E,updateOptions:(e,t)=>{Object.keys(O(e).options).forEach((i=>{O(e).options[i]=t[i]}))},removeState:e=>Promise.resolve(j.value.delete(e))};class H{constructor(e,t,i,c){this.elementName="",this.childElementName="",this.keyCode=e,this.element=t,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 e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)||this.getFirstElement()}getChildElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(e){if(e&&e)return e&&e.attributes["data-isroot"]?e:this.getParentElement(e.parentNode)}focusElementIsOpen(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var e;return(null===(e=this.getChildElement())||void 0===e?void 0:e.querySelectorAll(".focused")[0])||null}isLastElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)}focusParentElementFirstChild(){var e,t;return this.setFocus(null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.firstChild)}isFirstElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)}focusRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.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(e){e.focus()}}class M extends H{constructor(e,t,i,c){super(e,t,".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 e;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const e=this.getChildElement();e&&this.setFocus(e.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(e=this.getParentElement(this.getFocusedElement()))||void 0===e?void 0:e.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const e=this.getParentElement(this.getFocusedElement());this.setFocus(e)}else{const e=this.getPreviousElement();if(e)if(e.classList.contains("bcm-list__item--open")){const t=e.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:t}),this.setFocus(t.lastChild)}else this.setFocus(e)}}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:e}=this.getFocusedElement();this.openGroup(e)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:e}=this.getFocusedElement();this.checkedItem(e)}}keyDown(){switch(this.getKeyCode()){case _.KeyCode.up:this.keyUpControl();break;case _.KeyCode.down:this.keyDownControl();break;case _.KeyCode.left:this.keyLeftControl();break;case _.KeyCode.right:this.keyRightControl();break;case _.KeyCode.enter:this.keyEnterControl();break;case _.KeyCode.space:this.keySpaceControl()}}keyUp(){}}var q=function(e,t,i,c){var o,s=arguments.length,l=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const W=class{constructor(e){t(this,e),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=r.debounceInput((()=>this.listenResize()),300,!1),this._id=r.UID(),this.type=x.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=x.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=x.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:x.Status.default,indeterminate:"uncheck"},this.placement=x.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 e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)>1&&e.forEach(((e,t)=>t>0&&e.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(e,t,i){Object.keys(this.getOptions()).indexOf(i)>-1&&e!==t&&this.updateOptions()}get containerWidth(){var e,t;return null===(t=null===(e=this.el)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.width}get tagCount(){return this.containerWidth>0?Math.floor(+(this.containerWidth-100)/85):0}get tagData(){return n((()=>{var e;return null===(e=this.value)||void 0===e?void 0:e.map((e=>({value:e.id,label:b.textLimitter(e.text,7),text:e.tooltipMessage||e.tagTitle||e.text})))}),[])}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const e=this.el.querySelector(`#bcm-list-${this._id}`);e&&document.body.appendChild(e)}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)&&(e.forEach((e=>e.remove())),this.el.remove())}}watchId(e,t){V.removeState(t),this.initState()}handleValueChange(e,t){var i;r.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes?h.compareTwoArrayIsSame(e,t)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==e?void 0:e.text)!=(null==t?void 0:t.text)&&this.change.emit(this.value)}watchReturnFilterData(e){var t;const{checkedItems:i,visibledItems:c}=e;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await u(100),this.unSelectOther())}listScrollToTop(){const e=document.querySelector(`#bcm-list-${this._id}`);e&&(e.querySelector(".scrolling").scrollTop=0)}async dataChanged(e,t){h.compareTwoArrayIsSame(e,t)||await this.initState()}isIntersecting(e){const t=null==e?void 0:e.target;t&&t.id===this._id&&this.listenResize()}handleSlotItems(e){var t;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.length)>0&&(this.data=e.detail)}handleChange(e){e.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&e.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(e){if(this.isOpen){const t=document.querySelector(`#bcm-list-${this._id}`);t&&r.findEventPath(e,t)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}clearAutocomplete(){if("autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.handleClear(!1)}}async handleSelectOtherTag(e){if(this.disabled)return;const{id:t,checked:i}=e.detail;this.isSelectedOther=i,t&&(i?this.filterOtherList(t):this.unSelectOther(),this.isOpen=!0)}async handleDeleteTag(e){var t;if(this.disabled)return;const{id:i}=e.detail;this.isSelectedOther&&this.unSelectOther(),Array.isArray(i)?V.removeOtherTags(this._id,i):V.checkedItem(this._id,i),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleSelectTag(e){this.disabled||(this.clearAutocomplete(),this.onSelectSearch(),this.unSelectOther())}handleClick(e){var t;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=r.findEventPath(e,this.el)||i&&r.findEventPath(e,i);if(c&&(null!==this.debounce&&(e.preventDefault(),e.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.setValue(this.checkboxes?"":(null===(t=this.value)||void 0===t?void 0:t.text)||"")}const o=r.findEventPathWithKey(e,"className",["bcm-tag"]),s=r.findEventPathWithKey(e,"className",["bcm-tag bcm-tag--other"]),l=r.findEventPathWithKey(e,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),n=r.findEventPathWithKey(e,"className",["right close-button"]);l&&!n&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!s&&this.isOpen)),i&&this.isOpen&&(i.contains(e.target)||this.el.contains(e.target)||(this.isOpen=!1))}bcmOnSearchClear(e){var t,i;"autocomplete"==this.type&&((null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||e.detail&&this.setClear())}bcmOnSearch(e){var t,i,c,o,s,l;(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=n((()=>{var t;return null===(t=e.detail)||void 0===t?void 0:t.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=e.detail)||void 0===c?void 0:c.matching)?null===(o=e.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(s=e.detail)||void 0===s?void 0:s.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(l=e.detail)||void 0===l?void 0:l.value),"autocomplete"==this.type&&(this.isOpen=!0),e.detail.result||("autocomplete"==this.type?this.isOpen=!1:(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(e){const t=e.keyCode||e.which;if(t===x.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),this.keyControl){const e=new M(t,this.el,this.treeview,this.checkboxes);e.openGroup=e=>{this.openGroup(e)},e.checkedItem=e=>{this.checkedItem(e)},e.keyDown()}}handleKeyUp(e){if(this.keyControl&&r.findEventPath(e,this.el)){const e=document.getElementById(`bcm-list-${this._id}`);if(e){const t=e.querySelectorAll(".bcm-list__item.focused");if(t.length>0){const i=e.querySelector("main"),c=t[0].offsetHeight,o=i.offsetHeight,s=t[0].offsetTop;s>o&&(i.scrollTop=s-o/2+c/2),s<o&&(i.scrollTop=s-o/2-c/2)}}}}async set(e){e?(Array.isArray(e)&&this.addChecked(e),"string"!=typeof e&&"number"!=typeof e||this.selectedItem(e)):this.setClear()}async get(){var e,t;return this.value?this.checkboxes?null===(t=null===(e=await this.getCheckedList())||void 0===e?void 0:e.checkedList)||void 0===t?void 0:t.map((e=>e.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(e=[],t=!1,i=!0){return e&&e.length>0&&(t||(V.setClear(this._id),await u(10)),await V.addChecked(this._id,e),await u(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(e){return!!e&&Promise.resolve(await this.selectedItem(e))}async setClear(e){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.markForCheck(),e&&(e.stopPropagation(),e.preventDefault()),await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(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(e,t){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&e>0?e===t?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&e>0)&&e===t})}listenResize(){this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},V.filterData(this._id,null),await u(10),Promise.resolve()}async onClearSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);return e&&await e.handleClear(),Promise.resolve()}async onSelectSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);e&&(await u(100),e.onBcmFocus(),e.onBcmSelect())}async filterOtherList(e){const t=(await this.getCheckedList()).nestedResult,i=r.convertIdsToNestedData(e,t);this.returnFilterData=await V.filterData(this._id,i,null,!0),this.searchFound=(null==e?void 0:e.length)||0,this.limit=500,this.searchGetParents=null,await u(1e3),this.markForCheck()}async initState(){var e,t,i;this.onClearSearch(),await V.setValue({id:this._id,dataSource:this.data&&n((()=>"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===(e=this.value)||void 0===e?void 0:e.text)||null),this.checkboxes&&(null===(t=this.value)||void 0===t?void 0:t.length)>0){const e=[];this.value.forEach((t=>{t.items&&0!==t.items.length||e.push(t.id)})),await this.addChecked(e,!1,!1)}await this.handleIndeterminate(null===(i=this.value)||void 0===i?void 0:i.length,this.totalData),await this.markForCheck()}async markForCheck(){await u(10),this.tick=r.UID()}getOptions(){return n((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:n((()=>V.getData(this._id)),[])}getLimitedItems(e){return n((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,e)),[])}openGroup(e){V.openGroup(this._id,e),this.markForCheck()}focusItem(e){if(e.target.classList.contains("bcm-list__item")){const t=e.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const e=i.querySelector(".bcm-list__item.focused");e&&e.classList.remove("focused"),t.classList.add("focused")}}}async selectedItem(e){var t;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,e)?V.selectedItem(this._id,e)[0]:null,this.inputText=(null===(t=this.value)||void 0===t?void 0:t.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const e=this.getAutoCompleteInput();e&&setTimeout((()=>{var t;e.setValue((null===(t=this.value)||void 0===t?void 0:t.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(e){"select-all"===e?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,e),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:e}=this.returnFilterData;this.returnFilterData={visibledItems:e,checkedItems:e&&e.filter((e=>e.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(e){let t=0,i=new IntersectionObserver((e=>{0===t&&(t++,e[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(e.target.lastElementChild)}async calculateLocation(){var e,t;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){m(c,o,i,(e=>i=e)),await u(10);let s=d(i,o),l=0,n=0;if(this.linkedComponent){const i=document.getElementById(this.linkedComponent);if(i){if(!i.noCaption){const t=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");t&&(l=t.offsetHeight||t.clientHeight)}const c=(null===(t=i.shadowRoot)||void 0===t?void 0:t.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*a.toNumber(this.height)*window.innerHeight-s[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const r="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-s[0])-50:window.innerHeight-s[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*r+"px":a.toNumber(this.maxHeight)<r?this.maxHeight:r+"px",m(c,o,i,(e=>i=e)),await u(10),s=d(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:t,treeview:i,label:o,size:s,disabled:l,readonly:n,required:r,hidden:a,fullWidth:b,searchable:h}=this.getOptions(),m=g("bcm-list",`bcm-list__size-${s}`,`bcm-list__${this.type}`,"large"===s?"size-3":"size-2",{error:this.captionType==x.Status.error,"full-width":b,"bcm-list__linked":this.linkedComponent,hidden:a,readonly:n,disabled:l}),d=g("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==x.Status.error,"full-width":b,hidden:a,readonly:n,disabled:l}),p=g("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return e(c,{class:m,tabindex:"0",style:{"--width":b?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},e("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&e("div",null,e(k,{size:this.size,type:this.captionType,value:o,required:r,htmlFor:this._id}))),"select"==this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:p},e("span",{class:g("bcm-list__input-container",{"type-single":!t,"value-empty":!this.value})},this.checkboxes?this.value&&this.value.length>0?e("bcm-rc-overflow",{data:this.tagData,maxCount:this.tagCount}):e("span",{class:"bcm-list__input-placeholder"},this.placeholder):this.value?this.inputText:e("span",{class:"bcm-list__input-placeholder"},this.placeholder)),e("span",{class:g("bcm-list__input-buttons",{disabled:l})},this.clearable&&this.value&&e("div",{class:"bcm-list__input-buttons-button"},e("bcm-icon",{icon:"fal fa-times",onClick:e=>!l&&this.setClear(e)})),e("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},e("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:g(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},e("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&e("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),e("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}))),e(I,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&h,bcmListContainer:d,checkboxes:t,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:e=>this.dataScrollEvent(e),items:this.getLimitedItems(this.searchGetParents),selectedItem:e=>this.selectedItem(e),checkedItem:e=>this.checkedItem(e),openGroup:e=>this.openGroup(e),focusItem:e=>this.focusItem(e),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),e(v,{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"],isOpen:["handleOpen"],data:["dataChanged"]}}};q([s()],W.prototype,"el",void 0),q([l("data",!0)],W.prototype,"dataChanged",null),W.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{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{flex:1;display:block;overflow:hidden}.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}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 4px 0 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{W as bcm_list}
|
|
5
|
+
import{h as e,r as t,c as i,H as c,g as o}from"./p-da1055cb.js";import{I as s}from"./p-c23b6240.js";import{J as l}from"./p-05e39d66.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{s as n,G as r}from"./p-af0c9c25.js";import{N as a}from"./p-f1474f14.js";import{S as b}from"./p-8d0ca8c2.js";import{V as h}from"./p-12448ed2.js";import"./p-7e44e6b5.js";import{g as m,s as d}from"./p-dbc4c30c.js";import{p,d as u}from"./p-8c018ae0.js";import{B as _,a as x}from"./p-a429e85b.js";import{C as v}from"./p-c8e13fd7.js";import{c as g}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import{L as k}from"./p-24aefda6.js";import"./p-2e73d572.js";import{c as f}from"./p-a60a2dd0.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-79fd816c.js";const w=({disabled:t,checked:i,readonly:c,required:o,indeterminate:s,hidden:l,captionType:n,_id:r})=>{const a=g("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:n==_.Status.error,hidden:l,checked:i,disabled:t,required:o,readonly:c}),b=g("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+s,{"bcm-checkbox__label-icon-checked":i}),h=g("bcm-checkbox__label");return e("div",{class:a},e("input",{tabindex:"-1",id:r,type:"checkbox",checked:i,disabled:t,required:o,readonly:c}),e("label",{class:h,htmlFor:r},e("span",{class:b},e("bcm-icon",{icon:"far fa-check"}))))},y=({selected:t,total:i,found:c,multiple:o,variableText:s})=>(i=i||0,s=s?p(s,i):"items",e("footer",{class:"bcm-info-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},o&&t>0&&` ( ${t} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${s} found. `))),z=({item:t,treeview:i,highlight:c,checkboxes:o,size:s,selectedItem:l,openGroup:n,checkedItem:r,focusItem:a,searchIsOnlyChilds:h})=>{const m=t.items&&t.items.length>0;var d=b.htmlEntities(t.text);let p=[];if(c&&b.slugify(d).includes(b.slugify(c))&&(h&&(!h||m&&(i||"group"==t.type))||(d=b.highlight(d,c))),"group"!=t.type&&t.template){const e=t.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((e=>e.replace(/[{}]/g,""))),i=Object.keys(t.itemObject);p=e.filter((e=>i.includes(e)))}d=t.isHtmlContent?t.isHtmlContent:t.template&&p.length>0?b.templateParser(t.template,Object.assign(Object.assign({},t.itemObject),{text:d})):d;const u=!i&&"group"==t.type&&!t.clickable,_=t.disabled,x=t.readonly,v=()=>{t.open=t.isSearching,n(t.id)};return e("div",{id:t.id,hidden:t.hidden,"on-focus":e=>!u&&!_&&a(e),class:g("bcm-list__item","bcm-list__item-"+s,{"bcm-list__item--group":!i&&"group"==t.type,"bcm-list__item--readonly":x})},e("div",{class:g("bcm-list__item-content",!o&&t.selected&&"selected",{disabled:_})},i&&e("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>v()},m&&e("bcm-icon",{icon:g("fas fa-caret-"+(t.isSearching||t.open?"down":"right"))})),e("div",{class:g("bcm-list__item-content-text",{treeview:i}),onClick:e=>{var i;((i=e).path||i.composedPath()).filter((e=>e.attributes&&e.attributes.getNamedItem("unlinked")))[0]||(x&&v(),!u&&!_&&!x&&(o?r(t.id):l(t.id)))}},o&&(i||!i&&"group"!=t.type)&&e("div",{class:"bcm-list__item-content-text-checkbox"},e(w,{indeterminate:t.indeterminate,checked:t.checked,disabled:t.disabled})),e("span",Object.assign({class:"bcm-list__item-content-text-inner"},t.title&&{title:t.title},{innerHTML:d})))),(i||!i&&"group"==t.type)&&m&&e("div",{class:"bcm-list__item-childs"},(t.isSearching||t.open||!i&&"group"==t.type)&&t.items.map((t=>e(z,{highlight:c,item:t,searchIsOnlyChilds:h,treeview:i,checkboxes:o,size:s,selectedItem:l,checkedItem:r,openGroup:e=>n(e),focusItem:e=>a(e)})))))},I=({highlight:t,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:s,checkAll:l,infoFooter:n,value:r,totalData:a,searchFound:b,variableText:h,_id:m,data:d,width:p,height:u,size:_,searchPlaceholder:x,minSearchLength:v,selectedItem:g,openGroup:k,checkedItem:f,onScrollEvent:w,focusItem:I,items:j,searchable:C,searchIsOnlyChilds:O,emptyText:$,emptyIcon:S})=>{const E=!(o&&b>0||b>0);return e("div",{id:`bcm-list-${m}`,class:c,style:{"--height":u,"--width":p}},d&&C&&e("section",{class:"bcm-list__container-search"},e("bcm-search",{size:_,id:`bcm-list-${m}-search`,data:d,clearable:!0,placeholder:x,"min-search-length":v,searchIsOnlyChilds:O})),e("main",{onScroll:e=>w(e),class:"scrolling",style:{"overscroll-behavior":"none"}},e("div",{style:{"min-height":`${(b>=0||(o?j.length:a))*("small"===_?28:"medium"===_?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},l&&0!=b&&j&&j.length>0&&s&&E&&e("section",{class:"bcm-list__container-select-all"},e(z,{size:_,item:i,treeview:!1,checkboxes:!0,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)})),j.map((i=>e(z,{highlight:t,size:_,item:i,searchIsOnlyChilds:O,treeview:o,checkboxes:s,selectedItem:e=>g(e),checkedItem:e=>f(e),openGroup:e=>k(e),focusItem:e=>I(e)}))),(!j||0===j.length)&&0!=b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No data"}))),0==b&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:S},e("span",{innerHTML:$||"No Data Found"}))))),n&&d&&d.length>0&&e(y,{selected:null==r?void 0:r.length,total:a,found:b,multiple:s,variableText:h}))},{state:j}=f({value:new Map}),C=(e,t,i,c="0.")=>{let o=[];return e&&e.length>0&&(o=e.map(((e,o)=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({itemObject:e},e),t),{parentId:n((()=>i),null),open:t.allOpen||e.open||!1}),(t.treeview||!t.treeview&&"group"==e.type)&&e.items&&e.items.length>0?{items:n((()=>C(e.items,t,e.id,`${c}${o}`)),[])}:{items:[]}),{ct:`${c}${o}`})))),o},O=e=>n((()=>j.value.get(e)),{}),$=(e,t)=>{let i=0;return e.forEach((e=>{(t||!t&&"group"!=e.type)&&(i+=1),(t||!t&&"group"==e.type)&&e.items&&(i+=$(e.items,t))})),i},S=(e,t,i,c)=>{let o;o=i||O(e).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==t?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&S(e,t,i.items,!1)):i.items&&S(e,t,i.items)}))},E=(e,t,i)=>{i&&i.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1,L(e,i.parentId)):i.items&&E(e,t,i.items)}))},T=(e,t)=>{P(e,t)},P=(e,t,i)=>{let c;t=Array.isArray(t)?t:[t],c=i||O(e).dataSource,c&&c.forEach((i=>{t.includes(i.id)?(F(e,i),i.parentId&&L(e,i.parentId)):i.items&&P(e,t,i.items)}))},F=(e,t,i)=>{const c=O(e);if(c){const o=c.options.treeview;t&&((o||!o&&"group"!=t.type)&&(t.disabled||(t.checked=null!=i?i:!t.checked,t.itemObject.checked=t.checked,t.indeterminate=t.checked?"determinate":"uncheck")),t.items&&t.items.forEach((c=>{F(e,c,null==i?t.checked:i)})))}},L=(e,t,i)=>{let c;c=i||O(e).dataSource,c&&c.forEach((i=>{if(i.id==t){let t=!0,c=!0;i.items&&i.items.map((e=>{(e.checked||"indeterminate"===e.indeterminate)&&(c=!1),!e.checked&&(t=!1)}));const o=t||c?t?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&L(e,i.parentId)}else i.items&&L(e,t,i.items)}))},R=(e,t,i,c)=>{let o,s=[],l=[];return O(e).isSearchOtherTag=c,o=i||O(e).dataSource,o&&o.forEach((i=>{if(t){var o;i.hidden=!0;for(let e=0;e<t.length;e++)if(t[e].id===i.id){o=t[e];break}if(o&&(i.hidden=!1,O(e).isSearchOtherTag||(i.isSearching=!0),l.push(i),i.checked&&s.push(i),o.items)){const{checkedItems:t,visibledItems:n}=R(e,o.items,i.items,c);t&&(s=[...new Set([...s,...t])]),n&&(l=[...new Set([...l,...n])])}}else i.hidden=!1,i.items&&R(e,null,i.items),l.push(i),i.isSearching=!1})),{checkedItems:null!=s?s:[],visibledItems:null!=l?l:[]}},D=(e,t)=>{let i,c=null;return i=t||O(e).dataSource,i&&i.forEach((t=>{if(t.selected)c=t.itemObject;else if(t.items){const i=D(e,t.items);i&&(c=i)}})),c},A=(e,t)=>{let i,c=[],o=[];return i=t||O(e).dataSource,i&&i.forEach((t=>{var i;const s=Object.assign(Object.assign({},t.itemObject),{ct:t.ct});let l=[],n=[];if(t.checked&&(c.push(s),n.push(Object.assign(Object.assign({},s),{items:[]}))),t.items){const o=A(e,t.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&&(l=o.nestedResult)}l.length>0?(0==n.length&&n.push(Object.assign(Object.assign({},s),{items:[]})),n[0].items=l,o.push(n[0])):n.length>0&&(n[0].items=l,o.push(n[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},N=(e,t,i)=>{let c,o=[];return c=i||O(e).dataSource,c&&c.forEach((i=>{if(t&&(i.id==t?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=N(e,t,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},G=(e,t)=>{let i;i=t||O(e).dataSource,i&&i.forEach((t=>{var i,c,o;t.checked&&(t.checked=!1),t.selected&&(t.selected=!1),t.indeterminate&&(t.indeterminate="uncheck"),(null===(i=t.itemObject)||void 0===i?void 0:i.checked)&&(t.itemObject.checked=!1),(null===(c=t.itemObject)||void 0===c?void 0:c.selected)&&(t.itemObject.selected=!1),(null===(o=t.itemObject)||void 0===o?void 0:o.indeterminate)&&(t.itemObject.indeterminate="uncheck"),t.items&&G(e,t.items)}))},V={setValue:e=>{const{id:t,dataSource:i,options:c}=e,{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H}=c,M={size:d,checkboxes:l,template:O,allOpen:S,highlight:_,treeview:s},q={id:n((()=>t),r.UID),dataSource:i&&i.length>0&&C(i,M),options:{type:o,treeview:s,checkboxes:l,searchable:a,value:b,name:h,label:m,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:v,fullWidth:g,height:k,maxHeight:f,minHeight:w,width:y,infoFooter:z,variableText:I,template:O,allOpen:S,keyControl:E,checkAll:T,linkedComponent:P,placeholder:F,searchPlaceholder:L,searchIsOnlyChilds:R,clearable:D,caption:A,noCaption:N,captionType:G,captionError:V,placement:H},totalItems:(null==i?void 0:i.length)>0&&$(i,c.treeview),totalRoots:null==i?void 0:i.length};j.value.set(q.id,q)},removeValue:e=>{j.value.delete(e)},getValue:O,getData:e=>{let t=[];const i=O(e);if(i){const{dataSource:e}=i;t=e}return t},getDataPagination:(e,t=3,i)=>{let c=[];const o=O(e);if(o){const{dataSource:e}=o;c=i?e.filter((e=>i.indexOf(e.id)>-1)).slice(0,t):e.slice(0,t)}return c},openGroup:S,checkedItem:T,filterData:R,getSelected:D,getCheckedList:A,selectedItem:N,addChecked:(e,t)=>{O(e)&&t.forEach((t=>{T(e,t)}))},setClear:G,selectAll:(e,t)=>{const i=O(e).dataSource;i&&i.forEach((i=>{F(e,i,t)}))},removeOtherTags:(e,t,i)=>{let c;if(t=Array.isArray(t)?t:[t],i)c=i;else{const t=O(e);c=t.dataSource}c&&t.forEach((t=>{c.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1):i.items&&E(e,t,i.items)}))}))},onRemoveItems:E,updateOptions:(e,t)=>{Object.keys(O(e).options).forEach((i=>{O(e).options[i]=t[i]}))},removeState:e=>Promise.resolve(j.value.delete(e))};class H{constructor(e,t,i,c){this.elementName="",this.childElementName="",this.keyCode=e,this.element=t,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 e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)||this.getFirstElement()}getChildElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(e){if(e&&e)return e&&e.attributes["data-isroot"]?e:this.getParentElement(e.parentNode)}focusElementIsOpen(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var e;return(null===(e=this.getChildElement())||void 0===e?void 0:e.querySelectorAll(".focused")[0])||null}isLastElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)}focusParentElementFirstChild(){var e,t;return this.setFocus(null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.firstChild)}isFirstElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)}focusRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.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(e){e.focus()}}class M extends H{constructor(e,t,i,c){super(e,t,".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 e;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const e=this.getChildElement();e&&this.setFocus(e.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(e=this.getParentElement(this.getFocusedElement()))||void 0===e?void 0:e.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const e=this.getParentElement(this.getFocusedElement());this.setFocus(e)}else{const e=this.getPreviousElement();if(e)if(e.classList.contains("bcm-list__item--open")){const t=e.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:t}),this.setFocus(t.lastChild)}else this.setFocus(e)}}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:e}=this.getFocusedElement();this.openGroup(e)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:e}=this.getFocusedElement();this.checkedItem(e)}}keyDown(){switch(this.getKeyCode()){case _.KeyCode.up:this.keyUpControl();break;case _.KeyCode.down:this.keyDownControl();break;case _.KeyCode.left:this.keyLeftControl();break;case _.KeyCode.right:this.keyRightControl();break;case _.KeyCode.enter:this.keyEnterControl();break;case _.KeyCode.space:this.keySpaceControl()}}keyUp(){}}var q=function(e,t,i,c){var o,s=arguments.length,l=s<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,c);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(l=(s<3?o(l):s>3?o(t,i,l):o(t,i))||l);return s>3&&l&&Object.defineProperty(t,i,l),l};const W=class{constructor(e){t(this,e),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=r.debounceInput((()=>this.listenResize()),300,!1),this._id=r.UID(),this.type=x.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=x.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=x.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:x.Status.default,indeterminate:"uncheck"},this.placement=x.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 e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)>1&&e.forEach(((e,t)=>t>0&&e.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(e,t,i){Object.keys(this.getOptions()).indexOf(i)>-1&&e!==t&&this.updateOptions()}get containerWidth(){var e,t;return null===(t=null===(e=this.el)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.width}get tagCount(){return this.containerWidth>0?Math.floor(+(this.containerWidth-100)/85):0}get tagData(){return n((()=>{var e;return null===(e=this.value)||void 0===e?void 0:e.map((e=>({value:e.id,label:b.textLimitter(e.text,7),text:e.tooltipMessage||e.tagTitle||e.text})))}),[])}async componentDidLoad(){if(await this.initState(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const e=this.el.querySelector(`#bcm-list-${this._id}`);e&&document.body.appendChild(e)}}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(V.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)&&(e.forEach((e=>e.remove())),this.el.remove())}}watchId(e,t){V.removeState(t),this.initState()}handleValueChange(e,t){var i;r.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes?h.compareTwoArrayIsSame(e,t)||(this.bcmChecklist.emit(this.value),this.change.emit(this.value)):(null==e?void 0:e.text)!=(null==t?void 0:t.text)&&this.change.emit(this.value)}watchReturnFilterData(e){var t;const{checkedItems:i,visibledItems:c}=e;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleOpen(){this.isOpen?(this.open.emit(),this.calculateLocation(),this.onSelectSearch()):(this.listScrollToTop(),this.close.emit(),await u(100),this.unSelectOther())}listScrollToTop(){const e=document.querySelector(`#bcm-list-${this._id}`);e&&(e.querySelector(".scrolling").scrollTop=0)}async dataChanged(e,t){h.compareTwoArrayIsSame(e,t)||await this.initState()}isIntersecting(e){const t=null==e?void 0:e.target;t&&t.id===this._id&&this.listenResize()}handleSlotItems(e){var t;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.length)>0&&(this.data=e.detail)}handleChange(e){e.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&e.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(e){if(this.isOpen){const t=document.querySelector(`#bcm-list-${this._id}`);t&&r.findEventPath(e,t)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}clearAutocomplete(){if("autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.handleClear(!1)}}async handleSelectOtherTag(e){if(this.disabled)return;const{id:t,checked:i}=e.detail;this.isSelectedOther=i,t&&(i?this.filterOtherList(t):this.unSelectOther(),this.isOpen=!0)}async handleDeleteTag(e){var t;if(this.disabled)return;const{id:i}=e.detail;this.isSelectedOther&&this.unSelectOther(),Array.isArray(i)?V.removeOtherTags(this._id,i):V.checkedItem(this._id,i),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleSelectTag(e){this.disabled||(this.clearAutocomplete(),this.onSelectSearch(),this.unSelectOther())}handleClick(e){var t;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=r.findEventPath(e,this.el)||i&&r.findEventPath(e,i);if(c&&(null!==this.debounce&&(e.preventDefault(),e.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.setValue(this.checkboxes?"":(null===(t=this.value)||void 0===t?void 0:t.text)||"")}const o=r.findEventPathWithKey(e,"className",["bcm-tag"]),s=r.findEventPathWithKey(e,"className",["bcm-tag bcm-tag--other"]),l=r.findEventPathWithKey(e,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),n=r.findEventPathWithKey(e,"className",["right close-button"]);l&&!n&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!s&&this.isOpen)),i&&this.isOpen&&(i.contains(e.target)||this.el.contains(e.target)||(this.isOpen=!1))}bcmOnSearchClear(e){var t,i;"autocomplete"==this.type&&((null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||e.detail&&this.setClear())}bcmOnSearch(e){var t,i,c,o,s,l;(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=n((()=>{var t;return null===(t=e.detail)||void 0===t?void 0:t.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=e.detail)||void 0===c?void 0:c.matching)?null===(o=e.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=V.filterData(this._id,null===(s=e.detail)||void 0===s?void 0:s.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(l=e.detail)||void 0===l?void 0:l.value),"autocomplete"==this.type&&(this.isOpen=!0),e.detail.result||("autocomplete"==this.type?this.isOpen=!1:(this.returnFilterData={},V.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(e){const t=e.keyCode||e.which;if(t===x.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),this.keyControl){const e=new M(t,this.el,this.treeview,this.checkboxes);e.openGroup=e=>{this.openGroup(e)},e.checkedItem=e=>{this.checkedItem(e)},e.keyDown()}}handleKeyUp(e){if(this.keyControl&&r.findEventPath(e,this.el)){const e=document.getElementById(`bcm-list-${this._id}`);if(e){const t=e.querySelectorAll(".bcm-list__item.focused");if(t.length>0){const i=e.querySelector("main"),c=t[0].offsetHeight,o=i.offsetHeight,s=t[0].offsetTop;s>o&&(i.scrollTop=s-o/2+c/2),s<o&&(i.scrollTop=s-o/2-c/2)}}}}async set(e){e?(Array.isArray(e)&&this.addChecked(e),"string"!=typeof e&&"number"!=typeof e||this.selectedItem(e)):this.setClear()}async get(){var e,t;return this.value?this.checkboxes?null===(t=null===(e=await this.getCheckedList())||void 0===e?void 0:e.checkedList)||void 0===t?void 0:t.map((e=>e.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(e=[],t=!1,i=!0){return e&&e.length>0&&(t||(V.setClear(this._id),await u(10)),await V.addChecked(this._id,e),await u(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(e){return!!e&&Promise.resolve(await this.selectedItem(e))}async setClear(e){return V.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.markForCheck(),e&&(e.stopPropagation(),e.preventDefault()),await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(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(e,t){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&e>0?e===t?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&e>0)&&e===t})}listenResize(){this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},V.filterData(this._id,null),await u(10),Promise.resolve()}async onClearSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);return e&&await e.handleClear(),Promise.resolve()}async onSelectSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);e&&(await u(100),e.onBcmFocus(),e.onBcmSelect())}async filterOtherList(e){const t=(await this.getCheckedList()).nestedResult,i=r.convertIdsToNestedData(e,t);this.returnFilterData=await V.filterData(this._id,i,null,!0),this.searchFound=(null==e?void 0:e.length)||0,this.limit=500,this.searchGetParents=null,await u(1e3),this.markForCheck()}async initState(){var e,t,i;this.onClearSearch(),await V.setValue({id:this._id,dataSource:this.data&&n((()=>"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===(e=this.value)||void 0===e?void 0:e.text)||null),this.checkboxes&&(null===(t=this.value)||void 0===t?void 0:t.length)>0){const e=[];this.value.forEach((t=>{t.items&&0!==t.items.length||e.push(t.id)})),await this.addChecked(e,!1,!1)}await this.handleIndeterminate(null===(i=this.value)||void 0===i?void 0:i.length,this.totalData),await this.markForCheck()}async markForCheck(){await u(10),this.tick=r.UID()}getOptions(){return n((()=>V.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:n((()=>V.getData(this._id)),[])}getLimitedItems(e){return n((()=>V.getDataPagination(this._id,this.searchResultLimit||this.limit,e)),[])}openGroup(e){V.openGroup(this._id,e),this.markForCheck()}focusItem(e){if(e.target.classList.contains("bcm-list__item")){const t=e.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const e=i.querySelector(".bcm-list__item.focused");e&&e.classList.remove("focused"),t.classList.add("focused")}}}async selectedItem(e){var t;if(!this.checkboxes&&(this.value=V.selectedItem(this._id,e)?V.selectedItem(this._id,e)[0]:null,this.inputText=(null===(t=this.value)||void 0===t?void 0:t.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const e=this.getAutoCompleteInput();e&&setTimeout((()=>{var t;e.setValue((null===(t=this.value)||void 0===t?void 0:t.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(e){"select-all"===e?V.selectAll(this._id,!this.selectAllItem.checked):V.checkedItem(this._id,e),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:e}=this.returnFilterData;this.returnFilterData={visibledItems:e,checkedItems:e&&e.filter((e=>e.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(e){let t=0,i=new IntersectionObserver((e=>{0===t&&(t++,e[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(e.target.lastElementChild)}async calculateLocation(){var e,t;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){m(c,o,i,(e=>i=e)),await u(10);let s=d(i,o),l=0,n=0;if(this.linkedComponent){const i=document.getElementById(this.linkedComponent);if(i){if(!i.noCaption){const t=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");t&&(l=t.offsetHeight||t.clientHeight)}const c=(null===(t=i.shadowRoot)||void 0===t?void 0:t.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*a.toNumber(this.height)*window.innerHeight-s[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const r="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-s[0])-50:window.innerHeight-s[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*r+"px":a.toNumber(this.maxHeight)<r?this.maxHeight:r+"px",m(c,o,i,(e=>i=e)),await u(10),s=d(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:t,treeview:i,label:o,size:s,disabled:l,readonly:n,required:r,hidden:a,fullWidth:b,searchable:h}=this.getOptions(),m=g("bcm-list",`bcm-list__size-${s}`,`bcm-list__${this.type}`,"large"===s?"size-3":"size-2",{error:this.captionType==x.Status.error,"full-width":b,"bcm-list__linked":this.linkedComponent,hidden:a,readonly:n,disabled:l}),d=g("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==x.Status.error,"full-width":b,hidden:a,readonly:n,disabled:l}),p=g("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return e(c,{class:m,tabindex:"0",style:{"--width":b?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},e("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&e("div",null,e(k,{size:this.size,type:this.captionType,value:o,required:r,htmlFor:this._id}))),"select"==this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:p},e("span",{class:g("bcm-list__input-container",{"type-single":!t,"value-empty":!this.value})},this.checkboxes?this.value&&this.value.length>0?e("bcm-rc-overflow",{data:this.tagData,maxCount:this.tagCount}):e("span",{class:"bcm-list__input-placeholder"},this.placeholder):this.value?this.inputText:e("span",{class:"bcm-list__input-placeholder"},this.placeholder)),e("span",{class:g("bcm-list__input-buttons",{disabled:l})},this.clearable&&this.value&&e("div",{class:"bcm-list__input-buttons-button"},e("bcm-icon",{icon:"fal fa-times",onClick:e=>!l&&this.setClear(e)})),e("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},e("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:g(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},e("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&e("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),e("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}))),e(I,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&h,bcmListContainer:d,checkboxes:t,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:e=>this.dataScrollEvent(e),items:this.getLimitedItems(this.searchGetParents),selectedItem:e=>this.selectedItem(e),checkedItem:e=>this.checkedItem(e),openGroup:e=>this.openGroup(e),focusItem:e=>this.focusItem(e),emptyText:this.emptyText,emptyIcon:this.emptyIcon}),e(v,{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"],isOpen:["handleOpen"],data:["dataChanged"]}}};q([s()],W.prototype,"el",void 0),q([l("data",!0)],W.prototype,"dataChanged",null),W.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-caption-area{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{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{flex:1;display:block;overflow:hidden}.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}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:4px 4px 0 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{W as bcm_list}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built with Stencil
|
|
3
3
|
* Copyright (c) Bromcom.
|
|
4
4
|
*/
|
|
5
|
-
import{r as e,h as i,H as t,g as a}from"./p-da1055cb.js";import{c as p}from"./p-d65a1e21.js";import{C as r}from"./p-843905c8.js";import{G as s}from"./p-
|
|
5
|
+
import{r as e,h as i,H as t,g as a}from"./p-da1055cb.js";import{c as p}from"./p-d65a1e21.js";import{C as r}from"./p-843905c8.js";import{G as s}from"./p-af0c9c25.js";import{S as o}from"./p-8d0ca8c2.js";import{S as n}from"./p-79fd816c.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4aa0e6b1.js";import"./p-a429e85b.js";const c=class{constructor(i){e(this,i),this.modalSlots={},this._id=s.UID(),this.hidden=!1,this.color="slate",this.header=void 0,this.footer=void 0}connectedCallback(){const e=this.el.querySelectorAll("bcm-card-header, bcm-card-footer");e&&e.forEach((e=>{let i=o.lowercase(o.split(e.nodeName,"-").pop());if(e.slot=i,"header"===i){let i=e.getAttribute("color");i&&(i="white"==i?i:i+"-50",e.setAttribute("style",`background-color: ${r.dsColor(i)}`))}e.classList.add(`bcm-card__${i}`),this.modalSlots[i]=e}))}render(){const e=p("bcm-card",this.hidden?"hidden":null);return i(t,{class:e},i((()=>this.modalSlots.header&&i("slot",{name:"header"})),null),i("div",{class:"bcm-card__body"},i(n,null)),i((()=>this.modalSlots.footer&&i("slot",{name:"footer"})),null))}get el(){return a(this)}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-card{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}';export{c as bcm_card}
|