bromcom-ui 2.11.1-rc.3 → 2.11.1-rc.5

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as s,h as o,H as t}from"./p-e037ee2b.js";import{a as p}from"./p-a313fba6.js";import"./p-6b5ed4d8.js";import{C as i}from"./p-8a92f2bf.js";import"./p-bed627ab.js";import"./p-3fac58f7.js";import"./p-4798d827.js";import"./p-626a65e9.js";import"./p-a9632cd3.js";import"./p-5c59f8e5.js";import"./p-fd2abdda.js";import"./p-5ae0a59b.js";import"./p-2e73d572.js";import"./p-e45c1546.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-979af47a.js";const a=class{constructor(o){s(this,o),this.noCaption=!1,this.captionType=p.Status.default,this.captionClasses=void 0,this.caption=void 0,this.captionError=void 0,this.customErrorMessage=void 0,this.size=p.Size.medium,this.maxLength=void 0,this.value=void 0}render(){const{noCaption:s,captionType:p,captionClasses:a,caption:r,captionError:e,customErrorMessage:c,size:m,maxLength:n,value:d}=this;return o(t,{class:"tw-block"},o(i,{noCaption:s,captionType:p,captionClasses:a,caption:r,captionError:e,customErrorMessage:c,size:m,maxLength:n,value:d}))}};export{a as bcm_caption}

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

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

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

@@ -1,5 +0,0 @@
-/*!
- * 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-e037ee2b.js";import{D as h,E as r}from"./p-5ae0a59b.js";import{c as o}from"./p-bed627ab.js";import{D as c}from"./p-626a65e9.js";import{d as l}from"./p-3c7a0345.js";import{G as d}from"./p-a9632cd3.js";import{a as m}from"./p-a313fba6.js";import{g as p,s as u}from"./p-fcc6f71e.js";import{L as b}from"./p-3089e9c7.js";import{I as g}from"./p-8e5e362a.js";import"./p-e45c1546.js";import"./p-979af47a.js";import"./p-034bbcdd.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=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-d8078aad.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as s,r as t,c as i,g as e}from"./p-e037ee2b.js";import{G as c}from"./p-a9632cd3.js";import{a as o}from"./p-a313fba6.js";import{c as h}from"./p-bed627ab.js";import{N as a}from"./p-5c59f8e5.js";import{e as r}from"./p-3c7a0345.js";import{C as l}from"./p-436364c8.js";import{C as n}from"./p-2e73d572.js";import"./p-979af47a.js";import"./p-034bbcdd.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-f320ed14.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as e,r as t,c as i,H as c,g as o}from"./p-e037ee2b.js";import{I as n}from"./p-8e5e362a.js";import{J as s}from"./p-b64fb627.js";import"./p-4798d827.js";import"./p-626a65e9.js";import{G as l,s as r}from"./p-a9632cd3.js";import{N as a}from"./p-5c59f8e5.js";import{S as h}from"./p-6b5ed4d8.js";import{V as m}from"./p-fd2abdda.js";import"./p-5ae0a59b.js";import{g as b,s as d}from"./p-fcc6f71e.js";import{p,d as u}from"./p-3c7a0345.js";import{a as _,B as x}from"./p-a313fba6.js";import{C as g}from"./p-8a92f2bf.js";import{c as v}from"./p-bed627ab.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{c as f}from"./p-197aba37.js";import{r as k,a as w}from"./p-3182df7e.js";import{R as y,c as z,u as j,d as I}from"./p-7e3209a0.js";import{I as C}from"./p-ecdd078d.js";import"./p-436364c8.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-979af47a.js";const O=({disabled:t,checked:i,readonly:c,required:o,indeterminate:n,hidden:s,captionType:l,_id:r})=>{const a=v("bcm-checkbox","bcm-checkbox__type-default","bcm-checkbox-size-medium",{error:l==_.Status.error,hidden:s,checked:i,disabled:t,required:o,readonly:c}),h=v("bcm-checkbox__label-icon","bcm-checkbox__label-icon-lite","bcm-checkbox__label-icon-"+n,{"bcm-checkbox__label-icon-checked":i}),m=v("bcm-checkbox__label");return e("div",{class:a},e("input",{tabindex:"-1",id:r,type:"checkbox",checked:i,disabled:t,required:o,readonly:c}),e("label",{class:m,htmlFor:r},e("span",{class:h},e("bcm-icon",{icon:"far fa-check"}))))},S=({selected:t,total:i,found:c,multiple:o,variableText:n})=>(i=i||0,n=n?p(n,i):"items",e("footer",{class:"bcm-info-footer"},e("bcm-text",{scale:"size-1",color:"grey-8"},o&&t>0&&` ( ${t} selected ) `,` Total ${i} `,null!=c&&` / ${c} `,` ${n} found. `))),$=({item:t,treeview:i,highlight:c,checkboxes:o,size:n,selectedItem:s,openGroup:r,checkedItem:a,focusItem:m,searchIsOnlyChilds:b})=>{const d=t.items&&t.items.length>0;var p=h.htmlEntities(t.text);let u=[];if(c&&h.slugify(p).includes(h.slugify(c))&&(b&&(!b||d&&(i||"group"==t.type))||(p=h.highlight(p,c))),"group"!=t.type&&t.template){const e=t.template.replace(/\s/g,"").match(/\{{[^}}]+\}/g).map((e=>e.replace(/[{}]/g,""))),i=Object.keys(t.itemObject);u=e.filter((e=>i.includes(e)))}p=t.isHtmlContent?t.isHtmlContent:t.template&&u.length>0?h.templateParser(t.template,Object.assign(Object.assign({},t.itemObject),{text:p})):p;const _=t.template?p:l.domParser(p),x=!i&&"group"==t.type&&!t.clickable,g=t.disabled,f=t.readonly,k=()=>{t.open=t.isSearching,r(t.id)};return e("div",{id:t.id,hidden:t.hidden,"on-focus":e=>!x&&!g&&m(e),class:v("bcm-list__item","bcm-list__item-"+n,{"bcm-list__item--group":!i&&"group"==t.type,"bcm-list__item--readonly":f})},e("div",{class:v("bcm-list__item-content",!o&&t.selected&&"selected",{disabled:g})},i&&e("div",{class:"bcm-list__item-content-collapse-icon",onClick:()=>k()},d&&e("bcm-icon",{icon:v("fas fa-caret-"+(t.isSearching||t.open?"down":"right"))})),e("div",{class:v("bcm-list__item-content-text",{treeview:i}),onClick:e=>{var i;((i=e).path||i.composedPath()).filter((e=>e.attributes&&e.attributes.getNamedItem("unlinked")))[0]||(f&&k(),!x&&!g&&!f&&(o?a(t.id):s(t.id)))}},o&&(i||!i&&"group"!=t.type)&&e("div",{class:"bcm-list__item-content-text-checkbox"},e(O,{indeterminate:t.indeterminate,checked:t.checked,disabled:t.disabled})),e("span",Object.assign({class:"bcm-list__item-content-text-inner"},t.title&&{title:t.title},{innerHTML:_})))),(i||!i&&"group"==t.type)&&d&&e("div",{class:"bcm-list__item-childs"},(t.isSearching||t.open||!i&&"group"==t.type)&&t.items.map((t=>e($,{highlight:c,item:t,searchIsOnlyChilds:b,treeview:i,checkboxes:o,size:n,selectedItem:s,checkedItem:a,openGroup:e=>r(e),focusItem:e=>m(e)})))))},E=({highlight:t,selectAllItem:i,bcmListContainer:c,treeview:o,checkboxes:n,checkAll:s,infoFooter:l,value:r,totalData:a,searchFound:h,variableText:m,_id:b,tempId:d,data:p,width:u,height:_,size:x,searchPlaceholder:g,minSearchLength:v,selectedItem:f,openGroup:k,checkedItem:w,onScrollEvent:y,focusItem:z,items:j,searchable:I,searchIsOnlyChilds:C,emptyText:O,emptyIcon:E,handleTransitionEnd:T})=>{const R=!(o&&h>0||h>0);return e("div",{id:`bcm-list-${b}`,class:c,"temp-id":`bcm-list-${d}`,style:{"--height":_,"--width":u},onTransitionEnd:e=>T(e)},p&&I&&e("section",{class:"bcm-list__container-search"},e("bcm-search",{size:x,id:`bcm-list-${b}-search`,data:p,clearable:!0,placeholder:g,"min-search-length":v,searchIsOnlyChilds:C})),e("main",{onScroll:e=>y(e),class:"scrolling",style:{"overscroll-behavior":"none"}},e("div",{style:{"min-height":`${(null==h?o?j.length:a:h)*("small"===x?28:"medium"===x?36:48)||0}px`,"overscroll-behavior":"none",height:"100%",display:"flex","flex-direction":"column"}},s&&0!=h&&j&&j.length>0&&n&&R&&e("section",{class:"bcm-list__container-select-all"},e($,{size:x,item:i,treeview:!1,checkboxes:!0,selectedItem:e=>f(e),checkedItem:e=>w(e),openGroup:e=>k(e),focusItem:e=>z(e)})),j.map((i=>e($,{highlight:t,size:x,item:i,searchIsOnlyChilds:C,treeview:o,checkboxes:n,selectedItem:e=>f(e),checkedItem:e=>w(e),openGroup:e=>k(e),focusItem:e=>z(e)}))),(!j||0===j.length)&&0!=h&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:E},e("span",{innerHTML:O||"No data"}))),0==h&&e("section",{class:"bcm-list__container-no-data"},e("bcm-empty",{style:{height:"auto"},icon:E},e("span",{innerHTML:O||"No Data Found"}))))),l&&p&&p.length>0&&e(S,{selected:null==r?void 0:r.length,total:a,found:h,multiple:n,variableText:m}))},{state:T}=f({value:new Map}),R=(e,t,i,c="0.")=>{let o=[];return e&&e.length>0&&(o=e.map(((e,o)=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({itemObject:e},e),t),{parentId:r((()=>i),null),open:t.allOpen||e.open||!1}),(t.treeview||!t.treeview&&"group"==e.type)&&e.items&&e.items.length>0?{items:r((()=>R(e.items,t,e.id,`${c}${o}`)),[])}:{items:[]}),{ct:`${c}${o}`})))),o},N=e=>r((()=>T.value.get(e)),{}),D=(e,t)=>{let i=0;return e.forEach((e=>{(t||!t&&"group"!=e.type)&&(i+=1),(t||!t&&"group"==e.type)&&e.items&&(i+=D(e.items,t))})),i},F=(e,t,i,c)=>{let o;o=i||N(e).dataSource,o&&o.forEach((i=>{null!=c?i.open=c:i.id==t?(i.open=!i.open,i.isSearching=i.open,!i.open&&i.items&&F(e,t,i.items,!1)):i.items&&F(e,t,i.items)}))},P=(e,t,i)=>{i&&i.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1,V(e,i.parentId)):i.items&&P(e,t,i.items)}))},A=(e,t)=>{L(e,t)},L=(e,t,i)=>{let c;t=Array.isArray(t)?t:[t],c=i||N(e).dataSource,c&&c.forEach((i=>{t.includes(i.id)?(M(e,i),i.parentId&&V(e,i.parentId)):i.items&&L(e,t,i.items)}))},M=(e,t,i)=>{const c=N(e);if(c){const o=c.options.treeview;t&&((o||!o&&"group"!=t.type)&&(t.disabled||(t.checked=null!=i?i:!t.checked,t.itemObject.checked=t.checked,t.indeterminate=t.checked?"determinate":"uncheck")),t.items&&t.items.forEach((c=>{M(e,c,null==i?t.checked:i)})))}},V=(e,t,i)=>{let c;c=i||N(e).dataSource,c&&c.forEach((i=>{if(i.id==t){let t=!0,c=!0;i.items&&i.items.map((e=>{(e.checked||"indeterminate"===e.indeterminate)&&(c=!1),!e.checked&&(t=!1)}));const o=t||c?t?"determinate":"uncheck":"indeterminate";i.indeterminate=o,i.checked="determinate"==o,i.itemObject.checked=i.checked,i.parentId&&V(e,i.parentId)}else i.items&&V(e,t,i.items)}))},G=(e,t,i,c)=>{let o,n=[],s=[];return N(e).isSearchOtherTag=c,o=i||N(e).dataSource,o&&o.forEach((i=>{if(t){var o;i.hidden=!0;for(let e=0;e<t.length;e++)if(t[e].id===i.id){o=t[e];break}if(o&&(i.hidden=!1,N(e).isSearchOtherTag||(i.isSearching=!0),s.push(i),i.checked&&n.push(i),o.items)){const{checkedItems:t,visibledItems:l}=G(e,o.items,i.items,c);t&&(n=[...new Set([...n,...t])]),l&&(s=[...new Set([...s,...l])])}}else i.hidden=!1,i.items&&G(e,null,i.items),s.push(i),i.isSearching=!1})),{checkedItems:null!=n?n:[],visibledItems:null!=s?s:[]}},B=(e,t)=>{let i,c=null;return i=t||N(e).dataSource,i&&i.forEach((t=>{if(t.selected)c=t.itemObject;else if(t.items){const i=B(e,t.items);i&&(c=i)}})),c},H=(e,t)=>{let i,c=[],o=[];return i=t||N(e).dataSource,i&&i.forEach((t=>{var i;const n=Object.assign(Object.assign({},t.itemObject),{ct:t.ct});let s=[],l=[];if(t.checked&&(c.push(n),l.push(Object.assign(Object.assign({},n),{items:[]}))),t.items){const o=H(e,t.items);(null===(i=null==o?void 0:o.checkedList)||void 0===i?void 0:i.length)>0&&(c=[...c,...o.checkedList]),o.nestedResult.length>0&&(s=o.nestedResult)}s.length>0?(0==l.length&&l.push(Object.assign(Object.assign({},n),{items:[]})),l[0].items=s,o.push(l[0])):l.length>0&&(l[0].items=s,o.push(l[0]))})),{checkedList:(null==c?void 0:c.length)>0?c:null,nestedResult:o}},W=(e,t,i)=>{let c,o=[];return c=i||N(e).dataSource,c&&c.forEach((i=>{if(t&&(i.id==t?(i.selected=!0,i.itemObject.selected=i.selected):i.selected&&(i.selected=!1,i.itemObject.selected=i.selected)),i.items){const c=W(e,t,i.items);(null==c?void 0:c.length)>0&&(o=[...o,...c])}i.selected&&o.push(i.itemObject)})),o&&o.length>0?o:null},q=(e,t)=>{let i;i=t||N(e).dataSource,i&&i.forEach((t=>{var i,c,o;t.checked&&(t.checked=!1),t.selected&&(t.selected=!1),t.indeterminate&&(t.indeterminate="uncheck"),(null===(i=t.itemObject)||void 0===i?void 0:i.checked)&&(t.itemObject.checked=!1),(null===(c=t.itemObject)||void 0===c?void 0:c.selected)&&(t.itemObject.selected=!1),(null===(o=t.itemObject)||void 0===o?void 0:o.indeterminate)&&(t.itemObject.indeterminate="uncheck"),t.items&&q(e,t.items)}))},K={setValue:e=>{const{id:t,dataSource:i,options:c}=e,{type:o,treeview:n,checkboxes:s,searchable:a,value:h,name:m,label:b,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:g,fullWidth:v,height:f,maxHeight:k,minHeight:w,width:y,infoFooter:z,variableText:j,template:I,allOpen:C,keyControl:O,checkAll:S,linkedComponent:$,placeholder:E,searchPlaceholder:N,searchIsOnlyChilds:F,clearable:P,caption:A,noCaption:L,captionType:M,captionError:V,placement:G}=c,B={size:d,checkboxes:s,template:I,allOpen:C,highlight:_,treeview:n},H={id:r((()=>t),l.UID),dataSource:i&&i.length>0&&R(i,B),options:{type:o,treeview:n,checkboxes:s,searchable:a,value:h,name:m,label:b,size:d,disabled:p,readonly:u,highlight:_,required:x,hidden:g,fullWidth:v,height:f,maxHeight:k,minHeight:w,width:y,infoFooter:z,variableText:j,template:I,allOpen:C,keyControl:O,checkAll:S,linkedComponent:$,placeholder:E,searchPlaceholder:N,searchIsOnlyChilds:F,clearable:P,caption:A,noCaption:L,captionType:M,captionError:V,placement:G},totalItems:(null==i?void 0:i.length)>0&&D(i,c.treeview),totalRoots:null==i?void 0:i.length};T.value.set(H.id,H)},removeValue:e=>{T.value.delete(e)},getValue:N,getData:e=>{let t=[];const i=N(e);if(i){const{dataSource:e}=i;t=e}return t},getDataPagination:(e,t=3,i)=>{let c=[];const o=N(e);if(o){const{dataSource:e}=o;c=i?e.filter((e=>i.indexOf(e.id)>-1)).slice(0,t):e.slice(0,t)}return c},openGroup:F,checkedItem:A,filterData:G,getSelected:B,getCheckedList:H,selectedItem:W,addChecked:(e,t)=>{N(e)&&t.forEach((t=>{A(e,t)}))},setClear:q,selectAll:(e,t)=>{const i=N(e).dataSource;i&&i.forEach((i=>{M(e,i,t)}))},removeOtherTags:(e,t,i)=>{let c;if(t=Array.isArray(t)?t:[t],i)c=i;else{const t=N(e);c=t.dataSource}c&&t.forEach((t=>{c.forEach((i=>{i.id==t?(i.checked=!1,i.itemObject.checked=!1):i.items&&P(e,t,i.items)}))}))},onRemoveItems:P,updateOptions:(e,t)=>{Object.keys(N(e).options).forEach((i=>{N(e).options[i]=t[i]}))},removeState:e=>Promise.resolve(T.value.delete(e))};class U{constructor(e,t,i,c){this.elementName="",this.childElementName="",this.keyCode=e,this.element=t,this.elementName=i,this.childElementName=c}getKeyCode(){return this.keyCode}getElementName(){return this.elementName}getChildElementName(){return this.childElementName}getFocusedElementName(){return this.getElementName()+".focused"}getFocusedElement(){return this.element.querySelectorAll(this.getFocusedElementName())[0]||null}getFirstElement(){return this.element.querySelectorAll(this.getElementName())[0]||null}getNextElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)||this.getFirstElement()}getPreviousElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)||this.getFirstElement()}getChildElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName())[0])||null}getParentElement(e){if(e&&e)return e&&e.attributes["data-isroot"]?e:this.getParentElement(e.parentNode)}focusElementIsOpen(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.classList.contains("bcm-list__item--open"))||!1}isRootElement(){var e;return(null===(e=this.getFocusedElement())||void 0===e?void 0:e.querySelectorAll(this.getChildElementName()).length)>0}isRootElementIsOpen(){return this.getFocusedElement().classList.contains("bcm-list__item--open")}getFocusedChildElement(){var e;return(null===(e=this.getChildElement())||void 0===e?void 0:e.querySelectorAll(".focused")[0])||null}isLastElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.nextElementSibling)}focusParentElementFirstChild(){var e,t;return this.setFocus(null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.firstChild)}isFirstElement(){var e;return null===(null===(e=this.getFocusedElement())||void 0===e?void 0:e.previousElementSibling)}focusRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.firstChild)}nextRootElement(){var e,t,i;return this.setFocus(null===(i=null===(t=null===(e=this.getFocusedElement())||void 0===e?void 0:e.parentElement)||void 0===t?void 0:t.parentElement)||void 0===i?void 0:i.nextElementSibling)}findFocusElementParent(){return this.getFocusedElement().parentNode.querySelectorAll(".bcm-list__item--open")}getLastElement(){return this.element.querySelectorAll(this.getElementName())[this.element.querySelectorAll(this.getElementName()).length-1]||null}setFocus(e){e.focus()}}class Y extends U{constructor(e,t,i,c){super(e,t,".bcm-list__item",".bcm-list__item-childs"),this.isTreeview=!1,this.isCheckBoxes=!1,this.isTreeview=i,this.isCheckBoxes=c}keyUpControl(){this.isTreeview?this.keyUpTreeview():this.isFirstElement()?this.setFocus(this.getLastElement()):this.setFocus(this.getPreviousElement())}keyDownTreeView(){var e;if(this.isTreeview)if(this.isRootElement()&&this.isRootElementIsOpen()){const e=this.getChildElement();e&&this.setFocus(e.firstChild)}else this.isLastElement()&&this.getParentElement(this.getFocusedElement())?this.setFocus(null===(e=this.getParentElement(this.getFocusedElement()))||void 0===e?void 0:e.nextElementSibling):this.setFocus(this.getNextElement())}keyUpTreeview(){if(this.isFirstElement()){const e=this.getParentElement(this.getFocusedElement());this.setFocus(e)}else{const e=this.getPreviousElement();if(e)if(e.classList.contains("bcm-list__item--open")){const t=e.querySelectorAll(this.getChildElementName())[0];console.log({getChildElement:t}),this.setFocus(t.lastChild)}else this.setFocus(e)}}keyDownControl(){this.isTreeview?this.keyDownTreeView():this.isLastElement()?this.setFocus(this.getFirstElement()):this.setFocus(this.getNextElement())}keyRightControl(){if(this.isTreeview&&!this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyLeftControl(){if(this.isTreeview&&this.isRootElementIsOpen()&&this.isRootElement()){const{id:e}=this.getFocusedElement();this.openGroup(e)}}keyEnterControl(){}keySpaceControl(){if(this.isCheckBoxes){const{id:e}=this.getFocusedElement();this.checkedItem(e)}}keyDown(){switch(this.getKeyCode()){case _.KeyCode.up:this.keyUpControl();break;case _.KeyCode.down:this.keyDownControl();break;case _.KeyCode.left:this.keyLeftControl();break;case _.KeyCode.right:this.keyRightControl();break;case _.KeyCode.enter:this.keyEnterControl();break;case _.KeyCode.space:this.keySpaceControl()}}keyUp(){}}var J=function(e,t,i,c){var o,n=arguments.length,s=n<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,c);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Q=class{constructor(e){t(this,e),this.bcmChecklist=i(this,"bcm-checklist",7),this.bcmSelected=i(this,"bcm-selected",7),this.change=i(this,"bcm-change",7),this.open=i(this,"bcm-open",3),this.close=i(this,"bcm-close",3),this.listClose=i(this,"bcm-list-close",7),this.listOpen=i(this,"bcm-list-open",7),this.debounce=null,this.debounceHandler=l.debounceInput((()=>this.listenResize()),300,!1),this._id=l.UID(),this.tempId=l.UID(),this.type=x.ListType.listbox,this.treeview=!1,this.checkboxes=!1,this.searchable=!1,this.value=null,this.inputText=void 0,this.name=void 0,this.label=void 0,this.size=x.Size.medium,this.disabled=!1,this.readonly=!1,this.highlight=!1,this.highlightText=void 0,this.required=!1,this.hidden=!1,this.fullWidth=!1,this.height="256px",this.maxHeight="500px",this.minHeight="150px",this.width="256px",this.tooltip=void 0,this.infoFooter=!1,this.variableText="item",this.template=void 0,this.allOpen=!1,this.keyControl=!1,this.checkAll=!0,this.stopDeepClean=!1,this.openIntersecting=!1,this.linkedComponent=void 0,this.isOpen=!1,this.calculatedViewport=!1,this.isSelectedOther=!1,this.isHaveOtherTag=!1,this.placeholder="Choose an option",this.searchPlaceholder="Search",this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.clearable=!1,this.caption=void 0,this.noCaption=!1,this.captionType=x.Status.default,this.captionError=void 0,this.emptyText=void 0,this.emptyIcon="fad fa-folder-open",this.captionCache=void 0,this.captionTypeCache=void 0,this.tick={},this.totalData=0,this.totalRootData=0,this.limit=20,this.searchGetParents=void 0,this.searchResultLimit=20,this.searchFound=null,this.returnFilterData={},this.returnOtherData={},this.options={rootMargin:"30px"},this.tagContainerWidth=0,this.selectAllItem={id:"select-all",text:"Select All",value:"select-all",checked:!1,disabled:!1,icon:"",status:x.Status.default,indeterminate:"uncheck"},this.shouldTriggerChange=void 0,this.placement=x.Placement["bottom-start"],this.disableChangeEvent=!1,this.data=[],window.addEventListener("scroll",this.handleWheel.bind(this),!0),window.addEventListener("wheel",this.handleWheel.bind(this),!0),window.addEventListener("resize",this.handleResize.bind(this),!0)}connectedCallback(){"256px"!=this.height&&(this.limit=this.height.indexOf("px")>-1?Math.floor(+this.height.replace("px","")/10):Math.floor(+window.innerHeight/10),this.searchResultLimit=this.limit,this.markForCheck());const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)>1&&e.forEach(((e,t)=>t>0&&e.remove()))}componentWillRender(){this.calculateLocation()}componentShouldUpdate(e,t,i){Object.keys(this.getOptions()).indexOf(i)>-1&&e!==t&&this.updateOptions()}get containerWidth(){var e,t;return null===(t=null===(e=this.el)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.width}get tagCount(){return this.containerWidth>0?Math.floor(+(this.containerWidth-100)/85):0}get tagData(){return r((()=>{var e;return null===(e=this.value)||void 0===e?void 0:e.map((e=>({value:e.id,label:h.textLimitter(e.text,7),text:e.tooltipMessage||e.tagTitle||l.domParser(e.text)})))}),[])}async componentDidLoad(){await this.initState()}disconnectedCallback(){if(this.isOpen=!1,!this.stopDeepClean&&(K.removeState(this._id),this.el.innerHTML="","select"==this.type||"autocomplete"==this.type||this.linkedComponent)){const e=document.querySelectorAll(`#bcm-list-${this._id}`);(null==e?void 0:e.length)&&(e.forEach((e=>e.remove())),this.el.remove())}}watchId(e,t){K.removeState(t),this.initState()}handleValueChange(e,t){var i,c;if(l.objectIsEmpty(this.returnFilterData)&&this.handleIndeterminate((null===(i=this.value)||void 0===i?void 0:i.length)||0,this.totalData),this.checkboxes){if(!m.compareTwoArrayIsSame(e,t)&&(this.bcmChecklist.emit(this.value),!this.disableChangeEvent))if(this.shouldTriggerChange){const e=(null===(c=this.value)||void 0===c?void 0:c.length)?[...this.value].map((e=>Object.assign(Object.assign({},e),this.shouldTriggerChange&&{shouldTriggerChange:this.shouldTriggerChange}))):null;this.change.emit(e)}else this.change.emit(this.value)}else(null==e?void 0:e.id)!=(null==t?void 0:t.id)&&!this.disableChangeEvent&&this.change.emit(this.value?Object.assign(Object.assign({},this.value),this.shouldTriggerChange&&{shouldTriggerChange:this.shouldTriggerChange}):null)}watchReturnFilterData(e){var t;const{checkedItems:i,visibledItems:c}=e;i&&c?this.handleIndeterminate(i.length,c.length):this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleOpen(){if(this.isOpen){if(this.detectClone(),"select"==this.type||"autocomplete"==this.type||this.linkedComponent){const e=this.el.querySelector(`#bcm-list-${this._id}`);e&&document.querySelector("#bcm-overlay-container").appendChild(e)}this.open.emit(),this.calculateLocation(),this.onSelectSearch()}else this.listScrollToTop(),this.close.emit(),this.listClose.emit(),await u(100),this.unSelectOther()}listScrollToTop(){const e=document.querySelector(`#bcm-list-${this._id}`);e&&(e.querySelector(".scrolling").scrollTop=0)}async dataChanged(e,t){m.compareTwoArrayIsSame(e,t)||await this.initState()}isIntersecting(e){const t=null==e?void 0:e.target;t&&t.id===this._id&&this.listenResize()}handleSlotItems(e){var t;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.length)>0&&(this.data=e.detail)}handleChange(e){e.target.id==`bcm-list-input-tag-container-${this._id}-autocomplete-input`&&e.stopImmediatePropagation()}handleResize(){this.calculateLocation(),this.debounceHandler()}handleWheel(e){if(this.isOpen){const t=document.querySelector(`#bcm-list-${this._id}`);t&&l.findEventPath(e,t)?("select"==this.type||"autocomplete"==this.type||this.linkedComponent)&&this.calculateLocation():this.hide()}}clearAutocomplete(){if("autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.handleClear(!1)}}async handleSelectOtherTag(e){if(this.disabled)return;const{id:t,checked:i}=e.detail;this.isSelectedOther=i,t&&(i?this.filterOtherList(t):this.unSelectOther(),this.isOpen=!0)}async handleDeleteTag(e){var t;if(this.disabled)return;const{id:i}=e.detail;this.isSelectedOther&&this.unSelectOther(),Array.isArray(i)?K.removeOtherTags(this._id,i):K.checkedItem(this._id,i),this.value=(await this.getCheckedList()).checkedList,this.handleIndeterminate((null===(t=this.value)||void 0===t?void 0:t.length)||0,this.totalData)}async handleSelectTag(e){this.disabled||(this.clearAutocomplete(),this.onSelectSearch(),this.unSelectOther())}handleClick(e){var t;if(this.disabled)return;const i=document.querySelector(`#bcm-list-${this._id}`),c=l.findEventPath(e,this.el)||i&&l.findEventPath(e,i);if(c&&(null!==this.debounce&&(e.preventDefault(),e.stopPropagation(),clearTimeout(this.debounce),this.debounce=null),this.debounce=setTimeout((()=>{this.debounce=null}),300)),!c&&"autocomplete"==this.type){const e=this.getAutoCompleteInput();e&&e.setValue(this.checkboxes?"":(null===(t=this.value)||void 0===t?void 0:t.text)||"")}const o=l.findEventPathWithKey(e,"className",["bcm-tag"]),n=l.findEventPathWithKey(e,"className",["bcm-tag bcm-tag--other"]),s=l.findEventPathWithKey(e,"id",[`bcm-list-input-${this._id}`,`bcm-list-label-${this._id}`]),r=l.findEventPathWithKey(e,"className",["right close-button"]);s&&!r&&"autocomplete"!=this.type&&(this.isOpen=!(!o&&!n&&this.isOpen)),i&&this.isOpen&&(i.contains(e.target)||this.el.contains(e.target)||(this.isOpen=!1))}bcmOnSearchClear(e){var t,i;"autocomplete"==this.type&&((null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||e.detail&&this.setClear())}bcmOnSearch(e){var t,i,c,o,n,s;(null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.id)!==`bcm-list-${this._id}-search`&&(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.id)!==`bcm-list-input-tag-container-${this._id}-autocomplete-input`||(this.searchGetParents=r((()=>{var t;return null===(t=e.detail)||void 0===t?void 0:t.parentIndex}),null),this.searchResultLimit=10,this.searchFound=null!=(null===(c=e.detail)||void 0===c?void 0:c.matching)?null===(o=e.detail)||void 0===o?void 0:o.matching.length:null,this.returnFilterData=K.filterData(this._id,null===(n=e.detail)||void 0===n?void 0:n.nestedResult),this.searchFound>0&&this.highlight&&(this.highlightText=null===(s=e.detail)||void 0===s?void 0:s.value),"autocomplete"==this.type&&(this.isOpen=!0),e.detail.result||("autocomplete"==this.type?this.isOpen=!1:(this.returnFilterData={},K.filterData(this._id,null)),this.searchResultLimit=null,this.highlightText=null),this.markForCheck())}handleKeyDown(e){const t=e.keyCode||e.which;if(t===x.KeyCode.escape&&this.isOpen&&(this.isOpen=!1,e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()),this.keyControl){const e=new Y(t,this.el,this.treeview,this.checkboxes);e.openGroup=e=>{this.openGroup(e)},e.checkedItem=e=>{this.checkedItem(e)},e.keyDown()}}handleKeyUp(e){if(this.keyControl&&l.findEventPath(e,this.el)){const e=document.getElementById(`bcm-list-${this._id}`);if(e){const t=e.querySelectorAll(".bcm-list__item.focused");if(t.length>0){const i=e.querySelector("main"),c=t[0].offsetHeight,o=i.offsetHeight,n=t[0].offsetTop;n>o&&(i.scrollTop=n-o/2+c/2),n<o&&(i.scrollTop=n-o/2-c/2)}}}}async set(e,t=!0){e?(this.shouldTriggerChange=t,Array.isArray(e)&&this.addChecked(e),"string"!=typeof e&&"number"!=typeof e||this.selectedItem(e)):this.setClear()}async get(){var e,t;return this.value?this.checkboxes?null===(t=null===(e=await this.getCheckedList())||void 0===e?void 0:e.checkedList)||void 0===t?void 0:t.map((e=>e.id)):this.value.id:null}async getCheckedList(){return Promise.resolve(K.getCheckedList(this._id))}async getSelected(){return Promise.resolve(K.getSelected(this._id))}async getValue(){return Promise.resolve(this.value)}async triggerChange(e){this.shouldTriggerChange=e}async addChecked(e=[],t=!1,i=!0){return e&&e.length>0&&(t||(K.setClear(this._id),await u(10)),await K.addChecked(this._id,e),await u(10),i&&(this.value=(await this.getCheckedList()).checkedList),this.markForCheck()),Promise.resolve(this.value)}async selected(e){return!!e&&Promise.resolve(await this.selectedItem(e))}async setClear(e){return K.setClear(this._id),this.value=null,this.inputText="",this.isOpen=!1,this.selectAllItem.indeterminate="uncheck",this.markForCheck(),e&&(e.stopPropagation(),e.preventDefault()),await u(10),Promise.resolve()}async resetCaption(){return await u(10),this.caption=this.captionCache,this.captionType=this.captionTypeCache,this.captionError=null,await u(10),Promise.resolve()}detectClone(){const e=document.querySelectorAll(`#bcm-list-${this._id}`);e.length>0&&e.forEach((e=>{const t=e.getAttribute("temp-id");t!==`bcm-list-${this.tempId}`&&(console.warn(`[bcm-list] - Detected duplicate temp-id="${t}"`),e.remove())}))}async show(){return this.isOpen=!0,Promise.resolve()}async hide(){return this.isOpen=!1,Promise.resolve()}updateOptions(){K.updateOptions(this._id,this)}handleIndeterminate(e,t){this.selectAllItem=Object.assign(Object.assign({},this.selectAllItem),{indeterminate:this.checkboxes&&e>0?e===t?"check":"indeterminate":"uncheck",checked:!!(this.checkboxes&&e>0)&&e===t})}listenResize(){this.calculateLocation(),this.markForCheck()}async unSelectOther(){return await this.onClearSearch(),this.isSelectedOther=!1,this.searchFound=null,this.returnFilterData={},K.filterData(this._id,null),await u(10),Promise.resolve()}async onClearSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);return e&&await e.handleClear(),Promise.resolve()}async onSelectSearch(){const e=document.getElementById(`bcm-list-${this._id}-search`);e&&(await u(100),e.onBcmFocus(),e.onBcmSelect())}async filterOtherList(e){const t=(await this.getCheckedList()).nestedResult,i=l.convertIdsToNestedData(e,t);this.returnFilterData=await K.filterData(this._id,i,null,!0),this.searchFound=(null==e?void 0:e.length)||0,this.limit=500,this.searchGetParents=null,await u(1e3),this.markForCheck()}async initState(){var e,t,i;this.onClearSearch(),await K.setValue({id:this._id,dataSource:this.data&&r((()=>"string"==typeof this.data?JSON.parse(this.data):this.data),[]),options:this});const{totalRoots:c,totalItems:o}=K.getValue(this._id);if(this.totalData=o,this.totalRootData=c,this.value=this.checkboxes?(await this.getCheckedList()).checkedList:K.selectedItem(this._id)?K.selectedItem(this._id)[0]:null,this.checkboxes||(this.inputText=l.domParser(null===(e=this.value)||void 0===e?void 0:e.text)||null),this.checkboxes&&(null===(t=this.value)||void 0===t?void 0:t.length)>0){const e=[];this.value.forEach((t=>{t.items&&0!==t.items.length||e.push(t.id)})),await this.addChecked(e,!1,!1)}await this.handleIndeterminate(null===(i=this.value)||void 0===i?void 0:i.length,this.totalData),await this.markForCheck()}async markForCheck(){await u(10),this.tick=l.UID()}getOptions(){return r((()=>K.getValue(this._id).options),{})}getItems(){return this.isSelectedOther?this.returnFilterData.checkedItems:r((()=>K.getData(this._id)),[])}getLimitedItems(e){return r((()=>K.getDataPagination(this._id,this.searchResultLimit||this.limit,e)),[])}openGroup(e){K.openGroup(this._id,e),this.markForCheck()}focusItem(e){if(e.target.classList.contains("bcm-list__item")){const t=e.target,i=document.getElementById(`bcm-list-${this._id}`);if(i&&i.querySelectorAll(".bcm-list__item").length>0){const e=i.querySelector(".bcm-list__item.focused");e&&e.classList.remove("focused"),t.classList.add("focused")}}}async selectedItem(e){var t;if(!this.checkboxes&&(this.value=K.selectedItem(this._id,e)?K.selectedItem(this._id,e)[0]:null,this.inputText=l.domParser(null===(t=this.value)||void 0===t?void 0:t.text)||null,this.isOpen=!1,this.markForCheck(),"autocomplete"==this.type&&this.value)){const e=this.getAutoCompleteInput();e&&setTimeout((()=>{var t;e.setValue((null===(t=this.value)||void 0===t?void 0:t.text)||""),this.isOpen=!1}),100)}return Promise.resolve(this.value)}async checkedItem(e){"select-all"===e?K.selectAll(this._id,!this.selectAllItem.checked):K.checkedItem(this._id,e),this.value=(await this.getCheckedList()).checkedList,this.changeVisibleCheckeds(),this.markForCheck()}changeVisibleCheckeds(){const{visibledItems:e}=this.returnFilterData;this.returnFilterData={visibledItems:e,checkedItems:e&&e.filter((e=>e.checked))||[]}}getAutoCompleteInput(){return document.getElementById(`bcm-list-input-tag-container-${this._id}-autocomplete-input`)}dataScrollEvent(e){let t=0,i=new IntersectionObserver((e=>{0===t&&(t++,e[0].isIntersecting&&(this.limit+=15,this.searchResultLimit+=15,i.disconnect(),i=null))}),this.options);i.observe(e.target.lastElementChild)}async calculateLocation(){var e,t;if("select"==this.type||"autocomplete"==this.type||this.linkedComponent){const c=document.getElementById(`bcm-list-${this._id}`);var i=this.placement;const o=document.getElementById(this.linkedComponent?this.linkedComponent:`bcm-list-input-${this._id}`);if(c&&o){b(c,o,i,(e=>i=e)),await u(10);let n=d(i,o),s=0,l=0;if(this.linkedComponent){const i=document.getElementById(this.linkedComponent);if(i){if(!i.noCaption){const t=(null===(e=i.shadowRoot)||void 0===e?void 0:e.querySelector(".bcm-caption-area"))||i.querySelector(".bcm-caption-area");t&&(s=t.offsetHeight||t.clientHeight)}const c=(null===(t=i.shadowRoot)||void 0===t?void 0:t.querySelector(".bcm-label"))||i.querySelector(".bcm-label");c&&(l=c.offsetHeight||c.clientHeight)}}c.style.width=this.fullWidth?o.offsetWidth+"px":this.width||"auto",c.style.height=this.height.indexOf("%")>-1?.01*a.toNumber(this.height)*window.innerHeight-n[0]-50+"px":this.height,c.style.minHeight=this.minHeight;const r="top"==i.split("-")[0]?window.innerHeight-(window.innerHeight-n[0])-50:window.innerHeight-n[0]-50;c.style.maxHeight=this.maxHeight.indexOf("%")>-1?.01*a.toNumber(this.maxHeight)*r+"px":a.toNumber(this.maxHeight)<r?this.maxHeight:r+"px",b(c,o,i,(e=>i=e)),await u(10),n=d(i,o),c.style.top=("top"==i.split("-")[0]?n[0]-c.offsetHeight+l:n[0]-s)+"px",c.style.left="end"==i.split("-")[1]?n[1]-c.offsetWidth+"px":n[1]+"px",c.classList.toggle("bcm-list--top","top"==i.split("-")[0]),this.calculatedViewport=!0}}}handleTransitionEnd(e){const{isOpen:t,type:i}=this;t&&"select"==i&&"transform"==(null==e?void 0:e.propertyName)&&this.listOpen.emit()}render(){const{checkboxes:t,treeview:i,label:o,size:n,disabled:s,readonly:l,required:r,hidden:a,fullWidth:h,searchable:m}=this.getOptions(),b=v("bcm-list",`bcm-list__size-${n}`,`bcm-list__${this.type}`,"large"===n?"size-3":"size-2",{error:this.captionType==x.Status.error,"full-width":h,"bcm-list__linked":this.linkedComponent,hidden:a,readonly:l,disabled:s}),d=v("bcm-list__container",this.linkedComponent?"bcm-list__type-linked-component":`bcm-list__type-${this.type}`,{"is-open":this.isOpen&&this.calculatedViewport,error:this.captionType==x.Status.error,"full-width":h,hidden:a,readonly:l,disabled:s}),p=v("bcm-list__input"),u="select"==this.type||"autocomplete"==this.type||this.linkedComponent;return e(c,{class:b,tabindex:"0",style:{"--width":h?"100%":this.width,"--height":u?"100%":this.height,"--max-height":u?"inherit":this.maxHeight,"--min-height":u?"inherit":this.minHeight}},e("div",{id:`bcm-list-label-${this._id}`,class:"bcm-list__label"},o&&e("div",null,e("bcm-label",{tooltip:this.tooltip,size:this.size,type:this.captionType,value:o,required:r,htmlFor:this._id}))),"select"==this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:p},e("span",{class:v("bcm-list__input-container",{"type-single":!t,"value-empty":!this.value})},this.checkboxes?this.value&&this.value.length>0?e("bcm-rc-overflow",{data:this.tagData,maxCount:this.tagCount}):e("span",{class:"bcm-list__input-placeholder"},this.placeholder):this.value?this.inputText:e("span",{class:"bcm-list__input-placeholder"},this.placeholder)),e("span",{class:v("bcm-list__input-buttons",{disabled:s})},this.clearable&&this.value&&e("div",{class:"bcm-list__input-buttons-button"},e("bcm-icon",{icon:"fal fa-times",onClick:e=>!s&&this.setClear(e)})),e("div",{class:`bcm-list__input-buttons-button caret-is ${this.isOpen&&this.calculatedViewport&&"caret-is-open"}`},e("bcm-icon",{icon:"far fa-angle-down"})))),"autocomplete"===this.type&&e("div",{id:`bcm-list-input-${this._id}`,class:v(p,{"bcm-list__input-autocomplete":"autocomplete"==this.type})},e("span",{class:"bcm-list__input-container",id:`bcm-list-input-tag-container-${this._id}`},this.checkboxes&&e("span",{class:"bcm-list__input-tag-container",id:`bcm-list-input-tag-container-${this._id}-autocomplete`}),e("bcm-search",{id:`bcm-list-input-tag-container-${this._id}-autocomplete-input`,class:"bcm-list__autocomplete",data:this.data,clearable:!0,"full-width":!0,"no-caption":!0,placeholder:this.placeholder}))),e(E,{highlight:this.highlightText,searchable:"autocomplete"!=this.type&&m,bcmListContainer:d,checkboxes:t,treeview:i,infoFooter:this.infoFooter,value:this.value,totalData:this.totalData,searchFound:this.searchFound,variableText:this.variableText,searchPlaceholder:this.searchPlaceholder,minSearchLength:this.minSearchLength,searchIsOnlyChilds:this.searchIsOnlyChilds,_id:this._id,tempId:this.tempId,checkAll:this.checkAll,data:this.getItems(),width:this.width,height:this.height,size:this.size,selectAllItem:this.selectAllItem,onScrollEvent:e=>this.dataScrollEvent(e),items:this.getLimitedItems(this.searchGetParents),selectedItem:e=>this.selectedItem(e),checkedItem:e=>this.checkedItem(e),openGroup:e=>this.openGroup(e),focusItem:e=>this.focusItem(e),emptyText:this.emptyText,emptyIcon:this.emptyIcon,handleTransitionEnd:e=>this.handleTransitionEnd(e)}),e(g,{noCaption:this.noCaption,captionType:this.captionType,captionError:this.captionError,caption:this.caption}))}get el(){return o(this)}static get watchers(){return{_id:["watchId"],value:["handleValueChange"],returnFilterData:["watchReturnFilterData"],isOpen:["handleOpen"],data:["dataChanged"]}}};function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var c in i)Object.prototype.hasOwnProperty.call(i,c)&&(e[c]=i[c])}return e},X.apply(this,arguments)}function Z(e){return Z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Z(e)}function ee(e,t,i){return(t=function(e){var t=function(e){if("object"!==Z(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,"string");if("object"!==Z(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===Z(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function te(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);t&&(c=c.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,c)}return i}function ie(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?te(Object(i),!0).forEach((function(t){ee(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):te(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,c=new Array(t);i<t;i++)c[i]=e[i];return c}function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var c,o,n,s,l=[],r=!0,a=!1;try{if(n=(i=i.call(e)).next,0===t){if(Object(i)!==i)return;r=!1}else for(;!(r=(c=n.call(i)).done)&&(l.push(c.value),l.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{if(!r&&null!=i.return&&(s=i.return(),Object(s)!==s))return}finally{if(a)throw o}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ce(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?ce(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ne(e,t){if(null==e)return{};var i,c,o=function(e,t){if(null==e)return{};var i,c,o={},n=Object.keys(e);for(c=0;c<n.length;c++)t.indexOf(i=n[c])>=0||(o[i]=e[i]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(c=0;c<n.length;c++)t.indexOf(i=n[c])>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(o[i]=e[i])}return o}J([n()],Q.prototype,"el",void 0),J([s("data",!0)],Q.prototype,"dataChanged",null),Q.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .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}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:"";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}.bcm-list{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;--width:256px;--height:256px;--max-height:inherit;--min-height:inherit;min-width:90px;display:flex;flex-direction:column;margin:0 0 8px 0}.bcm-list__listbox .bcm-list__container{height:var(--height);max-height:var(--max-height);min-height:var(--min-height)}.bcm-list.full-width{width:100%}.bcm-list__size-small .bcm-list__input{height:24px;font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-small .bcm-list__input .bcm-tag__content.dismissable{font-size:10px;line-height:calc(10px + 8px)}.bcm-list__size-medium .bcm-list__input{height:32px;font-size:14px;line-height:calc(14px + 8px)}.bcm-list__size-medium .bcm-list__input .bcm-tag__content.dismissable{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__size-large .bcm-list__input{height:40px;font-size:16px;line-height:calc(16px + 8px)}.bcm-list__size-large .bcm-list__input .bcm-tag__content.dismissable{font-size:14px;line-height:calc(14px + 8px)}.bcm-list:hover{outline:none}.bcm-list:hover .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list:focus-visible{outline:none}.bcm-list:focus-visible .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);background-color:var(--bcm-new-ds-color-white)}.bcm-list:active{outline:none}.bcm-list:active .bcm-list__input{border-color:var(--bcm-new-ds-color-blue-600);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list__container{--width:256px;--height:256px;width:var(--width);height:var(--height);background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;padding-top:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px}.bcm-list__container main{scroll-behavior:smooth;padding:0 8px;flex:1;overflow:auto;display:flex;flex-direction:column}.bcm-list__container-search{margin:0 8px}.bcm-list__container-search:after{margin:4px 0}.bcm-list__container-no-data{flex:1;display:flex;justify-content:stretch;align-items:stretch;padding-bottom:4px}.bcm-list__container.error{border-color:var(--bcm-color-red-6)}.bcm-list__container.full-width{width:100%}.bcm-list__container.bcm-list__type-linked-component,.bcm-list__container.bcm-list__type-select,.bcm-list__container.bcm-list__type-autocomplete{display:none;opacity:0;visibility:hidden;position:absolute;top:0;left:0;height:0;width:0;transform:translateY(10%);z-index:10800;transition:visibility 0s linear 400ms, opacity 100ms, transform 200ms}.bcm-list__container.bcm-list__type-linked-component.bcm-list--top,.bcm-list__container.bcm-list__type-select.bcm-list--top,.bcm-list__container.bcm-list__type-autocomplete.bcm-list--top{transform:translateY(-10%)}.bcm-list__container.bcm-list__type-linked-component.is-open,.bcm-list__container.bcm-list__type-select.is-open,.bcm-list__container.bcm-list__type-autocomplete.is-open{display:flex;opacity:1;transform:translateY(0);visibility:visible;transition:visibility 0s linear 0s, opacity 100ms, transform 100ms}.bcm-list__container.bcm-list__type-linked-component{margin-top:2px}.bcm-list__label{line-height:1}.bcm-list__input{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-white);user-select:none;cursor:pointer;padding:0 8px;height:32px;overflow:hidden;position:relative;transition:background-color 100ms, border-color 100ms}.bcm-list__input-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bcm-color-grey-1);opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out;z-index:-1}.bcm-list__input-spinner.is-open{opacity:1;visibility:visible;z-index:1}.bcm-list__input-container{flex:1;display:block;overflow:hidden}.bcm-list__input-container.value-empty{color:var(--bcm-color-grey-6)}.bcm-list__input-container.type-single,.bcm-list__input-container.value-empty{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-list__input-placeholder{color:var(--bcm-color-grey-6)}.bcm-list__input-tag-container{height:100%;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;grid-gap:2px;line-height:1}.bcm-list__input-buttons{display:flex;align-items:center;justify-content:flex-end;grid-gap:4px}.bcm-list__input-buttons-button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 4px 0 4px;font-size:16px;color:var(--bcm-new-ds-color-slate-500)}.bcm-list__input-buttons-button.caret-is{transform:rotate(360deg);transition:transform 0.2s ease-in-out}.bcm-list__input-buttons-button.caret-is-open{transform:rotate(180deg)}.bcm-list__input-buttons:not(.disabled) .bcm-list__input-buttons-button:hover{cursor:pointer;color:var(--bcm-new-ds-color-slate-600)}.bcm-list__input-autocomplete{position:relative;padding-right:0}.bcm-list__input-autocomplete .bcm-list-input-selected-text{background-color:#ffffff;display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 24px);height:100%;padding:0 calc(8px + 4px);position:absolute;top:0;left:0}.bcm-list__input-autocomplete .bcm-list__input-container{height:100%;display:flex;flex-direction:row}.bcm-list__input-autocomplete .bcm-list__input-container .bcm-list__input-tag-container{width:auto}.bcm-list__input-autocomplete .bcm-input,.bcm-list__input-autocomplete .bcm-list__autocomplete{height:100%;min-width:70px;width:100%}.bcm-list__input-autocomplete .bcm-input__container,.bcm-list__input-autocomplete .bcm-list__autocomplete__container{height:100%;border:none;padding:0;width:100%}.bcm-list__input-autocomplete .bcm-input__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-input__container:not(.disabled):hover,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled).focused,.bcm-list__input-autocomplete .bcm-list__autocomplete__container:not(.disabled):hover{border:none;box-shadow:none}.bcm-list__autocomplete{width:100%;position:relative}.bcm-list.full-width .bcm-list__container,.bcm-list.full-width .bcm-list__input{width:100%}.bcm-list.error .bcm-list__input{border-color:var(--bcm-color-red-6)}.bcm-list.disabled .bcm-list__container,.bcm-list.disabled .bcm-list__input{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-list.disabled .bcm-tag__content.dismissable .close-button{cursor:default}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button bcm-icon{color:var(--bcm-new-ds-color-slate-100)}.bcm-list:not(.disabled) .bcm-list__input .bcm-tag__content.checked .close-button:hover bcm-icon{color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:hover{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list:not(.disabled) .bcm-list__input:hover .bcm-tag__content.dismissable:not(.checked){background-color:var(--bcm-new-ds-color-slate-200);border-color:var(--bcm-new-ds-color-slate-200)}.bcm-list:not(.disabled) .bcm-list__input:focus-visible{border-color:var(--bcm-new-ds-color-blue-500);box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-list:not(.disabled) .bcm-list__input:active{border-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item{padding:2px 0}.bcm-list__item.disabled{user-select:none}.bcm-list__item:focus{outline:none}.bcm-list__item:focus-visible>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item:focus-visible>.bcm-list__item-content:not(.disabled){color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item-content{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;border-radius:4px;padding:0;padding-left:4px;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-50);transition:background-color 0.2s ease}.bcm-list__item-content.disabled{color:var(--bcm-new-ds-color-slate-300);background-color:var(--bcm-new-ds-color-slate-50);user-select:none;cursor:not-allowed}.bcm-list__item-content.selected{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-list__item-content.selected:hover:not(.disabled){color:var(--bcm-new-ds-color-white);background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item-content:hover:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item-content:active:not(.disabled){color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item-content-collapse-icon{width:16px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.bcm-list__item-content-collapse-icon.child{cursor:pointer}.bcm-list__item-content-text{user-select:none;padding:8px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.bcm-list__item-content-text.treeview{padding:8px 0}.bcm-list__item-content-text-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;margin-right:8px}.bcm-list__item-content-text-checkbox .bcm-checkbox{margin:0}.bcm-list__item-content-text-inner{width:100%}.bcm-list__item-content-text mark{padding:0;margin:0;font-size:inherit;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-yellow-4)}.bcm-list__item-childs{padding-left:16px}.bcm-list__item-small{padding:2px 0 2px 8px;font-size:10px;line-height:calc(10px + 8px)}.bcm-list__item-small .bcm-list__item-content-text{padding:3px 4px}.bcm-list__item-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-list__item-medium .bcm-list__item-content-text{padding:6px 4px}.bcm-list__item-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-list__item-large .bcm-list__item-content-text{padding:9px 4px}.bcm-list__item--readonly:focus>.bcm-list__item-content:not(.disabled),.bcm-list__item--readonly.focused>.bcm-list__item-content:not(.disabled){color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content{color:var(--bcm-color-grey-7)}.bcm-list__item--readonly>.bcm-list__item-content:hover,.bcm-list__item--readonly>.bcm-list__item-content:focus{color:var(--bcm-color-grey-7)}.bcm-list__item--group{border-radius:4px}.bcm-list__item--group:focus>.bcm-list__item-content:not(.disabled){background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-content{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);border-radius:4px 4px 0 0;cursor:default;font-size:14px;line-height:calc(14px + 8px);font-weight:500;position:sticky;top:0}.bcm-list__item--group>.bcm-list__item-content>.bcm-list__item-content-text{padding:4px 8px 4px 16px}.bcm-list__item--group>.bcm-list__item-content:hover,.bcm-list__item--group>.bcm-list__item-content:focus{color:var(--bcm-new-ds-color-slate-800);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-content-unclickable:hover{color:var(--bcm-new-ds-color-slate-700);background-color:var(--bcm-new-ds-color-slate-50)}.bcm-list__item--group>.bcm-list__item-childs{background-color:var(--bcm-new-ds-color-slate-50);color:var(--bcm-new-ds-color-slate-600);padding-bottom:8px;border-radius:0 0 4px 4px;padding-left:8px}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content{background-color:var(--bcm-new-ds-color-white);color:var(--bcm-new-ds-color-slate-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:hover{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:active{background-color:var(--bcm-new-ds-color-slate-200)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content:focus-visible{background-color:var(--bcm-new-ds-color-slate-300)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected{background-color:var(--bcm-new-ds-color-blue-500);color:var(--bcm-new-ds-color-white)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:hover{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-list__item--group>.bcm-list__item-childs .bcm-list__item-content.selected:active{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-list__linked{display:none}.bcm-list .bcm-tag--other .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcm-info-footer{text-align:right;padding:4px 8px;background-color:var(--bcm-new-ds-color-slate-100);color:var(--bcm-new-ds-color-slate-600);border-radius:0 0 4px 4px}';var se=["prefixCls","invalidate","item","renderItem","responsive","responsiveDisabled","registerSize","itemKey","className","style","children","display","order","component"],le=void 0;function re(e,t){var i=e.prefixCls,c=e.invalidate,o=e.item,n=e.renderItem,s=e.responsive,l=e.responsiveDisabled,r=e.registerSize,a=e.itemKey,h=e.className,m=e.style,b=e.children,d=e.display,p=e.order,u=e.component,_=void 0===u?"div":u,x=ne(e,se),g=s&&!d;function f(e){r(a,e)}k.useEffect((function(){return function(){f(null)}}),[]);var w,z=n&&o!==le?n(o):b;c||(w={opacity:g?0:1,height:g?0:le,overflowY:g?"hidden":le,order:s?p:le,pointerEvents:g?"none":le,position:g?"absolute":le});var j={};g&&(j["aria-hidden"]=!0);var I=k.createElement(_,X({className:v(!c&&i,h),style:ie(ie({},w),m)},j,x,{ref:t}),z);return s&&(I=k.createElement(y,{onResize:function(e){f(e.offsetWidth)},disabled:l},I)),I}var ae=k.forwardRef(re);function he(e,t){var i=oe(k.useState(t),2),c=i[1];return[i[0],j((function(t){e((function(){c(t)}))}))]}ae.displayName="Item";var me=k.createContext(null),be=["component"],de=["className"],pe=["className"],ue=function(e,t){var i=k.useContext(me);if(!i){var c=e.component,o=void 0===c?"div":c,n=ne(e,be);return k.createElement(o,X({},n,{ref:t}))}var s=i.className,l=ne(i,de),r=e.className,a=ne(e,pe);return k.createElement(me.Provider,{value:null},k.createElement(ae,X({ref:t,className:v(s,r)},l,a)))},_e=k.forwardRef(ue);_e.displayName="RawItem";var xe=["prefixCls","data","renderItem","renderRawItem","itemKey","itemWidth","ssr","style","className","maxCount","renderRest","renderRawRest","suffix","component","itemComponent","onVisibleChange"],ge="responsive",ve="invalidate";function fe(e){return"+ ".concat(e.length," ...")}function ke(e,t){var i,c=e.prefixCls,o=void 0===c?"rc-overflow":c,n=e.data,s=void 0===n?[]:n,l=e.renderItem,r=e.renderRawItem,a=e.itemKey,h=e.itemWidth,m=void 0===h?10:h,b=e.ssr,d=e.style,p=e.className,u=e.maxCount,_=e.renderRest,x=e.renderRawRest,g=e.suffix,f=e.component,j=void 0===f?"div":f,C=e.itemComponent,O=e.onVisibleChange,S=ne(e,xe),$="full"===b,E=(i=k.useRef(null),function(e){i.current||(i.current=[],function(e){if("undefined"==typeof MessageChannel)z(e);else{var t=new MessageChannel;t.port1.onmessage=function(){return e()},t.port2.postMessage(void 0)}}((function(){w.unstable_batchedUpdates((function(){i.current.forEach((function(e){e()})),i.current=null}))}))),i.current.push(e)}),T=oe(he(E,null),2),R=T[0],N=T[1],D=R||0,F=oe(he(E,new Map),2),P=F[0],A=F[1],L=oe(he(E,0),2),M=L[0],V=L[1],G=oe(he(E,0),2),B=G[0],H=G[1],W=oe(he(E,0),2),q=W[0],K=W[1],U=oe(k.useState(null),2),Y=U[0],J=U[1],Q=oe(k.useState(null),2),Z=Q[0],ee=Q[1],te=k.useMemo((function(){return null===Z&&$?Number.MAX_SAFE_INTEGER:Z||0}),[Z,R]),ce=oe(k.useState(!1),2),se=ce[0],le=ce[1],re="".concat(o,"-item"),be=Math.max(M,B),de=u===ge,pe=s.length&&de,ue=u===ve,_e=pe||"number"==typeof u&&s.length>u,ke=k.useMemo((function(){var e=s;return pe?e=null===R&&$?s:s.slice(0,Math.min(s.length,D/m)):"number"==typeof u&&(e=s.slice(0,u)),e}),[s,m,R,u,pe]),we=k.useMemo((function(){return s.slice(pe?te+1:ke.length)}),[s,ke,pe,te]),ye=k.useCallback((function(e,t){var i;return"function"==typeof a?a(e):null!==(i=a&&(null==e?void 0:e[a]))&&void 0!==i?i:t}),[a]),ze=k.useCallback(l||function(e){return e},[l]);function je(e,t,i){(Z!==e||void 0!==t&&t!==Y)&&(ee(e),i||(le(e<s.length-1),null==O||O(e)),void 0!==t&&J(t))}function Ie(e,t){A((function(i){var c=new Map(i);return null===t?c.delete(e):c.set(e,t),c}))}function Ce(e){return P.get(ye(ke[e],e))}I((function(){if(D&&"number"==typeof be&&ke){var e=q,t=ke.length,i=t-1;if(!t)return void je(0,null);for(var c=0;c<t;c+=1){var o=Ce(c);if($&&(o=o||0),void 0===o){je(c-1,void 0,!0);break}if(e+=o,0===i&&e<=D||c===i-1&&e+Ce(i)<=D){je(i,null);break}if(e+be>D){je(c-1,e-o-q+B);break}}g&&Ce(0)+q>D&&J(null)}}),[D,P,B,q,ye,ke]);var Oe=se&&!!we.length,Se={};null!==Y&&pe&&(Se={position:"absolute",left:Y,top:0});var $e,Ee={prefixCls:re,responsive:pe,component:C,invalidate:ue},Te=r?function(e,t){var i=ye(e,t);return k.createElement(me.Provider,{key:i,value:ie(ie({},Ee),{},{order:t,item:e,itemKey:i,registerSize:Ie,display:t<=te})},r(e,t))}:function(e,t){var i=ye(e,t);return k.createElement(ae,X({},Ee,{order:t,key:i,item:e,renderItem:ze,itemKey:i,registerSize:Ie,display:t<=te}))},Re={order:Oe?te:Number.MAX_SAFE_INTEGER,className:"".concat(re,"-rest"),registerSize:function(e,t){H(t),V(B)},display:Oe};if(x)x&&($e=k.createElement(me.Provider,{value:ie(ie({},Ee),Re)},x(we)));else{var Ne=_||fe;$e=k.createElement(ae,X({},Ee,Re),"function"==typeof Ne?Ne(we):Ne)}var De=k.createElement(j,X({className:v(!ue&&o,p),style:d,ref:t},S),ke.map(Te),_e?$e:null,g&&k.createElement(ae,X({},Ee,{responsive:de,responsiveDisabled:!pe,order:te,className:"".concat(re,"-suffix"),registerSize:function(e,t){K(t)},display:!0,style:Se}),g));return de&&(De=k.createElement(y,{onResize:function(e,t){N(t.clientWidth)},disabled:!pe},De)),De}var we=k.forwardRef(ke);we.displayName="Overflow",we.Item=_e,we.RESPONSIVE=ge,we.INVALIDATE=ve;const ye=class{constructor(e){t(this,e),this.selectOtherTag=i(this,"bcm-select-other-tag",7),this.selectTag=i(this,"bcm-select-tag",7),this.deleteTag=i(this,"bcm-delete-tag",7),this.renderItem=e=>k.createElement("bcm-tooltip",{placement:"bottom",message:e.text,trigger:"hover"},k.createElement("div",{id:e.value+"-tag",className:"bcm-tag",onClick:({target:t})=>this.onClickControl(t,e,!1)},k.createElement("span",{className:"bcm-tag__content dismissable"},k.createElement("div",{className:"value tw-block tw-max-w-[38px] tw-overflow-hidden tw-overflow-ellipsis tw-whitespace-nowrap"},e.text),k.createElement("span",{className:"right close-button"},k.createElement("bcm-icon",{icon:"fa fa-times"}))))),this.renderRest=e=>{const t=(null==e?void 0:e.sort(((e,t)=>+e.ct-+t.ct)).slice(0,15).map((e=>h.textLimitter(e.text,40,!0))).toString().split(",").join("\r\n"))+(e.length>15?"\r\n...":"");return k.createElement("bcm-tooltip",{placement:"bottom",message:t,trigger:"hover"},k.createElement("div",{className:"bcm-tag bcm-tag--other",onClick:({target:t})=>this.onClickControl(t,e,!0)},k.createElement("span",{className:"bcm-tag__content dismissable "+(this.checked?"checkable checked":"")},k.createElement("span",{className:"value"},`+${null==e?void 0:e.length}`),k.createElement("span",{className:"right close-button"},k.createElement("bcm-icon",{icon:"fa fa-times"})))))},this._id=l.UID(),this.maxCount=1,this.data=[],this.checked=!1}isClickDismiss(e){return"BCM-ICON"===e["s-hn"]}onClickControl(e,t,i=!1){const c=this.isClickDismiss(e);c&&this.deleteTag.emit({id:Array.isArray(t)?t.map((e=>e.value)):t.value})&&this.checked&&(this.checked=!1),!i&&this.selectTag.emit({id:t.value})&&this.checked&&(this.checked=!1),i&&!c&&(this.checked=!this.checked,this.selectOtherTag.emit({id:null==t?void 0:t.map((e=>e.value)),checked:this.checked}))}componentWillRender(){const{data:e,renderItem:t,renderRest:i,maxCount:c}=this;this.overflowInstance=k.createElement(we,{data:e,renderItem:t,renderRest:i,maxCount:c}),w.render(this.overflowInstance,this.el)}get el(){return o(this)}};ye.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}.rc-overflow{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.rc-overflow-item{transition:all 0.3s ease;padding:0 2px;display:flex;align-items:center;justify-content:center}';const{state:ze}=f({value:new Map}),je=(e,t)=>{let i=[];return e&&(i=e.map((e=>Object.assign(Object.assign(Object.assign({},e),{parentId:r((()=>t),null)}),e.items&&e.items.length>0&&{items:r((()=>je(e.items,e.id)),[])})))),i},Ie=e=>r((()=>ze.value.get(e)),{}),Ce=(e,t,i)=>{let c=[],o=[],n=[],s=[];const{searchIsOnlyChilds:l}=Ie(e);return t&&t.length>0&&t.forEach((t=>{let r=l&&null!==t.parentId;if((t.text&&h.slugify(t.text).includes(h.slugify(i))||t.keywords&&h.slugify(t.keywords).includes(h.slugify(i)))&&(!l||l&&r)){if(n.push(t.id),c.push(t.id),o.push(t.id),s.push({id:t.id,text:t.text,parentId:t.parentId}),t.items&&t.items.length>0){const o=Ce(e,t.items,i);o.matching.length>0&&o.matching.forEach((e=>{c.push(e)}))}}else if(t.items&&t.items.length>0){const l=Ce(e,t.items,i);l.result.length>0&&(l.result.forEach((e=>{n.push(e)})),n.push(t.id),o.push(t.id),s.push({id:t.id,text:t.text,parentId:t.parentId,items:l.nestedResult})),l.matching.length>0&&c.push(...l.matching)}})),{result:n,matching:c,parentIndex:o,nestedResult:s}},Oe=(e,t,i)=>{let c;c=i&&i.length>0?i:Ie(e).dataSource;let o=[];return c&&o.push(Ce(e,c,t)),{result:r((()=>l.flatArray(o[0].result)),[]),matching:r((()=>o[0].matching),[]),parentIndex:r((()=>o[0].parentIndex),[]),nestedResult:r((()=>o[0].nestedResult),[])}},Se=class{constructor(e){t(this,e),this.bcmOnSearch=i(this,"bcm-on-search",7),this.bcmOnSearchClear=i(this,"bcm-on-search-clear",7),this.debounceHandler=l.debounceInput((e=>this.onSearchValue(e,this)),300,!1,(()=>{var e,t;this.isActiveClearable=(null===(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)||void 0===t?void 0:t.length)>0&&this.clearable})),this._id=l.UID(),this.placeholder="Search",this.disabled=!1,this.readonly=!1,this.clearable=!0,this.size=_.Size.medium,this.limit=10,this.searchIsOnlyChilds=!1,this.minSearchLength=2,this.data=[],this.tick={},this.isActiveClearable=!1}async componentDidLoad(){await this.initState()}async dataChanged(e,t){e!==t&&await this.initState()}async initState(){await(e=>{const{id:t,dataSource:i}=e,c={id:r((()=>t),l.UID),dataSource:i&&i.length>0&&je(i),searchIsOnlyChilds:e.searchIsOnlyChilds};ze.value.set(c.id,c)})({id:this._id+"-input",dataSource:this.data,searchIsOnlyChilds:this.searchIsOnlyChilds}),await this.markForCheck()}markForCheck(){this.tick=l.UID()}handleInput(){}async onBcmFocus(){this.inputElement.focus()}async onBcmBlur(){this.inputElement.blur()}async onBcmSelect(){this.inputElement.select()}async setValue(e){this.inputElement.value=e}handleFocus(){}handleBlur(){}handleChange(){}async handleClear(e=!0){this.inputElement.value="";const{value:t,id:i}=this.inputElement;return Oe(i,t),this.isActiveClearable=!1,this.bcmOnSearch.emit({result:null,value:null,matching:null,parentIndex:null}),this.bcmOnSearchClear.emit(e),await u(10),Promise.resolve()}onSearchValue(e,t){const{value:i,id:c}=e.target,o=(null==i?void 0:i.length)>=this.minSearchLength?Oe(c,i,null):null,{bcmOnSearch:n,inputElement:s}=t;n.emit({result:null==o?void 0:o.result,value:null==s?void 0:s.value,matching:null==o?void 0:o.matching,parentIndex:null==o?void 0:o.parentIndex,nestedResult:null==o?void 0:o.nestedResult})}render(){const{_id:t,placeholder:i,disabled:o,readonly:n}=this;return e(c,{onClick:()=>{this.onBcmFocus(),this.onBcmSelect()}},e(C,{size:this.size,id:t,type:"search",placeholder:i,disabled:o,"full-width":!0,readonly:n,clearable:this.isActiveClearable,handleFocus:()=>this.handleFocus(),handleBlur:()=>this.handleBlur(),handleChange:()=>this.handleChange(),handleClear:()=>this.handleClear(),handleInput:this.debounceHandler,ref:e=>this.inputElement=e}))}get el(){return o(this)}static get watchers(){return{data:["dataChanged"]}}};Se.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}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:"Inter", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:"Inter", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}';export{Q as bcm_list,ye as bcm_rc_overflow,Se as bcm_search}

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

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as o,c as t,h as e,H as r,g as n}from"./p-e037ee2b.js";import{C as c}from"./p-4798d827.js";import"./p-626a65e9.js";import{G as i,s as a}from"./p-a9632cd3.js";import"./p-5c59f8e5.js";import"./p-6b5ed4d8.js";import"./p-fd2abdda.js";import"./p-5ae0a59b.js";import{B as l,a as b}from"./p-a313fba6.js";import{c as s}from"./p-bed627ab.js";import{c as d}from"./p-08c75801.js";import{c as u}from"./p-197aba37.js";import{S as m}from"./p-4213ba24.js";import"./p-436364c8.js";import"./p-3c7a0345.js";import"./p-034bbcdd.js";import"./p-e45c1546.js";import"./p-979af47a.js";const v=d({slots:{host:["tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-48 tw-gap-2","bcm-ui-element bcm-attendance-actions"],base:"",buttonContainer:"tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full tw-max-w-[168px]",button:["","tw-button-reset","tw-flex-1 last:tw-flex-none","tw-bg-[--bcm-attendance-actions-button-bg]","tw-text-[--bcm-attendance-actions-button-text]","tw-border tw-border-solid tw-border-[--bcm-attendance-actions-button-border]","hover:tw-bg-[--bcm-attendance-actions-button-hover-bg]","active:tw-bg-[--bcm-attendance-actions-button-active-bg]","focus-visible:tw-ring-2 focus-visible:tw-ring-offset-2 focus-visible:tw-z-10","tw-flex tw-flex-row tw-items-center tw-justify-center","first:tw-rounded-l last:tw-rounded-r","tw-font-medium","-tw-ml-[1px] first:tw-ml-0"],dropdownButton:"",mainButton:"",commentIcon:""},variants:{selected:{true:{button:["tw-text-white tw-border-transparent last:tw-ml-[1px]","first:tw-justify-start"],mainButton:["tw-min-w-[calc(theme(spacing.12)-1px)]"]},false:{button:[""]}},size:{small:{button:["tw-text-2","tw-min-h-6","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},medium:{button:["tw-text-3","tw-min-h-8","tw-gap-2"],mainButton:["tw-px-3"],dropdownButton:["tw-px-2.5"]},large:{button:["tw-text-4","tw-min-h-10","tw-gap-2.5"],mainButton:["tw-px-3"],dropdownButton:["tw-px-3"]}},disabled:{true:{},false:{}}},compoundVariants:[{disabled:!0,class:{buttonContainer:["tw-cursor-not-allowed tw-pointer-events-none"],button:["tw-cursor-not-allowed","tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]"],mainButton:["tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-text-[--bcm-attendance-actions-button-disabled-text]","tw-border-transparent","hover:tw-bg-[--bcm-attendance-actions-button-disabled-bg]","tw-cursor-not-allowed"],host:["tw-cursor-not-allowed"],commentIcon:["tw-cursor-not-allowed tw-pointer-events-none"]}},{disabled:!1,class:{button:["tw-cursor-pointer"]}}],defaultVariants:{selected:!1,size:"medium",disabled:!1}}),h=class{constructor(e){o(this,e),this.change=t(this,"bcm-attendance-change",3),this._id=i.UID(),this.size=l.Size.medium,this.disabled=!1,this.data=[{key:"P",value:"Present",color:"emerald",icon:"fa-solid fa-check",priority:0},{key:"A",value:"Absent",color:"red",icon:"fa-solid fa-times",priority:1},{key:"L",value:"Late",color:"amber",icon:"fa-solid fa-clock",priority:2},{key:"C",value:"Other Authorised Circumstance",color:"blue",icon:"fa-solid fa-question"},{key:"E",value:"Exlude",color:"blue",icon:"fa-solid fa-minus"},{key:"G",value:"Family Holiday",color:"blue",icon:"fa-solid fa-minus"},{key:"H",value:"Family Holiday (Agreed)",color:"blue",icon:"fa-solid fa-minus"},{key:"I",value:"Illness",color:"blue",icon:"fa-solid fa-minus"},{key:"J",value:"Intervier",color:"blue",icon:"fa-solid fa-minus"},{key:"M",value:"Medical / Dental",color:"blue",icon:"fa-solid fa-minus"},{key:"N",value:"No Reason yet PRovided",color:"blue",icon:"fa-solid fa-minus"},{key:"O",value:"Unauthrised Absence",color:"blue",icon:"fa-solid fa-minus"},{key:"U",value:"Late after Reg. Closed",color:"blue",icon:"fa-solid fa-minus"},{key:"X",value:"Non-comp School Age Absence",color:"blue",icon:"fa-solid fa-minus"}],this.lateKeys="L",this.hideComment=!1}get selectedItem(){return this.data.find((o=>o.selected))}get priorityButtons(){return this.data.filter((o=>void 0!==o.priority)).sort(((o,t)=>o.priority-t.priority))}get renderButtons(){const{selectedItem:o,priorityButtons:t}=this;return[...o?[o]:t.length?t:this.data.slice(0,3)]}get lateKeysMap(){return this.lateKeys.toLocaleLowerCase().split(",")}get isLate(){var o,t;return this.lateKeysMap.includes(null===(t=null===(o=this.selectedItem)||void 0===o?void 0:o.key)||void 0===t?void 0:t.toLocaleLowerCase())}get dropdownMenuElement(){return document.getElementById("attendance-dropdown-"+this._id)}get commentAreaElement(){return document.getElementById("comment-"+this._id)}handleSelectItem(o,t=!0,e=!0){var r,n;if(this.data=[...this.data.map((t=>{var e,r;return Object.assign(Object.assign({},t),{selected:(null===(e=o.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null===(r=t.key)||void 0===r?void 0:r.toLocaleLowerCase())})}))],null===(r=this.dropdownMenuElement)||void 0===r||r.hide(),null===(n=this.commentAreaElement)||void 0===n||n.hide(),!this.isLate)return t&&this.changed();!this.hideComment&&e&&this.commentArea()}changed(){this.change.emit(this.selectedItem)}hasDataForKey(o){return!!this.data.find((t=>t.key.toLocaleLowerCase()===o.toLocaleLowerCase()))}handleKeyPress({key:o}){if(!this.hasDataForKey(o))return;const t=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(t)}handleSave(o,t){this.data=[...this.data].map((e=>{var r,n,c;return(null===(r=e.key)||void 0===r?void 0:r.toLocaleLowerCase())===(null===(c=null===(n=this.selectedItem)||void 0===n?void 0:n.key)||void 0===c?void 0:c.toLocaleLowerCase())?Object.assign(Object.assign({},e),{lateMin:o,comment:t}):e})),this.changed()}dropdownMenu(){var o;const t=i.createComponent("bcm-attendance-actions-dropdown",{id:"attendance-dropdown-"+this._id,size:this.size,data:this.data,selectedKey:null===(o=this.selectedItem)||void 0===o?void 0:o.key,targetId:"attendance-dropdown-button-"+this._id});t.addEventListener("bcm-attendance-actions-dropdown-change",(({detail:o})=>{this.handleSelectItem(o)})),t.show()}commentArea(){var o,t;const e=i.createComponent("bcm-attendance-actions-comment",{id:"comment-"+this._id,size:this.size,isLate:this.isLate,targetId:"comment-area-"+this._id,selectedItem:this.selectedItem,lateMinutes:null===(o=this.selectedItem)||void 0===o?void 0:o.lateMin,comment:null===(t=this.selectedItem)||void 0===t?void 0:t.comment});e.addEventListener("bcm-attendance-actions-comment-change",(({detail:o})=>{this.handleSave(o.lateMinutes,o.comment)})),e.show()}async set(o,t=!0){if(!this.hasDataForKey(o))return;const e=this.data.find((t=>{var e;return(null===(e=t.key)||void 0===e?void 0:e.toLocaleLowerCase())===(null==o?void 0:o.toLocaleLowerCase())}));this.handleSelectItem(e,t,!1)}async get(){return this.selectedItem}render(){var o,t,n;const{selectedItem:c,renderButtons:a,disabled:l,hideComment:b,size:d}=this,{host:u,buttonContainer:m,button:h,dropdownButton:g,commentIcon:p,mainButton:f}=v({selected:!!c,size:d,disabled:l}),k=c?i.getTwColor({color:null!==(o=c.color)&&void 0!==o?o:"blue",tones:{600:["bg"],700:["hover-bg"],800:["active-bg"]},variable:"--bcm-attendance-actions-button"}):{},x={class:s(h(),f()),style:Object.assign({},k),disabled:l,type:"button"},w=Object.assign(Object.assign({},x),{class:s(h(),g())}),_=!b&&!!c,y=(null==c?void 0:c.comment)||(null==c?void 0:c.lateMin)?`${(null==c?void 0:c.comment)||""}${(null==c?void 0:c.lateMin)?` (${null==c?void 0:c.lateMin} min) `:""}`:"";return e(r,{class:u(),onKeyPress:this.handleKeyPress.bind(this)},e("div",{class:m()},null==a?void 0:a.map((o=>e("button",Object.assign({},x,{onClick:()=>this.handleSelectItem(o),title:o.value}),e("i",{class:s(o.icon||"fa-solid fa-minus","!tw-leading-[inherit]")}),o.selected&&e("span",{class:"tw-truncate"},o.value)))),e("button",Object.assign({id:"attendance-dropdown-button-"+this._id},w,{onClick:()=>this.dropdownMenu(),title:"More"}),e("i",{class:s("fa-solid fa-angle-down !tw-leading-[inherit]")}))),e("div",{id:"comment-area-"+this._id,class:s(p(),{"tw-cursor-default":!_,"tw-cursor-pointer":_}),onClick:()=>_&&this.commentArea()},e("i",{title:_?y:"",class:s("fa-solid fa-comment",{"tw-text-gray-400":!((null===(t=this.selectedItem)||void 0===t?void 0:t.comment)||(null===(n=this.selectedItem)||void 0===n?void 0:n.lateMin)),"tw-visible":_,"tw-invisible":!_})})))}get el(){return n(this)}};h.style="";const g={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var p;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(p||(p={}));const{state:f}=u({value:new Map,setData:{},removeData:{}}),k=({value:o,type:t,componentClass:r,disabled:n,href:c,target:i,loading:a,isIconOnly:l,icon:s,iconPosition:d,id:u})=>e(c?b.HtmlElementType.a:b.HtmlElementType.button,Object.assign({id:u},t==b.HtmlElementType.button&&{type:t},{class:r,disabled:n,href:c,target:i,tabindex:"0"}),e("span",{hidden:!0},e("slot",null)),a&&e("span",{class:"bcm-button__container-loading"}," ",e("span",{class:"bcm-button__container-icon"},e("i",{class:"far fa-spinner-third fa-spin"})," ")),s&&e("span",{class:`${d} bcm-button__container-icon`},e("i",{class:`${s}`})),!l&&e(m,{className:"bcm-button__container-text",value:o}),e("slot",{name:"suffix"})),x=class{constructor(e){o(this,e),this.bcmClick=t(this,"bcm-click",7),this._id=i.UID(),this.hidden=!1,this.type=b.ButtonType.button,this.size=b.Size.medium,this.disabled=!1,this.kind=b.Kind.solid,this.outline=!1,this.icon=void 0,this.href=void 0,this.target=void 0,this.value=void 0,this.loading=!1,this.variant=void 0,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=b.IconPosition.prefix,this.color=void 0,this.checked=!1}handleOnClick(o){if(this.disabled)return o.preventDefault(),o.stopPropagation(),!1}componentWillRender(){const{size:o,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,type:a,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v}=this;(o=>{const t=Object.assign(Object.assign({},o),g[o.variant]&&{icon:g[o.variant].icon,value:g[o.variant].text,iconPosition:b.IconPosition[g[o.variant].iconPosition],variantColor:g[o.variant].color});f.value.set(t.id,t)})({id:this._id,size:o,type:a,kind:t,icon:e,iconPosition:r,disabled:n,outline:c,href:i,target:l,loading:s,variant:d,fullWidth:u,hidden:m,value:v,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,a((()=>f.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:t}=this,e=`--bcm-button-${t}`;return"solid"===t?{[`${e}-color-default`]:c.dsColor("white"),[`${e}-color-hover`]:c.dsColor("white"),[`${e}-color-focus-visible`]:c.dsColor("white"),[`${e}-color-active`]:c.dsColor("white"),[`${e}-color-disabled`]:c.dsColor("white"),[`${e}-background-color-default`]:c.dsColor(o+"-500"),[`${e}-background-color-hover`]:c.dsColor(o+"-600"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-700"),[`${e}-background-color-active`]:c.dsColor(o+"-800"),[`${e}-background-color-disabled`]:c.dsColor("slate-400"),[`${e}-border-default`]:c.dsColor(o+"-500"),[`${e}-border-hover`]:c.dsColor(o+"-600"),[`${e}-border-focus-visible`]:c.dsColor(o+"-700"),[`${e}-border-active`]:c.dsColor(o+"-800"),[`${e}-border-disabled`]:c.dsColor("slate-400")}:"link"==t?{[`${e}-color-default`]:c.dsColor(o+"-500"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-800"),[`${e}-color-active`]:c.dsColor(o+"-700"),[`${e}-color-disabled`]:c.dsColor("slate-400"),[`${e}-background-color-default`]:c.dsColor("transparent"),[`${e}-background-color-hover`]:c.dsColor("transparent"),[`${e}-background-color-focus-visible`]:c.dsColor("slate-50"),[`${e}-background-color-active`]:c.dsColor("slate-50"),[`${e}-background-color-disabled`]:c.dsColor("transparent"),[`${e}-border-default`]:c.dsColor("transparent"),[`${e}-border-hover`]:c.dsColor("transparent"),[`${e}-border-focus-visible`]:c.dsColor("slate-50"),[`${e}-border-active`]:c.dsColor("slate-50"),[`${e}-border-disabled`]:c.dsColor("transparent")}:"ghost"==t?{[`${e}-color-default`]:c.dsColor(o+"-600"),[`${e}-color-hover`]:c.dsColor(o+"-600"),[`${e}-color-focus-visible`]:c.dsColor(o+"-600"),[`${e}-color-active`]:c.dsColor(o+"-600"),[`${e}-color-disabled`]:c.dsColor(o+"-300"),[`${e}-background-color-default`]:c.dsColor(o+"-100"),[`${e}-background-color-hover`]:c.dsColor(o+"-200"),[`${e}-background-color-focus-visible`]:c.dsColor(o+"-400"),[`${e}-background-color-active`]:c.dsColor(o+"-300"),[`${e}-background-color-disabled`]:c.dsColor(o+"-50"),[`${e}-border-default`]:c.dsColor(o+"-300"),[`${e}-border-hover`]:c.dsColor(o+"-400"),[`${e}-border-focus-visible`]:c.dsColor(o+"-600"),[`${e}-border-active`]:c.dsColor(o+"-500"),[`${e}-border-disabled`]:c.dsColor(o+"-200")}:void 0}render(){const{size:o,kind:t,disabled:n,outline:c,type:i,href:a,target:l,loading:b,variantColor:d,fullWidth:u,hidden:m,icon:v,iconPosition:h,value:g,isIconOnly:p,iconSize:f}=this.getStateData();let x=s("bcm-button__container",`bcm-button__container-size-${o}`,`bcm-button__container-kind-${c?"ghost":t}`,{"full-width":u,checked:this.checked,disabled:n});const w=s("bcm-button",{hidden:m,"full-width":u});return e(r,{class:w,style:this.setColor(d),onClick:()=>!n&&this.bcmClick.emit(this.el)},e(k,{type:i,value:g,componentClass:x,disabled:n,href:a,target:l,icon:v,loading:b,iconSize:f,isIconOnly:p,iconPosition:h}))}get el(){return n(this)}};x.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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';export{h as bcm_attendance_actions,x as bcm_button}

package/dist/cjs/bcm-collapse.cjs.entry.js

@@ -1,46 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c591ecec.js');
-const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-794c57b1.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-38271f86.js');
-require('./colors-078851ec.js');
-
-const collapseCss = "@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-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}";
-
-const BcmCollapse = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.bcmCollapseOpen = index.createEvent(this, "bcm-collapse-open", 7);
-    this._id = generate.Generate.UID();
-    this.borderless = false;
-    this.open = false;
-    this.noBorder = false;
-    this.hidden = false;
-  }
-  componentDidRender() {
-    this.open && this.bcmCollapseOpen.emit(this._id);
-  }
-  render() {
-    const { hidden, borderless, open, noBorder, _id } = this;
-    const classes = index$1.classnames('bcm-collapse', {
-      'bcm-collapse--borderless': borderless,
-      'bcm-collapse--open': open,
-      'bcm-collapse--no-border': noBorder
-    });
-    const caretDown = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>';
-    const caretRight = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>';
-    return (index.h(index.Host, { class: { hidden }, id: _id }, index.h("details", { class: classes, open: open }, index.h("summary", { class: "bcm-collapse__header size-2", onClick: () => this.open = !open }, index.h("span", { class: "collapse-icon", innerHTML: open ? (caretDown) : (caretRight) }), index.h("slot", { name: "title" })), index.h("div", { class: "bcm-collapse__body" }, index.h("slot", { name: "body" })))));
-  }
-  get el() { return index.getElement(this); }
-};
-BcmCollapse.style = collapseCss;
-
-exports.bcm_collapse = BcmCollapse;

package/dist/esm/bcm-collapse.entry.js

@@ -1,42 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4614b7f0.js';
-import { c as classnames } from './index-b84bc8c9.js';
-import { G as Generate } from './generate-4cecdf46.js';
-import './_commonjsHelpers-be0d4ec8.js';
-import './package-324454ca.js';
-import './colors-e1c31f79.js';
-
-const collapseCss = "@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-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}";
-
-const BcmCollapse = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.bcmCollapseOpen = createEvent(this, "bcm-collapse-open", 7);
-    this._id = Generate.UID();
-    this.borderless = false;
-    this.open = false;
-    this.noBorder = false;
-    this.hidden = false;
-  }
-  componentDidRender() {
-    this.open && this.bcmCollapseOpen.emit(this._id);
-  }
-  render() {
-    const { hidden, borderless, open, noBorder, _id } = this;
-    const classes = classnames('bcm-collapse', {
-      'bcm-collapse--borderless': borderless,
-      'bcm-collapse--open': open,
-      'bcm-collapse--no-border': noBorder
-    });
-    const caretDown = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>';
-    const caretRight = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>';
-    return (h(Host, { class: { hidden }, id: _id }, h("details", { class: classes, open: open }, h("summary", { class: "bcm-collapse__header size-2", onClick: () => this.open = !open }, h("span", { class: "collapse-icon", innerHTML: open ? (caretDown) : (caretRight) }), h("slot", { name: "title" })), h("div", { class: "bcm-collapse__body" }, h("slot", { name: "body" })))));
-  }
-  get el() { return getElement(this); }
-};
-BcmCollapse.style = collapseCss;
-
-export { BcmCollapse as bcm_collapse };