bromcom-ui 2.3.59 → 2.3.63

package/dist/bromcom-ui/p-6417487d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as h}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";import{b as l}from"./p-4cb268d2.js";const n=t=>new Promise((i=>setTimeout(i,t))),a=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.clear=i(this,"bcm-clear",7),this.focus=i(this,"bcm-focus",7),this.blur=i(this,"bcm-blur",7),this.listboxUnchecked=i(this,"bcm-listbox-unchecked",7),this.listboxSendCheck=i(this,"bcm-listbox-send-check",7),this.isRendered=!1,this.cleaned=!1,this.objectMapping={value:"value",id:"id",text:"text",icon:"icon",avatar:"avatar",avatarName:"avatarName",avatarImage:"avatarImage",secondaryText:"secondaryText",tooltipText:"tooltipText",selected:"selected",checked:"checked",disabled:"disabled"},this.firstRun=!0,this.currentItemWidth=0,this.otherTagsWidth=0,this.areaWidth=0,this.itemsWidth=[],this.itemsWidthArray=[],this.checklist=[],this.pastItem=[],this._id=(4*Math.random()).toString(16).replace(".",""),this.value=null,this.value2=null,this.size="medium",this.scrollable="vertical",this.placeholder="Choose an option",this.search=!1,this.noCaption=!1,this.captionType="default",this.searchFields=["value","text"],this.fullWidth=!1,this.hidden=!1,this.checkboxes=!1,this.searchable=!1,this.required=!1,this.treeview=!1,this.numberOfColumns=1,this.viewportWidth="100%",this.viewportMinWidth=null,this.viewportMaxWidth=null,this.template=null,this.maxHeight="200px",this.infoFooter=!1,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.alignment="left",this._items=null,this._data=null,this.placement="bottom-start",this.otherTagStatus=!1,this.firstSetData=!0,this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.hiddenTagsString="",this.clientWidth=0,this.tagLabel=[],this.selectText=null,this.isOpen=!1,this.searchResults=[],this.optionViewportStyleAlignment={}}async componentWillLoad(){await this.createElement(),await n(100)}disconnectedCallback(){document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).remove()}componentWillRender(){var t=this.el.shadowRoot.getElementById("selected-container");t&&this.el.clientWidth>200&&(t.style.maxWidth=this.el.clientWidth+"px")}async config(t){var i;this._config=t,this.maxHeight&&(t.maxHeight=this.maxHeight),this.template&&(t.template=this.template),t.treeview&&(this.treeview="boolean"==typeof t.treeview&&t.treeview),t.checkable&&(this.checkboxes="boolean"==typeof t.checkable),t.numberOfColumns&&(this.numberOfColumns="number"==typeof t.numberOfColumns?t.numberOfColumns:1),t.viewportWidth&&(this.viewportWidth="string"==typeof t.viewportWidth?t.viewportWidth:"100%"),t.viewportMinWidth&&(this.viewportMinWidth="string"==typeof t.viewportMinWidth?t.viewportMinWidth:null),t.viewportMaxWidth&&(this.viewportMaxWidth="string"==typeof t.viewportMaxWidth?t.viewportMaxWidth:null),t.clearable&&(this.clearable="boolean"==typeof t.clearable&&t.clearable),t.searchable&&(this.searchable="boolean"==typeof t.searchable&&t.searchable),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.label&&(this.label="string"==typeof t.label?t.label:null),t.placeholder&&(this.placeholder="string"==typeof t.placeholder?t.placeholder:"Choose an option"),t.infoFooter&&(this.infoFooter="boolean"==typeof t.infoFooter&&t.infoFooter),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value)),sessionStorage.setItem(this._internal_id+"-config",JSON.stringify(t)),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(i=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),sessionStorage.getItem(this._internal_id+"-config")&&await i.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))))}async renderListbox(){if(0==this.isRendered){this.isRendered=!0;var t=null;return this.cleaned&&(this._items.forEach((t=>{!0===this.checkboxes?t[this.objectMapping.checked]&&(t[this.objectMapping.checked]=!1):t[this.objectMapping.selected]&&(t[this.objectMapping.selected]=!1)})),this._data=JSON.stringify(this._items)),(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector("bcm-listbox"))&&(sessionStorage.getItem(this._internal_id+"-config")&&await t.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),await t.setData(this._data)),await t}}async setData(t=[]){!0===this.firstSetData?this.firstSetData=!1:(this.itemsWidth=[],null!=this.value&&(this.value=null),this.checklist=[]),this._data=t,this.isRendered=!0,this._items="string"==typeof t?JSON.parse(t):t,this._items.length>0||(this.handleClear(),this.isRendered=!1);var i=null;(i=document.getElementById("select-box"+this._internal_id))&&(i=i.shadowRoot.querySelector("bcm-listbox"))&&await i.setData(t)}async setDataAsync(t=[]){if(1==this.isRendered)await this.setData(t);else{this._data=t,this._items="string"==typeof t?JSON.parse(t):t;var i=[];this._items.length>0?this._items.forEach((t=>{!0===this.checkboxes?!0===t[this.objectMapping.checked]&&i.push(t):!0===t[this.objectMapping.selected]&&(this.value=t,this.selectText=t[this.objectMapping.text])})):(this.handleClear(),this.isRendered=!1),this.itemsWidth=[],1==this.checkboxes?(this.handleTagControl2(i),this.checklist=i):(null!=this.value&&(this.value=null),this.checklist=[])}}async clearAndSelectSearch(t=!0){this.renderListbox(),!0===this.searchable&&setTimeout((()=>{var i=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(i=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"))&&(i.clearAndSelectSearch(),1==t&&i.clearAndSelectSearch(!0))}),100)}async selected(t){this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.selected(t))}async addChecked(t=[]){if(1==this.isRendered)this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.addChecked(t));else{var i=t,s=[];if(this._items&&this._items.length>0)if(!0===this.checkboxes?this._items.find((t=>"true"===String(t[this.objectMapping.checked])))&&this._items.filter((t=>"true"===String(t[this.objectMapping.checked]))).forEach((t=>{t[this.objectMapping.checked]=!1})):this._items.find((t=>"true"===String(t[this.objectMapping.selected])))&&this._items.filter((t=>"true"===String(t[this.objectMapping.selected]))).forEach((t=>{t[this.objectMapping.selected]=!1})),"string"==typeof i){if(!1===this.checkboxes){const t=this._items.find((t=>String(t[this.objectMapping.id])===String(i)))[this.objectMapping.id];this.value=t,this.selectText=t[this.objectMapping.text]}}else!0===this.checkboxes&&i.forEach((t=>{var i=this._items.find((i=>String(i[this.objectMapping.id])==String(t)));i&&(i[this.objectMapping.checked]="true")})),this._items&&this._items.find((t=>"true"===String(t[this.objectMapping.checked])))&&this._items.filter((t=>"true"===String(t[this.objectMapping.checked]))).forEach((t=>{s.push(t)}));else this.handleClear();this._data=JSON.stringify(this._items),this.itemsWidth=[],1==this.checkboxes?(this.value=String(s),this.handleTagControl2(s),this.checklist=s):(null!=this.value&&(this.value=null),this.checklist=[])}}async updateChecked(t=[]){this.renderListbox(),await this.createElement(),await n(100),document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(this.bcmListbox=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.updateChecked(t))}async getValue(){return this.value}async getChecklist(){return this.checklist}async setClear(){return await this.handleClear(),Promise.resolve()}async resetCaption(){this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleChange(t){this.change.emit(t)}async handleOpenState(){0==this.isOpen&&(this.searchResults=[]),await this.createElement(this.isOpen),await n(100),this.viewportCoordinateUpdater()}async handleOpen(t,i=!1){var s=t.path||t.composedPath&&t.composedPath();s&&null!=s.filter((t=>"close"==t.id))[0]?this.isOpen=this.isOpen:0==t?this.isOpen=!1:this.disabled||("bcm-tag"!==t.target.nodeName.toLowerCase()?this.isOpen=!this.isOpen:this.isOpen||(this.isOpen=!0)),this.isOpen&&this.searchable&&!i&&setTimeout((()=>{var t=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox")&&(t=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector("bcm-listbox"))&&t.clearAndSelectSearch()}),100),1==this.isOpen&&0==this.isRendered&&this.renderListbox()}onwheelEvent(t){var i=t.path||t.composedPath&&t.composedPath();!i||null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&void 0===i.filter((t=>"BCM-SELECT"==t.nodeName))[0]||!0===this.isOpen&&(this.isOpen=!1,document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).classList.remove("show"))}async scrollEvent(t){var i=t.path||t.composedPath&&t.composedPath();i&&null==i.filter((t=>"BCM-MODAL"==t.nodeName))[0]?!0===this.isOpen&&this.viewportCoordinateUpdater():!0===this.isOpen&&(this.isOpen=!1,document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).classList.remove("show"))}viewportCoordinateUpdater(){var t;document.getElementById("select-box"+this._internal_id)&&(t=document.getElementById("select-box"+this._internal_id),l(t,"#"+this._id))}async createElement(t=!1){var i;document.getElementById("select-box"+this._internal_id)?i=document.getElementById("select-box"+this._internal_id):((i=document.createElement("bcm-select-box")).setAttribute("id","select-box"+this._internal_id),i.setAttribute("_internal_id",this._internal_id),await n(150)),document.body.appendChild(i),l(i,"#"+this._id),i.style.width=this.el.clientWidth+"px",i.style.width=null!=this.viewportMinWidth||null!=this.viewportMaxWidth?"100%":"100%"!=this.viewportWidth?this.viewportWidth:this.numberOfColumns>1?"auto":this.el.clientWidth+"px",null!=this.viewportMinWidth&&(null==this.viewportMaxWidth&&(i.style.maxWidth=this.el.clientWidth+"px"),i.style.minWidth=this.viewportMinWidth),null!=this.viewportMaxWidth&&(null==this.viewportMinWidth&&(i.style.minWidth=this.el.clientWidth+"px"),i.style.maxWidth=this.viewportMaxWidth),i.style.maxHeight=this.maxHeight,!0===t?i.classList.add("show"):i.classList.remove("show")}getPlacement(){const t=this.placement.split("-");return 1===t.length&&t.push("center"),t}clickClear(t){this.handleClear(),this.cleaned=!0,t.stopPropagation()}async handleClear(){this.value=null,this.selectText=null;var t=null;document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")&&(t=!0===this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")),t&&await t.setClear(),this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.searchResults=[],this.watchSearchResults();var i=null;return document.getElementById("select-box"+this._internal_id)&&document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")&&(i=this.treeview?document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box").shadowRoot.querySelector("bcm-treeview"):document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box")),i&&i.clearAndSelectSearch(),this.clear.emit(),Promise.resolve()}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}handleScreenResize(){!0===this.isOpen&&this.createElement(!0)}handleClickOutside(t){var i=t.path||t.composedPath&&t.composedPath();if(i&&null==i.filter((t=>"other-tag"==t.id))[0]&&i&&null==i.filter((t=>"listbox"==t.id))[0]&&(this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100)),this.el.contains(t.target)||i&&null!=i.filter((t=>t.id=="select-box"+this._internal_id))[0]){this.optionViewportStyleAlignment={};var s=t.target.id;if(document.querySelector("#"+s)){var e=document.querySelector("#"+s).getBoundingClientRect().top,h=t.target.clientHeight,o=t.view.innerHeight-e-(t.target.noCaption?h:h-20)+8;Number(this.maxHeight.replace("px",""))>o&&(this.optionViewportStyleAlignment={bottom:50+(this.infoFooter?30:0)+"px","box-shadow":"0px -2px 8px rgb(0 0 0 / 15%)"})}0==this.checkboxes&&i&&null==i.filter((t=>"collapse-button"==t.id))[0]&&(i.filter((t=>"BCM-LISTBOX-ITEM"==t.nodeName))[0]||i.filter((t=>"BCM-TREEVIEW-ITEM"==t.nodeName))[0])&&(this.isOpen=!1)}else this.isOpen&&(this.isOpen=!1)}handleTreeviewUnchecked(t){this.handleListboxUnchecked(t)}handleListboxUnchecked(t){const i=this.searchResults.indexOf(t.detail);i>-1&&(this.searchResults.splice(i,1),this.onShowHiddenTags.length<=2&&(this.searchResults=[],this.otherTagStatus=!1),this.watchSearchResults())}async bcmTagDissmisable(t,i=null){var s=t.path||t.composedPath&&t.composedPath();if(this.el.contains(t.target)&&s&&s.filter((t=>t._internal_id==this._internal_id))[0]||i==this._internal_id){0==this.isRendered&&(await this.renderListbox(),await n(100)),await this.createElement(),await n(100);const i=document.getElementById("select-box"+this._internal_id).shadowRoot.querySelector(".listbox-box");"other-tag"==t.detail.id?(this.onShowHiddenTags.map((async t=>{await i.listboxUncheckedMethod(String(t[this.objectMapping.id]),this._internal_id)})),this.onShowHiddenTags=[]):await i.listboxUncheckedMethod(t.detail.id,this._internal_id),this.watchSearchResults()}}handleListboxSelected(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&setTimeout((()=>{if(!0!==this.checkboxes){const i=t.detail;this.value=i,this.selectText=i[this.objectMapping.text]}}),100)}handleListboxCheckedList(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&setTimeout((()=>{JSON.stringify(this.checklist)!==JSON.stringify(t.detail)&&(this.handleTagControl2(t.detail),this.checklist=t.detail)}),100)}handleTreeviewCheckedList(t){var i=t.path||t.composedPath&&t.composedPath();i&&null!=i.filter((t=>t._internal_id==this._internal_id))[0]&&(this.handleTagControl2(t.detail),this.checklist=t.detail)}async handleTagControl2(t){if(this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],t.length>0&&t.map((async t=>{this.visibleTags.push(t)})),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var i=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value2!==i&&(this.value2=i)}else null!==this.value2&&(this.value2=null);await this.calculateContainer()}async calculateContainer(){const t=this.el.shadowRoot.querySelector(".selected-text");this.otherTagsWidth=135,await n(100),this.areaWidth=t.clientWidth,!0===this.clearable&&(this.areaWidth=this.areaWidth-22),this.itemsWidth=0,this.itemsWidthArray=[];const i=t.querySelectorAll("bcm-tag");if(await n(50),i.forEach((t=>{if(this.itemsWidthArray.push({id:String(t.id),clientWidth:t.clientWidth}),this.itemsWidth+=t.clientWidth+4,this.itemsWidth>this.areaWidth){const i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];String(t.id)==String(i[this.objectMapping.id])&&(this.visibleTags.splice(this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id))),1),this.hiddenTags.push(i))}})),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.hiddenTags.length>0){(this.hiddenTags.length>10||this.hiddenTags.length>100)&&(this.otherTagsWidth+=20);var s=Array.prototype.slice.call(t.querySelectorAll("bcm-tag"));this.itemsWidth=0,s.forEach((t=>{if("other-tag"!=t.id){var i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];i&&String(t.id)==String(i[this.objectMapping.id])&&(this.itemsWidth+=t.clientWidth+4,this.itemsWidth+this.otherTagsWidth>this.areaWidth&&(this.visibleTags.splice(this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id))),1),this.hiddenTags.push(i)))}}))}if(this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var e=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value!==e&&(this.value=e)}else null!==this.value&&(this.value=null);this.otherTagStatus&&(this.searchResults=this.onShowHiddenTags.map((t=>String(t[this.objectMapping.id]))),this.onShowHiddenTags.length<=2&&(this.searchResults=[],this.otherTagStatus=!1),this.watchSearchResults())}async handleTagControl(t){if(t.length>0){const i=this.el.shadowRoot.querySelector(".selected-text");if(this.visibleTags=[],this.hiddenTags=[],this.itemsWidth=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.areaWidth=i.clientWidth-16,this.otherTagsWidth=130,this.currentItemWidth=0,t.map((async t=>{const i=document.createElement("bcm-tag");i.setAttribute("id",String(t[this.objectMapping.id])),i.setAttribute("value",t[this.objectMapping.text]),i.setAttribute("type","dissmisable"),i.setAttribute("_internal_id",this._internal_id),i.style.visibility="hidden",document.body.appendChild(i),await n(50);var s=i.clientWidth>=200?200:i.clientWidth;this.currentItemWidth=this.currentItemWidth+s,this.itemsWidth.push({id:String(t[this.objectMapping.id]),clientWidth:s}),this.areaWidth>this.currentItemWidth?this.visibleTags.push(t):this.hiddenTags.push(t),i.remove()})),await n(100),this.visibleTags.length>1){const t=this.itemsWidth[this.itemsWidth.findIndex((t=>t.id===String(this.visibleTags[this.visibleTags.length-1][this.objectMapping.id])))];this.areaWidth<=this.currentItemWidth+this.otherTagsWidth-t.clientWidth&&(this.hiddenTags.push(this.visibleTags[this.visibleTags.length-1]),this.visibleTags.splice(-1,1))}}else this.visibleTags=[],this.hiddenTags=[];if(this.visibleTags.forEach((t=>{const i=this.hiddenTags.indexOf(t);i>-1&&this.hiddenTags.splice(i,1)})),this.hiddenTags.length>0&&(this.hiddenTags=[...new Set(this.hiddenTags),...new Set(this.visibleTags)],this.visibleTags=[]),this.visibleTags=[...new Set(this.visibleTags)],this.hiddenTags=[...new Set(this.hiddenTags)],this.onShowVisibleTags=this.visibleTags,this.onShowHiddenTags=this.hiddenTags,this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0){var i=JSON.parse(JSON.stringify([...this.onShowVisibleTags,...this.onShowHiddenTags]));this.value!==i&&(this.value=i)}else null!==this.value&&(this.value=null);var s=Object.keys(this.onShowHiddenTags).map((t=>this.onShowHiddenTags[t][this.objectMapping.text]));this.hiddenTagsString=s.toString().split(",").join("\r\n")}handleClickTag(){this.searchResults=[],this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100),this.watchSearchResults()}showHiddenTags(t){t.stopPropagation(),this.handleOpen(t,!0),this.otherTag=t.target,this.otherTagStatus?(this.searchResults=[],this.otherTagStatus=!1):(this.otherTagStatus=!0,this.searchResults=this.onShowHiddenTags.map((t=>String(t[this.objectMapping.id])))),this.watchSearchResults()}async watchSearchResults(){var t=null;1==this.treeview?(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector(".listbox-box"))&&(t=t.shadowRoot.querySelector("bcm-treeview"))&&await t.searchResultMethod(this.searchResults):(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector(".listbox-box"))&&await t.searchResultMethod(this.searchResults),this.searchResults.length>0?(setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","prime-blue")}),100),1==this._config.searchable&&t&&await t.showSearchMethod(!1)):(setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),100),t&&await t.showSearchMethod(this.searchable))}render(){const{size:t,clearable:i,value:h,label:l,caption:n,captionError:a,captionType:c,disabled:r,flex:d,placeholder:b,noCaption:p,fullWidth:u,required:m}=this,x=o("selected","selected-"+this.size,{"size-3":"large"===t,"size-2":"small"===t||"medium"===t,disabled:r}),g=o("option-container","alignment-"+this.alignment,{hidden:!this.isOpen},{"column-1":this.numberOfColumns<=1,"column-2":2==this.numberOfColumns,"column-3":this.numberOfColumns>=3}),w=o("options-viewport",{hidden:!this.isOpen,[this.scrollable]:"horizontal"===this.scrollable||"vertical"===this.scrollable,"horizontal vertical":"both"===this.scrollable,flex:d}),v=o("size-1","input-caption","caption-"+c),y=o("container",{error:"error"==c,"full-width":u}),f=o("selected-text",{"selected-tags":this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0}),S=o(this.hidden?"hidden":null);var k={width:null!=this.viewportMinWidth||null!=this.viewportMaxWidth?"max-content":"100%"!=this.viewportWidth?this.viewportWidth:this.numberOfColumns>1?"auto":"100%","min-width":null!=this.viewportMinWidth?this.viewportMinWidth:null,"max-width":null!=this.viewportMaxWidth?this.viewportMaxWidth:null};this.optionViewportStyleAlignment!={}&&(k=Object.assign(Object.assign({},k),this.optionViewportStyleAlignment));const C={cursor:"pointer","max-width":"164px","text-overflow":"ellipsis","white-space":"nowrap",overflow:"hidden",display:"block"};return s(e,{class:S,onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur()},s("div",{class:y},l&&s("div",null,s("bcm-label",{onClick:()=>this.handleOpen(!1),tooltip:this.tooltip,type:c,value:l,required:m})),s("div",{id:"selected-container",class:x,onClick:t=>this.handleOpen(t),tabIndex:-1},s("span",{class:f,title:this.selectText&&this.selectText},this.selectText&&this.selectText,!this.selectText&&(this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0)&&s("span",{id:"tagcontainer",class:"tag-container"},s("span",null,this.onShowVisibleTags.map((t=>s("bcm-tag",{_internal_id:this._internal_id,customStyle:C,onClick:()=>this.handleClickTag(),type:"dissmisable",value:t[this.objectMapping.text],title:t[this.objectMapping.text],id:t[this.objectMapping.id],class:"tag"})))),s("span",null,this.onShowHiddenTags.length>0&&s("bcm-tag",{_internal_id:this._internal_id,title:this.hiddenTagsString,customStyle:{cursor:"pointer","white-space":"nowrap"},onClick:t=>this.showHiddenTags(t),color:this.otherTagStatus?"prime-blue":"grey-9",type:"dissmisable",value:"+ "+this.onShowHiddenTags.length+" item"+(this.onShowHiddenTags.length>1?"s":"")+" selected",id:"other-tag"}))),!(this.selectText||this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0)&&b&&s("span",{class:"placeholder"}," ",b," ")),s("div",{class:"buttons"},i&&h&&s("button",{class:"select-clear-button",onClick:t=>this.clickClear(t)},s("bcm-icon",{icon:"close-circle",type:"fill",size:18,color:"grey-7"})),s("span",{class:this.isOpen?"open":"close"},s("bcm-icon",{icon:"caret-up",type:"outlined",size:18,color:"grey-6"})))),s("div",{class:g,style:k},s("div",{class:w})),!p&&s("div",{class:"caption-area"},"error"==c?s("span",{class:v}," ",a," "):n&&s("span",{class:v}," ",n," "))))}get el(){return h(this)}static get watchers(){return{value:["handleChange"],isOpen:["handleOpenState"]}}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:100%;margin:0 0 8px 0}:host(.hidden){display:none}.container{display:block;max-width:256px;position:relative}.container.full-width{width:100%;max-width:100%}.selected{width:100%;box-sizing:border-box;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bcm-color-grey-5);user-select:none;cursor:pointer}.selected:hover:not(.disabled){border-color:var(--bcm-color-prime-blue-5)}.selected:hover:not(.disabled) .select-clear-button{opacity:1}.selected:focus:not(.disabled){border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.selected:focus:not(.disabled) .select-clear-button{opacity:1}.selected:focus{outline:none}.selected.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8);cursor:not-allowed}.selected .buttons{padding:8px;height:100%;display:flex;align-items:center;justify-content:center}.selected .selected-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0 8px;width:100%}.selected .selected-tags{padding:0 4px;height:100%}.selected .tag-container{height:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:2px}.selected .tag-container>span{height:100%;align-items:center;justify-content:flex-start;display:flex;grid-gap:2px}.selected .tag-container .tag{max-width:200px}.selected .tag-container #other-tag{cursor:pointer}.selected .open,.selected .close{display:inline-flex}.selected .close{transform:rotate(180deg)}.selected .placeholder{color:var(--bcm-color-grey-6);user-select:none;font-size:14px;height:100%;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.options-viewport{display:inline-block}.option-container{display:block;position:absolute;background-color:var(--bcm-color-grey-1);box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);box-sizing:border-box;width:100%;z-index:10000}.option-container.alignment-left{left:0}.option-container.alignment-right{right:0}.option-container.hidden{display:none}.option-container .search{position:sticky;padding:8px;margin-bottom:4px}.option-container .search:after{content:"";position:absolute;bottom:0;height:1px;width:calc( 100% - 16px);background-color:var(--bcm-color-grey-5)}.options-viewport{display:block}.options-viewport bcm-select-option,.options-viewport ::slotted(bcm-select-option){white-space:normal}.options-viewport.hidden{display:none}.options-viewport.vertical{height:fit-content;max-height:200px}.options-viewport.horizontal:not(.flex){overflow-x:auto;width:100%}.options-viewport.horizontal:not(.flex) bcm-select-option,.options-viewport.horizontal:not(.flex) ::slotted(bcm-select-option){white-space:nowrap}.items{display:flex;flex-direction:column}.buttons{display:flex}.select-clear-button{display:inline-flex;align-items:center;outline:none;border:none;background:none;padding:0;cursor:pointer;margin-right:4px;opacity:0}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.selected-large{height:40px}.selected-medium{height:32px}.selected-small{height:24px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .selected{border:1px solid var(--bcm-color-red-6) !important}';export{a as bcm_select}

package/dist/bromcom-ui/p-659fce56.entry.js

@@ -0,0 +1 @@
+import{r as i,h as e,H as t,g as s}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const n=class{constructor(e){i(this,e),this._items=[],this.size="medium",this.hidden=!1,this.items=[]}componentWillLoad(){const i=this.el.parentElement;i.getAttribute("size")&&(this.size=i.getAttribute("size")),this.parseItems(this._items)}itemRenderer(i){return e("bcm-dropdown-item",Object.assign({},i.size&&{size:this.size},i.disabled&&{disabled:i.disabled},i.icon&&{icon:i.icon},i.href&&{href:i.href},i.target&&{target:i.target},i.id&&{id:i.id}),i.text)}recursiveGroupRenderer(i){return e("bcm-dropdown-group",Object.assign({title:i.title},i.size&&{size:this.size},i.direction&&{direction:i.direction}),i.icon&&e("bcm-icon",{slot:"icon",icon:i.icon,type:i.iconType?i.iconType:"outlined"}),i.items.map((i=>"item"===i.type&&this.itemRenderer(i)||"group"===i.type&&this.recursiveGroupRenderer(i))))}parseItems(i){i&&(this.items="string"==typeof i?JSON.parse(i):i)}render(){const i=o(this.hidden?"hidden":null);return e(t,{class:i},0===this.items.length&&e("slot",null),0!==this.items.length&&this.items.map((i=>"item"===i.type&&this.itemRenderer(i)||"group"===i.type&&this.recursiveGroupRenderer(i))))}get el(){return s(this)}static get watchers(){return{_items:["parseItems"]}}};n.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}:host{display:block}:host(.hidden){display:none}';export{n as bcm_dropdown_list}

package/dist/bromcom-ui/p-6e0d3067.js

@@ -0,0 +1 @@
+let e,t,n,l=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,!0}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=m(e,n),i=p(t,o),r=b(n);a.ael(s,l,i,r),(t.o=t.o||[]).push((()=>a.rel(s,l,i,r)))}))},p=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){pe(e)}},m=(e,t)=>4&t?f:8&t?c:e,b=e=>0!=(2&e),h="http://www.w3.org/1999/xlink",y=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!v(l))&&(l+=""),i&&r?c[c.length-1].p+=l:c.push(i?j(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,S);const a=j(e,null);return a.m=t,c.length>0&&(a.h=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,p:t,j:null,h:null,m:null,g:null,v:null}),O={},S={forEach:(e,t)=>e.map(M).forEach(t),map:(e,t)=>e.map(M).map(t).map(R)},M=e=>({vattrs:e.m,vchildren:e.h,vkey:e.g,vname:e.v,vtag:e.k,vtext:e.p}),R=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),k(e.vtag,t,...e.vchildren||[])}const t=j(e.vtag,e.vtext);return t.m=e.vattrs,t.h=e.vchildren,t.g=e.vkey,t.v=e.vname,t},x=(e,t,n,l,o,s)=>{if(n!==l){let i=$e(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=L(n),s=L(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(h,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,f?e.setAttributeNS(h,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):$e(c,r)?r.slice(2):r[2]+t.slice(3),n&&a.rel(e,t,n,!1),l&&a.ael(e,t,l,!1)}},C=/\s/,L=e=>e?e.split(C):[],P=(e,t,n,l)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.m||g,i=t.m||g;for(l in s)l in i||x(o,l,s[l],void 0,n,t.t);for(l in i)x(o,l,s[l],i[l],n,t.t)},T=(o,r,c,a)=>{let u,d,$,p=r.h[c],m=0;if(l||(s=!0,"slot"===p.k&&(e&&a.classList.add(e+"-s"),p.t|=p.h?2:1)),null!==p.p)u=p.j=f.createTextNode(p.p);else if(1&p.t)u=p.j=f.createTextNode("");else{if(i||(i="svg"===p.k),u=p.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.k),i&&"foreignObject"===p.k&&(i=!1),P(null,p,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),p.h)for(m=0;m<p.h.length;++m)d=T(o,p,m,u),d&&u.appendChild(d);"svg"===p.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=n,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=p.v||"",$=o&&o.h&&o.h[c],$&&$.k===p.k&&o.j&&U(o.j,!1)),u},U=(e,t)=>{a.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(F(o).insertBefore(o,A(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&U(o,t)}a.t&=-2},W=(e,t,l,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=T(null,l,s,e),r&&(o[s].j=r,c.insertBefore(r,A(t))))},E=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.j,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():U(s,!0),s.remove())},D=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),A=e=>e&&e["s-ol"]||e,F=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,H=(e,t)=>{const n=t.j=e.j,l=e.h,o=t.h,s=t.k,r=t.p;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||P(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=l.length-1,p=l[0],m=l[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==p)p=l[++r];else if(null==m)m=l[--$];else if(D(u,p))H(u,p),u=t[++i],p=l[++r];else if(D(d,m))H(d,m),d=t[--a],m=l[--$];else if(D(u,m))"slot"!==u.k&&"slot"!==m.k||U(u.j.parentNode,!1),H(u,m),e.insertBefore(u.j,d.j.nextSibling),u=t[++i],m=l[--$];else if(D(d,p))"slot"!==u.k&&"slot"!==m.k||U(d.j.parentNode,!1),H(d,p),e.insertBefore(d.j,u.j),d=t[--a],p=l[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){c=f;break}c>=0?(s=t[c],s.k!==p.k?o=T(t&&t[r],n,c,e):(H(s,p),t[c]=void 0,o=s.j),p=l[++r]):(o=T(t&&t[r],n,r,e),p=l[++r]),o&&F(u.j).insertBefore(o,A(u.j))}i>a?W(e,null==l[$+1]?null:l[$+1].j,n,l,r,$):r>$&&E(t,i,a)})(n,l,t,o):null!==o?(null!==e.p&&(n.textContent=""),W(n,null,t,o,0,o.length-1)):null!==l&&E(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(c=n["s-cr"])?c.parentNode.textContent=r:e.p!==r&&(n.data=r)},N=e=>{let t,n,l,o,s,i,r=e.childNodes;for(n=0,l=r.length;n<l;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<l;o++)if(r[o]["s-hn"]!==t["s-hn"])if(i=r[o].nodeType,""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}N(t)}},q=[],V=e=>{let t,n,l,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(n=t["s-cr"]))for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(_(n,s)?(i=q.find((e=>e.O===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.S=t:q.push({S:t,O:n}),n["s-sr"]&&q.map((e=>{_(e.O,n["s-sn"])&&(i=q.find((e=>e.O===n)),i&&!e.S&&(e.S=i.S))}))):q.some((e=>e.O===n))||q.push({O:n}));1===t.nodeType&&V(t)}},_=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.m&&e.m.ref&&e.m.ref(null),e.h&&e.h.map(z)},B=e=>ae(e).M,G=(e,t,n)=>{const l=B(e);return{emit:e=>I(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},I=(e,t,n)=>{const l=a.ce(t,n);return e.dispatchEvent(l),l},J=(e,t)=>{t&&!e.R&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.R=t)))},K=(e,t)=>{if(e.t|=16,!(4&e.t))return J(e,e.C),Oe((()=>Q(e,t)));e.t|=512},Q=(e,t)=>{const n=e.i;let l;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>ne(n,e,t))),e.u=null),l=ne(n,"componentWillLoad")):l=ne(n,"componentWillUpdate"),l=le(l,(()=>ne(n,"componentWillRender"))),le(l,(()=>X(e,n,t)))},X=async(i,r,c)=>{const u=i.M,d=u["s-rc"];c&&(e=>{const t=e.L,n=e.M,l=t.t,o=((e,t)=>{let n=w(t),l=he.get(n);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let t,o=y.get(e=e.head||e);o||y.set(e,o=new Set),o.has(n)||(t=f.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(i);((i,r)=>{const c=i.M,u=i.L,d=i.P||j(null,null),$=(e=>e&&e.k===O)(r)?r:k(null,null,r);if(n=c.tagName,u.T&&($.m=$.m||{},u.T.map((([e,t])=>$.m[t]=c[e]))),$.k=null,$.t|=4,i.P=$,$.j=d.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&u.t),o=!1,H(d,$),a.t|=1,s){let e,t,n,l,o,s;V($.j);let i=0;for(;i<q.length;i++)e=q[i],t=e.O,t["s-ol"]||(n=f.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<q.length;i++)if(e=q[i],t=e.O,e.S){for(l=e.S.parentNode,o=e.S.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N($.j),a.t&=-2,q.length=0})(i,Y(i,r)),d&&(d.map((e=>e())),u["s-rc"]=void 0);{const e=u["s-p"],t=()=>Z(i);0===e.length?t():(Promise.all(e).then(t),i.t|=4,e.length=0)}},Y=(e,t)=>{try{t=t.render(),e.t&=-17,e.t|=2}catch(t){pe(t,e.M)}return t},Z=e=>{const t=e.M,n=e.i,l=e.C;ne(n,"componentDidRender"),64&e.t?ne(n,"componentDidUpdate"):(e.t|=64,oe(t),ne(n,"componentDidLoad"),e.U(t),l||te()),e.W(t),e.R&&(e.R(),e.R=void 0),512&e.t&&je((()=>K(e,!1))),e.t&=-517},ee=e=>{{const t=ae(e),n=t.M.isConnected;return n&&2==(18&t.t)&&K(t,!1),n}},te=()=>{oe(f.documentElement),je((()=>I(c,"appload",{detail:{namespace:"bromcom-ui"}})))},ne=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){pe(e)}},le=(e,t)=>e&&e.then?e.then(t):t(),oe=e=>e.classList.add("hydrated"),se=(e,t,n)=>{if(t.D){e.watchers&&(t.A=e.watchers);const l=Object.entries(t.D),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>ae(this).F.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=ae(e),s=o.M,i=o.F.get(t),r=o.t,c=o.i;if(n=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.D[t][0]),!(8&r&&void 0!==i||n===i)&&(o.F.set(t,n),c)){if(l.A&&128&r){const e=l.A[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){pe(e,s)}}))}2==(18&r)&&K(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=ae(this);return n.H.then((()=>n.i[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){a.jmp((()=>{const t=n.get(e);this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.T.push([e,o]),o}))}}return e},ie=e=>{ne(e,"connectedCallback")},re=(e,t={})=>{const n=[],l=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let p,m=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],D:t[2],N:t[3]};s.D=t[2],s.N=t[3],s.T=[],s.A={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),de(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),m?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=ae(e),n=t.L,l=()=>{};if(1&t.t)$(e,t,n.N),ie(t.i);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.C=n);break}}n.D&&Object.entries(n.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=be(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.A=o.watchers,se(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){pe(e)}t.t&=-9,t.t|=128,e(),ie(t.i)}if(o.style){let e=o.style;const t=w(n);if(!he.has(t)){const l=()=>{};((e,t,n)=>{let l=he.get(e);d&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,he.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.C,i=()=>K(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=ae(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),ne(t,"disconnectedCallback")}})()))}componentOnReady(){return ae(this).q}};s.V=e[0],l.includes(i)||o.get(i)||(n.push(i),o.define(i,se(r,s,1)))})))),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),m=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(te,30)))},ce=e=>{const t=new URL(e,a.l);return t.origin!==c.location.origin?t.href:t.pathname},fe=new WeakMap,ae=e=>fe.get(e),ue=(e,t)=>fe.set(t.i=e,t),de=(e,t)=>{const n={t:0,M:e,L:t,F:new Map};return n.H=new Promise((e=>n.W=e)),n.q=new Promise((e=>n.U=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.N),fe.set(e,n)},$e=(e,t)=>t in e,pe=(e,t)=>(0,console.error)(e,t),me=new Map,be=e=>{const t=e.$.replace(/-/g,"_"),n=e.V,l=me.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(me.set(n,e),e[t])),pe)},he=new Map,ye=[],we=[],ge=(e,t)=>n=>{e.push(n),r||(r=!0,t&&4&a.t?je(ke):a.raf(ke))},ve=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){pe(e)}e.length=0},ke=()=>{ve(ye),ve(we),(r=ye.length>0)&&a.raf(ke)},je=e=>u().then(e),Oe=ge(we,!0);export{O as H,ce as a,re as b,G as c,ee as f,B as g,k as h,u as p,ue as r}

package/dist/bromcom-ui/p-6eddfb28.entry.js

@@ -0,0 +1 @@
+import{r as e,h as i,H as t,g as s}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";const o={success:{icon:"check-circle",color:"green-6"},info:{icon:"info-circle",color:"blue-6"},warning:{icon:"warning",color:"warmyellow-6"},error:{icon:"close-circle",color:"grey-10"}},l=class{constructor(i){e(this,i),this.status=null,this.hidden=!1}getIcon(){if(null!=this.status)return i("div",{class:"icon"},i("bcm-icon",{icon:o[this.status].icon,color:o[this.status].color,type:"fill",size:72}))}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=n(this.hidden?"hidden":null);return i(t,{class:e},i("div",{class:"result"},this.getIcon(),i("div",{class:"content"},i("span",{class:"heading size-5 weight-semibold"},this.heading),i("span",{class:"desc size-2"},this.description),i("div",{class:"extra"},i("slot",null)),this.footerArea&&i("div",{class:"buttons",innerHTML:this.footerHtml}))))}get el(){return s(this)}};l.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}: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{l as bcm_result}

package/dist/bromcom-ui/p-79f77a4d.js

@@ -0,0 +1 @@
+const t={left:"right",right:"left",top:"bottom",bottom:"top"},e=e=>1===e.length?t[e[0]]:[t[e[0]],e[1]].join("-"),r=(t,r,s,a)=>{const{width:c,height:n}=t.getBoundingClientRect(),{left:o,right:u,top:h,bottom:i}=r.getBoundingClientRect(),d=s.split("-"),f=document.documentElement.clientWidth,l=document.documentElement.clientHeight;switch(d[0]){case"left":o<c+8&&a(e(d));break;case"right":f<u+c+8&&a(e(d));break;case"top":h<n+8&&a(e(d));break;case"bottom":l<i+n+8&&a(e(d))}},s=(t,e)=>{const r=t.split("-");switch(r[0]){case"left":switch(r[1]){case"start":return[e.top,e.left];case"end":return[e.bottom,e.left];default:return[e.top+e.height/2,e.left]}case"right":switch(r[1]){case"start":return[e.top,e.right];case"end":return[e.bottom,e.right];default:return[e.top+e.height/2,e.right]}case"top":switch(r[1]){case"start":return[e.top,e.left];case"end":return[e.top,e.right];default:return[e.top,e.left+e.width/2]}case"bottom":switch(r[1]){case"start":return[e.bottom,e.left];case"end":return[e.bottom,e.right];default:return[e.bottom,e.left+e.width/2]}}};export{s as a,r as p}

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

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,H as n,g as s}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const a=class{constructor(i){e(this,i),this.groupChange=t(this,"bcm-group-change",7),this.groupCheckedList=t(this,"bcm-group-checked-list",7),this.checkboxes=[],this.direction="horizontal",this.items=[],this.indeterminate=!1,this.disabled=!1,this.hidden=!1,this.required=!1,this.label=null,this.gap=null,this.fullWidth="false",this.optionType="default",this.buttonStyle="solid",this.size="medium",this.noCaption=!1,this.captionType="default",this.indeterminateState="uncheck",this.checkboxesProp=[]}componentWillLoad(){this.parseItems(this.items),this.parseOptions()}connectedCallback(){}componentDidLoad(){let e=[];e=this.getAllInputs(),e.map((e=>{"false"!=this.fullWidth&&("flex"===this.fullWidth?e.style.flex="auto":e.style.width="100%"),this.optionType&&(e.optionType=this.optionType),this.buttonStyle&&(e.buttonStyle=this.buttonStyle),this.size&&(e.size=this.size),1==this.disabled&&(e.disabled=!0)})),this.groupChecked().then((e=>this.value=e))}async setClear(){this.getAllInputs().map((e=>{e.setClear(),e.noCaption=this.noCaption}))}async resetCaption(){this.getAllInputs().map((e=>{e.resetCaption(),e.noCaption=this.noCaption}))}componentDidRender(){let e;if(e=this.el.shadowRoot.querySelector("slot").assignedElements(),this.checkboxes=[],e.map((e=>{"bcm-checkbox"==String(e.tagName).toLowerCase()&&this.checkboxes.push(e)})),this.setIndeterminateState(),this.items.length>0){let e=[];e=this.getAllInputs(),e.map((e=>{this.defaultValueState&&this.defaultValueState.find((t=>t===e.name))&&e.check(e.name)}))}}componentDidUpdate(){this.handleChange()}inputChange(){this.groupChecked().then((e=>this.value=e)),this.setIndeterminateState()}getAllInputs(){return[...this.checkboxes,...this.el.shadowRoot.querySelectorAll("bcm-checkbox")]}setIndeterminateState(){let e="uncheck",t=!0,i=!0;this.getAllInputs().map((e=>{e.checked&&(i=!1),!e.checked&&(t=!1)})),e=t||i?t?"determinate":"uncheck":"indeterminate",this.indeterminateState=e}indeterminateClick(){if(0==this.disabled){let e=!0;"determinate"==this.indeterminateState&&(e=!1),this.getAllInputs().map((t=>{t.check(e)}))}}parseOptions(){this.defaultValue&&(this.defaultValueState=JSON.parse(this.defaultValue))}parseItems(e){e&&(this.checkboxesProp="string"==typeof e?JSON.parse(e):e)}async check(e){e&&(e="string"==typeof e?JSON.parse(e):e);let t=[];t=this.getAllInputs();let i=e;var n,s;(n=t,s=e,n.filter((e=>!0===s.some((t=>e.name===t.name))))).map((e=>{e.check(i.find((t=>t.name===e.name)).checked)}))}async groupChecked(e){let t=null,i={},n=[];return"boolean"==typeof t||t||(t=i),n=this.getAllInputs(),n.map((n=>{n.checked&&(i[n.name]={value:!0,name:n.name}),!n.checked&&(i[n.name]={value:!1,name:n.name}),n.name===e&&(t=n.checked)})),t}handleChange(){let e={},t={},i=[];i=this.getAllInputs(),i.map((i=>{i.checked&&(e[i.name]={value:!0,name:i.name}),t[i.name]={value:!!i.checked,name:i.name}})),this.groupChange.emit(t),this.groupCheckedList.emit(e)}render(){const{checkboxesProp:e,indeterminate:t,disabled:s,label:a,required:r,captionType:l}=this,h=o("group-container",this.direction,this.optionType,this.fullWidth,{"full-width":this.fullWidth}),c=o("indeterminate","bcm-"+this.indeterminateState,{disabled:s}),p=o(this.hidden?"hidden":null,{error:"error"==l});var d={};return this.gap&&(d={gap:this.gap}),i(n,{class:p,"on-bcm-change":()=>this.inputChange()},a&&i("div",null,i("bcm-label",{tooltip:this.tooltip,type:l,value:a,required:r})),t&&i("div",{class:c},i("input",{id:"bcm-indeterminate-element",type:"checkbox",disabled:s}),i("label",{htmlFor:"bcm-indeterminate-element","on-click":()=>this.indeterminateClick()},i("span",null,i("bcm-icon",{class:"icon-checked",icon:"component-check",size:"small",type:"default"})),"Check All")),i("div",{class:h,style:d},e&&this.checkboxesProp.map((e=>i("bcm-checkbox",{name:e.name,checked:e.checked,disabled:e.disabled,required:!0===this.required&&!0===e.required&&!0,noCaption:this.noCaption,optionType:this.optionType,buttonStyle:this.buttonStyle,size:this.size,"full-width":this.fullWidth},e.label))),i("slot",null)))}get el(){return s(this)}static get watchers(){return{defaultValue:["parseOptions"],items:["parseItems"]}}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block;width:100%}:host(.hidden){display:none}:host(.error) .label{color:var(--bcm-color-red-6) !important}.group-container{display:flex;gap:24px}.group-container.vertical{gap:unset;flex-direction:column}.group-container.button{gap:unset}.group-container.full-width{max-width:100%}.indeterminate{padding:0 0 16px 0;margin-bottom:16px;border-bottom:1px solid #efefef;}.indeterminate input{display:none}.indeterminate label{display:flex;align-items:center;font-size:14px;color:var(--bcm-color-grey-8);cursor:pointer}.indeterminate label .icon-checked{display:none}.indeterminate span{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #D9D9D9;margin-right:8px;border-radius:2px}.indeterminate span:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:var(--bcm-color-prime-blue-6);transform:translate(-50%, -50%);opacity:0}.indeterminate bcm-icon{filter:brightness(0) invert(1)}.indeterminate input[disabled]+label{cursor:not-allowed}.indeterminate input[disabled]+label span{background-color:var(--bcm-color-grey-3);border-color:var(--bcm-color-grey-5)}.indeterminate input[disabled]+label span:after{background-color:var(--bcm-color-grey-6)}.indeterminate input[disabled]+label bcm-icon{filter:brightness(0);opacity:0.3}.indeterminate input:not([disabled])+label:hover span{border-color:var(--bcm-color-prime-blue-6);box-shadow:0px 2px 4px rgba(54, 121, 171, 0.5)}.indeterminate.bcm-uncheck label span{background-color:#ffffff}.indeterminate.bcm-determinate bcm-icon{display:block}.indeterminate.bcm-determinate label span{background-color:var(--bcm-color-prime-blue-6);border-color:transparent}.indeterminate.bcm-determinate label span:after{opacity:0}.indeterminate.bcm-indeterminate bcm-icon{display:none !important}.indeterminate.bcm-indeterminate label span{background-color:#ffffff}.indeterminate.bcm-indeterminate label span:after{opacity:1}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:8px}';export{a as bcm_checkbox_group}

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

@@ -0,0 +1 @@
+import{r as o,c as t,h as i,H as e,g as r}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{i as l}from"./p-ea6f25da.js";const s=class{constructor(i){o(this,i),this.dropdownOpen=t(this,"bcm-dropdown-open",7),this.menuItemSelected=t(this,"bcm-dropdown-item-selected",7),this.kind="solid",this.size="medium",this.disabled=!1,this.outline=!1,this.loading=!1,this.type="dropdown",this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1}handleDropdownOpen(){this.isOpen=!1}handleClickOutside(o){const t=o.target;this.el.parentElement.contains(t)||this.isOpen&&(this.isOpen=!1,this.dropdownOpen.emit(this.isOpen)),t&&"bcm-dropdown-item"===t.tagName.toLowerCase()&&(this.isOpen=!1)}handleOpen(){this.disabled||(this.isOpen=!this.isOpen,this.dropdownOpen.emit(this.isOpen))}componentWillLoad(){const o=this.el.parentElement;o.getAttribute("size")&&(this.size=o.getAttribute("size"))}render(){const{size:o,kind:t,disabled:r,outline:s,icon:d,href:a,target:c,loading:p,type:b}=this,u=l.default[o],g=a&&!r?"a":"button",h=n("caret",o,{"size-2":"small"===o||"medium"===o,"size-3":"large"===o}),m=n("button",o,{"size-2":"small"===o||"medium"===o,"size-3":"large"===o}),x=n("dropdown-button",b,t,{open:this.isOpen,outline:s}),f=n(this.hidden?"hidden":null);return i(e,{class:f},i("div",{class:x},i(g,{class:m,disabled:r,href:"split"===b&&a,target:"split"===b&&c,onClick:()=>"dropdown"==b&&this.handleOpen()},p&&i("div",{class:"loading"}," ",i("bcm-icon",{type:"animated",class:"prefix",icon:"loading",size:u})," "),d&&i("bcm-icon",{type:"outlined",class:"prefix",icon:d,size:u}),i("slot",null),"dropdown"===b&&i("bcm-icon",{icon:this.isOpen?"caret-up":"caret-down",type:"outlined",class:"suffix",size:u})),"split"===b&&i("button",{class:h,disabled:r,onClick:()=>this.handleOpen()},i("bcm-icon",{icon:this.isOpen?"caret-up":"caret-down",type:"outlined",size:u}))))}get el(){return r(this)}};s.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight: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}:host{display:inline-block}:host(.hidden){display:none}button,a{border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Roboto", sans-serif;padding:unset;text-decoration:none;box-sizing:border-box;position:relative;border:none}.button .loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.button.rounded{border-radius:100%}.button.rounded .loading{border-radius:100%}.button:before,.button:after{content:""}.solid button,.solid a{color:var(--bcm-color-grey-1);background-color:var(--bcm-color-prime-blue-6);border:1px solid var(--bcm-color-prime-blue-6)}.solid button .loading,.solid a .loading{background-color:var(--bcm-color-prime-blue-6)}.solid button:hover,.solid button:focus,.solid a:hover,.solid a:focus{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.solid button:active,.solid a:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.solid button:disabled,.solid a:disabled{color:var(--bcm-color-grey-6) !important;background-color:var(--bcm-color-grey-3) !important;border-color:var(--bcm-color-grey-5);cursor:not-allowed}.solid.outline button,.solid.outline a{color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-5)}.solid.outline button .loading,.solid.outline a .loading{background-color:var(--bcm-color-grey-1)}.solid.outline button:hover,.solid.outline button:focus,.solid.outline a:hover,.solid.outline a:focus{color:var(--bcm-color-prime-blue-5);background-color:var(--bcm-color-grey-1)}.solid.outline button:active,.solid.outline a:active{color:var(--bcm-color-prime-blue-7);background-color:var(--bcm-color-grey-1)}.ghost button,.ghost a{color:var(--bcm-color-prime-blue-6);background-color:transparent;border:1px solid var(--bcm-color-prime-blue-6)}.ghost button .loading,.ghost a .loading{background-color:var(--bcm-color-grey-1)}.ghost button:hover,.ghost button:focus,.ghost a:hover,.ghost a:focus{color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.ghost button:active,.ghost a:active{color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.ghost button:disabled,.ghost a:disabled{color:var(--bcm-color-grey-6);border-color:var(--bcm-color-grey-5);cursor:not-allowed}.ghost.outline button,.ghost.outline a{color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-1)}.button>bcm-icon.prefix{margin-right:4px}.button>bcm-icon.suffix{margin-left:4px}.large{min-height:40px;min-width:120px}.large bcm-icon.prefix{margin-right:16px}.large bcm-icon.suffix{margin-left:16px}.large:not(.rounded){padding:0 16px}.large:not(.rounded).with_suffix{padding-right:0}.medium{min-height:32px;min-width:32px}.medium:not(.rounded){padding:0 16px}.medium:not(.rounded).with_suffix{padding-right:0}.small{min-height:24px;min-width:24px}.small:not(.rounded){padding:0 8px}.small:not(.rounded).with_suffix{padding-right:0}.dropdown-button{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:2px}.dropdown-button.split.solid .button:not(:disabled){border-right-color:var(--bcm-color-prime-blue-7)}.dropdown-button.split.outline .button:not(:disabled){border-right-color:var(--bcm-color-grey-5)}.dropdown-button.split button.large bcm-icon.prefix,.dropdown-button.split a.large bcm-icon.prefix{margin-right:8px}.dropdown-button.split button.large.button,.dropdown-button.split a.large.button{padding:0 16px}.dropdown-button.split button.large.caret,.dropdown-button.split a.large.caret{border-left:0px;padding:0;min-width:40px}.dropdown-button.split button.medium bcm-icon.prefix,.dropdown-button.split a.medium bcm-icon.prefix{margin-right:8px}.dropdown-button.split button.medium.button,.dropdown-button.split a.medium.button{padding:0 8px}.dropdown-button.split button.medium.caret,.dropdown-button.split a.medium.caret{border-left:0px;padding:0;min-width:30px}.dropdown-button.split button.small bcm-icon.prefix,.dropdown-button.split a.small bcm-icon.prefix{margin-right:16px}.dropdown-button.split button.small.button,.dropdown-button.split a.small.button{padding:0 8px}.dropdown-button.split button.small.caret,.dropdown-button.split a.small.caret{border-left:0px;padding:0;min-width:30px}';export{s as bcm_dropdown_button}

package/dist/bromcom-ui/p-8742c05d.entry.js

@@ -0,0 +1 @@
+import{r as e,c as o,h as s,H as l}from"./p-6e0d3067.js";import{c as i}from"./p-5525b672.js";let r=0;const t=class{constructor(s){e(this,s),this.bcmCollapseOpen=o(this,"bcm-collapse-open",7),this.borderless=!1,this.open=!1,this.noBorder=!1,this.collapseId="collapse-"+ ++r,this.hidden=!1}componentDidRender(){this.open&&this.bcmCollapseOpen.emit(this.collapseId)}handleClick(){this.open=!this.open,this.open&&this.bcmCollapseOpen.emit(this.collapseId)}render(){const e=i("collapse",{borderless:this.borderless,open:this.open,"no-border":this.noBorder}),o=i(this.hidden?"hidden":null);return s(l,{class:o,id:this.collapseId},s("details",{class:e,open:this.open},s("summary",{class:"collapse-header size-2",onClick:()=>this.handleClick()},s("bcm-icon",{class:"collapse-icon",size:16,icon:this.open?"caret-down":"caret-right",type:"fill",color:"grey-10"}),s("slot",{name:"title"})),s("div",{class:"collapse-body"},s("slot",{name:"body"}))))}};t.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}*{box-sizing:border-box}::-webkit-details-marker{display:none}:host{display:block}:host(.hidden){display:none}:host(:not(:first-child)) .collapse{border-top:none}.collapse{border:1px solid var(--bcm-color-grey-5)}.collapse.borderless{border:none}.collapse.borderless:not(.no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.collapse.borderless .collapse-header{border-bottom:none}.collapse.borderless .collapse-body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.collapse:not(.open) .collapse-header{border-bottom:none}.collapse-header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.collapse-header:focus{outline:none}.collapse-header .collapse-icon{margin-right:8px}.collapse-body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}';export{t as bcm_collapse}

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

@@ -0,0 +1 @@
+import{r as i,h as t,H as e}from"./p-6e0d3067.js";import{c as s}from"./p-5525b672.js";const h=class{constructor(t){i(this,t),this.time=new Date,this.hidden=!1,this.fullWidth=!1,this.required=!1,this.disabled=!1,this.noCaption=!1,this.caption="",this.captionType="default",this.alignment="left"}componentWillLoad(){if("string"==typeof this.time){const i=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=i?new Date((new Date).setHours(Number(i[0]),Number(i[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(i){this.value=i.detail}async set(i){return this.picker.set(i)}async setDisabled(i){this.disabled=i}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}render(){const i=s(this.hidden?"hidden":null,{"full-width":this.fullWidth});return t(e,{class:i},t("bcm-datetime-picker",{fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,type:"time",date:this.time,ref:i=>this.picker=i,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":i=>this.handlePickerChange(i),noCaption:this.noCaption,caption:this.caption,captionType:this.captionType,alignment:this.alignment}))}};h.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}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}';export{h as bcm_time_picker}

package/dist/bromcom-ui/p-92e3e240.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,h as t,H as s,g as o}from"./p-6e0d3067.js";import{c as n}from"./p-5525b672.js";import{g as l,i as p}from"./p-4cb268d2.js";const h=class{constructor(t){e(this,t),this.pullDownRootGroupOpen=i(this,"bcm-pulldown-root-group-open",7),this.pulldownClearSelecteds=i(this,"bcm-pulldown-clear-selecteds",7),this._items=[],this.hidden=!1,this.items=[]}async setData(e=[]){this._items=e}componentWillLoad(){this.parseItems(this._items)}componentDidRender(){l(this.el,"bcm-pulldown-item").filter((e=>e.parentElement&&!p(e.parentElement,"bcm-pulldown-group"))).forEach((e=>e.root=!0))}handlePulldownRootGroupOpen(e){const i=e.detail;window.innerWidth<=576||l(this.el,"bcm-pulldown-group").forEach((e=>{"bcm-pulldown-group"!==String(e.parentElement.tagName).toLowerCase()&&e.id!==i&&(e.open=!1)}))}itemRenderer(e){return t("bcm-pulldown-item",null,e.icon&&t("bcm-icon",{icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.text)}recursiveGroupRenderer(e){return t("bcm-pulldown-group",Object.assign({title:e.title},e.open&&{open:!0},"right"===e.direction&&{direction:"right"}),e.icon&&t("bcm-icon",{slot:"icon",icon:e.icon,type:e.iconType?e.iconType:"outlined"}),e.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e))))}handleMenuItemSelected(e){this.pulldownClearSelecteds.emit(e.detail)}parseItems(e){e&&(this.items="string"==typeof e?JSON.parse(e):e)}render(){const e=n(this.hidden?"hidden":null);return t(s,{class:e},t("div",{class:"pulldown"},0===this.items.length&&t("slot",null),0!==this.items.length&&this.items.map((e=>"item"===e.type&&this.itemRenderer(e)||"group"===e.type&&this.recursiveGroupRenderer(e)))))}get el(){return o(this)}static get watchers(){return{_items:["parseItems"]}}};h.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}:host{display:block}:host(.hidden){display:none}.pulldown{position:relative;display:flex;align-items:center;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);background-color:#ffffff}@media screen and (min-width: 576px){.pulldown{flex-direction:column;align-items:flex-start}}@media screen and (min-width: 576px){.pulldown>*{width:100%}}::slotted(*){height:100%}';export{h as bcm_pulldown}