bromcom-ui 2.8.0-rc.10-g → 2.8.0-rc.10-i

package/dist/bromcom-ui/{p-d5f9c429.entry.js → p-14a0a646.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,g as i}from"./p-35ea8fad.js";import{I as n}from"./p-3edd3360.js";import{d as s}from"./p-8c018ae0.js";const a=class{constructor(t){e(this,t),this.gridOptions={}}fetchJsFromCDN(e){return new Promise(((t,i)=>{const n=document.createElement("script");n.src=e,n.onload=()=>{t(n)},n.onerror=()=>{i(new Error(`Script load error for ${e}`))},document.head.appendChild(n)}))}async componentDidLoad(){await this.fetchJsFromCDN("https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js").then((()=>console.info("agGridCommunity loaded"))),await this.fetchJsFromCDN("https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js").then((()=>console.info("agGridEnterprise loaded"))),await s(100);const e=window.agGrid,t=this.el.querySelector("#bcm-table");if(t&&e){this.el.getAttributeNames().forEach((e=>{"class"===e?t.classList.add(this.el.getAttribute(e)):t.setAttribute(e,this.el.getAttribute(e))}));try{e.LicenseManager.setLicenseKey("CompanyName=Bromcom MIS,LicensedApplication=Bromcom MIS,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-025320,ExpiryDate=9_February_2023_[v2]_MTY3NTkwMDgwMDAwMA==91115b62a3d527a812292deae7284d78"),new e.Grid(t,this.gridOptions)}catch(e){console.log(`agGrid error: ${e}`)}}}render(){return t("div",{id:"bcm-table",class:"bcm-table ag-theme-balham"})}get el(){return i(this)}};(function(e,t,i,n){var s,a=arguments.length,p=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(p=(a<3?s(p):a>3?s(t,i,p):s(t,i))||p);a>3&&p&&Object.defineProperty(t,i,p)})([n()],a.prototype,"el",void 0),a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css");.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}.ag-dnd-ghost{z-index:100000 !important}';export{a as bcm_table}
+import{r as e,h as t,g as i}from"./p-da1055cb.js";import{I as n}from"./p-c23b6240.js";import{d as s}from"./p-8c018ae0.js";const a=class{constructor(t){e(this,t),this.gridOptions={}}fetchJsFromCDN(e){return new Promise(((t,i)=>{const n=document.createElement("script");n.src=e,n.onload=()=>{t(n)},n.onerror=()=>{i(new Error(`Script load error for ${e}`))},document.head.appendChild(n)}))}async componentDidLoad(){await this.fetchJsFromCDN("https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js").then((()=>console.info("agGridCommunity loaded"))),await this.fetchJsFromCDN("https://unpkg.com/ag-grid-enterprise/dist/ag-grid-enterprise.min.noStyle.js").then((()=>console.info("agGridEnterprise loaded"))),await s(100);const e=window.agGrid,t=this.el.querySelector("#bcm-table");if(t&&e){this.el.getAttributeNames().forEach((e=>{"class"===e?t.classList.add(this.el.getAttribute(e)):t.setAttribute(e,this.el.getAttribute(e))}));try{e.LicenseManager.setLicenseKey("CompanyName=Bromcom MIS,LicensedApplication=Bromcom MIS,LicenseType=SingleApplication,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-025320,ExpiryDate=9_February_2023_[v2]_MTY3NTkwMDgwMDAwMA==91115b62a3d527a812292deae7284d78"),new e.Grid(t,this.gridOptions)}catch(e){console.log(`agGrid error: ${e}`)}}}render(){return t("div",{id:"bcm-table",class:"bcm-table ag-theme-balham"})}get el(){return i(this)}};(function(e,t,i,n){var s,a=arguments.length,p=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(p=(a<3?s(p):a>3?s(t,i,p):s(t,i))||p);a>3&&p&&Object.defineProperty(t,i,p)})([n()],a.prototype,"el",void 0),a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css");@import url("https://unpkg.com/ag-grid-community/dist/styles/ag-theme-balham.css");.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}.ag-dnd-ghost{z-index:100000 !important}';export{a as bcm_table}

package/dist/bromcom-ui/p-16a19e2f.js

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

package/dist/bromcom-ui/p-1f6e9103.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,h as i,H as t,g as n}from"./p-da1055cb.js";import{I as p}from"./p-c23b6240.js";import{G as a}from"./p-a6edeb5e.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const s=class{constructor(i){e(this,i),this._id=a.UID(),this.multi=!1}componentDidRender(){this.multi||this.checkExpandedCount()}checkExpandedCount(){var e,i;const t=this.el.querySelectorAll(".bcm-expansion-panel");if(t&&Array.from(t).map((e=>e.expanded)).filter(Boolean).length>1){const n=null===(i=null===(e=Array.from(t).filter((e=>e.expanded)))||void 0===e?void 0:e.pop())||void 0===i?void 0:i.id;Array.from(t).forEach((e=>{e.id!==n&&(e.expanded=!1)}))}}open(e){if(this.multi)return;const i=e.detail,t=this.el.querySelectorAll(".bcm-expansion-panel");t&&t.forEach((e=>{e.id!==i&&(e.expanded=!1)}))}isLoad(e){var i,t,n;if(!this.multi){var p=(null===(t=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.parentElement)||void 0===t?void 0:t.id)||null;"BCM-EXPANSION-PANEL"==((null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.nodeName)||null)&&this._id==p&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return n(this)}};(function(e,i,t,n){var p,a=arguments.length,s=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,n);else for(var o=e.length-1;o>=0;o--)(p=e[o])&&(s=(a<3?p(s):a>3?p(i,t,s):p(i,t))||s);a>3&&s&&Object.defineProperty(i,t,s)})([p()],s.prototype,"el",void 0),s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}';export{s as bcm_accordion}

package/dist/bromcom-ui/{p-19769caf.entry.js → p-221448f8.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,f as s,h as e,H as h,g as a}from"./p-35ea8fad.js";import{S as n,T as c,D as l}from"./p-e53f8a82.js";import{d as r,c as o}from"./p-8c018ae0.js";import{c as p}from"./p-d65a1e21.js";import{I as b}from"./p-3edd3360.js";import"./p-6f56f8ca.js";const m=class{constructor(s){t(this,s),this.click=i(this,"bcm-click",7),this.change=i(this,"bcm-change",7),this.bcmTabsActiveItem=i(this,"bcm-tabs-active-item",7),this.tabs=[],this.firstInit=!0,this.count=0,this.size=n.large,this.type=c.normal,this.direction=l.horizontal,this.hidden=!1,this.fullWidth=!1,this.underline=!0,this.activeChild=1,this.lineOpts={top:"0px",left:"0px",right:"0px",width:"0px",height:"0px"},this.prevButton=null,this.nextButton=null,this.completeButton=null,this.prevButtonState="disabled",this.nextButtonState="disabled",this.completeButtonState="disabled"}async config(t){return t.prevButton&&(t.prevButton.id&&(this.prevButton=document.querySelector("#"+t.prevButton.id)),t.prevButton.state&&(this.prevButtonState=t.prevButton.state)),t.nextButton&&(t.nextButton.id&&(this.nextButton=document.querySelector("#"+t.nextButton.id)),t.nextButton.state&&(this.nextButtonState=t.nextButton.state)),t.completeButton&&(t.completeButton.id&&(this.completeButton=document.querySelector("#"+t.completeButton.id)),t.completeButton.state&&(this.completeButtonState=t.completeButton.state)),this.buttonControl(),!0}async next(){var t="#"+this.tabs[this.getActive()-1].formControl,i=document.querySelector(t),s=null;return i&&(s=await i.submit()),(i&&s.isValid||!i)&&(this.activeChild=this.getActive()+1,this.active(this.tabs[this.getActive()-1].tabId)),s}async prev(){return this.activeChild=this.getActive()-1,this.active(this.tabs[this.getActive()-1].tabId),this.activeChild}async complete(){const t=[];var i=!0;this.tabs.forEach((i=>{if(i.formControl){const s=document.querySelector("#"+i.formControl);s&&t.push(s.submit())}}));const s=await Promise.all(t);return s.forEach((t=>{if(!1===t.isValid&&(i=!1,t.formName)){const i=this.tabs.filter((i=>i.formControl==t.formName))[0].tabId;this.active(i)}})),{isValid:i,Forms:s}}async active(t){var i=0;this.activeChild=-1,await r(100),o(this.el,"bcm-tab").forEach((s=>{i++,s.tabId==t&&(s.disabled=!1,s.active=!0,this.bcmTabsActiveItem.emit(s.tabId),this.activeChild=i),s.tabId!=t&&(s.active=!1)}))}async getActiveTab(){return this.tabs[this.getActive()-1].tabId}async getActiveIndex(){return this.getActive()}async error(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="error")}))}async info(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="processing")}))}async warning(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="warning")}))}async success(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="success")}))}async statusReset(t){o(this.el,"bcm-tab").forEach((i=>{i.tabId==t&&(i.badge=!1,i.blink=!1,i.status="default")}))}buttonControl(){this.prevButton&&(1==this.activeChild?this.prevButton.setAttribute(this.prevButtonState,"true"):this.prevButton.removeAttribute(this.prevButtonState)),this.nextButton&&(this.getActive()==this.count?this.nextButton.setAttribute(this.nextButtonState,"true"):this.nextButton.removeAttribute(this.nextButtonState)),this.completeButton&&(this.getActive()==this.count?this.completeButton.removeAttribute(this.completeButtonState):this.completeButton.setAttribute(this.completeButtonState,"true"))}componentDidRender(){if(!this.firstInit)return;let t;t=this.el.shadowRoot.querySelector("slot").assignedElements(),this.tabs=[],this.activeChild=this.getActive();var i=!1,s=null,e=0;t.map((t=>{e++,"stepper"==this.type&&(t.disabled=!0),s||(s=t.tabId),"bcm-tab"==String(t.tagName).toLowerCase()&&(t.type=this.type,this.tabs.push(t)-1==this.activeChild&&(this.activateChild(this.activeChild),i=!0)),this.count=e})),i||this.active(s),setTimeout((()=>{this.el.shadowRoot.querySelector(".tabs").classList.add("animatable")}),500)}componentDidLoad(){o(this.el,"bcm-tab").forEach((t=>{t.active&&(this.bcmTabsActiveItem.emit(t.tabId),t.disabled=!1)}))}getActive(){const t=o(this.el,"bcm-tab").findIndex((t=>t.active));return t>=0?t+1:1}getChildIdx(t){let i=1;for(;t.previousElementSibling;)t=t.previousElementSibling,i++;return i}activateChild(t){const i=this.tabs[t-=1];i&&(this.tabs.forEach((t=>t.active=!1)),i.active=!0,i.disabled=!1,this.transformLine(t),this.firstInit&&s(this.el),this.firstInit=!1)}transformLine(t){const i=this.tabs[t].getBoundingClientRect(),s=i.top+window.pageYOffset,e=i.left+window.pageXOffset,h=i.width,a=i.height;"horizontal"==this.direction?(this.lineOpts.top=s+a+"px",this.lineOpts.left=e+"px",this.lineOpts.width=h+"px",this.lineOpts.right="unset",this.lineOpts.height="2px"):(this.lineOpts.top=s+"px",this.lineOpts.left="unset",this.lineOpts.right="0",this.lineOpts.width="2px",this.lineOpts.height=a+"px")}getLineTransform(){return{"--bcm-tabs-line-top":this.lineOpts.top,"--bcm-tabs-line-left":this.lineOpts.left,"--bcm-tabs-line-width":this.lineOpts.width,"--bcm-tabs-line-right":this.lineOpts.right,"--bcm-tabs-line-height":this.lineOpts.height}}handleTabClick(t){const i=this.getChildIdx(t.target);this.activeChild=null,this.activeChild=i}handleTabClose(t){const i=t.target,s=this.getChildIdx(i);i.remove(),this.tabs.splice(s-1,1),s===this.activeChild&&(this.activeChild=1,this.activateChild(1))}activeChildChange(t){this.activateChild(t),this.change.emit(t),this.buttonControl()}windowResize(){this.transformLine(this.activeChild-1),s(this.el)}render(){const t=p("tabs",[this.direction],[this.size],[this.type],this.fullWidth?"full-width":null,this.underline?"underline":null),i=p(this.hidden?"hidden":null);return e(h,{class:i},e("div",{class:t,style:this.getLineTransform(),"on-bcm-click":t=>this.handleTabClick(t),"on-bcm-close":t=>this.handleTabClose(t)},e("slot",null)))}get el(){return a(this)}static get watchers(){return{activeChild:["activeChildChange"]}}};(function(t,i,s,e){var h,a=arguments.length,n=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var c=t.length-1;c>=0;c--)(h=t[c])&&(n=(a<3?h(n):a>3?h(i,s,n):h(i,s))||n);a>3&&n&&Object.defineProperty(i,s,n)})([b()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}::slotted(bcm-tab:not(:last-child)){margin-right:32px}.tabs{position:relative;display:flex;flex-wrap:wrap}.tabs.large{--bcm-tab-vertical-space:16px;--bcm-tab-font-size:16px;--bcm-tab-line-height:24px}.tabs.medium{--bcm-tab-vertical-space:11px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.small{--bcm-tab-vertical-space:7px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.pane{--bcm-tab-vertical-space:9px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.full-width{width:100%;display:flex;align-items:center;justify-content:center}.tabs.full-width ::slotted(bcm-tab){flex:1}.tabs.underline:after{content:"";margin-top:0;z-index:0;left:0;width:100%;height:2px;background-color:var(--bcm-color-grey-4)}.tabs.animatable:before{transition:all 0.4s ease}.tabs.pane ::slotted(bcm-tab:not(:last-child)){margin-right:2px}.tabs.pane:before{display:none}.tabs.vertical{flex-direction:column;width:fit-content}.tabs.vertical:before{content:"";position:absolute;top:var(--bcm-tabs-line-top);left:var(--bcm-tabs-line-left);right:var(--bcm-tabs-line-right);width:var(--bcm-tabs-line-width);height:var(--bcm-tabs-line-height);background-color:var(--bcm-color-prime-blue-6)}.tabs.vertical ::slotted(bcm-tab){margin-right:0}';export{m as bcm_tabs}
+import{r as t,c as i,f as s,h as e,H as h,g as a}from"./p-da1055cb.js";import{S as n,T as c,D as l}from"./p-e53f8a82.js";import{d as r,c as o}from"./p-8c018ae0.js";import{c as p}from"./p-d65a1e21.js";import{I as b}from"./p-c23b6240.js";import"./p-6f56f8ca.js";const m=class{constructor(s){t(this,s),this.click=i(this,"bcm-click",7),this.change=i(this,"bcm-change",7),this.bcmTabsActiveItem=i(this,"bcm-tabs-active-item",7),this.tabs=[],this.firstInit=!0,this.count=0,this.size=n.large,this.type=c.normal,this.direction=l.horizontal,this.hidden=!1,this.fullWidth=!1,this.underline=!0,this.activeChild=1,this.lineOpts={top:"0px",left:"0px",right:"0px",width:"0px",height:"0px"},this.prevButton=null,this.nextButton=null,this.completeButton=null,this.prevButtonState="disabled",this.nextButtonState="disabled",this.completeButtonState="disabled"}async config(t){return t.prevButton&&(t.prevButton.id&&(this.prevButton=document.querySelector("#"+t.prevButton.id)),t.prevButton.state&&(this.prevButtonState=t.prevButton.state)),t.nextButton&&(t.nextButton.id&&(this.nextButton=document.querySelector("#"+t.nextButton.id)),t.nextButton.state&&(this.nextButtonState=t.nextButton.state)),t.completeButton&&(t.completeButton.id&&(this.completeButton=document.querySelector("#"+t.completeButton.id)),t.completeButton.state&&(this.completeButtonState=t.completeButton.state)),this.buttonControl(),!0}async next(){var t="#"+this.tabs[this.getActive()-1].formControl,i=document.querySelector(t),s=null;return i&&(s=await i.submit()),(i&&s.isValid||!i)&&(this.activeChild=this.getActive()+1,this.active(this.tabs[this.getActive()-1].tabId)),s}async prev(){return this.activeChild=this.getActive()-1,this.active(this.tabs[this.getActive()-1].tabId),this.activeChild}async complete(){const t=[];var i=!0;this.tabs.forEach((i=>{if(i.formControl){const s=document.querySelector("#"+i.formControl);s&&t.push(s.submit())}}));const s=await Promise.all(t);return s.forEach((t=>{if(!1===t.isValid&&(i=!1,t.formName)){const i=this.tabs.filter((i=>i.formControl==t.formName))[0].tabId;this.active(i)}})),{isValid:i,Forms:s}}async active(t){var i=0;this.activeChild=-1,await r(100),o(this.el,"bcm-tab").forEach((s=>{i++,s.tabId==t&&(s.disabled=!1,s.active=!0,this.bcmTabsActiveItem.emit(s.tabId),this.activeChild=i),s.tabId!=t&&(s.active=!1)}))}async getActiveTab(){return this.tabs[this.getActive()-1].tabId}async getActiveIndex(){return this.getActive()}async error(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="error")}))}async info(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="processing")}))}async warning(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="warning")}))}async success(t,i=!1){o(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="success")}))}async statusReset(t){o(this.el,"bcm-tab").forEach((i=>{i.tabId==t&&(i.badge=!1,i.blink=!1,i.status="default")}))}buttonControl(){this.prevButton&&(1==this.activeChild?this.prevButton.setAttribute(this.prevButtonState,"true"):this.prevButton.removeAttribute(this.prevButtonState)),this.nextButton&&(this.getActive()==this.count?this.nextButton.setAttribute(this.nextButtonState,"true"):this.nextButton.removeAttribute(this.nextButtonState)),this.completeButton&&(this.getActive()==this.count?this.completeButton.removeAttribute(this.completeButtonState):this.completeButton.setAttribute(this.completeButtonState,"true"))}componentDidRender(){if(!this.firstInit)return;let t;t=this.el.shadowRoot.querySelector("slot").assignedElements(),this.tabs=[],this.activeChild=this.getActive();var i=!1,s=null,e=0;t.map((t=>{e++,"stepper"==this.type&&(t.disabled=!0),s||(s=t.tabId),"bcm-tab"==String(t.tagName).toLowerCase()&&(t.type=this.type,this.tabs.push(t)-1==this.activeChild&&(this.activateChild(this.activeChild),i=!0)),this.count=e})),i||this.active(s),setTimeout((()=>{this.el.shadowRoot.querySelector(".tabs").classList.add("animatable")}),500)}componentDidLoad(){o(this.el,"bcm-tab").forEach((t=>{t.active&&(this.bcmTabsActiveItem.emit(t.tabId),t.disabled=!1)}))}getActive(){const t=o(this.el,"bcm-tab").findIndex((t=>t.active));return t>=0?t+1:1}getChildIdx(t){let i=1;for(;t.previousElementSibling;)t=t.previousElementSibling,i++;return i}activateChild(t){const i=this.tabs[t-=1];i&&(this.tabs.forEach((t=>t.active=!1)),i.active=!0,i.disabled=!1,this.transformLine(t),this.firstInit&&s(this.el),this.firstInit=!1)}transformLine(t){const i=this.tabs[t].getBoundingClientRect(),s=i.top+window.pageYOffset,e=i.left+window.pageXOffset,h=i.width,a=i.height;"horizontal"==this.direction?(this.lineOpts.top=s+a+"px",this.lineOpts.left=e+"px",this.lineOpts.width=h+"px",this.lineOpts.right="unset",this.lineOpts.height="2px"):(this.lineOpts.top=s+"px",this.lineOpts.left="unset",this.lineOpts.right="0",this.lineOpts.width="2px",this.lineOpts.height=a+"px")}getLineTransform(){return{"--bcm-tabs-line-top":this.lineOpts.top,"--bcm-tabs-line-left":this.lineOpts.left,"--bcm-tabs-line-width":this.lineOpts.width,"--bcm-tabs-line-right":this.lineOpts.right,"--bcm-tabs-line-height":this.lineOpts.height}}handleTabClick(t){const i=this.getChildIdx(t.target);this.activeChild=null,this.activeChild=i}handleTabClose(t){const i=t.target,s=this.getChildIdx(i);i.remove(),this.tabs.splice(s-1,1),s===this.activeChild&&(this.activeChild=1,this.activateChild(1))}activeChildChange(t){this.activateChild(t),this.change.emit(t),this.buttonControl()}windowResize(){this.transformLine(this.activeChild-1),s(this.el)}render(){const t=p("tabs",[this.direction],[this.size],[this.type],this.fullWidth?"full-width":null,this.underline?"underline":null),i=p(this.hidden?"hidden":null);return e(h,{class:i},e("div",{class:t,style:this.getLineTransform(),"on-bcm-click":t=>this.handleTabClick(t),"on-bcm-close":t=>this.handleTabClose(t)},e("slot",null)))}get el(){return a(this)}static get watchers(){return{activeChild:["activeChildChange"]}}};(function(t,i,s,e){var h,a=arguments.length,n=a<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,s):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,i,s,e);else for(var c=t.length-1;c>=0;c--)(h=t[c])&&(n=(a<3?h(n):a>3?h(i,s,n):h(i,s))||n);a>3&&n&&Object.defineProperty(i,s,n)})([b()],m.prototype,"el",void 0),m.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}::slotted(bcm-tab:not(:last-child)){margin-right:32px}.tabs{position:relative;display:flex;flex-wrap:wrap}.tabs.large{--bcm-tab-vertical-space:16px;--bcm-tab-font-size:16px;--bcm-tab-line-height:24px}.tabs.medium{--bcm-tab-vertical-space:11px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.small{--bcm-tab-vertical-space:7px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.pane{--bcm-tab-vertical-space:9px;--bcm-tab-font-size:14px;--bcm-tab-line-height:22px}.tabs.full-width{width:100%;display:flex;align-items:center;justify-content:center}.tabs.full-width ::slotted(bcm-tab){flex:1}.tabs.underline:after{content:"";margin-top:0;z-index:0;left:0;width:100%;height:2px;background-color:var(--bcm-color-grey-4)}.tabs.animatable:before{transition:all 0.4s ease}.tabs.pane ::slotted(bcm-tab:not(:last-child)){margin-right:2px}.tabs.pane:before{display:none}.tabs.vertical{flex-direction:column;width:fit-content}.tabs.vertical:before{content:"";position:absolute;top:var(--bcm-tabs-line-top);left:var(--bcm-tabs-line-left);right:var(--bcm-tabs-line-right);width:var(--bcm-tabs-line-width);height:var(--bcm-tabs-line-height);background-color:var(--bcm-color-prime-blue-6)}.tabs.vertical ::slotted(bcm-tab){margin-right:0}';export{m as bcm_tabs}

package/dist/bromcom-ui/p-22d7649d.entry.js

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

package/dist/bromcom-ui/p-23704eb1.entry.js

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

package/dist/bromcom-ui/{p-d02b6aa2.js → p-24aefda6.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as e}from"./p-35ea8fad.js";import{c as m}from"./p-d65a1e21.js";import{B as r}from"./p-c9bd85e9.js";import{S as o}from"./p-78d82111.js";const t=({required:t,value:a,size:s,form:l,htmlFor:p,type:b})=>{const c=m("bcm-label__text","bcm-label__text-"+(b=b||r.Status.default),"bcm-label__size-"+(s=s||"medium"));return e("label",{form:l,htmlFor:p,class:c}," ",e(o,{value:a})," ",t&&"*")};export{t as L}
+import{h as e}from"./p-da1055cb.js";import{c as m}from"./p-d65a1e21.js";import{B as r}from"./p-a429e85b.js";import{S as o}from"./p-79fd816c.js";const t=({required:t,value:a,size:s,form:l,htmlFor:p,type:b})=>{const c=m("bcm-label__text","bcm-label__text-"+(b=b||r.Status.default),"bcm-label__size-"+(s=s||"medium"));return e("label",{form:l,htmlFor:p,class:c}," ",e(o,{value:a})," ",t&&"*")};export{t as L}

package/dist/bromcom-ui/p-28135e84.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as e,c as t,h as i,H as n,g as a}from"./p-da1055cb.js";import{c as r}from"./p-d65a1e21.js";import{I as o}from"./p-c23b6240.js";import{G as c}from"./p-a6edeb5e.js";import{B as s}from"./p-a429e85b.js";import{C as p}from"./p-c8e13fd7.js";import{I as l}from"./p-ab74d877.js";import{d as m}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-3fac58f7.js";var b;!function(e){e.none="none",e.both="both",e.horizontal="horizontal",e.vertical="vertical",e.initial="initial",e.inherit="inherit"}(b||(b={}));const h=class{constructor(i){e(this,i),this.focus=t(this,"bcm-focus",7),this.blur=t(this,"bcm-blur",7),this.clear=t(this,"bcm-clear",7),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value=void 0,this.placeholder=void 0,this.label=void 0,this.name=void 0,this.required=!1,this.caption=void 0,this.noCaption=!1,this.captionError=void 0,this.captionType=s.Status.default,this.rows=3,this.size=s.Size.medium,this.disabled=void 0,this.readonly=!1,this.clearable=void 0,this.resize=b.vertical,this.fullWidth=!1,this.maxLength=void 0,this.focused=!1,this.captionCache=void 0,this.captionTypeCache=void 0}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}async onBcmFocus(){this.textarea.focus()}async onBcmBlur(){this.textarea.blur()}async onBcmSelect(){this.textarea.select()}async set(e){await this.setValue(e)}async get(){return this.value||null}async setValue(e){return this.textarea.value=e,this.value=e,this.handleChange(),e}async setClear(){return this.textarea.value="",this.value="",await m(10),Promise.resolve()}async resetCaption(){return await m(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await m(10),Promise.resolve()}async getValue(){return this.value}watchValue(e){this.textarea.value=e,this.handleChange()}handleFocus(){this.focused=!0,this.focus.emit()}handleBlur(){this.focused=!1,this.blur.emit()}handleChange(){this.value=this.textarea.value,this.change.emit(this.value)}handleInput(){this.value=this.textarea.value,this.input.emit(this.value)}handleClear(e){this.textarea.value="",this.value="",this.clear.emit(),this.textarea.focus(),e.stopPropagation()}render(){const{_id:e,hidden:t,readonly:a,fullWidth:o,size:c,rows:m,disabled:b,clearable:h,label:u,focused:d,noCaption:x,caption:g,captionError:f,captionType:_,value:w,resize:z,maxLength:y,placeholder:v,required:k}=this,j=r("bcm-input",{hidden:t,"full-width":o});return i(n,{class:j},u&&i("bcm-label",{type:_,value:u,required:k,htmlFor:e}),i(l,{elementType:s.HtmlElementType.textarea,id:e,value:w,rows:m,disabled:b,maxLength:y,placeholder:v,clearable:h,resize:z,readonly:a,size:c,focused:d,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleInput:()=>this.handleInput(),handleClear:e=>this.handleClear(e),ref:e=>this.textarea=e,captionType:_}),i(p,{noCaption:x,captionType:_,captionError:f,caption:g,value:w,maxLength:y}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};(function(e,t,i,n){var a,r=arguments.length,o=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,n);else for(var c=e.length-1;c>=0;c--)(a=e[c])&&(o=(r<3?a(o):r>3?a(t,i,o):a(t,i))||o);r>3&&o&&Object.defineProperty(t,i,o)})([o()],h.prototype,"el",void 0),h.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @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}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;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;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea .bcm-input-element{white-space:normal}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{h as bcm_textarea}

package/dist/bromcom-ui/p-29e3acd9.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,h as e,H as i,g as a}from"./p-da1055cb.js";import{c as h}from"./p-d65a1e21.js";import{I as d}from"./p-c23b6240.js";import{G as c}from"./p-a6edeb5e.js";import{s as o}from"./p-87dfb1b0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-a60a2dd0.js";const n=class{constructor(e){t(this,e),this.dataIsLoaded=s(this,"data-is-loaded",7),this.bcmChangeHidden=s(this,"bcm-change-hidden",7),this.hidden=!1,this._id=c.UID(),this._title=void 0,this.description=void 0,this.status="default",this.icon=void 0,this.loading=!1,this.valid=!0,this.index=void 0,this.active=!1,this.htmlTemplate=void 0,this.isLast=!1,this.disabled=!1}componentDidLoad(){this.isLast&&this.dataIsLoaded.emit(!0)}getStepper(){return this.el.closest("bcm-stepper")||null}activeChanged(){if(this.active){const t=this.getStepper();t&&o.changeStepDisabled(t.stepperId,this._id,!1)}}statusChange(){const t=this.getStepper();t&&o.changeStepStatus(t.stepperId,this._id,this.status)}hiddenChange(t,s){const e=this.getStepper();t!==s&&e&&!this.active&&this.bcmChangeHidden.emit(t)}disabledChange(t,s){const e=this.getStepper();e&&o.changeStepDisabled(e.stepperId,this._id,t)}render(){const{hidden:t,valid:s,active:a}=this,d=h("bcm-stepper__step",s?"bcm-stepper__step-valid":"bcm-stepper__step-invalid",{"bcm-stepper__step-active":a,hidden:t});return e(i,{class:d},e("slot",null))}get el(){return a(this)}static get watchers(){return{active:["activeChanged"],status:["statusChange"],hidden:["hiddenChange"],disabled:["disabledChange"]}}};!function(t,s,e,i){var a,h=arguments.length,d=h<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(t,s,e,i);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(d=(h<3?a(d):h>3?a(s,e,d):a(s,e))||d);h>3&&d&&Object.defineProperty(s,e,d)}([d()],n.prototype,"el",void 0);export{n as bcm_step}

package/dist/bromcom-ui/p-2ccd07e1.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{s as e}from"./p-a6edeb5e.js";class s{}s.isNumber=s=>e((()=>/^[0-9]+$/i.test(s))),s.convertToNumber=s=>e((()=>Number(s))),s.replaceNumber=s=>e((()=>s.replace(/[^0-9]/g,""))),s.replaceFloat=s=>e((()=>s.replace(/[^0-9.]/g,""))),s.toFixed=(s,a)=>e((()=>s.toFixed(a))),s.parseFloatFixed=(a,r)=>e((()=>parseFloat(s.replaceFloat(a)).toFixed(r))),s.getDecimalLength=s=>e((()=>s.split(".")[1]?s.split(".")[1].length:0)),s.toNumber=s=>e((()=>Number(s.replace(/[^0-9.]/g,""))));export{s as N}

package/dist/bromcom-ui/{p-fe8f6043.entry.js → p-31226526.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as t,H as i,g as n}from"./p-35ea8fad.js";import{c as s}from"./p-d65a1e21.js";import{I as a}from"./p-3edd3360.js";import"./p-6f56f8ca.js";const r={success:{icon:"far fa-check-circle",color:"green-6"},info:{icon:"far fa-info-circle",color:"blue-6"},warning:{icon:"far fa-warning",color:"warmyellow-6"},error:{icon:"far fa-times-circle",color:"grey-10"}};const p=class{constructor(t){e(this,t),this.status=null,this.heading=void 0,this.description=void 0,this.hidden=!1,this.footerArea=void 0,this.footerHtml=void 0}getIcon(){if(null!=this.status)return t("div",{class:"icon"},t("bcm-icon",{icon:r[this.status].icon}))}componentDidRender(){this.el.shadowRoot.querySelector("slot").assignedElements().map((e=>{"bcm-result-footer"===String(e.tagName).toLowerCase()&&(e.slot="footer",this.footerArea=!0,this.footerHtml=e.innerHTML,e.innerHTML="")}))}render(){const e=s(this.hidden?"hidden":null);return t(i,{class:e},t("div",{class:"result"},this.getIcon(),t("div",{class:"content"},t("span",{class:"heading size-5 weight-semibold"},this.heading),t("span",{class:"desc size-2"},this.description),t("div",{class:"extra"},t("slot",null)),this.footerArea&&t("div",{class:"buttons",innerHTML:this.footerHtml}))))}get el(){return n(this)}};(function(e,t,i,n){var s,a=arguments.length,r=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(r=(a<3?s(r):a>3?s(t,i,r):s(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)})([a()],p.prototype,"el",void 0),p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.result{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.result .content{margin-top:24px}.result .content .heading{margin-bottom:8px}.result .content .heading,.result .content .desc{display:block;text-align:center}.result .content .extra{background-color:#F5F5F5;padding:24px 24px;margin:32px 0}@media screen and (min-width: 576px){.result .content .extra{padding:24px 40px}}.result .content .buttons{display:flex;justify-content:center;grid-gap:8px;flex-wrap:wrap}';export{p as bcm_result}
+import{r as e,h as t,H as i,g as n}from"./p-da1055cb.js";import{c as s}from"./p-d65a1e21.js";import{I as a}from"./p-c23b6240.js";import"./p-6f56f8ca.js";const r={success:{icon:"far fa-check-circle",color:"green-6"},info:{icon:"far fa-info-circle",color:"blue-6"},warning:{icon:"far fa-warning",color:"warmyellow-6"},error:{icon:"far fa-times-circle",color:"grey-10"}};const p=class{constructor(t){e(this,t),this.status=null,this.heading=void 0,this.description=void 0,this.hidden=!1,this.footerArea=void 0,this.footerHtml=void 0}getIcon(){if(null!=this.status)return t("div",{class:"icon"},t("bcm-icon",{icon:r[this.status].icon}))}componentDidRender(){this.el.shadowRoot.querySelector("slot").assignedElements().map((e=>{"bcm-result-footer"===String(e.tagName).toLowerCase()&&(e.slot="footer",this.footerArea=!0,this.footerHtml=e.innerHTML,e.innerHTML="")}))}render(){const e=s(this.hidden?"hidden":null);return t(i,{class:e},t("div",{class:"result"},this.getIcon(),t("div",{class:"content"},t("span",{class:"heading size-5 weight-semibold"},this.heading),t("span",{class:"desc size-2"},this.description),t("div",{class:"extra"},t("slot",null)),this.footerArea&&t("div",{class:"buttons",innerHTML:this.footerHtml}))))}get el(){return n(this)}};(function(e,t,i,n){var s,a=arguments.length,r=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var p=e.length-1;p>=0;p--)(s=e[p])&&(r=(a<3?s(r):a>3?s(t,i,r):s(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)})([a()],p.prototype,"el",void 0),p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}:host(.hidden){display:none}.result{display:flex;flex-direction:column;align-items:center;padding:32px 24px}.result .content{margin-top:24px}.result .content .heading{margin-bottom:8px}.result .content .heading,.result .content .desc{display:block;text-align:center}.result .content .extra{background-color:#F5F5F5;padding:24px 24px;margin:32px 0}@media screen and (min-width: 576px){.result .content .extra{padding:24px 40px}}.result .content .buttons{display:flex;justify-content:center;grid-gap:8px;flex-wrap:wrap}';export{p as bcm_result}

package/dist/bromcom-ui/p-352689cd.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as e,f as i,h as s,H as a,g as n}from"./p-da1055cb.js";import{D as r,E as h}from"./p-7e44e6b5.js";import{c as o}from"./p-d65a1e21.js";import{D as c}from"./p-626a65e9.js";import{d as l}from"./p-8c018ae0.js";import{G as d}from"./p-a6edeb5e.js";import{B as p}from"./p-a429e85b.js";import{g as m,s as u}from"./p-dbc4c30c.js";import{L as b}from"./p-24aefda6.js";import{I as g}from"./p-c23b6240.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";import"./p-8d0ca8c2.js";import"./p-79fd816c.js";var x,f,y;!function(t){t.january="january",t.february="february",t.march="march",t.april="april",t.may="may",t.june="june",t.july="july",t.august="august",t.september="september",t.october="october",t.november="november",t.december="december"}(x||(x={})),function(t){t.sunday="sunday",t.monday="monday",t.tuesday="tuesday",t.wednesday="wednesday",t.thursday="thursday",t.friday="friday",t.saturday="saturday"}(f||(f={})),function(t){t.datetime="datetime",t.range="range",t.date="date",t.time="time"}(y||(y={}));const v=JSON.stringify,w=class{constructor(i){t(this,i),this.load=e(this,"bcm-load",7),this.change=e(this,"bcm-change",7),this.bcmOpen=e(this,"bcm-open",7),this.inputId=null,this.emptyState=!1,this.initialized=!1,this.disabledDatesList={min:null,max:null,dates:[]},this.dayNumbers=[],this.valueText=null,this.dataIsValid=!1,this._id=d.UID(),this.date=new Date,this.endDate=null,this.type=y.datetime,this.disabled=!1,this.disabledDates="",this.value=null,this._open=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.minYear=1900,this.maxYear=2200,this.noCaption=!1,this.captionError=void 0,this.caption="",this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.years=[],this.hours=[],this.minutes=[],this.hasDateModule=!1,this.hasTimeModule=!1,this.renderDate=void 0,this.selectedDate=void 0,this.selectedEndDate=void 0,this.error=!1,this.errorText="",this.tick={}}markForCheck(){this.tick=d.UID()}openChanged(){this.bcmOpen.emit(this._open)}componentWillLoad(){if(this.inputId="picker-input-"+this._id,this.hasDateModule=this.type===y.datetime||this.type===y.date||this.type===y.range,this.hasTimeModule=this.type===y.datetime||this.type===y.time,this.prepareDisabledDates(),this.setData(),!this.initialized){for(let t=this.minYear;t<=this.maxYear;t++)this.years.push(t);for(let t=0;t<=23;t++)this.hours.push(t);for(let t=0;t<=59;t++)this.minutes.push(t);this.load.emit()}this.initialized=!0}componentDidRender(){this.hasDateModule&&!this.yearsDragger&&(this.createDragSelection("years",this.yearsElement,this.yearsWrapperElement,this.yearsStripElement,r.y),this.createWheelChange("years",this.yearsWrapperElement,this.yearsStripElement),this.setDragSelection("years",this.currentDate.year)),this.hasTimeModule&&!this.hoursDragger&&(this.createDragSelection("hours",this.hoursElement,this.hoursWrapperElement,this.timeStripElement,r.y),this.createWheelChange("hours",this.hoursWrapperElement,this.timeStripElement),this.setDragSelection("hours",this.currentDate.hour)),this.hasTimeModule&&!this.minutesDragger&&(this.createDragSelection("minutes",this.minutesElement,this.minutesWrapperElement,this.timeStripElement,r.y),this.createWheelChange("minutes",this.minutesWrapperElement,this.timeStripElement),this.setDragSelection("minutes",this.currentDate.minute))}renderDateChange(){this.initialized&&(this.setData(),this.hasDateModule&&this.setDragSelection("years",this.currentDate.year))}openChange(t){t&&(this.calculateLocation(),this.hasDateModule&&(this.createDragSelection("years",this.yearsElement,this.yearsWrapperElement,this.yearsStripElement,r.y),this.createWheelChange("years",this.yearsWrapperElement,this.yearsStripElement),this.setDragSelection("years",this.currentDate.year)),this.hasTimeModule&&(this.createDragSelection("hours",this.hoursElement,this.hoursWrapperElement,this.timeStripElement,r.y),this.createWheelChange("hours",this.hoursWrapperElement,this.timeStripElement),this.setDragSelection("hours",this.currentDate.hour,!0)),this.hasTimeModule&&(this.createDragSelection("minutes",this.minutesElement,this.minutesWrapperElement,this.timeStripElement,r.y),this.createWheelChange("minutes",this.minutesWrapperElement,this.timeStripElement),this.setDragSelection("minutes",this.currentDate.minute,!0)),this.markForCheck(),i(this.el))}valueChange(t,e){const i={isValid:!1,value:this.valueText};if(t)if(this.type!==y.range&&this.error)this.change.emit({isValid:!1,value:this.inputElement.value});else try{if((e&&v(t.dateObject)!==v(e.dateObject)||!e&&t)&&(this.type!==y.date&&this.type!==y.datetime||this.change.emit(t),this.type===y.time&&this.change.emit(t),this.type===y.range)){const e=t.dateObject;e.start.date&&e.end.date?t.isValid&&this.change.emit({isValid:t.isValid,value:t.value,start:e.start,end:e.end}):this.change.emit(i)}}catch(t){}else this.change.emit()}disabledDatesChange(t){t&&this.prepareDisabledDates()}stringToDate(t){return t.getMonth?t:new Date(Date.parse(this.switchDDMM(t)))}dateToString(t){if(!(t instanceof Date))return!1}switchDDMM(t){if(!t)return;const e=t.split("/");return-1===t.indexOf("/")||3!==e.length?t:`${e[1]}/${e[0]}/${e[2]}`}setData(){this.date=this.stringToDate(this.date),this.initialized||this.renderDate||(this.renderDate=this.date&&this.date||new Date),!this.initialized&&this.endDate&&(this.selectedEndDate=this.stringToDate(this.endDate));const t=this.renderDate;if(this.currentDate=this.createDateObject(t),this.dayNumbers=this.getMonthDayNumbers(t).map((e=>({day:e,thisMonth:!0,isWeekend:this.getDayIsWeekend(t,e),today:this.getIsCurrentDate(t,e),date:this.getTargetDayDate(t,e)}))),this.currentDate.year>this.minYear){let e=new Date(new Date(t).setMonth(this.currentDate.month-1,1)),i=this.getMonthDayNumbers(e).reverse(),s=this.currentDate.monthFirstDay;for(let t=1;t<(0===s?7:s);t++){const s=i[t-1];this.dayNumbers.unshift({day:s,prevMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}if(this.currentDate.year<this.maxYear){let e=new Date(new Date(t).setMonth(this.currentDate.month+1)),i=this.getMonthDayNumbers(e),s=42-this.dayNumbers.length;for(let t=0;t<s;t++){const s=i[t];this.dayNumbers.push({day:s,nextMonth:!0,isWeekend:this.getDayIsWeekend(e,s),date:this.getTargetDayDate(e,s)})}}this.emptyState||(this.valueText=this.getValueText()),i(this.el)}prepareDisabledDates(){if(!this.disabledDates)return;let t=null;if("string"==typeof this.disabledDates)try{t=JSON.parse(this.disabledDates)}catch(t){return}else t=this.disabledDates;if(t.dates&&t.dates.length&&t.dates.length){const e=t.dates.map((t=>{const e=new Date(t);return"invalid date"===e.toString().toLowerCase()?null:e})).filter((t=>t));this.disabledDatesList.dates=e}if(t.min&&t.max&&(t.min.getTime()>t.max.getTime()||t.max.getTime()<t.min.getTime()))return;t.min&&t.min instanceof Date?this.disabledDatesList.min=new Date(t.min.toDateString()):delete this.disabledDatesList.min,t.max&&t.max instanceof Date?this.disabledDatesList.max=new Date(t.max.toDateString()):delete this.disabledDatesList.max;const e=this.inputElement&&this.inputElement.value;e&&this.setDataFromText(e)}createWheelChange(t,e,i){e.addEventListener("wheel",(e=>{const s=e.deltaY>0,a=this[t+"Dragger"].getOffset().top,n=this.getTargetChildByDragPosition({y:a},i);let r=s?n+1:n-1;r<0?r=0:void 0===this[t][r]&&(r=this[t].length-1),"time"!=this.type||this.selectedDate||this.setTime(),this.setDragSelection(t,this[t][r],!0,!0)}))}createDragSelection(t,e,i,s,a){const n=t+"Dragger";this[n]=new h({target:e,trigger:i,direction:a,useTransform:!0,limit:{y:{max:s.offsetTop-s.offsetHeight/2,min:-1*(e.offsetHeight-(s.offsetTop+s.offsetHeight/2))}}}),this[n].on("end",(e=>{const i=this.getTargetChildByDragPosition(e,s);this.selectTargetChildByDragIdx(i,s,this[n]),this.setDragSelection(t,this[t][i],!1)}))}getTargetChildByDragPosition({y:t},e){const i=e.offsetHeight,s=i/2;return Math.floor(-(t-(e.offsetTop-s)-s)/i)}selectTargetChildByDragIdx(t,e,i,s=!0){i.setPosition({y:e.offsetHeight/2+e.offsetTop-(t+1)*e.offsetHeight,anim:s})}setDragSelection(t,e,i=!0,s=!1){const a=this[t].findIndex((t=>t===e));switch(i&&this.selectTargetChildByDragIdx(a,this["years"===t?t+"StripElement":"timeStripElement"],this[t+"Dragger"],s),t){case"years":this.date.setFullYear(e);break;case"hours":this.date.setHours(e);break;case"minutes":this.date.setMinutes(e)}this.renderDate=this.date,this.setData(),this.selectedDate&&this.setValue()}getHours12(){const t=(this.date.getHours()+24)%12||12;return t>12?t-12:t}createDateObject(t,{excludeTime:e=!1,exactMonthNumber:i=!1}={}){const s=t.getFullYear();return Object.assign(Object.assign({year:s>=this.maxYear?this.maxYear:s<=this.minYear?this.minYear:s,day:t.getDate(),month:t.getMonth()+(i?1:0),dayOfWeek:t.getDay(),monthFirstDay:new Date(new Date(t).setDate(1)).getDay()},!e&&{hour:t.getHours()}),!e&&{minute:t.getMinutes()})}generateDaysArrayFromMax(t){return Array.from(Array(t+1).keys()).slice(1)}getMonthDayNumbers(t){const e=this.getDaysInMonth(t.getMonth(),t.getFullYear());return this.generateDaysArrayFromMax(e)}getTargetDayDate(t,e){return new Date(new Date(t).setDate(e))}getDayIsWeekend(t,e){const i=new Date(new Date(t).setDate(e)).getDay();return 6===i||0===i}getClock(t){return{hours:(t=t||new Date).getHours(),minutes:t.getMinutes(),seconds:t.getSeconds(),milis:t.getMilliseconds()}}setValue(t){var e,i,s;const a=new Date(this.date.setHours(Number(this.currentDate.hour),Number(this.currentDate.minute)));if(t)this.value=null;else{if(this.dataIsValid=!0,this.type===y.datetime){const t=Object.assign({},this.currentDate);t.month+=1,(null===(e=this.value)||void 0===e?void 0:e.value)!=this.valueText&&(this.value={isValid:this.dataIsValid,date:a,timestamp:a.getTime(),dateObject:t,value:this.valueText})}if(this.type===y.date){const t=Object.assign({},this.currentDate);delete t.hour,delete t.minute,t.month+=1,(null===(i=this.value)||void 0===i?void 0:i.value)!=this.valueText&&(this.value={isValid:this.dataIsValid,date:a,timestamp:a.getTime(),dateObject:t,value:this.valueText})}if(this.type===y.time){const t=this.getTimeText(),e=Object.assign({},this.currentDate);e.month+=1,this.value={isValid:this.dataIsValid,date:a,timestamp:a.getTime(),time:t,dateObject:e,timeObject:{hours:this.currentDate.hour,minutes:this.currentDate.minute},value:t},this.inputElement.value=t}this.type===y.range&&(null===(s=this.value)||void 0===s?void 0:s.value)!=this.valueText&&(this.value={isValid:this.dataIsValid,dateObject:{start:Object.assign({},this.selectedDate&&{date:this.selectedDate,timestamp:this.selectedDate.getTime(),detail:this.createDateObject(this.selectedDate,{excludeTime:!0,exactMonthNumber:!0})}),end:Object.assign({},this.selectedEndDate&&{date:this.selectedEndDate,timestamp:this.selectedEndDate.getTime(),detail:this.createDateObject(this.selectedEndDate,{excludeTime:!0,exactMonthNumber:!0})})},value:this.valueText})}}setMonth(t){this.renderDate.setDate(1),this.renderDate=new Date(this.renderDate.setMonth(t)),this.setDragSelection("years",this.currentDate.year)}checkRangeValidation({popupClosing:t=!1}={}){return this.type!==y.range||(t&&(!this.selectedDate||this.selectedDate&&!this.selectedEndDate)?(this.setError(!0,"date range invalid"),!1):(t||this.setError(!1),!0))}pad(t,e){return t<e?"0":""}isInputClearable(){return!(!this.inputElement||!this.inputElement.value)}isDisabledDate(t){if(this.disabledDatesList.dates.map((e=>this.isSameDate(e,t))).filter((t=>t)).length)return!0;if(this.disabledDatesList.min){const e=new Date(this.disabledDatesList.min);if(e&&e.getTime()>t.getTime())return!0}if(this.disabledDatesList.max){const e=new Date(this.disabledDatesList.max);if(e&&new Date(e.setDate(e.getDate()+1)).getTime()<t.getTime())return!0}}setDate(t,e,i=!1){const s=this.type===y.range,a=!!this.selectedEndDate;if((this.type!==y.date&&this.type!==y.datetime||!this.isDisabledDate(t))&&(this.emptyState=!1,(!s||s&&!a)&&(this.date=new Date(t.setHours(this.currentDate.hour,this.currentDate.minute))),s&&this.checkRangeValidation(),s&&this.selectedDate&&this.selectedEndDate&&(this.selectedDate=null,this.selectedEndDate=null),e)){const e=new Date(t);s&&this.selectedDate?this.selectedDate.getTime()>e.getTime()?(this.selectedEndDate=this.selectedDate)&&(this.selectedDate=e):this.selectedEndDate=e:this.selectedDate=e,!s&&(this._open=i),this.renderDate=this.date,this.valueText=this.getValueText(),this.setValue();const a=this.valueText.split("/"),n=this.valueText?this.changeFormat(new Date(a[1]+"/"+a[0]+"/"+a[2])):"";this.inputElement.value=n}}setDataFromText(t,e=!1,i=!0){let s=!1,a="";const n=this.parse(t);if(this.type!==y.date&&this.type!==y.datetime||!this.isDisabledDate(n.date)||(n.dateIsValid=!1,a="disabled-date"),this.type===y.datetime&&n.dateIsValid&&n.timeIsValid&&(e&&this.setDate(n.date,!0,i),e&&this.setTime(n.timeSections[0],n.timeSections[1]),s=!0),this.type===y.date&&n.dateIsValid&&(e&&this.setDate(n.date,!0,i),s=!0),this.type===y.time&&n.timeIsValid&&(e&&this.setTime(n.timeSections[0],n.timeSections[1]),s=!0),this.type===y.range&&(n.dateIsValid&&!this.selectedDate&&(e&&this.setDate(n.date,!0,i),s=!0),n.date2IsValid&&!this.selectedEndDate&&(e&&this.setDate(n.date2,!0,i),s=!0),this.selectedDate&&this.selectedEndDate&&n.rangeIsValid&&(this.isSameDate(n.date2,this.selectedEndDate)&&!this.isSameDate(n.date,this.selectedDate)&&(this.selectedDate=null,e&&this.setDate(n.date,!0,i),s=!0),this.isSameDate(n.date,this.selectedDate)&&!this.isSameDate(n.date2,this.selectedEndDate)&&(this.selectedEndDate=null,e&&this.setDate(n.date2,!0,i),s=!0)),this.selectedDate&&this.selectedEndDate&&!n.rangeIsValid&&e&&(this.selectedDate=null,this.selectedEndDate=null)),s)e&&(this.renderDate=this.date),this.setError(!1);else{this.type===y.range&&this.selectedDate&&this.selectedEndDate&&n.rangeIsValid?this.setError(!1):a?this.setError(!0,"disabled-date"===a&&"selected date is not allowed"):(t&&this.setError(!0,(this.type===y.datetime?"invalid date or time":this.type===y.range&&"invalid date range")||this.type===y.date&&"invalid date"||this.type===y.time&&"invalid time"),this.setValue(!0));const e=t.split("/"),i=t&&!this.error?this.changeFormat(new Date(e[1]+"/"+e[0]+"/"+e[2])):"";this.inputElement.value=i}}setDateToday(){const t=new Date;this.type===y.range&&(this.selectedDate=null,this.selectedEndDate=null),this.setDate(t,!0,!1)}HourContentDblClick(t){const e=d.findEventPathWithNodeName(t,"SPAN");e&&e.classList.contains("selected")&&(this.setValue(),this._open=!1)}setTime(t,e){this.renderDate=new Date(this.date.setHours(Number(t||this.getClock().hours),Number(e||this.getClock().minutes))),this.type===y.time&&(this.selectedDate=this.date);const i=this.currentDate.hour||(new Date).getHours(),s=this.currentDate.minute||(new Date).getMinutes();this.setDragSelection("hours",i,!0,!0),this.setDragSelection("minutes",s,!0,!0)}setError(t=!1,e=""){this.error=t,this.errorText=t?e:""}getError(){const{error:t,errorText:e}=this;return{valid:!t,error:t,errorText:e}}getDaysInMonth(t,e){return new Date(e,t+1,0).getDate()}getIsCurrentDate(t,e){const i=new Date;return i.getDate()===e&&i.getMonth()===t.getMonth()&&i.getFullYear()===t.getFullYear()}isSameDate(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}getSelected(t,e=!1){const i=new Date(this["selected"+(e?"EndDate":"Date")]),s=i.getFullYear(),a=i.getMonth(),n=i.getDate();return t.getDate()===n&&t.getMonth()===a&&t.getFullYear()===s}getDateIsInRange(t){if(this.type!==y.range||!this.selectedDate||!this.selectedEndDate)return;const e=t.getTime(),i=this.selectedDate.getTime(),s=this.selectedEndDate.getTime();return e>i&&e<s}getMonthText(){return Object.values(x)[this.renderDate.getMonth()]}getCurrentDateText(){const t=Object.values(f)[this.currentDate.dayOfWeek],e=Object.values(x)[this.currentDate.month];return`${t}, ${this.currentDate.day}th ${e} ${this.currentDate.year}`}getTimeText(){const{hour:t,minute:e}=this.currentDate;return`${t<10?"0"+t:t}:${e<10?"0"+e:e}`}getValueText(){if(!this.selectedDate)return"";const t=this.selectedDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;let a="";if(this.type!==y.date&&this.type!==y.datetime||(a=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===y.time&&(a=this.getTimeText()),this.type===y.datetime&&(a=`${a} ${this.getTimeText()}`),this.type===y.range&&(a=`${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`),this.type===y.range&&this.selectedEndDate){const t=this.selectedEndDate,e=t.getFullYear(),i=t.getDate(),s=t.getMonth()+1;a+=`-${i<10?"0"+i:i}/${s<10?"0"+s:s}/${e}`}return this.setDataFromText(a),a}parse(t){const e=t.split(this.type===y.range?"-":" "),i=this.switchDDMM(e[0]),s=this.switchDDMM(e[1]),a=this.type===y.datetime?e[1]:e[0],n=new Date(i),r=new Date(s),h="invalid date"!==n.toString().toLowerCase(),o="invalid date"!==r.toString().toLowerCase(),c=/^((0?[1-9]|1[0-2])(-|\/)(0?[1-9]|[12]\d|3[01])(-|\/)[12]\d{3})$/,l=c.test(i),d=c.test(s),p=/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(a),m=h&&l,u=o&&d;return{date:n,date2:r,timeSections:p?a.split(":"):"",dateIsValid:m,date2IsValid:u,rangeIsValid:m&&u,timeIsValid:p}}getPrevMonth(){this.setMonth(this.renderDate.getMonth()-1)}getNextMonth(){this.setMonth(this.renderDate.getMonth()+1)}yearClick(t){this.yearsDragger.busy||this.setDragSelection("years",this.years[t],!0,!0)}hourClick(t){this.hoursDragger.busy||(this.selectedDate||this.setTime(),this.setDragSelection("hours",this.hours[t],!0,!0))}minuteClick(t){this.minutesDragger.busy||(this.selectedDate||this.setTime(),this.setDragSelection("minutes",this.minutes[t],!0,!0))}openPicker(){this.disabled||!this._open&&(this._open=!0)}handleDayNumber(t){this.type===y.range&&this.selectedDate&&!this.selectedEndDate&&this.isSameDate(this.selectedDate,t)||this.setDate(t,!0)}handleInputInput(t){this.setDataFromText(t,!0)}handleInputChange(t){this.setDataFromText(this.inputElement.value,!0,!1),t.stopPropagation()}async handleInputClear(){return this.selectedDate=null,this.selectedEndDate=null,this.emptyState=!0,this.renderDate=new Date,this._open=!1,this.setValue(!0),this.setError(),this.getValueText(),await this.inputElement.setClear(),await l(10),Promise.resolve()}handleWheel(t){t.preventDefault()}handleWindowClick(t){if(this._open){const e=document.getElementById(`picker-vp-${this._id}`),i=d.findEventPath(t,this.el),s=!!e&&d.findEventPath(t,e);i||s||(this._open=!1)}}openToggle(){this.disabled||(this._open=!this._open)}async open(){await l(50),this.openToggle()}async close(){this._open=!1}async getValue(){return this.value}async setDisabled(t){this.disabled=t}changeFormat(t,e=!1){if(!t)return;const i=t=>t<10?`0${t}`:t,s=i(new Date(t).getDate()),a=i(new Date(t).getMonth()+1),n=new Date(t).getFullYear(),r=i(new Date(t).getHours()),h=i(new Date(t).getMinutes());return"range"==this.type||"date"==this.type?e?`${a}/${s}/${n}`:`${s}/${a}/${n}`:e?`${a}/${s}/${n} ${r}:${h}`:`${s}/${a}/${n} ${r}:${h}`}isTime(t){return/^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$/.test(t)}getHHMM(t){if(!t)return;const e=t=>t<10?`0${t}`:t;return`${e(new Date(t).getHours())}:${e(new Date(t).getMinutes())}`}async set(t){if(t)if("number"==typeof t&&(t=new Date(t)),"time"==this.type){let e=t;this.isTime(t)||(e=this.getHHMM(t)),this.setDataFromText(e,!0,!1)}else{const i=t.toString().split("-"),s=Date.parse(i[0]);if(i[0]&&!isNaN(s)){var e=this.changeFormat(c.convertTimeStampToDate(new Date(i[0]).getTime()));i[1]&&!isNaN(Date.parse(i[1]))&&(e=e+"-"+this.changeFormat(c.convertTimeStampToDate(new Date(i[1]).getTime()))),this.setDataFromText(e,!0,!1)}else this.setDataFromText("",!0,!1)}else this.setClear()}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setClear(){return await this.handleInputClear(),Promise.resolve()}async getInput(){return this.inputElement}async isValid(){return this.getError()}async resetCaption(){return await l(10),await this.inputElement.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}addZeroBefore(t){return(t<10?"0":"")+t}formatDate(t,e){const i={mm:this.addZeroBefore(t.getMonth()+1),dd:this.addZeroBefore(t.getDate()),yyyy:this.addZeroBefore(t.getFullYear()),hh:this.addZeroBefore(t.getHours()),mi:this.addZeroBefore(t.getMinutes())};return e.replace(/mm|dd|yyyy|hh|mi/gi,(t=>i[t]))}handleResize(){this.calculateLocation()}handleWheels(t){if(this._open){const e=document.querySelector(`#picker-vp-${this._id}`);e&&d.findEventPath(t,e)?this.calculateLocation():this._open=!1}}componentDidLoad(){const t=this.el.shadowRoot.querySelector(`#picker-vp-${this._id}`);t&&(document.body.appendChild(t),this.calculateLocation())}disconnectedCallback(){this.el.innerHTML="";const t=document.getElementById(`picker-vp-${this._id}`);t&&t.remove()}async calculateLocation(){const t=document.getElementById(`picker-vp-${this._id}`),e=this.placement.split("-");this.alignment&&(this.placement=e[0]+("right"==this.alignment?"-end":"-start"));var i=this.placement;const s=document.getElementById(this.linkedComponent?this.linkedComponent:this._id);if(s){const e=this.linkedComponent?s:s.shadowRoot.querySelector(`#picker-input-${this._id}`)||s.shadowRoot.querySelector("bcm-datetime-picker").shadowRoot.querySelector(`#picker-input-${this._id}`);if(t&&e){m(t,e,i,(t=>i=t)),await l(10);let s=u(i,e),a=this.noCaption?0:20,n=0;switch(m(t,e,i,(t=>i=t)),await l(10),s=u(i,e),t.style.top=this.linkedComponent?("top"==i.split("-")[0]?s[0]-t.offsetHeight:s[0])+"px":("top"==i.split("-")[0]?s[0]-t.offsetHeight+n:s[0]-a)+"px",i.split("-")[1]){case"start":t.style.left=s[1]+"px";break;case"center":t.style.left=s[1]-t.offsetWidth/2+"px";break;case"end":t.style.left=s[1]-t.offsetWidth+"px"}t.classList.toggle("bcm-list--top","top"==i.split("-")[0])}}}handleKeyDown(t){(t.keyCode||t.which)===p.KeyCode.escape&&this._open&&(this._open=!1,t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.markForCheck())}render(){const t=o("day-numbers"),e=o("datetime-picker","datetime-picker-wrapper",{open:this._open,"no-caption":this.noCaption}),i=o(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent}),n=o("toggle",{disabled:this.disabled}),r="time"==this.type?'<svg style="fill: #595959; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>':'<svg style="fill: #595959; width: 14px; height: 14px;"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>';return s(a,{class:i,"bcm-internal-id":this.inputId},this.label&&s("div",{class:"picker-label",onClick:()=>this.openToggle()},s(b,{size:"medium",type:this.captionType,value:this.label,required:this.required,htmlFor:this._id})),s("bcm-old-input",{ref:t=>this.inputElement=t,placeholder:this.placeholder||"Select "+(this.type===y.datetime?"date and time":"")+(this.type===y.date?"date":"")+(this.type===y.time?"time":"")+(this.type===y.range?"date range":""),value:this.valueText,required:this.required,fullWidth:this.fullWidth,disabled:this.disabled,name:this.name,id:this.inputId,clearable:this.clearable,onClick:()=>this.openPicker(),disableWatchValue:!0,"on-bcm-clear":()=>this.handleInputClear(),"on-bcm-change":t=>this.handleInputChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType},this.error&&s("span",{slot:"suffix"},s("bcm-tooltip",{placement:"top",message:this.errorText,trigger:"hover"},s("bcm-icon",{icon:"far fa-exclamation-circle"}))),s("span",{slot:"suffix",onClick:()=>this.openPicker()},s("span",{id:"calender-icon",class:n,innerHTML:r}))),s("div",{id:"picker-vp-"+this._id,class:e,onWheel:t=>this.handleWheel(t)},s("div",{class:"modules"},this.hasDateModule&&s("div",{class:"date-container"},s("div",{class:"bcm-datetime-picker__header"},s("span",null),s("div",{class:"month-year"},s("button",{onClick:()=>this.getPrevMonth()},s("bcm-icon",{icon:"far fa-chevron-left"})),s("div",{class:"month-year-wrapper"},s("span",{class:"month"},this.getMonthText()),",",s("span",{class:"year"},this.date.getFullYear())),s("button",{onClick:()=>this.getNextMonth()},s("bcm-icon",{icon:"far fa-chevron-right"}))),s("span",{class:"today",onClick:()=>this.setDateToday()},"Today")),s("div",{class:"bcm-datetime-picker__content"},s("div",{class:"years",ref:t=>this.yearsWrapperElement=t},s("div",{class:"items",ref:t=>this.yearsElement=t},this.years.map(((t,e)=>s("span",{onClick:()=>this.yearClick(e)},t)))),s("div",{class:"select-strip",ref:t=>this.yearsStripElement=t})),s("div",{class:"days"},s("div",{class:"day-labels"},s("span",null,"Mo"),s("span",null,"Tu"),s("span",null,"We"),s("span",null,"Th"),s("span",null,"Fr"),s("span",null,"Sa"),s("span",null,"Su")),s("div",{class:t},this.dayNumbers.map((t=>s("span",{class:{"is-disabled-date":(this.type===y.date||this.type===y.datetime)&&this.isDisabledDate(t.date),"not-this-month":!t.thisMonth,"is-weekend":t.isWeekend,today:t.today,selected:this.getSelected(t.date),"selected-start":this.getSelected(t.date)&&this.selectedEndDate&&this.type===y.range,"selected-end":this.getSelected(t.date,!0)&&this.type===y.range,range:this.getDateIsInRange(t.date)&&this.type===y.range},onClick:()=>this.handleDayNumber(t.date)},s("span",{class:"number"},t.day)))))))),this.hasTimeModule&&s("div",{class:"time-container"},s("div",{class:"bcm-datetime-picker__header"},s("div",{class:"month-year"},s("span",{class:"month"},this.getTimeText())),s("span",{class:"now",onClick:()=>{this.setTime(),"time"==this.type&&(this._open=!1)}},"Now")),s("div",{class:"bcm-datetime-picker__content",onDblClick:t=>{this.HourContentDblClick(t)}},s("div",{class:"hours",ref:t=>this.hoursWrapperElement=t},s("div",{class:"items",ref:t=>this.hoursElement=t},this.hours.map(((t,e)=>s("span",{class:this.currentDate.hour===t?"selected":"",onClick:()=>this.hourClick(e)},(t<10&&"0")+t))))),s("div",{class:"minutes",ref:t=>this.minutesWrapperElement=t},s("div",{class:"items",ref:t=>this.minutesElement=t},this.minutes.map(((t,e)=>s("span",{class:this.currentDate.minute===t?"selected":"",onClick:()=>this.minuteClick(e)},(t<10&&"0")+t))))),s("div",{class:"select-strip",ref:t=>this.timeStripElement=t}))))))}get el(){return n(this)}static get watchers(){return{_open:["openChanged","openChange"],renderDate:["renderDateChange"],value:["valueChange"],disabledDates:["disabledDatesChange"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var h=t.length-1;h>=0;h--)(a=t[h])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([g()],w.prototype,"el",void 0),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"); .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}:host{display:inline-block;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.picker-label{user-select:none;line-height:1}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc(100% - 28px);z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .bcm-datetime-picker__header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .bcm-datetime-picker__content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .bcm-datetime-picker__header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .bcm-datetime-picker__header .month-year{font-size:16px;line-height:24px}.date-container .bcm-datetime-picker__header .month-year{display:flex;align-items:center}.date-container .bcm-datetime-picker__header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .bcm-datetime-picker__header .month{text-transform:capitalize}.date-container .bcm-datetime-picker__header .year{padding-left:4px}.date-container .bcm-datetime-picker__header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .bcm-datetime-picker__content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:100%;cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0);scroll-behavior:smooth}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:"";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}';export{w as bcm_datetime_picker}

package/dist/bromcom-ui/{p-4f77fafe.entry.js → p-39eda493.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,H as e,g as i}from"./p-35ea8fad.js";import{I as o}from"./p-3edd3360.js";import{g as r}from"./p-8c018ae0.js";const c=class{constructor(s){t(this,s),this.borderless=!1,this.open=!1,this.multiple=!1,this.hidden=!1}handleOpen({target:t,detail:s}){this.multiple||this.el!==t.parentElement||this.qs().forEach((t=>{t.open=t.id===s}))}componentDidLoad(){this.qs().forEach(((t,s)=>{!t.borderless&&(t.borderless=this.borderless),this.qs().length==s+1&&(t.noBorder=!0)}))}qs(){return r(this.el,"bcm-collapse")}render(){const{hidden:t}=this;return s(e,{class:{hidden:t}},s("slot",null))}get el(){return i(this)}};!function(t,s,e,i){var o,r=arguments.length,c=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(c=(r<3?o(c):r>3?o(s,e,c):o(s,e))||c);r>3&&c&&Object.defineProperty(s,e,c)}([o()],c.prototype,"el",void 0);export{c as bcm_collapse_group}
+import{r as t,h as s,H as e,g as i}from"./p-da1055cb.js";import{I as o}from"./p-c23b6240.js";import{g as r}from"./p-8c018ae0.js";const c=class{constructor(s){t(this,s),this.borderless=!1,this.open=!1,this.multiple=!1,this.hidden=!1}handleOpen({target:t,detail:s}){this.multiple||this.el!==t.parentElement||this.qs().forEach((t=>{t.open=t.id===s}))}componentDidLoad(){this.qs().forEach(((t,s)=>{!t.borderless&&(t.borderless=this.borderless),this.qs().length==s+1&&(t.noBorder=!0)}))}qs(){return r(this.el,"bcm-collapse")}render(){const{hidden:t}=this;return s(e,{class:{hidden:t}},s("slot",null))}get el(){return i(this)}};!function(t,s,e,i){var o,r=arguments.length,c=r<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(t,s,e,i);else for(var l=t.length-1;l>=0;l--)(o=t[l])&&(c=(r<3?o(c):r>3?o(s,e,c):o(s,e))||c);r>3&&c&&Object.defineProperty(s,e,c)}([o()],c.prototype,"el",void 0);export{c as bcm_collapse_group}

package/dist/bromcom-ui/p-4648b3a5.entry.js

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

package/dist/bromcom-ui/p-4aa0e6b1.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{c as e,g as f}from"./p-6f56f8ca.js";var a=String,d=function(){return{isColorSupported:!1,reset:a,bold:a,dim:a,italic:a,underline:a,inverse:a,hidden:a,strikethrough:a,black:a,red:a,green:a,yellow:a,blue:a,magenta:a,cyan:a,white:a,gray:a,bgBlack:a,bgRed:a,bgGreen:a,bgYellow:a,bgBlue:a,bgMagenta:a,bgCyan:a,bgWhite:a}},c=d();c.createColors=d;var r=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),function(e,f){for(var a in f)Object.defineProperty(e,a,{enumerable:!0,get:f[a]})}(f,{dim:()=>n,default:()=>b});const a=d(c);function d(e){return e&&e.__esModule?e:{default:e}}let r=new Set;function t(e,f,a){"undefined"!=typeof process&&process.env.JEST_WORKER_ID||a&&r.has(a)||(a&&r.add(a),console.warn(""),f.forEach((f=>console.warn(e,"-",f))))}function n(e){return a.default.dim(e)}const b={info(e,f){t(a.default.bold(a.default.cyan("info")),...Array.isArray(e)?[e]:[f,e])},warn(e,f){t(a.default.bold(a.default.yellow("warn")),...Array.isArray(e)?[e]:[f,e])},risk(e,f){t(a.default.bold(a.default.magenta("risk")),...Array.isArray(e)?[e]:[f,e])}}})),t=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),Object.defineProperty(f,"default",{enumerable:!0,get:()=>t});const a=d(r);function d(e){return e&&e.__esModule?e:{default:e}}function c({version:e,from:f,to:d}){a.default.warn(`${f}-color-renamed`,[`As of Tailwind CSS ${e}, \`${f}\` has been renamed to \`${d}\`.`,"Update your configuration file to silence this warning."])}const t={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},get lightBlue(){return c({version:"v2.2",from:"lightBlue",to:"sky"}),this.sky},get warmGray(){return c({version:"v3.0",from:"warmGray",to:"stone"}),this.stone},get trueGray(){return c({version:"v3.0",from:"trueGray",to:"neutral"}),this.neutral},get coolGray(){return c({version:"v3.0",from:"coolGray",to:"gray"}),this.gray},get blueGray(){return c({version:"v3.0",from:"blueGray",to:"slate"}),this.slate}}}));const n=f(e((function(e){e.exports=(t.__esModule?t:{default:t}).default})));export{n as c}

package/dist/bromcom-ui/p-4da9adc0.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+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{I as r}from"./p-c23b6240.js";import{C as s}from"./p-843905c8.js";import{G as o}from"./p-a6edeb5e.js";import{S as n}from"./p-8d0ca8c2.js";import{S as c}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 l=class{constructor(i){e(this,i),this.modalSlots={},this._id=o.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=n.lowercase(n.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: ${s.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(c,null)),i((()=>this.modalSlots.footer&&i("slot",{name:"footer"})),null))}get el(){return a(this)}};(function(e,i,t,a){var p,r=arguments.length,s=r<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,a);else for(var o=e.length-1;o>=0;o--)(p=e[o])&&(s=(r<3?p(s):r>3?p(i,t,s):p(i,t))||s);r>3&&s&&Object.defineProperty(i,t,s)})([r()],l.prototype,"el",void 0),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-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{l as bcm_card}

package/dist/bromcom-ui/{p-d10a20eb.entry.js → p-4fcf03c1.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r,h as s}from"./p-35ea8fad.js";const t=class{constructor(s){r(this,s)}render(){return s("slot",null)}};t.style="";export{t as bcm_treeview_group}
+import{r,h as s}from"./p-da1055cb.js";const t=class{constructor(s){r(this,s)}render(){return s("slot",null)}};t.style="";export{t as bcm_treeview_group}