bromcom-ui 2.11.2-test.0 → 2.12.0-test.1

package/dist/bromcom-ui/{p-f9b59bcc.entry.js → p-7edab876.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as i,h as s,H as e,g as h}from"./p-170cf07d.js";import{c as o}from"./p-e0ab7b38.js";import{S as l}from"./p-a0d6d680.js";import{b as n}from"./p-8c018ae0.js";import"./p-6657830f.js";import"./p-a313fba6.js";const a=t=>new Promise((i=>setTimeout(i,t))),c=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.otherTagStatus=!1,this.firstSetData=!0,this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.hiddenTagsString="",this.clientWidth=0,this.tagLabel=[],this.searchResults=[],this.optionViewportStyleAlignment={},this._id=(4*Math.random()).toString(16).replace(".",""),this.value=null,this.value2=null,this.size="medium",this.scrollable="vertical",this.clearable=void 0,this.label=void 0,this.placeholder="Choose an option",this.search=!1,this.noCaption=!1,this.caption=void 0,this.captionError=void 0,this.captionType="default",this.disabled=void 0,this.flex=void 0,this.name=void 0,this.searchFields=["value","text"],this.fullWidth=!1,this.defaultValue=void 0,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.tooltip=void 0,this.selectText=null,this.isOpen=!1,this.captionCache=void 0,this.captionTypeCache=void 0}async componentWillLoad(){this.createElement(),await a(50)}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)),this.createElement(),await a(50),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")&&i.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))))}async renderListbox(){if(0==this.isRendered){this.isRendered=!0;var t=null;if(this.cleaned){const t=i=>i.map((i=>(!0===this.checkboxes?i[this.objectMapping.checked]&&(i[this.objectMapping.checked]=!1):i[this.objectMapping.selected]&&(i[this.objectMapping.selected]=!1),i.items&&i.items.length>0&&(i.items=t(i.items)),i)));this._data=JSON.stringify(t(this._items))}return(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector("bcm-listbox"))&&(sessionStorage.getItem(this._internal_id+"-config")&&t.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),t.setData(this._data)),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"))&&i.setData(t)}async setDataAsync(t=[]){let i=null;if(1==this.isRendered)this.setData(t);else{this._data=t,this._items="string"==typeof t?JSON.parse(t):t;var s=[];if(this._items.length>0){const t=e=>{e.forEach((e=>{!0===this.checkboxes?!0===e[this.objectMapping.checked]&&s.push(e):!0===e[this.objectMapping.selected]&&(i=e,this.selectText=e[this.objectMapping.text]),e.items&&e.items.length>0&&t(e.items)}))};t(this._items)}else this.handleClear(),this.isRendered=!1;this.itemsWidth=[],1==this.checkboxes?(this.handleTagControl2(s),this.checklist=s):(null!=i&&(i.selected&&delete i.selected,i.checked&&delete i.checked,this.value=i),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(),this.createElement(),await a(150),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"),this.bcmListbox.selected(t))}async addChecked(t=[]){if(1==this.isRendered)this.renderListbox(),this.createElement(),await a(50),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"),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(),this.createElement(),await a(50),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"),this.bcmListbox.updateChecked(t))}async getValue(){return this.value}async getChecklist(){return this.checklist}async get(){var t;return this.value?this.checkboxes?null===(t=this.checklist)||void 0===t?void 0:t.map((t=>t[this.objectMapping.id])):this.value[this.objectMapping.id]:null}async set(t){t?(Array.isArray(t)&&this.addChecked(t),"string"!=typeof t&&"number"!=typeof t||this.selected(t)):this.setClear()}async setClear(){return await this.handleClear(),await a(10),Promise.resolve()}async resetCaption(){return await a(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await a(10),Promise.resolve()}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleChange(t,i){const s=i||null,e=t||null;s!=e&&(1==this.checkboxes?this.change.emit(e):e&&e[this.objectMapping.id]&&s&&s[this.objectMapping.id]?e[this.objectMapping.id]!=s[this.objectMapping.id]&&this.change.emit(e):this.change.emit(e))}async handleOpenState(){0==this.isOpen&&(this.searchResults=[]),await this.createElement(this.isOpen),await a(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-old-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),n(t,"#"+this._id))}async createElement(t=!1){var i=document.getElementById("select-box"+this._internal_id);i||((i=document.createElement("bcm-select-box")).setAttribute("id","select-box"+this._internal_id),i.setAttribute("_internal_id",this._internal_id),await a(10)),document.body.appendChild(i),n(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(),t.stopPropagation()}async handleClear(){this.cleaned=!0,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,s=t.path||t.composedPath&&t.composedPath();if(s&&null==s.filter((t=>"other-tag"==t.id))[0]&&s&&null==s.filter((t=>"listbox"==t.id))[0]&&(this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),50)),(null==t?void 0:t.target)&&(null===(i=this.el)||void 0===i?void 0:i.contains(t.target))||s&&null!=s.filter((t=>t.id=="select-box"+this._internal_id))[0]){this.optionViewportStyleAlignment={};var e=t.target.id;if(document.querySelector("#"+e)){var h=document.querySelector("#"+e).getBoundingClientRect().top,o=t.target.clientHeight,l=t.view.innerHeight-h-(t.target.noCaption?o:o-20)+8;Number(this.maxHeight.replace("px",""))>l&&(this.optionViewportStyleAlignment={bottom:50+(this.infoFooter?30:0)+"px","box-shadow":"0px -2px 8px rgb(0 0 0 / 15%)"})}0==this.checkboxes&&s&&null==s.filter((t=>"collapse-button"==t.id))[0]&&(s.filter((t=>"BCM-LISTBOX-ITEM"==t.nodeName))[0]||s.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 bcmOldTagDissmisable(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 a(50)),await this.createElement(),await a(50);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;i.selected&&delete i.selected,i.checked&&delete i.checked,i!=this.value&&(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);this.calculateContainer()}async calculateContainer(){const t=this.el.shadowRoot.querySelector(".selected-text");this.otherTagsWidth=135,await a(50),this.areaWidth=t.clientWidth&&t.clientWidth>100?t.clientWidth:100,!0===this.clearable&&(this.areaWidth=this.areaWidth-22),this.itemsWidth=0,this.itemsWidthArray=[];const i=t.querySelectorAll("bcm-old-tag");if(await a(50),i&&i.length>0&&i.forEach((t=>{const i=t.clientWidth&&t.clientWidth>40?t.clientWidth:40;if(this.itemsWidthArray.push({id:String(t.id),clientWidth:i}),this.itemsWidth+=i+4,this.itemsWidth>this.areaWidth){const i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];t&&i&&t.id&&i[this.objectMapping.id]&&l.lowercase(String(t.id))==l.lowercase(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-old-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&&i[this.objectMapping.id]&&l.lowercase(String(t.id))==l.lowercase(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-old-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 a(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 a(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:p,noCaption:b,fullWidth:u,required:x}=this,m=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}),v=o("options-viewport",{hidden:!this.isOpen,[this.scrollable]:"horizontal"===this.scrollable||"vertical"===this.scrollable,"horizontal vertical":"both"===this.scrollable,flex:d}),w=o("size-1","input-caption","caption-"+c),f=o("container",{error:"error"==c,"full-width":u}),y=o("selected-text",{"selected-tags":this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0}),S=o(this.hidden?"hidden":null);var z={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&&(z=Object.assign(Object.assign({},z),this.optionViewportStyleAlignment));const k={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:f},l&&s("bcm-label",{onClick:()=>this.handleOpen(!1),tooltip:this.tooltip,type:c,value:l,required:x}),s("div",{id:"selected-container",class:m,onClick:t=>this.handleOpen(t)},s("span",{class:y,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-old-tag",{_internal_id:this._internal_id,customStyle:k,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-old-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)&&p&&s("span",{class:"placeholder"}," ",p," ")),s("div",{class:"buttons"},i&&h&&s("button",{class:"select-clear-button",onClick:t=>this.clickClear(t)},s("svg",{style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("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 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"}))),s("span",{class:this.isOpen?"open":"close"},s("svg",{style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},s("path",{d:"M168.5 164.2l148 146.8c4.7 4.7 4.7 12.3 0 17l-19.8 19.8c-4.7 4.7-12.3 4.7-17 0L160 229.3 40.3 347.8c-4.7 4.7-12.3 4.7-17 0L3.5 328c-4.7-4.7-4.7-12.3 0-17l148-146.8c4.7-4.7 12.3-4.7 17 0z"}))))),s("div",{class:g,style:z},s("div",{class:v})),!b&&s("div",{class:"caption-area"},"error"==c?s("span",{class:w}," ",a," "):n&&s("span",{class:w}," ",n," "))))}get el(){return h(this)}static get watchers(){return{value:["handleChange"],isOpen:["handleOpenState"]}}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.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:inline-block;width:100%;margin: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)}.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{c as bcm_select}
+import{r as t,c as i,h as s,H as e,g as h}from"./p-170cf07d.js";import{c as o}from"./p-bed627ab.js";import{S as l}from"./p-6b5ed4d8.js";import{b as n}from"./p-8c018ae0.js";import"./p-e45c1546.js";import"./p-a313fba6.js";const a=t=>new Promise((i=>setTimeout(i,t))),c=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.otherTagStatus=!1,this.firstSetData=!0,this.visibleTags=[],this.hiddenTags=[],this.onShowVisibleTags=[],this.onShowHiddenTags=[],this.hiddenTagsString="",this.clientWidth=0,this.tagLabel=[],this.searchResults=[],this.optionViewportStyleAlignment={},this._id=(4*Math.random()).toString(16).replace(".",""),this.value=null,this.value2=null,this.size="medium",this.scrollable="vertical",this.clearable=void 0,this.label=void 0,this.placeholder="Choose an option",this.search=!1,this.noCaption=!1,this.caption=void 0,this.captionError=void 0,this.captionType="default",this.disabled=void 0,this.flex=void 0,this.name=void 0,this.searchFields=["value","text"],this.fullWidth=!1,this.defaultValue=void 0,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.tooltip=void 0,this.selectText=null,this.isOpen=!1,this.captionCache=void 0,this.captionTypeCache=void 0}async componentWillLoad(){this.createElement(),await a(50)}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)),this.createElement(),await a(50),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")&&i.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))))}async renderListbox(){if(0==this.isRendered){this.isRendered=!0;var t=null;if(this.cleaned){const t=i=>i.map((i=>(!0===this.checkboxes?i[this.objectMapping.checked]&&(i[this.objectMapping.checked]=!1):i[this.objectMapping.selected]&&(i[this.objectMapping.selected]=!1),i.items&&i.items.length>0&&(i.items=t(i.items)),i)));this._data=JSON.stringify(t(this._items))}return(t=document.getElementById("select-box"+this._internal_id))&&(t=t.shadowRoot.querySelector("bcm-listbox"))&&(sessionStorage.getItem(this._internal_id+"-config")&&t.config(JSON.parse(sessionStorage.getItem(this._internal_id+"-config"))),t.setData(this._data)),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"))&&i.setData(t)}async setDataAsync(t=[]){let i=null;if(1==this.isRendered)this.setData(t);else{this._data=t,this._items="string"==typeof t?JSON.parse(t):t;var s=[];if(this._items.length>0){const t=e=>{e.forEach((e=>{!0===this.checkboxes?!0===e[this.objectMapping.checked]&&s.push(e):!0===e[this.objectMapping.selected]&&(i=e,this.selectText=e[this.objectMapping.text]),e.items&&e.items.length>0&&t(e.items)}))};t(this._items)}else this.handleClear(),this.isRendered=!1;this.itemsWidth=[],1==this.checkboxes?(this.handleTagControl2(s),this.checklist=s):(null!=i&&(i.selected&&delete i.selected,i.checked&&delete i.checked,this.value=i),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(),this.createElement(),await a(150),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"),this.bcmListbox.selected(t))}async addChecked(t=[]){if(1==this.isRendered)this.renderListbox(),this.createElement(),await a(50),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"),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(),this.createElement(),await a(50),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"),this.bcmListbox.updateChecked(t))}async getValue(){return this.value}async getChecklist(){return this.checklist}async get(){var t;return this.value?this.checkboxes?null===(t=this.checklist)||void 0===t?void 0:t.map((t=>t[this.objectMapping.id])):this.value[this.objectMapping.id]:null}async set(t){t?(Array.isArray(t)&&this.addChecked(t),"string"!=typeof t&&"number"!=typeof t||this.selected(t)):this.setClear()}async setClear(){return await this.handleClear(),await a(10),Promise.resolve()}async resetCaption(){return await a(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await a(10),Promise.resolve()}connectedCallback(){this.captionCache=this.caption,this.captionTypeCache=this.captionType}handleChange(t,i){const s=i||null,e=t||null;s!=e&&(1==this.checkboxes?this.change.emit(e):e&&e[this.objectMapping.id]&&s&&s[this.objectMapping.id]?e[this.objectMapping.id]!=s[this.objectMapping.id]&&this.change.emit(e):this.change.emit(e))}async handleOpenState(){0==this.isOpen&&(this.searchResults=[]),await this.createElement(this.isOpen),await a(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-old-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),n(t,"#"+this._id))}async createElement(t=!1){var i=document.getElementById("select-box"+this._internal_id);i||((i=document.createElement("bcm-select-box")).setAttribute("id","select-box"+this._internal_id),i.setAttribute("_internal_id",this._internal_id),await a(10)),document.body.appendChild(i),n(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(),t.stopPropagation()}async handleClear(){this.cleaned=!0,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,s=t.path||t.composedPath&&t.composedPath();if(s&&null==s.filter((t=>"other-tag"==t.id))[0]&&s&&null==s.filter((t=>"listbox"==t.id))[0]&&(this.otherTagStatus=!1,setTimeout((()=>{this.otherTag&&this.otherTag.setAttribute("color","grey-9")}),50)),(null==t?void 0:t.target)&&(null===(i=this.el)||void 0===i?void 0:i.contains(t.target))||s&&null!=s.filter((t=>t.id=="select-box"+this._internal_id))[0]){this.optionViewportStyleAlignment={};var e=t.target.id;if(document.querySelector("#"+e)){var h=document.querySelector("#"+e).getBoundingClientRect().top,o=t.target.clientHeight,l=t.view.innerHeight-h-(t.target.noCaption?o:o-20)+8;Number(this.maxHeight.replace("px",""))>l&&(this.optionViewportStyleAlignment={bottom:50+(this.infoFooter?30:0)+"px","box-shadow":"0px -2px 8px rgb(0 0 0 / 15%)"})}0==this.checkboxes&&s&&null==s.filter((t=>"collapse-button"==t.id))[0]&&(s.filter((t=>"BCM-LISTBOX-ITEM"==t.nodeName))[0]||s.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 bcmOldTagDissmisable(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 a(50)),await this.createElement(),await a(50);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;i.selected&&delete i.selected,i.checked&&delete i.checked,i!=this.value&&(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);this.calculateContainer()}async calculateContainer(){const t=this.el.shadowRoot.querySelector(".selected-text");this.otherTagsWidth=135,await a(50),this.areaWidth=t.clientWidth&&t.clientWidth>100?t.clientWidth:100,!0===this.clearable&&(this.areaWidth=this.areaWidth-22),this.itemsWidth=0,this.itemsWidthArray=[];const i=t.querySelectorAll("bcm-old-tag");if(await a(50),i&&i.length>0&&i.forEach((t=>{const i=t.clientWidth&&t.clientWidth>40?t.clientWidth:40;if(this.itemsWidthArray.push({id:String(t.id),clientWidth:i}),this.itemsWidth+=i+4,this.itemsWidth>this.areaWidth){const i=this.visibleTags[this.visibleTags.findIndex((i=>String(i[this.objectMapping.id])===String(t.id)))];t&&i&&t.id&&i[this.objectMapping.id]&&l.lowercase(String(t.id))==l.lowercase(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-old-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&&i[this.objectMapping.id]&&l.lowercase(String(t.id))==l.lowercase(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-old-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 a(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 a(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:p,noCaption:b,fullWidth:u,required:x}=this,m=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}),v=o("options-viewport",{hidden:!this.isOpen,[this.scrollable]:"horizontal"===this.scrollable||"vertical"===this.scrollable,"horizontal vertical":"both"===this.scrollable,flex:d}),w=o("size-1","input-caption","caption-"+c),f=o("container",{error:"error"==c,"full-width":u}),y=o("selected-text",{"selected-tags":this.onShowVisibleTags.length>0||this.onShowHiddenTags.length>0}),S=o(this.hidden?"hidden":null);var z={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&&(z=Object.assign(Object.assign({},z),this.optionViewportStyleAlignment));const k={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:f},l&&s("bcm-label",{onClick:()=>this.handleOpen(!1),tooltip:this.tooltip,type:c,value:l,required:x}),s("div",{id:"selected-container",class:m,onClick:t=>this.handleOpen(t)},s("span",{class:y,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-old-tag",{_internal_id:this._internal_id,customStyle:k,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-old-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)&&p&&s("span",{class:"placeholder"}," ",p," ")),s("div",{class:"buttons"},i&&h&&s("button",{class:"select-clear-button",onClick:t=>this.clickClear(t)},s("svg",{style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},s("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 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"}))),s("span",{class:this.isOpen?"open":"close"},s("svg",{style:{fill:"#595959",width:"14px",height:"14px"},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512"},s("path",{d:"M168.5 164.2l148 146.8c4.7 4.7 4.7 12.3 0 17l-19.8 19.8c-4.7 4.7-12.3 4.7-17 0L160 229.3 40.3 347.8c-4.7 4.7-12.3 4.7-17 0L3.5 328c-4.7-4.7-4.7-12.3 0-17l148-146.8c4.7-4.7 12.3-4.7 17 0z"}))))),s("div",{class:g,style:z},s("div",{class:v})),!b&&s("div",{class:"caption-area"},"error"==c?s("span",{class:w}," ",a," "):n&&s("span",{class:w}," ",n," "))))}get el(){return h(this)}static get watchers(){return{value:["handleChange"],isOpen:["handleOpenState"]}}};c.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.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:inline-block;width:100%;margin: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)}.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{c as bcm_select}

package/dist/bromcom-ui/{p-d59d9687.entry.js → p-7f1612df.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as s}from"./p-170cf07d.js";import{c as a}from"./p-e0ab7b38.js";import"./p-6657830f.js";var r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success"}(r||(r={}));const n=class{constructor(i){e(this,i),this.status=r.info,this.fullWidth=!1,this.loading=!1,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case r.info:return i("bcm-icon",{icon:"far fa-info-circle"});case r.error:return i("bcm-icon",{icon:"far fa-times-circle"});case r.warning:return i("bcm-icon",{icon:"far fa-exclamation-circle"});case r.success:return i("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{fullWidth:e,status:s,isShow:r,loading:n}=this,o=a("message",n?"info":s,{"full-width":e,show:r}),c=a(this.hidden?"hidden":null);return i(t,{class:c},i("div",{class:o},n&&i("bcm-icon",{icon:"far fa-spinner-third fa-spin"}),!n&&this.getIcon(),i("slot",null)))}get el(){return s(this)}};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}.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:inline-block}:host(.hidden){display:none}.message{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;font-size:12px;line-height:20px}.message:not(.full-width){max-width:460px}.message.info{background-color:var(--bcm-color-blue-1);color:var(--bcm-color-blue-6)}.message.error{background-color:var(--bcm-color-red-1);color:var(--bcm-color-red-6)}.message.warning{background-color:var(--bcm-color-warmyellow-1);color:var(--bcm-color-warmyellow-6)}.message.success{background-color:var(--bcm-color-green-1);color:var(--bcm-color-green-6)}.message bcm-icon{margin-right:9px;margin-top:2px}';export{n as bcm_message}
+import{r as e,h as i,H as t,g as s}from"./p-170cf07d.js";import{c as a}from"./p-bed627ab.js";import"./p-e45c1546.js";var r;!function(e){e.info="info",e.error="error",e.warning="warning",e.success="success"}(r||(r={}));const n=class{constructor(i){e(this,i),this.status=r.info,this.fullWidth=!1,this.loading=!1,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case r.info:return i("bcm-icon",{icon:"far fa-info-circle"});case r.error:return i("bcm-icon",{icon:"far fa-times-circle"});case r.warning:return i("bcm-icon",{icon:"far fa-exclamation-circle"});case r.success:return i("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{fullWidth:e,status:s,isShow:r,loading:n}=this,o=a("message",n?"info":s,{"full-width":e,show:r}),c=a(this.hidden?"hidden":null);return i(t,{class:c},i("div",{class:o},n&&i("bcm-icon",{icon:"far fa-spinner-third fa-spin"}),!n&&this.getIcon(),i("slot",null)))}get el(){return s(this)}};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}.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:inline-block}:host(.hidden){display:none}.message{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:4px;font-size:12px;line-height:20px}.message:not(.full-width){max-width:460px}.message.info{background-color:var(--bcm-color-blue-1);color:var(--bcm-color-blue-6)}.message.error{background-color:var(--bcm-color-red-1);color:var(--bcm-color-red-6)}.message.warning{background-color:var(--bcm-color-warmyellow-1);color:var(--bcm-color-warmyellow-6)}.message.success{background-color:var(--bcm-color-green-1);color:var(--bcm-color-green-6)}.message bcm-icon{margin-right:9px;margin-top:2px}';export{n as bcm_message}

package/dist/bromcom-ui/{p-61753299.js → p-816fbffd.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{C as r}from"./p-436364c8.js";import{e as s}from"./p-8c018ae0.js";import{c as t}from"./p-3a43bf45.js";class e{static parseColor(r,s=600){if(!r)return{tone:null,colorName:null};const[t,e]=r.split("-");return{tone:e?parseInt(e):s,colorName:t}}}e.isHex=r=>/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r),e.isRgb=r=>/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(r),e.isRgba=r=>/^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(r),e.isHsl=r=>/^hsl\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%)\)$/.test(r),e.isHsla=r=>/^hsla\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%),\s*(\d{1,3})\)$/.test(r),e.isVariable=r=>/^var\((.*)\)$/.test(r),e.extractVariable=r=>r.match(/^var\((.*)\)$/)[1],e.convertColorToHex=t=>{if(t){if(e.isVariable(t)){const r=e.extractVariable(t);return getComputedStyle(document.documentElement).getPropertyValue(r)}if(e.isHex(t))return t;if(e.isRgb(t)){const r=t.match(/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/);return`#${(16777216+65536*parseInt(r[1])+256*parseInt(r[2])+parseInt(r[3])).toString(16).substring(1)}`}if(s(r,t))return s(r,t)}},e.reverseColor=r=>{let s=e.convertColorToHex(r).trim();if(s)return 4===s.length&&(s=`#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}`),(299*parseInt(s.substring(1,3),16)+587*parseInt(s.substring(3,5),16)+114*parseInt(s.substring(5,7),16))/1e3>=200?"#334155":"#fff"},e.dsColor=r=>"var(--bcm-new-ds-color-"+r+")",e.getTwColorToHex=r=>e.getTwColor(r)||t.blue[500],e.getTwColor=(r,s=!1)=>{if(t[r])return t[r];const e=r.split("-"),n=e[e.length-1],o=e.slice(0,e.length-1).join("-");return t[o]&&t[o][n]?s?1:t[o][n]:t[o]?s?2:t[o]:(console.warn("Color not found in tailwind colors: "+r),0)},e.twColor=(r,s="500")=>{const t=r&&-1===r.indexOf("-")?`${r}-${s}`:r,n=e.getTwColor(t,!0);return 1===n?t:2===n?r:"blue-500"},e.twColorReverse=r=>e.reverseColor(e.getTwColorToHex(r)),e.generateStyleString=r=>Object.keys(r).reduce(((s,t)=>`${s}${t}:${r[t]};`),"");export{e as C}
+import{C as r}from"./p-436364c8.js";import{e as s}from"./p-8c018ae0.js";import{c as t}from"./p-4680865d.js";class e{static parseColor(r,s=600){if(!r)return{tone:null,colorName:null};const[t,e]=r.split("-");return{tone:e?parseInt(e):s,colorName:t}}}e.isHex=r=>/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r),e.isRgb=r=>/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(r),e.isRgba=r=>/^rgba\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/.test(r),e.isHsl=r=>/^hsl\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%)\)$/.test(r),e.isHsla=r=>/^hsla\((\d{1,3}),\s*(\d{1,3}%),\s*(\d{1,3}%),\s*(\d{1,3})\)$/.test(r),e.isVariable=r=>/^var\((.*)\)$/.test(r),e.extractVariable=r=>r.match(/^var\((.*)\)$/)[1],e.convertColorToHex=t=>{if(t){if(e.isVariable(t)){const r=e.extractVariable(t);return getComputedStyle(document.documentElement).getPropertyValue(r)}if(e.isHex(t))return t;if(e.isRgb(t)){const r=t.match(/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/);return`#${(16777216+65536*parseInt(r[1])+256*parseInt(r[2])+parseInt(r[3])).toString(16).substring(1)}`}if(s(r,t))return s(r,t)}},e.reverseColor=r=>{let s=e.convertColorToHex(r).trim();if(s)return 4===s.length&&(s=`#${s[1]}${s[1]}${s[2]}${s[2]}${s[3]}${s[3]}`),(299*parseInt(s.substring(1,3),16)+587*parseInt(s.substring(3,5),16)+114*parseInt(s.substring(5,7),16))/1e3>=200?"#334155":"#fff"},e.dsColor=r=>"var(--bcm-new-ds-color-"+r+")",e.getTwColorToHex=r=>e.getTwColor(r)||t.blue[500],e.getTwColor=(r,s=!1)=>{if(t[r])return t[r];const e=r.split("-"),n=e[e.length-1],o=e.slice(0,e.length-1).join("-");return t[o]&&t[o][n]?s?1:t[o][n]:t[o]?s?2:t[o]:(console.warn("Color not found in tailwind colors: "+r),0)},e.twColor=(r,s="500")=>{const t=r&&-1===r.indexOf("-")?`${r}-${s}`:r,n=e.getTwColor(t,!0);return 1===n?t:2===n?r:"blue-500"},e.twColorReverse=r=>e.reverseColor(e.getTwColorToHex(r)),e.generateStyleString=r=>Object.keys(r).reduce(((s,t)=>`${s}${t}:${r[t]};`),"");export{e as C}

package/dist/bromcom-ui/{p-3b38d001.js → p-83882081.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-f6169b46.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:f}=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 r&&r.call(this)},i.componentWillRender=async function(){if(o){const i=t(this);if(o){const t=n((()=>i.hasAttribute(s)?i.getAttribute(s).valueOf():i[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),i.removeAttribute(s)}return f&&f.call(this)}}}}export{s as J}
+import{g as t}from"./p-170cf07d.js";import{s as n}from"./p-cd2293b7.js";function s(s,o=!1){return(i,c)=>{const{connectedCallback:r,componentWillRender:e}=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 r&&r.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 e&&e.call(this)}}}}export{s as J}

package/dist/bromcom-ui/{p-86384d20.entry.js → p-85371fa1.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as p}from"./p-170cf07d.js";import{G as n}from"./p-f6169b46.js";import"./p-ccbb5a6b.js";import"./p-3a43bf45.js";import"./p-6657830f.js";const s=class{constructor(i){e(this,i),this._id=n.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 p=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!==p&&(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,p;if(!this.multi){var n=(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===(p=null==e?void 0:e.target)||void 0===p?void 0:p.nodeName)||null)&&this._id==n&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return p(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}.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}
+import{r as e,h as i,H as t,g as p}from"./p-170cf07d.js";import{G as n}from"./p-cd2293b7.js";import"./p-482054dc.js";import"./p-4680865d.js";import"./p-e45c1546.js";const s=class{constructor(i){e(this,i),this._id=n.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 p=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!==p&&(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,p;if(!this.multi){var n=(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===(p=null==e?void 0:e.target)||void 0===p?void 0:p.nodeName)||null)&&this._id==n&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return p(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}.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-862e5ce9.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import"./p-7e44e6b5.js";import{S as t}from"./p-6b5ed4d8.js";import{d as s}from"./p-8c018ae0.js";import{F as i}from"./p-6e5f5f36.js";import{C as h}from"./p-816fbffd.js";import"./p-626a65e9.js";import{G as e}from"./p-cd2293b7.js";import"./p-4ebb85f9.js";import"./p-0389b380.js";import{a as o}from"./p-a313fba6.js";class r{constructor({message:r,targetId:a,placement:c="top",color:w="slate-700",trigger:n="none",size:l="medium",openDelay:m=0,closeDelay:p=0,autoHide:b=!1,emitShow:d=(()=>{}),emitHide:u=(()=>{})}){this.destroy=()=>{this.el=document.getElementById(this.id),this.el&&(this.el.remove(),this.emitHide()),this.removeListener()},this.target=()=>document.getElementById(this.targetId),this.sizeClass=()=>{switch(this.size){case o.Size.small:return"tw-text-1";case o.Size.medium:return"tw-text-2";case o.Size.large:return"tw-text-3";default:return"tw-text-2"}},this.init=()=>{const{tone:s,colorName:i}=h.parseColor(this.color,700),o=e.getTwColor({color:i,tones:{[s]:["bg"]},variable:"--bcm-tooltip"}),r=Object.assign(Object.assign({},o),o["--bcm-tooltip-bg"]&&{"--bcm-tooltip-text":h.reverseColor(o["--bcm-tooltip-bg"])});this.el=e.createElement("div",{id:`${this.targetId}-tooltip-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-[--bcm-tooltip-bg] tw-text-[--bcm-tooltip-text] ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,role:"tooltip","aria-hidden":"true",style:h.generateStyleString(r),innerHTML:t.trim(this.message)})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),this.trigger&&this.target())switch(this.trigger){case"click":this.target().addEventListener("click",this.toggle.bind(this)),this.autoHide&&this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"hover":this.target().addEventListener("mouseenter",this.show.bind(this)),this.target().addEventListener("mouseleave",this.hide.bind(this));break;case"focus":this.target().addEventListener("focus",this.show.bind(this),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.removeListener=()=>{window.removeEventListener("resize",this.calculatePosition.bind(this)),window.removeEventListener("scroll",this.calculatePosition.bind(this),!0),window.removeEventListener("wheel",this.calculatePosition.bind(this)),this.target()&&(this.target().removeEventListener("click",this.toggle.bind(this)),this.target().removeEventListener("mouseenter",this.show.bind(this)),this.target().removeEventListener("mouseleave",this.hide.bind(this)),this.target().removeEventListener("focus",this.show.bind(this),!0),this.target().removeEventListener("blur",this.hide.bind(this),!0))},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&i({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:"tw-bg-[--bcm-tooltip-bg]"})},this.show=async()=>{this.message?(this.init(),await s(this.openDelay),this.calculatePosition(),this.emitShow()):this.hide()},this.hide=async()=>{this.el=document.getElementById(this.id),this.el&&(await s(this.closeDelay),this.el&&this.el.remove(),this.emitHide())},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.message=r,this.targetId=a,this.placement=c,this.color=w,this.id=a+"-tooltip-box",this.trigger=n,this.size=l,this.openDelay=m,this.closeDelay=p,this.autoHide=b,this.emitShow=d,this.emitHide=u}}export{r as T}

package/dist/bromcom-ui/{p-32c55505.entry.js → p-8c3535b6.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-170cf07d.js";import{c as l}from"./p-e0ab7b38.js";import"./p-6657830f.js";const p=class{constructor(t){e(this,t),this.even=!1,this.first=!1,this.last=!1,this.icon=void 0,this.timelineType="left",this.hidden=!1}render(){const e=l("timeline-item",[this.timelineType],{even:this.even,first:this.first,last:this.last,icon:this.icon}),n=l(this.hidden?"hidden":null);return t(i,{class:n},t("div",{class:e},this.icon&&t("bcm-icon",{icon:this.icon}),t("slot",null)))}get el(){return n(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.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}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100px;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:"";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}';export{p as bcm_timeline_item}
+import{r as e,h as t,H as i,g as n}from"./p-170cf07d.js";import{c as l}from"./p-bed627ab.js";import"./p-e45c1546.js";const p=class{constructor(t){e(this,t),this.even=!1,this.first=!1,this.last=!1,this.icon=void 0,this.timelineType="left",this.hidden=!1}render(){const e=l("timeline-item",[this.timelineType],{even:this.even,first:this.first,last:this.last,icon:this.icon}),n=l(this.hidden?"hidden":null);return t(i,{class:n},t("div",{class:e},this.icon&&t("bcm-icon",{icon:this.icon}),t("slot",null)))}get el(){return n(this)}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.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}.timeline-item{position:relative;font-size:14px;line-height:22px;padding:8px 8px 8px 30px}.timeline-item:after{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;border-radius:100px;background-color:#ffffff;border:2px solid #4293CF;box-sizing:border-box}.timeline-item:before{content:"";position:absolute;top:30px;left:3px;width:2px;height:calc(100% - 23px);background-color:#e8e8e8}.timeline-item.last:before{display:none}.timeline-item.icon:after{display:none}bcm-icon{position:absolute;top:10px;left:-4px}.timeline-item.right{text-align:right;padding-left:8px;padding-right:30px}.timeline-item.right:after{left:inherit;right:0}.timeline-item.right:before{left:inherit;right:3px}.timeline-item.right bcm-icon{left:inherit;right:-4px}:host-context(.timeline.alternate){flex:0 0 50% !important;max-width:50% !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:right;padding-left:8px;padding-right:30px}:host-context(.timeline.alternate) .timeline-item.even:after{left:inherit;right:-5px}:host-context(.timeline.alternate) .timeline-item.even:before{left:inherit;right:-1px}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:inherit;right:-8px}:host-context(.timeline.alternate) .timeline-item:not(.even):after{left:-3px}:host-context(.timeline.alternate) .timeline-item:not(.even):before{left:0px}:host-context(.timeline.alternate) .timeline-item:not(.even) bcm-icon{left:-7px}@media screen and (min-width: 576px){:host-context(.timeline.alternate){flex:1 1 100% !important;max-width:100% !important;margin-left:inherit !important}:host-context(.timeline.alternate) .timeline-item.even{text-align:left;padding-left:30px;padding-right:8px}:host-context(.timeline.alternate) .timeline-item.even:after{left:-5px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even:before{left:-1px;right:inherit}:host-context(.timeline.alternate) .timeline-item.even bcm-icon{left:-8px;right:inherit}}';export{p as bcm_timeline_item}

package/dist/bromcom-ui/{p-4393b33e.entry.js → p-903d62ff.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-170cf07d.js";import{S as n,T as c,D as l}from"./p-e53f8a82.js";import{d as r,c as p}from"./p-8c018ae0.js";import{c as o}from"./p-e0ab7b38.js";import"./p-6657830f.js";const b=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),p(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){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="error")}))}async info(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="processing")}))}async warning(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="warning")}))}async success(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="success")}))}async statusReset(t){p(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(){p(this.el,"bcm-tab").forEach((t=>{t.active&&(this.bcmTabsActiveItem.emit(t.tabId),t.disabled=!1)}))}getActive(){const t=p(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=o("tabs",[this.direction],[this.size],[this.type],this.fullWidth?"full-width":null,this.underline?"underline":null),i=o(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"]}}};b.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{b as bcm_tabs}
+import{r as t,c as i,f as s,h as e,H as h,g as a}from"./p-170cf07d.js";import{S as n,T as c,D as l}from"./p-e53f8a82.js";import{d as r,c as p}from"./p-8c018ae0.js";import{c as o}from"./p-bed627ab.js";import"./p-e45c1546.js";const b=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),p(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){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="error")}))}async info(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="processing")}))}async warning(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="warning")}))}async success(t,i=!1){p(this.el,"bcm-tab").forEach((s=>{s.tabId==t&&(s.badge=!0,s.blink=i,s.status="success")}))}async statusReset(t){p(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(){p(this.el,"bcm-tab").forEach((t=>{t.active&&(this.bcmTabsActiveItem.emit(t.tabId),t.disabled=!1)}))}getActive(){const t=p(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=o("tabs",[this.direction],[this.size],[this.type],this.fullWidth?"full-width":null,this.underline?"underline":null),i=o(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"]}}};b.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{b as bcm_tabs}

package/dist/bromcom-ui/{p-9589f69c.entry.js → p-91873347.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as s,H as r}from"./p-170cf07d.js";import{c as i}from"./p-e0ab7b38.js";import{c as o}from"./p-3a43bf45.js";import"./p-6657830f.js";const e=class{constructor(s){t(this,s),this.center=!1,this.color=o.black,this.opacity="0.5",this.zIndex="10400"}render(){return s(r,{class:i("tw-fixed tw-inset-0 tw-transition",{"tw-flex tw-items-center tw-justify-center":this.center}),style:{backgroundColor:`${this.color}`,opacity:this.opacity,zIndex:this.zIndex}},s("slot",null))}},c=class{constructor(s){t(this,s),this.width="inherit",this.height="inherit",this.isDisabled=!1}render(){return s(r,{class:i("tw-block",{"tw-overflow-y-scroll tw-overscroll-contain":!this.isDisabled}),style:{width:this.width,height:this.height}},s("slot",null))}};export{e as bcm_overlay,c as bcm_scroll_area}
+import{r as t,h as s,H as r}from"./p-170cf07d.js";import{c as i}from"./p-bed627ab.js";import{c as o}from"./p-4680865d.js";import"./p-e45c1546.js";const e=class{constructor(s){t(this,s),this.center=!1,this.color=o.black,this.opacity="0.5",this.zIndex="10400"}render(){return s(r,{class:i("tw-fixed tw-inset-0 tw-transition",{"tw-flex tw-items-center tw-justify-center":this.center}),style:{backgroundColor:`${this.color}`,opacity:this.opacity,zIndex:this.zIndex}},s("slot",null))}},c=class{constructor(s){t(this,s),this.width="inherit",this.height="inherit",this.isDisabled=!1}render(){return s(r,{class:i("tw-block",{"tw-overflow-y-scroll tw-overscroll-contain":!this.isDisabled}),style:{width:this.width,height:this.height}},s("slot",null))}};export{e as bcm_overlay,c as bcm_scroll_area}

package/dist/bromcom-ui/{p-f7e70814.entry.js → p-91f15c4d.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as o,c as t,h as p,H as i,g as e}from"./p-170cf07d.js";import{c as r}from"./p-e0ab7b38.js";import{C as n}from"./p-61753299.js";import{G as c}from"./p-f6169b46.js";import{S as m}from"./p-a0d6d680.js";import{s}from"./p-beaec5b8.js";import"./p-6657830f.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-3a43bf45.js";import"./p-ccbb5a6b.js";import"./p-a313fba6.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}
+import{r as o,c as t,h as p,H as i,g as e}from"./p-170cf07d.js";import{c as r}from"./p-bed627ab.js";import{C as n}from"./p-816fbffd.js";import{G as c}from"./p-cd2293b7.js";import{S as m}from"./p-6b5ed4d8.js";import{s}from"./p-fcc6f71e.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4680865d.js";import"./p-482054dc.js";import"./p-a313fba6.js";const b={error:["fal fa-times-circle","red-6"],warning:["fal fa-exclamation-circle","warmyellow-6"]},a=class{constructor(p){o(this,p),this.onConfirm=t(this,"bcm-popconfirm-confirm",7),this.onCancel=t(this,"bcm-popconfirm-cancel",7),this.onShow=t(this,"bcm-popconfirm-show",7),this._id=c.UID(),this._target_id=void 0,this.message=void 0,this.status="warning",this.cancelText="No",this.okeyText="Yes",this.placement=void 0,this.open=!1,this.hidden=!1,this._internal_id=void 0,this.placement_string=void 0}getPopconfirm(){return document.querySelector(`bcm-popconfirm[id="${this._target_id}"]`)}handleClickOutside(o){this.el.contains(o.target)||this.getPopconfirm().contains(o.target)||(this.getPopconfirm().hide(),this.hide())}showHandler(o){o.detail!=this._target_id&&(this.getPopconfirm().hide(),this.hide())}async show(){this.open=!0,this.onShow.emit(this._target_id)}async hide(){this.open=!1}componentWillRender(){this.calculateLocation()}calculateLocation(){if(this.open){var o=this.placement;const t=this.el.querySelector(".bcm-pop-box"),p=document.getElementById(this._target_id).children[0];if(t&&p){let t=s(o,p,{top:p.offsetTop,left:p.offsetLeft});this.setPlacementString(o),this.el.style.top=t[0]+"px",this.el.style.left=t[1]+"px"}}}setPlacementString(o){const t=m.textContains(o,"-")?o.split("-"):o.split(" ");1===t.length&&t.push("center"),this.placement_string=t.join(" ")}handleConfirm(){this.getPopconfirm().hide(),this.hide(),this.onConfirm.emit(this._target_id)}handleCancel(){this.getPopconfirm().hide(),this.hide(),this.onCancel.emit(this._target_id)}render(){const{message:o,cancelText:t,okeyText:e,open:c,placement_string:m,status:s}=this,a=b[s],x=r("bcm-pop-box"),f=r("bcm-popconfirm-box",m,{"bcm-pop-open":c});return p(i,{class:f},p("div",{class:x},p("div",{class:"bcm-pop-content"},p("div",{class:"bcm-pop-content-icon size-3",style:{color:n.convertColorToHex(a[1])}},p("bcm-icon",{icon:a[0]})),p("div",{class:"bcm-pop-content-text"},p("bcm-text",{scale:"size-2",innerHTML:o}))),p("div",{class:"bcm-pop-buttons"},p("bcm-button",{size:"small",onClick:()=>this.handleCancel(),outline:!0},t),p("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},e))))}get el(){return e(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popconfirm-box{position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popconfirm-box .bcm-pop-box{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:230px;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25));padding:8px 16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content{display:flex;flex-direction:row;align-items:flex-start}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-icon{margin-right:8px;min-width:16px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-content-text{display:flex;flex-direction:row;align-items:center;text-align:left;padding-top:1px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons{display:flex;justify-content:flex-end;margin-top:8px}.bcm-popconfirm-box .bcm-pop-box .bcm-pop-buttons bcm-button:first-child{margin-right:8px}.bcm-popconfirm-box::after{content:"";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popconfirm-box.bcm-pop-open{display:block;z-index:10900}.bcm-popconfirm-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popconfirm-box.bcm-pop-open::after{display:block}.bcm-popconfirm-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popconfirm-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popconfirm-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popconfirm-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popconfirm-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popconfirm-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popconfirm-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popconfirm-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popconfirm-box.top.center .bcm-pop-box,.bcm-popconfirm-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.center::after,.bcm-popconfirm-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popconfirm-box.top.start .bcm-pop-box,.bcm-popconfirm-box.bottom.start .bcm-pop-box{left:0}.bcm-popconfirm-box.top.start::after,.bcm-popconfirm-box.bottom.start::after{left:16px}.bcm-popconfirm-box.top.end .bcm-pop-box,.bcm-popconfirm-box.bottom.end .bcm-pop-box{right:0}.bcm-popconfirm-box.top.end::after,.bcm-popconfirm-box.bottom.end::after{right:16px}.bcm-popconfirm-box.left.center .bcm-pop-box,.bcm-popconfirm-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.center::after,.bcm-popconfirm-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popconfirm-box.left.start .bcm-pop-box,.bcm-popconfirm-box.right.start .bcm-pop-box{top:0}.bcm-popconfirm-box.left.start::after,.bcm-popconfirm-box.right.start::after{top:12px}.bcm-popconfirm-box.left.end .bcm-pop-box,.bcm-popconfirm-box.right.end .bcm-pop-box{bottom:0}.bcm-popconfirm-box.left.end::after,.bcm-popconfirm-box.right.end::after{bottom:12px}.bcm-popconfirm-box.top{transform:translateY(1px)}.bcm-popconfirm-box.bottom{transform:translateY(-1px)}.bcm-popconfirm-box.left{transform:translateX(1px)}.bcm-popconfirm-box.right{transform:translateX(-1px)}.bcm-popconfirm-box.top.bcm-pop-open,.bcm-popconfirm-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popconfirm-box.left.bcm-pop-open,.bcm-popconfirm-box.right.bcm-pop-open{transform:translateX(0)}';export{a as bcm_popconfirm_box}

package/dist/bromcom-ui/p-965ef00a.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-170cf07d.js";import{D as h,E as r}from"./p-7e44e6b5.js";import{c as o}from"./p-bed627ab.js";import{D as c}from"./p-626a65e9.js";import{d as l}from"./p-8c018ae0.js";import{G as d}from"./p-cd2293b7.js";import{B as m}from"./p-a313fba6.js";import{g as p,s as u}from"./p-fcc6f71e.js";import{L as b}from"./p-a8fd6d69.js";import{I as g}from"./p-9850cbce.js";import"./p-e45c1546.js";import"./p-482054dc.js";import"./p-4680865d.js";import"./p-6b5ed4d8.js";var f,x,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"}(f||(f={})),function(t){t.sunday="sunday",t.monday="monday",t.tuesday="tuesday",t.wednesday="wednesday",t.thursday="thursday",t.friday="friday",t.saturday="saturday"}(x||(x={})),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.noMargin=!1,this.captionError=void 0,this.caption="",this.captionType="default",this.alignment=void 0,this.placement=m.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,h.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,h.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,h.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,h.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,h.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,h.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 h=s?n+1:n-1;h<0?h=0:void 0===this[t][h]&&(h=this[t].length-1),"time"!=this.type||this.selectedDate||this.setTime(),this.setDragSelection(t,this[t][h],!0,!0)}))}createDragSelection(t,e,i,s,a){const n=t+"Dragger";this[n]=new r({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&&"The selected date is not allowed."||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=0==this.currentDate.minute?0: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(f)[this.renderDate.getMonth()]}getCurrentDateText(){const t=Object.values(x)[this.currentDate.dayOfWeek],e=Object.values(f)[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}parseDate(t){var e=t.split("/"),i=parseInt(e[0],10),s=parseInt(e[1],10)-1,a=parseInt(e[2],10);if(isNaN(i)||isNaN(s)||isNaN(a))return"invalid date";var n=new Date(a,s,i);return n.getDate()!==i||n.getMonth()!==s||n.getFullYear()!==a?"invalid date":n}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),h=new Date(s),r="invalid date"!==n.toString().toLowerCase()&&"invalid date"!==this.parseDate(t),o="invalid date"!==h.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),m=/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(a),p=r&&l,u=o&&d;return{date:n,date2:h,timeSections:m?a.split(":"):"",dateIsValid:p,date2IsValid:u,rangeIsValid:p&&u,timeIsValid:m}}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(),h=i(new Date(t).getHours()),r=i(new Date(t).getMinutes());return"range"==this.type||"date"==this.type?e?`${a}/${s}/${n}`:`${s}/${a}/${n}`:e?`${a}/${s}/${n} ${h}:${r}`:`${s}/${a}/${n} ${h}:${r}`}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){p(t,e,i,(t=>i=t)),await l(10);let s=u(i,e),a=this.noCaption?0:20,n=0;switch(p(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)===m.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,"no-margin":this.noMargin}),n=o("toggle",{disabled:this.disabled}),h="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(),"no-margin":!0,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("span",{id:"error-icon",class:n,innerHTML:'<svg style="fill: #ef4444; 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 200zm42-104c0 23.2-18.8 42-42 42s-42-18.8-42-42 18.8-42 42-42 42 18.8 42 42zm-81.4-211.4l6.8 136c.3 6.4 5.6 11.4 12 11.4h41.2c6.4 0 11.7-5.1 12-11.4l6.8-136c.3-6.9-5.1-12.6-12-12.6h-54.8c-6.9 0-12.4 5.7-12 12.6z"/></svg>',title:this.errorText})),s("span",{slot:"suffix",onClick:()=>this.openPicker()},s("span",{id:"calender-icon",class:n,innerHTML:h}))),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,h=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(h=(n<3?a(h):n>3?a(e,i,h):a(e,i))||h);n>3&&h&&Object.defineProperty(e,i,h)})([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"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-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-flex;flex-direction:column;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.no-margin){margin:0}: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}.bcm-label{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:4px;font-weight:500;color:#475569}.bcm-label.tw-text-1{font-size:10px;line-height:18px}.bcm-label.tw-text-2{font-size:12px;line-height:20px}.bcm-label.tw-text-3{font-size:14px;line-height:22px}.bcm-caption-area{color:#dc2626;font-weight:400;justify-content:space-between;align-items:flex-start;flex-direction:row;min-height:20px;display:flex;margin-top:4px;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bcm-caption-area.tw-text-1{font-size:10px;line-height:18px}.bcm-caption-area.tw-text-2{font-size:12px;line-height:20px}.bcm-caption-area.tw-text-3{font-size:14px;line-height:22px}.picker-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch}';export{w as bcm_datetime_picker}

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

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

package/dist/bromcom-ui/{p-ab2dcd70.entry.js → p-9ea56166.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{h as s,r as t,c as i,g as e}from"./p-170cf07d.js";import{G as c}from"./p-f6169b46.js";import{B as o}from"./p-a313fba6.js";import{c as h}from"./p-e0ab7b38.js";import{N as a}from"./p-b12c8235.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-ccbb5a6b.js";import"./p-3a43bf45.js";import"./p-6657830f.js";const m=({_id:t,color:i,customStyle:e,size:c,checked:m,hidden:p,value:d,type:b,onDismiss:f,onSelect:u})=>{!c&&(c=o.FontSize["size-1"]);const j=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),k=h("bcm-tag",{hidden:p});return s("div",{id:t,class:h(k,{checked:m})},s("span",{hidden:!0},s("slot",null)),s("span",{class:j,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>u(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:m}),s("span",{class:"value",style:e},d),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>f(s)},s("bcm-icon",{icon:"fal fa-times"}))))},p=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(m,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{p as bcm_tag}
+import{h as s,r as t,c as i,g as e}from"./p-170cf07d.js";import{G as c}from"./p-cd2293b7.js";import{B as o}from"./p-a313fba6.js";import{c as h}from"./p-bed627ab.js";import{N as a}from"./p-4ebb85f9.js";import{e as r}from"./p-8c018ae0.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-482054dc.js";import"./p-4680865d.js";import"./p-e45c1546.js";const d=({_id:t,color:i,customStyle:e,size:c,checked:d,hidden:m,value:p,type:b,onDismiss:f,onSelect:u})=>{!c&&(c=o.FontSize["size-1"]);const j=h(((s,t=!1)=>(a.isNumber(s)&&(s=o.FontSize["size-"+s]||o.FontSize["size-4"]),t?+(o.FontSizeValue[s]||o.FontSizeValue["size-4"])+2:s))(c),"bcm-tag__content",b),k=h("bcm-tag",{hidden:m});return s("div",{id:t,class:h(k,{checked:d})},s("span",{hidden:!0},s("slot",null)),s("span",{class:j,style:(s=>{if((b===o.TagType.basic||b==o.TagType.dismissable)&&n[s])return{color:r(l,n[s]+"-6"),borderColor:r(l,n[s]+"-3"),backgroundColor:r(l,n[s]+"-1")}})(i),onClick:s=>u(s)},b===o.TagType.add&&s("span",{class:"left"},s("bcm-icon",{icon:"far fa-plus"})),b===o.TagType.checkable&&s("input",{type:"checkbox",checked:d}),s("span",{class:"value",style:e},p),b===o.TagType.dismissable&&s("span",{class:"right close-button",onClick:s=>f(s)},s("bcm-icon",{icon:"fal fa-times"}))))},m=class{constructor(s){t(this,s),this.change=i(this,"bcm-change",7),this.tagDismissable=i(this,"bcm-tag-dismissable",7),this.bcmTagSelect=i(this,"bcm-tag-select",7),this._id=c.UID(),this._internal_id=c.UID(),this.hidden=!1,this.value="",this.type=o.TagType.basic,this.checked=!1,this.color=void 0,this.customStyle=void 0,this.itemObject=void 0,this.size=o.FontSize["size-1"],this.closeFunc=s=>s,this.selectFunc=s=>s}handleClick(){this.type===o.TagType.checkable&&this.handleChecked()}handleClose(){this.tagDismissable.emit(this.el)}handleChecked(){this.checked=!this.checked,this.change.emit(this.checked)}render(){const{type:t,color:i,value:e,customStyle:c,size:h,hidden:a,checked:r}=this;return s(d,{size:h,hidden:a,color:i,customStyle:c,checked:r,value:e,type:o.TagType[t],onSelect:s=>{this.bcmTagSelect.emit(s),this.selectFunc({event:s,id:this._id})},onDismiss:s=>{this.handleClose(),this.closeFunc(s)}})}get el(){return e(this)}};export{m as bcm_tag}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as i,c as t,h as e,H as p,g as s}from"./p-170cf07d.js";import"./p-816fbffd.js";import"./p-626a65e9.js";import{G as n}from"./p-cd2293b7.js";import"./p-4ebb85f9.js";import"./p-6b5ed4d8.js";import"./p-0389b380.js";import"./p-7e44e6b5.js";import{a as o}from"./p-a313fba6.js";import{C as a}from"./p-be7e5e83.js";import{c as r}from"./p-bed627ab.js";import"./p-3fac58f7.js";import{L as h}from"./p-a8fd6d69.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-4680865d.js";import"./p-e45c1546.js";import"./p-482054dc.js";const l=class{constructor(e){i(this,e),this.change=t(this,"bcm-change",7),this._id=n.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=o.Status.default,this.captionError=void 0}handleSelectItem(i){const t=null==i?void 0:i.target;if(t instanceof HTMLElement){const e=i.detail,p=document.createElement("bcm-chip");p.setAttribute("value",e.id),p.innerHTML=e.text,t.parentNode.insertBefore(p,t),this.setSelect(e.id)}}handleDismiss(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&(t.remove(),this.setSelect())}handleSelect(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&("addable"===t.type?this.showListComponent(t.id):this.setSelect(t.value))}showListComponent(i){const t=document.getElementById(i+"-list");t&&t.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(i=this.value,t=!1){const e=this.getSlots();if(0===(null==e?void 0:e.length))return;const p=Array.from(e),s=p.find((t=>t.value===i));this.value=s?i:p[0].value,p.forEach((i=>{i.selected=i.value===this.value})),t||this.change.emit(this.value)}setAttr(){const i=this.getSlots();0!==(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:i,required:t,noCaption:s,captionType:n,captionError:o,caption:l}=this,c=r("bcm-chip-group");return e(p,{class:c},i&&e("div",null,e(h,{type:n,value:i,required:t})),e("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},e("slot",null)),e(a,{noCaption:s,captionType:n,captionError:o,caption:l}))}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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}';export{l as bcm_chip_group}