bromcom-ui 2.12.1-test.0 → 3.0.0-preview.0

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as s,c as t,h as i,H as c}from"./p-e3ce7150.js";import{B as e}from"./p-f68a946f.js";import{s as r}from"./p-aa370552.js";import"./p-ccc61045.js";import"./p-85eedabc.js";const a=class{constructor(i){s(this,i),this.click=t(this,"bcm-click",7),this.size=e.Size.medium,this.text="",this.color="--bcm-ui-color-background-primary-info-default",this.value="",this.disabled=!1,this.active=!1}render(){const{text:s,disabled:t,active:e,size:a}=this,{item:o}=r({size:a,disabled:t,active:e});return i(c,{class:o(),onClick:()=>this.click.emit()},i("slot",null,s))}};export{a as bcm_segment_picker_item}

package/dist/bromcom-ui/{p-ba9eff2a.entry.js → p-e8f7282a.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as e,h as i,H as t,g as n}from"./p-170cf07d.js";import{c as s}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.icon=void 0,this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let e;e=this.el.shadowRoot.querySelector("slot").assignedElements(),e.map(((i,t)=>{"bcm-timeline-item"==String(i.tagName).toLowerCase()&&(i.timelineType=this.type,i.even=t%2==0,i.first=0===t,i.last=t===e.length-1,i.icon=i.icon?i.icon:this.icon,this.items.push(i))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const e=s("timeline",[this.type]),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:e},i("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{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{p as bcm_timeline}
+import{r as e,h as i,H as t,g as n}from"./p-e3ce7150.js";import{c as s}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.icon=void 0,this.type="left",this.hidden=!1,this.items=[]}componentDidRender(){let e;e=this.el.shadowRoot.querySelector("slot").assignedElements(),e.map(((i,t)=>{"bcm-timeline-item"==String(i.tagName).toLowerCase()&&(i.timelineType=this.type,i.even=t%2==0,i.first=0===t,i.last=t===e.length-1,i.icon=i.icon?i.icon:this.icon,this.items.push(i))}))}componentWillRender(){console.log(this.el.shadowRoot)}render(){const e=s("timeline",[this.type]),n=s(this.hidden?"hidden":null);return i(t,{class:n},i("div",{class:e},i("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{position:relative;display:flex;flex-direction:column}.timeline ::slotted(bcm-timeline-item){flex:0 0 100%;max-width:100%}.timeline.alternate ::slotted(bcm-timeline-item:nth-child(even)){margin-left:auto;min-width:50%}';export{p as bcm_timeline}

package/dist/bromcom-ui/{p-1c9314bd.entry.js → p-e9672b15.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,c as e,h as i,H as s,g as h}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";const l=class{constructor(i){t(this,i),this.autocompleteItemSelected=e(this,"bcm-autocomplete-item-selected",7),this.objectMapping={id:"id",text:"text",value:"value"},this.searchFields=["text","secondary_text","tooltip_text"],this._items=[],this.fullWidth=!1,this.hidden=!1,this.searchText=null,this.returnField="id",this.searchSub="items",this.searchPlaceholder="Search",this.inputLength=0,this.isOpen=!1,this.resultFound=!1,this.searchData=void 0,this.searchResults=[],this.items=[]}async config(t){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.config(t),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchSub&&(this.searchSub="string"==typeof t.searchSub?t.searchSub:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items))}async setData(t=[]){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.setData(t),this.searchData=JSON.parse(t)}async handleListboxClearSelected(t){const e=t.detail[this.objectMapping.text],i=this.el.shadowRoot.querySelector("bcm-old-search");this.autocompleteItemSelected.emit(t.detail),await i.setValue(e),this.isOpen=!1}listenSearchValue(t){this.inputLength=t.detail.length,this.isOpen=this.inputLength>0}async listenSearchResult(t){this.searchResults=t.detail;const e=this.el.shadowRoot.querySelector("bcm-listbox");await e.searchResultMethod(this.searchResults)}handleClickOutside(t){this.el.contains(t.target)?this.isOpen=this.inputLength>0:this.isOpen&&(this.isOpen=!1)}render(){const{searchText:t,searchData:e,searchFields:h,searchSub:l,returnField:o,isOpen:n,fullWidth:p}=this,c=a("bcm-autocomplete",{open:n}),r=a("bcm-autocomplete-search"),x=a("bcm-autocomplete-result",{open:n}),m=a(this.hidden?"hidden":null,{"full-width":p});return i(s,{class:m},i("div",{class:c},i("div",{class:r},i("bcm-old-search",{searchPlaceholder:this.searchPlaceholder,id:"autocomplete",searchValue:t,data:e,returnField:o,searchFields:h,searchSub:l,clearable:!0})),i("div",{class:x},i("div",{class:"viewport"},i("bcm-listbox",{searchText:t,_flex:"true"})))))}get el(){return h(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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}';export{l as bcm_autocomplete}
+import{r as t,c as e,h as i,H as s,g as h}from"./p-e3ce7150.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";const l=class{constructor(i){t(this,i),this.autocompleteItemSelected=e(this,"bcm-autocomplete-item-selected",7),this.objectMapping={id:"id",text:"text",value:"value"},this.searchFields=["text","secondary_text","tooltip_text"],this._items=[],this.fullWidth=!1,this.hidden=!1,this.searchText=null,this.returnField="id",this.searchSub="items",this.searchPlaceholder="Search",this.inputLength=0,this.isOpen=!1,this.resultFound=!1,this.searchData=void 0,this.searchResults=[],this.items=[]}async config(t){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.config(t),t.searchFields&&Array.isArray(t.searchFields)&&(this.searchFields=t.searchFields),t.searchSub&&(this.searchSub="string"==typeof t.searchSub?t.searchSub:null),t.fullWidth&&(this.fullWidth="boolean"==typeof t.fullWidth&&t.fullWidth),t.searchPlaceholder&&(this.searchPlaceholder="string"==typeof t.searchPlaceholder?t.searchPlaceholder:null),t.mapping&&(t.mapping.id&&(this.objectMapping.id=t.mapping.id,this.returnField=this.objectMapping.id),t.mapping.text&&(this.objectMapping.text=t.mapping.text),t.mapping.value&&(this.objectMapping.value=t.mapping.value),t.mapping.items&&(this.objectMapping.items=t.mapping.items,this.searchSub=this.objectMapping.items))}async setData(t=[]){await customElements.whenDefined("bcm-listbox"),this.bcmListbox=this.el.shadowRoot.querySelector("bcm-listbox"),await this.bcmListbox.setData(t),this.searchData=JSON.parse(t)}async handleListboxClearSelected(t){const e=t.detail[this.objectMapping.text],i=this.el.shadowRoot.querySelector("bcm-old-search");this.autocompleteItemSelected.emit(t.detail),await i.setValue(e),this.isOpen=!1}listenSearchValue(t){this.inputLength=t.detail.length,this.isOpen=this.inputLength>0}async listenSearchResult(t){this.searchResults=t.detail;const e=this.el.shadowRoot.querySelector("bcm-listbox");await e.searchResultMethod(this.searchResults)}handleClickOutside(t){this.el.contains(t.target)?this.isOpen=this.inputLength>0:this.isOpen&&(this.isOpen=!1)}render(){const{searchText:t,searchData:e,searchFields:h,searchSub:l,returnField:o,isOpen:n,fullWidth:p}=this,c=a("bcm-autocomplete",{open:n}),r=a("bcm-autocomplete-search"),x=a("bcm-autocomplete-result",{open:n}),m=a(this.hidden?"hidden":null,{"full-width":p});return i(s,{class:m},i("div",{class:c},i("div",{class:r},i("bcm-old-search",{searchPlaceholder:this.searchPlaceholder,id:"autocomplete",searchValue:t,data:e,returnField:o,searchFields:h,searchSub:l,clearable:!0})),i("div",{class:x},i("div",{class:"viewport"},i("bcm-listbox",{searchText:t,_flex:"true"})))))}get el(){return h(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}:host{display:inline-block;width:fit-content;height:fit-content}:host(.hidden){display:none}:host(.full-width){width:100%;height:100%}:host(.full-width) .bcm-autocomplete{max-height:100%;max-width:100%}.bcm-autocomplete{background-color:var(--bcm-color-grey-1);display:flex;flex-direction:column;height:100%;width:100%;min-width:256px;max-width:256px;position:relative}.bcm-autocomplete-result{position:relative}.bcm-autocomplete-result .viewport{position:absolute;overflow:hidden;height:0;transition:height 0.3s ease;background-color:#ffffff;width:100%;z-index:10000}.bcm-autocomplete-result.open .viewport{height:256px}';export{l as bcm_autocomplete}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as s,c as t,h as i,H as h,g as e}from"./p-e3ce7150.js";import{B as c}from"./p-f68a946f.js";import{s as o}from"./p-aa370552.js";import"./p-ccc61045.js";import"./p-85eedabc.js";const r=class{constructor(i){s(this,i),this.change=t(this,"bcm-change",7),this.changeSegment=t(this,"bcm-segment-picker:change",7),this.handleChange=s=>{s.preventDefault();const t=s.target;this.change.emit(t.value),this.changeSegment.emit(t.value),this.setSegmentItemActive(t.value)},this.setSegmentItemActive=s=>{this.el.querySelectorAll("bcm-segment-picker-item").forEach((t=>{if(t.value==s){t.active=!0,this.value=s;const i=t.getAttribute("color"),{offsetWidth:h,offsetLeft:e}=t,{style:c}=this.el;c.setProperty("--highlight-width",`${h}px`),c.setProperty("--highlight-x-pos",`${e}px`),c.setProperty("--highlight-color",`var(${i})`)}else t.active=!1}))},this.size=c.Size.medium,this.name="",this.value="",this.defaultValue="",this.disabled=!1,this.fullWidth=!1,this.block=!1,this.data=[]}componentDidLoad(){const{defaultValue:s}=this;s&&this.setSegmentItemActive(s)}render(){const{base:s}=o({size:this.size});return i(h,{class:s(),"onbcm-click":this.handleChange},i("slot",null))}get el(){return e(this)}};export{r as bcm_segment_picker}

package/dist/bromcom-ui/{p-11a5ae6d.entry.js → p-ef84ca66.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as t,h as s,H as h,g as a}from"./p-170cf07d.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as e}from"./p-2df6b47d.js";import"./p-58c0a1f5.js";import{S as l}from"./p-35f2e15a.js";import"./p-4f6eb6d6.js";import"./p-6f861fed.js";import{d as o}from"./p-6f2e4c9b.js";import{B as r}from"./p-a313fba6.js";import{C as n}from"./p-8e683b32.js";import{c}from"./p-64fad38b.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{i as d}from"./p-d1298c40.js";import"./p-436364c8.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-3a60a194.js";import"./p-08c75801.js";const u=class{constructor(s){i(this,s),this.focus=t(this,"bcm-focus",3),this.blur=t(this,"bcm-blur",3),this.clear=t(this,"bcm-clear",3),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",3),this.beforeClear=t(this,"bcm-input-before-clear",3),this._onChange=t(this,"bcm-onchange",3),this.inValid=!1,this.onInput=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("input",(i=>{this.input.emit(i)}))},this.onChange=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("change",(i=>{this.change.emit(i)}))},this.onFocus=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("focus",(i=>{this.isFocus=!0,this.focus.emit(i)}))},this.onBlur=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("blur",(i=>{this.isFocus=!1,this.blur.emit(i)}))},this.onKeydown=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("keydown",(i=>{"ArrowUp"===i.key&&(i.preventDefault(),this.up()),"ArrowDown"===i.key&&(i.preventDefault(),this.down())}))},this.listener=()=>{this.onInput(),this.onChange(),this.onFocus(),this.onBlur(),this.onKeydown()},this._id=e.UID(),this.value="",this.defaultValue=void 0,this._prefix=void 0,this._suffix=void 0,this.size="medium",this.min=void 0,this.max=void 0,this.step=1,this.label=void 0,this.name=void 0,this.fullWidth=!1,this.clearable=!1,this.readonly=!1,this.disabled=!1,this.required=!1,this.mode="none",this.placeholder=void 0,this.thousandSeparator=!1,this.decimalSeparator=void 0,this.decimalScale=void 0,this.fixedDecimalScale=!1,this.allowNegative=!0,this.allowLeadingZeros=!1,this.unitPrefix=void 0,this.unitSuffix=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=r.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this.isFocus=!1,this.captionCache=void 0,this.captionTypeCache=void 0,this.valueCache=""}connectedCallback(){this.defaultValue&&(this.value=+this.defaultValue),this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentDidLoad(){this.listener()}up(){this.disabled||(this.value||(this.value=Number(0)),this.value=+this.value+ +this.step,"strict"===this.mode&&this.max&&+this.value>+this.max&&(this.value=this.max))}down(){this.disabled||(this.value||(this.value=Number(0)),this.value=+this.value-+this.step,"strict"===this.mode&&this.min&&+this.value<+this.min&&(this.value=this.min))}handleClear(i){this.disabled||this.beforeClear.emit(i).defaultPrevented||(this.value="",this.clear.emit(i))}checkLength(){const{min:i,max:t,value:s}=this,h=i,a=t;let e=null==s?void 0:s.toString();i&&t?+e<+i||+e>+t?(this.setCaption(l.getMessage("betweenlength",[h,a]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):h?+e<+h?(this.setCaption(l.getMessage("minlength",[h]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):a&&(e>a?(this.setCaption(l.getMessage("maxlength",[a]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1))}watchValue(){this.checkLength()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(i){await this.setValue(i)}async get(){return this.value||null}async setValue(i){this.value=i}async setClear(){return this.value=null,await o(10),Promise.resolve()}async resetCaption(){return await o(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await o(10),Promise.resolve()}setCaption(i=null,t=null){return this.caption=i||this.captionCache,this.captionType=t||this.captionTypeCache,this.captionError="error"==t?i:null,Promise.resolve()}disconnectedCallback(){var i,t,s,h,a;null===(i=this.inputElement)||void 0===i||i.removeEventListener("input",this.onInput.bind(this)),null===(t=this.inputElement)||void 0===t||t.removeEventListener("change",this.onChange.bind(this)),null===(s=this.inputElement)||void 0===s||s.removeEventListener("focus",this.onFocus.bind(this)),null===(h=this.inputElement)||void 0===h||h.removeEventListener("blur",this.onBlur.bind(this)),null===(a=this.inputElement)||void 0===a||a.removeEventListener("keydown",this.onKeydown.bind(this))}render(){const{_prefix:i,_suffix:t,noCaption:a,captionType:e,captionError:l,caption:o,required:r,_id:u,label:p,size:m,fullWidth:b,clearable:f,value:v,placeholder:j,thousandSeparator:w,decimalSeparator:g,decimalScale:x,fixedDecimalScale:y,allowNegative:C,allowLeadingZeros:S,unitPrefix:B,unitSuffix:k,min:D,max:V,step:L,defaultValue:N,disabled:_,mode:P}=this,T=(null==v?void 0:v.toString().length)>0&&f,z="error"==this.captionType||this.inValid,{host:E,inputContainer:H,slotClass:M,clearButton:O,controls:q,controlsBtn:A,controlsBtnDown:F,controlsBtnUp:I,controlsDivider:U,input:W}=d({size:m,fullWidth:b,clearable:T,disabled:_,invalid:z}),Z={placeholder:j,thousandSeparator:w,decimalSeparator:g,decimalScale:x,fixedDecimalScale:y,allowNegative:C,allowLeadingZeros:S,prefix:B,suffix:k},G={min:D,max:V,step:L,value:v,defaultValue:N},R=Object.assign(Object.assign(Object.assign({id:u+"-base-input",name:this.name,disabled:_,mode:P,"aria-label":p,"aria-labelledby":u+"-label",getInputRef:i=>{this.inputElement=i},className:W()},Z),G),{onValueChange:i=>{const{floatValue:t}=i;this.value=t,this._onChange.emit(i)}});return s(h,{class:E()},p&&s("bcm-label",{size:m,type:e,value:p,required:r,htmlFor:u+"-base-input",id:u+"-label"}),s("div",{class:H()},s("div",{class:M()},s("slot",{name:"prefix"},i&&i.length>0&&s("span",{innerHTML:i}))),s("bcm-react-number",{disabled:_,class:"tw-flex-1",options:R}),s("div",{class:M()},!_&&T&&s("button",{class:O(),onClick:i=>this.handleClear(i)},s("i",{class:"far fa-times"})),s("slot",{name:"suffix"},t&&t.length>0&&s("span",{innerHTML:t})),s("div",{class:q()},s("button",{type:"button",disabled:_,class:c(A(),I()),onClick:this.up.bind(this),"aria-label":"Increase value"},s("i",{class:"fas fa-caret-up"})),s("div",{class:U()}),s("button",{type:"button",disabled:_,class:c(A(),F()),onClick:this.down.bind(this),"aria-label":"Decrease value"},s("i",{class:"fas fa-caret-down"}))))),s(n,{noCaption:a,captionType:e,captionError:l,caption:o,customErrorMessage:this.customErrorMessage}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};export{u as bcm_number_input}
+import{r as i,c as t,h as s,H as h,g as a}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as e}from"./p-40871628.js";import"./p-014f7aa2.js";import{S as o}from"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{d as l}from"./p-6f2e4c9b.js";import{B as r}from"./p-f68a946f.js";import{C as n}from"./p-4c5168fe.js";import"./p-66d74084.js";import{c}from"./p-64fad38b.js";import"./p-2e73d572.js";import{i as d}from"./p-14ed2c86.js";import"./p-436364c8.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-ccc61045.js";const u=class{constructor(s){i(this,s),this.focus=t(this,"bcm-focus",3),this.blur=t(this,"bcm-blur",3),this.clear=t(this,"bcm-clear",3),this.change=t(this,"bcm-change",7),this.input=t(this,"bcm-input",3),this.beforeClear=t(this,"bcm-input-before-clear",3),this._onChange=t(this,"bcm-onchange",3),this.inValid=!1,this.onInput=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("input",(i=>{this.input.emit(i)}))},this.onChange=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("change",(i=>{this.change.emit(i)}))},this.onFocus=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("focus",(i=>{this.isFocus=!0,this.focus.emit(i)}))},this.onBlur=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("blur",(i=>{this.isFocus=!1,this.blur.emit(i)}))},this.onKeydown=()=>{var i;null===(i=this.inputElement)||void 0===i||i.addEventListener("keydown",(i=>{"ArrowUp"===i.key&&(i.preventDefault(),this.up()),"ArrowDown"===i.key&&(i.preventDefault(),this.down())}))},this.listener=()=>{this.onInput(),this.onChange(),this.onFocus(),this.onBlur(),this.onKeydown()},this._id=e.UID(),this.value="",this.defaultValue=void 0,this._prefix=void 0,this._suffix=void 0,this.size="medium",this.min=void 0,this.max=void 0,this.step=1,this.label=void 0,this.name=void 0,this.fullWidth=!1,this.clearable=!1,this.readonly=!1,this.disabled=!1,this.required=!1,this.mode="none",this.placeholder=void 0,this.thousandSeparator=!1,this.decimalSeparator=void 0,this.decimalScale=void 0,this.fixedDecimalScale=!1,this.allowNegative=!0,this.allowLeadingZeros=!1,this.unitPrefix=void 0,this.unitSuffix=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=r.Status.default,this.captionError=void 0,this.customErrorMessage=void 0,this.isFocus=!1,this.captionCache=void 0,this.captionTypeCache=void 0,this.valueCache=""}connectedCallback(){this.defaultValue&&(this.value=+this.defaultValue),this.valueCache=this.value,this.captionCache=this.caption,this.captionTypeCache=this.captionType}componentDidLoad(){this.listener()}up(){this.disabled||(this.value||(this.value=Number(0)),this.value=+this.value+ +this.step,"strict"===this.mode&&this.max&&+this.value>+this.max&&(this.value=this.max))}down(){this.disabled||(this.value||(this.value=Number(0)),this.value=+this.value-+this.step,"strict"===this.mode&&this.min&&+this.value<+this.min&&(this.value=this.min))}handleClear(i){this.disabled||this.beforeClear.emit(i).defaultPrevented||(this.value="",this.clear.emit(i))}checkLength(){const{min:i,max:t,value:s}=this,h=i,a=t;let e=null==s?void 0:s.toString();i&&t?+e<+i||+e>+t?(this.setCaption(o.getMessage("betweenlength",[h,a]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):h?+e<+h?(this.setCaption(o.getMessage("minlength",[h]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1):a&&(e>a?(this.setCaption(o.getMessage("maxlength",[a]),"error"),this.inValid=!0):(this.setCaption(),this.inValid=!1))}watchValue(){this.checkLength()}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async set(i){await this.setValue(i)}async get(){return this.value||null}async setValue(i){this.value=i}async setClear(){return this.value=null,await l(10),Promise.resolve()}async resetCaption(){return await l(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,this.inValid=!1,await l(10),Promise.resolve()}setCaption(i=null,t=null){return this.caption=i||this.captionCache,this.captionType=t||this.captionTypeCache,this.captionError="error"==t?i:null,Promise.resolve()}disconnectedCallback(){var i,t,s,h,a;null===(i=this.inputElement)||void 0===i||i.removeEventListener("input",this.onInput.bind(this)),null===(t=this.inputElement)||void 0===t||t.removeEventListener("change",this.onChange.bind(this)),null===(s=this.inputElement)||void 0===s||s.removeEventListener("focus",this.onFocus.bind(this)),null===(h=this.inputElement)||void 0===h||h.removeEventListener("blur",this.onBlur.bind(this)),null===(a=this.inputElement)||void 0===a||a.removeEventListener("keydown",this.onKeydown.bind(this))}render(){const{_prefix:i,_suffix:t,noCaption:a,captionType:e,captionError:o,caption:l,required:r,_id:u,label:p,size:m,fullWidth:b,clearable:v,value:f,placeholder:j,thousandSeparator:w,decimalSeparator:g,decimalScale:x,fixedDecimalScale:y,allowNegative:C,allowLeadingZeros:S,unitPrefix:B,unitSuffix:k,min:D,max:V,step:L,defaultValue:N,disabled:_,mode:P}=this,T=(null==f?void 0:f.toString().length)>0&&v,z="error"==this.captionType||this.inValid,{host:E,inputContainer:H,slotClass:M,clearButton:O,controls:q,controlsBtn:A,controlsBtnDown:F,controlsBtnUp:I,controlsDivider:U,input:W}=d({size:m,fullWidth:b,clearable:T,disabled:_,invalid:z}),Z={placeholder:j,thousandSeparator:w,decimalSeparator:g,decimalScale:x,fixedDecimalScale:y,allowNegative:C,allowLeadingZeros:S,prefix:B,suffix:k},G={min:D,max:V,step:L,value:f,defaultValue:N},R=Object.assign(Object.assign(Object.assign({id:u+"-base-input",name:this.name,disabled:_,mode:P,"aria-label":p,"aria-labelledby":u+"-label",getInputRef:i=>{this.inputElement=i},className:W()},Z),G),{onValueChange:i=>{const{floatValue:t}=i;this.value=t,this._onChange.emit(i)}});return s(h,{class:E()},p&&s("bcm-label",{size:m,type:e,value:p,required:r,htmlFor:u+"-base-input",id:u+"-label"}),s("div",{class:H(),id:u+"-container"},s("div",{class:M()},s("slot",{name:"prefix"},i&&i.length>0&&s("span",{innerHTML:i}))),s("bcm-react-number",{disabled:_,class:"tw-flex-1",options:R}),s("div",{class:M()},!_&&T&&s("button",{class:O(),onClick:i=>this.handleClear(i)},s("i",{class:"far fa-times"})),s("slot",{name:"suffix"},t&&t.length>0&&s("span",{innerHTML:t})),s("div",{class:q()},s("button",{tabindex:"-1",type:"button",disabled:_,class:c(A(),I()),onClick:this.up.bind(this),"aria-label":"Increase value"},s("i",{class:"fas fa-caret-up"})),s("div",{class:U()}),s("button",{tabindex:"-1",type:"button",disabled:_,class:c(A(),F()),onClick:this.down.bind(this),"aria-label":"Decrease value"},s("i",{class:"fas fa-caret-down"}))))),s(n,{noCaption:a,captionType:e,captionError:o,caption:l,customErrorMessage:this.customErrorMessage}))}get el(){return a(this)}static get watchers(){return{value:["watchValue"]}}};export{u as bcm_number_input}

package/dist/bromcom-ui/{p-1c7ea00b.entry.js → p-ef8636fe.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as e,h as t,H as s,g as h}from"./p-170cf07d.js";import{c as o}from"./p-64fad38b.js";import{a as p}from"./p-a313fba6.js";import{G as n}from"./p-2df6b47d.js";import"./p-85eedabc.js";import"./p-3a60a194.js";import"./p-a2df6c19.js";const a=class{constructor(t){i(this,t),this.onShow=e(this,"bcm-show",7),this.onHide=e(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const i=document.createElement("old-bcm-popover-box");i.setAttribute("id","box-"+this._id),i.setAttribute("target-id",this._id),i.setAttribute("placement",this.placement),i.setAttribute("message",this.message),i.setAttribute("_title",this._title),i.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(i)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(i){switch(this.trigger){case"click":"click"===i&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===i&&this.show(),"onMouseOut"===i&&this.hide();break;case"focus":"onFocus"===i&&this.show(),"onBlur"===i&&this.hide()}}render(){const i=o("bcm-popover");return t(s,{class:i,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return h(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-popover{display:inline-flex}';export{a as old_bcm_popover}
+import{r as i,c as e,h as t,H as s,g as h}from"./p-e3ce7150.js";import{c as o}from"./p-64fad38b.js";import{a as p}from"./p-f68a946f.js";import{G as n}from"./p-40871628.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-a2df6c19.js";const a=class{constructor(t){i(this,t),this.onShow=e(this,"bcm-show",7),this.onHide=e(this,"bcm-hide",7),this._title=void 0,this._id=n.UID(),this.message=void 0,this.placement=p.Placement.top,this.trigger=p.TriggerType.click,this.open=!1,this.linkedComponent=void 0}async show(){this.open||(this.open=!0,this.onShow.emit(),this.createBox(),this.showBox())}async hide(){this.open&&(this.open=!1,this.onHide.emit(),this.hideBox())}createBox(){if(!this.getPopoverBox()){const i=document.createElement("old-bcm-popover-box");i.setAttribute("id","box-"+this._id),i.setAttribute("target-id",this._id),i.setAttribute("placement",this.placement),i.setAttribute("message",this.message),i.setAttribute("_title",this._title),i.setAttribute("linked-component",this.linkedComponent),document.body.appendChild(i)}}getPopoverBox(){return document.querySelector(`old-bcm-popover-box[id="box-${this._id}"]`)}showBox(){this.getPopoverBox()&&this.getPopoverBox().show()}hideBox(){this.getPopoverBox()&&this.getPopoverBox().hide()}listenTrigger(i){switch(this.trigger){case"click":"click"===i&&(this.open?this.hide():this.show());break;case"hover":"onMouseOver"===i&&this.show(),"onMouseOut"===i&&this.hide();break;case"focus":"onFocus"===i&&this.show(),"onBlur"===i&&this.hide()}}render(){const i=o("bcm-popover");return t(s,{class:i,onMouseOver:()=>this.listenTrigger("onMouseOver"),onMouseOut:()=>this.listenTrigger("onMouseOut"),onclick:()=>this.listenTrigger("click"),onFocus:()=>this.listenTrigger("onFocus"),onBlur:()=>this.listenTrigger("onBlur"),tabindex:0},t("slot",null))}get el(){return h(this)}};a.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.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-popover{display:inline-flex}';export{a as old_bcm_popover}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{B as t}from"./p-f68a946f.js";import{c as e,o,f as i,s as a,h as n,a as s,b as r}from"./p-5a65b538.js";const d=d=>{const{ref:l,floating:c,placement:p=t.Placement.bottom,offset:f=0,arrow:m=!1,arrowColor:w="tw-bg-slate-700",autoHidden:h=!0,autoSize:b=!1,style:u={}}=d;let g=[o(f),i(),a({padding:5})];h&&g.push(n({padding:10})),u&&Object.assign(c.style,Object.assign(Object.assign({},u.height&&{height:u.height}),u.minHeight&&{minHeight:u.minHeight}));const v=["auto","100%","100vh","100vw","inherit","initial","unset",void 0].some((t=>t==(null==u?void 0:u.height)));b&&v&&g.push(s({apply({availableHeight:t}){const e=`${t>window.innerHeight?window.innerHeight-10:t}px`;Object.assign(c.style,{maxHeight:`${u.maxHeight&&e>=u.maxHeight?u.maxHeight:e}`})},padding:5}));let x=document.getElementById(`${c.id}-arrow`);m&&(x||(x=document.createElement("div"),x.setAttribute("id",`${c.id}-arrow`)),x.setAttribute("class",`tw-absolute tw-w-2 tw-h-2 ${w} tw-transform tw-z-[-1] tw-opacity-0 tw-transition-opacity tw-duration-300 \n            tw-shadow \n        `),c.prepend(x),g.push(r({element:x,padding:4}))),e(l,c,{placement:p,middleware:g}).then((({x:t,y:e,placement:o,middlewareData:i})=>{const{referenceHidden:a}=h?i.hide:{referenceHidden:!1};if(Object.assign(c.style,{top:"0",left:"0",transform:`translate(${Math.round(t)}px,${Math.round(e)}px)`,opacity:a?"0":"1",visibility:a?"hidden":"visible"}),a){const t=new CustomEvent("bcm-floating-is-hide",{detail:{id:c.id}});document.dispatchEvent(t),"true"!==c.getAttribute("outside-of-the-screen")&&c.setAttribute("outside-of-the-screen","true")}else"true"===c.getAttribute("outside-of-the-screen")&&c.removeAttribute("outside-of-the-screen");if(m){const{x:t,y:e}=i.arrow,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]],s={top:"rotate(45deg)",right:"rotate(135deg)",bottom:"rotate(-135deg)",left:"rotate(-45deg)"}[o.split("-")[0]];Object.assign(x.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:"",right:"",bottom:"",[n]:"-4px",opacity:1,visibility:a?"hidden":"visible",transform:s})}}))};export{d as F}

package/dist/bromcom-ui/{p-5dea2654.entry.js → p-f65dae79.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 n}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.size="medium",this.hidden=!1,this.items=[],this.itemsProp=[]}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){this.parseItems(this.items)}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}parseItems(e){e&&(this.itemsProp="string"==typeof e?JSON.parse(e):e)}async set(e){this.items=e}async clear(){this.items=[]}render(){const{itemsProp:e}=this,s=n("error-layout",this.size),p=n(this.hidden?"hidden":null);return i(t,{class:p},e.length>0&&i("div",{class:s},i("ul",null,this.itemsProp.map((e=>i("li",null,i("span",null,e)))))))}get el(){return s(this)}static get watchers(){return{items:["parseItems"]}}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.error-layout{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);padding:12px;background:var(--bcm-new-ds-color-red-100);border:2px solid var(--bcm-new-ds-color-red-200);box-sizing:border-box;border-radius:4px;color:var(--bcm-new-ds-color-red-400)}.error-layout li>span{margin-left:-4px}';export{p as bcm_error_layout}
+import{r as e,h as i,H as t,g as s}from"./p-e3ce7150.js";import{c as n}from"./p-64fad38b.js";import"./p-85eedabc.js";const p=class{constructor(i){e(this,i),this.size="medium",this.hidden=!1,this.items=[],this.itemsProp=[]}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){this.parseItems(this.items)}componentDidLoad(){}componentWillRender(){}componentDidRender(){}componentWillUpdate(){}componentDidUpdate(){}parseItems(e){e&&(this.itemsProp="string"==typeof e?JSON.parse(e):e)}async set(e){this.items=e}async clear(){this.items=[]}render(){const{itemsProp:e}=this,s=n("error-layout",this.size),p=n(this.hidden?"hidden":null);return i(t,{class:p},e.length>0&&i("div",{class:s},i("ul",null,this.itemsProp.map((e=>i("li",null,i("span",null,e)))))))}get el(){return s(this)}static get watchers(){return{items:["parseItems"]}}};p.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.error-layout{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);padding:12px;background:var(--bcm-new-ds-color-red-100);border:2px solid var(--bcm-new-ds-color-red-200);box-sizing:border-box;border-radius:4px;color:var(--bcm-new-ds-color-red-400)}.error-layout li>span{margin-left:-4px}';export{p as bcm_error_layout}

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

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

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as s,h as e,H as i,g as o}from"./p-e3ce7150.js";import"./p-499d8454.js";import"./p-626a65e9.js";import{G as a}from"./p-40871628.js";import"./p-014f7aa2.js";import"./p-5fbbf611.js";import"./p-cc583dbc.js";import"./p-6f861fed.js";import{F as r}from"./p-f530cf23.js";import{B as p}from"./p-f68a946f.js";import{c as m}from"./p-64fad38b.js";import{c as w}from"./p-ccc61045.js";import"./p-436364c8.js";import"./p-6f2e4c9b.js";import"./p-a2df6c19.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-5a65b538.js";const c=w({slots:{host:["tw-w-fit","tw-absolute tw-left-0 tw-right-0 tw-z-tooltip tw-opacity-100 tw-transition-opacity tw-duration-300","tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white tw-shadow tw-max-h-64 tw-overflow-y-auto","bcm-ui-element bcm-attendance-actions tw-flex tw-flex-col tw-items-start tw-justify-start tw-p-2 tw-font-medium tw-text-slate-700"],dataItem:["tw-flex tw-w-full tw-cursor-pointer tw-flex-row tw-items-start tw-justify-start tw-gap-2 tw-rounded  hover:tw-bg-blue-100"],key:["tw-font-mono tw-text-slate-600"],selectedItem:["tw-bg-blue-100"]},variants:{size:{small:{dataItem:["tw-text-2.5 tw-px-2.5 tw-py-2"]},medium:{dataItem:["tw-text-3 tw-px-3 tw-py-2"]},large:{dataItem:["tw-text-4 tw-px-4 tw-py-2"]}}},defaultVariants:{size:"medium"}}),n=class{constructor(e){t(this,e),this.change=s(this,"bcm-attendance-actions-dropdown-change",3),this._id=a.UID(),this.size=p.Size.medium,this.disabled=!1,this.selectedKey=null,this.targetId=null,this.isShow=!1,this.data=[]}handleSelectItem(t){this.selectedKey=t.key,this.change.emit(t)}async show(){const t=document.getElementById(this.targetId);r({ref:t,floating:this.el,placement:"bottom-end",offset:4}),this.isShow=!0}async hide(){this.isShow&&this.el.remove()}handleClickOutside(){this.hide()}render(){const{size:t}=this,{host:s,dataItem:o,selectedItem:a,key:r}=c({size:t});return e(i,{class:s()},this.data.map((t=>e("div",{class:m(o(),this.selectedKey===t.key&&a()),onClick:()=>this.handleSelectItem(t)},e("span",{class:r()},t.key," - "),e("span",null,t.value)))))}get el(){return o(this)}};export{n as bcm_attendance_actions_dropdown}

package/dist/bromcom-ui/{p-1bdfc73a.entry.js → p-fa1eae97.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as t,h as i,H as e,g as s}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import{I as n}from"./p-9850cbce.js";import{G as h}from"./p-2df6b47d.js";import{a as p}from"./p-a313fba6.js";import{d as r}from"./p-6f2e4c9b.js";import"./p-85eedabc.js";import"./p-3a60a194.js";import"./p-a2df6c19.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.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-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}
+import{r as t,h as i,H as e,g as s}from"./p-e3ce7150.js";import{c as a}from"./p-64fad38b.js";import{I as n}from"./p-397c1438.js";import{G as h}from"./p-40871628.js";import{a as p}from"./p-f68a946f.js";import{d as r}from"./p-6f2e4c9b.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-a2df6c19.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noMargin=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement,noMargin:this.noMargin}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.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-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}

package/dist/bromcom-ui/{p-1c801d0c.entry.js → p-fb083e20.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import{r as i,c as t,h as e,H as n,g as s}from"./p-170cf07d.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";var o;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(o||(o={}));const p=class{constructor(e){i(this,e),this.confirm=t(this,"bcm-confirm",7),this._title=void 0,this.status=o.default,this.confirmText=void 0,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case o.info:return e("bcm-icon",{icon:"far fa-info-circle"});case o.error:return e("bcm-icon",{icon:"far fa-times-circle"});case o.warning:return e("bcm-icon",{icon:"far fa-exclamation-circle"});case o.success:return e("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}handleConfirm(){this.isShow=!1,this.confirm.emit()}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{status:i,_title:t,confirmText:s,isShow:p}=this,c=a("notification",{show:p}),r=a(this.hidden?"hidden":null);return e(n,{class:r},e("div",{class:c},i!==o.default&&e("div",{class:"icon-content"},this.getIcon()),e("div",{class:"text-content"},e("span",{class:"title"},t,e("bcm-icon",{icon:"far fa-times",color:"grey-10",onClick:()=>this.dismiss()})),e("p",null,e("slot",null)),null!=s&&e("div",{class:"actions"},e("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},s||"Confirm")))))}get el(){return s(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}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}';export{p as bcm_notification}
+import{r as i,c as t,h as e,H as n,g as s}from"./p-e3ce7150.js";import{c as a}from"./p-64fad38b.js";import"./p-85eedabc.js";var o;!function(i){i.info="info",i.error="error",i.warning="warning",i.success="success",i.default="default"}(o||(o={}));const p=class{constructor(e){i(this,e),this.confirm=t(this,"bcm-confirm",7),this._title=void 0,this.status=o.default,this.confirmText=void 0,this.isShow=!1,this.hidden=!1}getIcon(){switch(this.status){case o.info:return e("bcm-icon",{icon:"far fa-info-circle"});case o.error:return e("bcm-icon",{icon:"far fa-times-circle"});case o.warning:return e("bcm-icon",{icon:"far fa-exclamation-circle"});case o.success:return e("bcm-icon",{icon:"far fa-check-circle"})}}dismiss(){this.isShow=!1}handleConfirm(){this.isShow=!1,this.confirm.emit()}async hide(){this.dismiss()}async show(){this.isShow=!0}render(){const{status:i,_title:t,confirmText:s,isShow:p}=this,c=a("notification",{show:p}),r=a(this.hidden?"hidden":null);return e(n,{class:r},e("div",{class:c},i!==o.default&&e("div",{class:"icon-content"},this.getIcon()),e("div",{class:"text-content"},e("span",{class:"title"},t,e("bcm-icon",{icon:"far fa-times",color:"grey-10",onClick:()=>this.dismiss()})),e("p",null,e("slot",null)),null!=s&&e("div",{class:"actions"},e("bcm-button",{size:"small",onClick:()=>this.handleConfirm()},s||"Confirm")))))}get el(){return s(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}.notification{display:none;width:100%;max-width:384px;padding:16px 24px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15);border-radius:2px}.notification.show{display:flex}.text-content{width:100%}.title{position:relative;display:block;padding-right:24px;padding-top:8px;padding-bottom:8px;font-size:16px;color:var(--bcm-color-grey-9)}.title bcm-icon{position:absolute;right:0;top:10px;cursor:pointer}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}.icon-content{padding-top:8px;padding-right:16px}.actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}';export{p as bcm_notification}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import{r as t,c as e,h as s,H as i,g as o}from"./p-e3ce7150.js";import{c as a}from"./p-64fad38b.js";import{G as n}from"./p-40871628.js";import{S as r}from"./p-5fbbf611.js";import{a as c}from"./p-f68a946f.js";import{d as w}from"./p-6f2e4c9b.js";import{c as l}from"./p-ccc61045.js";import"./p-85eedabc.js";import"./p-403d3912.js";import"./p-a2df6c19.js";const h=l({slots:{base:["bcm-toast","bcm-ui-element bcm-ui-content-display","tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out","tw-flex tw-min-w-[256px] tw-max-w-[560px] tw-flex-col tw-gap-6 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-4","tw-border-gray-300 tw-bg-white tw-text-color-default","tw-p-7","tw-transform tw-transition tw-duration-300 tw-ease-in-out "],containerStyle:["tw-pointer-events-none tw-overflow-hidden tw-z-50","tw-fixed tw-flex","tw-p-4 tw-gap-4"],header:["tw-flex tw-items-center tw-justify-between tw-gap-5"],headerLeft:["tw-flex tw-items-center tw-gap-2.5"],headerRight:["tw-flex tw-items-baseline tw-gap-2"],headerIcon:["tw-text-size-8 "],headerText:[],descriptionStyle:["tw-text-size-6 empty:tw-hidden tw-font-medium"]},variants:{size:{small:{base:[]},medium:{base:[]},large:{base:[]}},position:{top:{containerStyle:["tw-flex-col-reverse tw-top-4 tw-w-fit tw-left-0 tw-right-0 tw-mx-auto"]},bottom:{containerStyle:["tw-flex-col tw-bottom-4 tw-w-fit tw-left-0 tw-right-0 tw-mx-auto"]},"top-start":{containerStyle:["tw-flex-col-reverse tw-top-4 tw-left-4"]},"top-end":{containerStyle:["tw-flex-col-reverse tw-top-4 tw-right-4"]},"bottom-start":{containerStyle:["tw-flex-col tw-bottom-4 tw-left-4"]},"bottom-end":{containerStyle:["tw-flex-col tw-bottom-4 tw-right-4"]}},visibleContainer:{true:{base:["tw-translate-y-0 tw-opacity-100 "]},false:{base:["tw-opacity-0"]}},positionSplit:{top:"",bottom:""},status:{default:{headerIcon:""},success:{headerIcon:"tw-text-color-success"},error:{headerIcon:"tw-text-color-error"},warning:{headerIcon:"tw-text-color-warning"},info:{headerIcon:"tw-text-color-primary"}},messageIcon:{true:"",false:""},description:{true:{headerText:"tw-text-size-8 tw-font-semibold"},false:{headerText:"tw-text-size-6"}}},compoundVariants:[{visibleContainer:!1,positionSplit:"top",class:{base:["tw-translate-y-[-100%]"]}},{visibleContainer:!1,positionSplit:"bottom",class:{base:["tw-translate-y-[100%]"]}},{messageIcon:!1,status:"success",class:{headerIcon:"fa-solid fa-check-circle"}},{messageIcon:!1,status:"error",class:{headerIcon:"fa-solid fa-exclamation-circle"}},{messageIcon:!1,status:"warning",class:{headerIcon:"fa-solid fa-exclamation-triangle"}},{messageIcon:!1,status:"info",class:{headerIcon:"fa-solid fa-info-circle"}}],defaultVariants:{size:"medium",position:"bottom",visibleContainer:!1,positionSplit:"bottom",status:"default",messageIcon:!1,description:!1}}),d=class{constructor(s){t(this,s),this.bcmToastClose=e(this,"bcm-toast-close",7),this.bcmToastOpen=e(this,"bcm-toast-open",7),this.bcmToastView=e(this,"bcm-toast-view",7),this._id=n.UID(),this.status=void 0,this.message="",this.description="",this.duration=3e3,this.position=c.Placement.bottom,this.messageIcon=void 0,this.viewButton=!1,this.closeButton=!0,this.removeAfterClose=!0,this.visible=!1,this.visibleContainer=!1}async show(){const t=document.getElementById(this._id+"-container");return t&&this.createContainer(this.position).appendChild(t),this.visible=!0,await w(50),this.visibleContainer=!0,this.bcmToastOpen.emit(),this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>this.hide()),this.duration),this.el}async hide(){this.visibleContainer=!1,clearTimeout(this.timer),this.bcmToastClose.emit(),await w(100),this.visible=!1,this.removeAfterClose&&(await w(100),this.el.remove())}handleMouseEnter(){clearTimeout(this.timer)}handleMouseLeave(){this.visible&&(this.timer=setTimeout((()=>this.hide()),1e3))}createContainer(t){const e="bcm-toast-container-"+t;let s=document.getElementById(e);if(!s){s=document.createElement("div"),s.id=e;const{containerStyle:t}=h({position:this.position}),i=t();s.classList.add(...i.split(" ")),document.body.appendChild(s)}return s}render(){const{position:t,visibleContainer:e,messageIcon:o,status:n,description:c}=this,w=t.split("-")[0]||"bottom",{base:l,header:d,headerLeft:m,headerRight:p,headerIcon:f,headerText:u,descriptionStyle:b}=h({position:t,visibleContainer:e,positionSplit:w,status:n,messageIcon:!!o,description:!!c});return s(i,{class:"tw-hidden"},s("div",{class:a({"tw-hidden":!this.visible}),id:this._id+"-container",onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},s("div",{class:l()},s("div",{class:d()},s("div",{class:m()},this.status&&s("i",{class:f()+" "+o}),s("span",{class:u()},!this.description&&this.status&&s("span",null,r.capitalize(this.status),": "),this.message)),s("div",{class:p()},this.viewButton&&s("button",{onClick:()=>this.bcmToastView.emit(),title:"View details",class:a("tw-appearance-none tw-border-0 ","tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-2 tw-text-size-6 tw-text-inherit","hover:tw-bg-color-default-hover","active:tw-bg-color-default-active","tw-transition tw-duration-300 tw-ease-in-out",{"tw-font-medium":this.description})},"View"),this.closeButton&&s("button",{title:"Close",onClick:()=>this.hide(),class:a("tw-appearance-none tw-border-0 ","tw-rounded tw-bg-transparent tw-p-0","tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-size-8 tw-text-inherit","hover:tw-bg-color-default-hover","active:tw-bg-color-default-active")},s("i",{class:"fa-regular fa-times"})))),this.description&&s("div",{class:b()},this.description),s("div",{class:b()},s("slot",null)))))}get el(){return o(this)}};export{d as bcm_toast}

package/dist/cjs/{bcm-1d1fcf21.js → bcm-51d38d17.js}

@@ -75,7 +75,7 @@ exports.Bcm = void 0;
     Kind["solid"] = "solid";
     Kind["ghost"] = "ghost";
     Kind["link"] = "link";
-    Kind["ghost-link"] = "ghost-link";
+    Kind["outline"] = "outline";
   })(Bcm.Kind || (Bcm.Kind = {}));
   (function (ButtonType) {
     ButtonType["button"] = "button";
@@ -446,6 +446,12 @@ exports.Bcm = void 0;
     ListType["select"] = "select";
     ListType["autocomplete"] = "autocomplete";
   })(Bcm.ListType || (Bcm.ListType = {}));
+  (function (Target) {
+    Target["blank"] = "_blank";
+    Target["parent"] = "_parent";
+    Target["self"] = "_self";
+    Target["top"] = "_top";
+  })(Bcm.Target || (Bcm.Target = {}));
 })(exports.Bcm || (exports.Bcm = {}));
 const Bcm = exports.Bcm;