@six-group/ui-library 0.0.0-insider.fe4db17 → 0.0.0-insider.fea784d

package/dist/ui-library/{p-5e5bd309.entry.js → p-3dc98466.entry.js}

@@ -1,2 +1,2 @@
-import{h as e,r as t,c as i,g as s}from"./p-D0Go1Zjj.js";import{E as r}from"./p-C4h4qpGl.js";import{D as o,d as a,a as n}from"./p-CKhg9ibv.js";import{h}from"./p-j3oIB5oT.js";import{m as l,c as d,a as c,b as u}from"./p-Dd6pdO8C.js";const p=e=>typeof e==="string";const m=e=>e==null;const b={en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthsShortGrouped:[["Jan","Feb","Mar","Apr"],["May","Jun","Jul","Aug"],["Sep","Oct","Nov","Dec"]],weekdays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],weekdaysShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],weekdaysMin:["Mo","Tu","We","Th","Fr","Sa","Su"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],monthsShortGrouped:[["Jan.","Feb.","März","Apr."],["Mai","Juni","Juli","Aug."],["Sep.","Okt.","Nov.","Dez."]],weekdays:["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"],weekdaysShort:["Mo.","Di.","Mi.","Do.","Fr.","Sa.","So."],weekdaysMin:["Mo","Di","Mi","Do","Fr","Sa","So"]},fr:{months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],monthsShort:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],monthsShortGrouped:[["janv.","févr.","mars","avr."],["mai","juin","juil.","août"],["sept.","oct.","nov.","déc."]],weekdays:["lundi","mardi","mercredi","jeudi","vendredi","samedi","dimanche"],weekdaysShort:["lun.","mar.","mer.","jeu.","ven.","sam.","dim."],weekdaysMin:["lu","ma","me","je","ve","sa","di"]},it:{months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],monthsShort:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],monthsShortGrouped:[["gen","feb","mar","apr"],["mag","giu","lug","ago"],["set","ott","nov","dic"]],weekdays:["lunedì","martedì","mercoledì","giovedì","venerdì","sabato","domenica"],weekdaysShort:["lun","mar","mer","gio","ven","sab","dom"],weekdaysMin:["lu","ma","me","gi","ve","sa","do"]},es:{months:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],monthsShort:["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic"],monthsShortGrouped:[["ene","feb","mar","abr"],["may","jun","jul","ago"],["sep","oct","nov","dic"]],weekdays:["lunes","martes","miércoles","jueves","viernes","sábado","domingo"],weekdaysShort:["lun","mar","mié","jue","vie","sáb","dom"],weekdaysMin:["lu","ma","mi","ju","vi","sa","do"]}};const f=()=>new Date;const y=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate());const v=e=>e instanceof Date&&!isNaN(e.getTime())&&new Date(e).toString()!=="Invalid Date";const k=e=>{if(e&&v(e)){return e.getFullYear()}throw new Error("Not a valid date")};const g=e=>{if(e&&v(e)){return e.getMonth()}throw new Error("Not a valid date")};const w=e=>{if(e&&v(e)){return e.getDate()}throw new Error("Not a valid date")};const x=e=>{if(e&&v(e)){return e.getHours()}throw new Error("Not a valid date")};const _=e=>{if(e&&v(e)){return e.getMinutes()}throw new Error("Not a valid date")};const M=e=>{if(e&&v(e)){return e.getSeconds()}throw new Error("Not a valid date")};const D=e=>{const t=[6,0,1,2,3,4,5];const i=new Date(e);i.setDate(i.getDate()-t[i.getDay()]);return i};const j=(e,t)=>(e===null||e===void 0?void 0:e.getFullYear())===(t===null||t===void 0?void 0:t.getFullYear());const S=(e,t)=>j(e,t)&&(e===null||e===void 0?void 0:e.getMonth())===(t===null||t===void 0?void 0:t.getMonth());const C=(e,t)=>S(e,t)&&(e===null||e===void 0?void 0:e.getDate())===(t===null||t===void 0?void 0:t.getDate());const O=(e,t)=>C(D(e),D(t));const z=(e,t)=>{if(!p(e)||!p(t)){return false}if(e.length<6||t.length<6){return false}const{day:i,month:s}=Q(e,t);if(i>31||s>11||i<=0||s<0){return false}const r=U(e,t);if(m(r)){return false}return r.toString()!=="Invalid Date"};const F=(e,t,i)=>{if(!e){return true}if(t&&e<t){return false}if(i&&i<e){return false}return true};const J=(e,t,i,s=2)=>{const r=s-1;const o=t.charAt(e+r)===i;const a=e+r<t.length;return a&&o};const N=(e,t)=>{let i=String(e);while(i.length<t){i="0"+i}return i};const A=(e,t)=>{if(e==null){return""}let i="";for(let s=0;s<t.length;s++){switch(t.charAt(s)){case"d":if(J(s,t,"d")){i+=N(e.getDate(),2);s++}else{i+=String(e.getDate())}break;case"m":if(J(s,t,"m")){i+=N(e.getMonth()+1,2);s++}else{i+=String(e.getMonth()+1)}break;case"y":if(J(s,t,"y",4)){s+=3;i+=e.getFullYear()}else{i+=(e.getFullYear()%100<10?"0":"")+e.getFullYear()%100;s++}break;case"h":if(J(s,t,"h")){i+=N(e.getHours(),2);s++}else{i+=String(e.getHours())}break;case"M":if(J(s,t,"M")){i+=N(e.getMinutes(),2);s++}else{i+=String(e.getMinutes())}break;case"s":if(J(s,t,"s")){i+=N(e.getSeconds(),2);s++}else{i+=String(e.getSeconds())}break;default:i+=t.charAt(s)}}return i};const E=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;const G=/\d\d/;const T=/\d{4}/;const B=/[^0-9]/g;const I="year";const P="month";const L="day";const Y="hour";const H="minute";const W="second";const q={};const K=(e,t,i)=>{const s=Array.isArray(e)?e:[e];let r;if(typeof i==="string"){r=e=>{const t=parseInt(e,10);return{[i]:t}}}else{r=i}s.forEach((e=>{q[e]=[t,r]}))};K("yy",G,(e=>{const t=(new Date).getFullYear();const i=Math.floor(t/100);let s=parseInt(e,10);s=(s>68?i-1:i)*100+s;return{[I]:s}}));K("yyyy",T,I);K("mm",G,(e=>({[P]:parseInt(e,10)-1})));K("dd",G,L);K("hh",G,Y);K("MM",G,H);K("ss",G,W);const R=(e,t=new Date)=>{const i=[0,0,1,0,0,0];const s=[t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()];let r=true;for(let t=0;t<7;t++){if(e[t]===undefined){i[t]=r?s[t]:i[t]}else{i[t]=e[t];r=false}}return i};const V=(e,t,i,s,r,o)=>{if(!(e<100&&e>=0)){return new Date(e,t,i,s,r,o)}const a=new Date(e+400,t,i,s,r,o);if(isFinite(a.getFullYear())){a.setFullYear(e)}return a};const Z=(e,t)=>{const i=t.match(E);if(!i){throw new Error}const{length:s}=i;let r={};for(let t=0;t<s;t+=1){const s=i[t];const o=q[s];if(!o){const t=s.replace(/^\[|\]$/g,"");if(e.indexOf(t)===0){e=e.substr(t.length)}else{throw new Error("not match")}}else{const t=o[0];const i=o[1];const s=(t.exec(e)||[])[0];const a=i(s);r=Object.assign(Object.assign({},r),a);e=e.replace(s,"")}}return r};const $=(e,t)=>{if(e.length===t.length){return e}const i=e.match(B)[0];return e.split(i).map((e=>e.length===1?"0"+e:e)).join(i)};const Q=(e,t)=>{const i=$(e,t);return Z(i,t)};const U=(e,t)=>{try{const{backupDate:i=new Date}={};const{year:s,month:r,day:o,hour:a,minute:n,second:h,date:l}=Q(e,t);if(l!=null){return l}const d=[s,r,o,a,n,h];const c=R(d,i);return V(...c)}catch(e){return new Date(NaN)}};const X=e=>{const{firstDateOfBox:t,allowedDates:i,dateFormat:s,selectedDate:r,minDate:o,maxDate:a,pointerDate:n}=e;const h=new Date(t);const l=new Date(t);let d=[];do{let e=[];do{e=[...e,{date:new Date(l),display:A(l,s),dateString:A(l,s),label:w(l).toString(),isToday:C(l,f()),isSelected:r&&C(l,r),isDisabled:!i(l)||!F(l,o,a),isOutdated:n.month!==l.getMonth()||!F(l,o,a)}];l.setDate(l.getDate()+1)}while(O(l,h));d=[...d,e];h.setDate(h.getDate()+7)}while(S(new Date(n.year,n.month,n.day),l));return d};function ee(e,t){const i=5;return[...Array(t).keys()].map((i=>i+e-Math.floor(t/2))).reduce(((e,t,s)=>{if(s%i===0){e.push([])}e[e.length-1].push(t);return e}),[])}var te;(function(e){e["DDMMYYY_DOT"]="dd.mm.yyyy";e["YYYYMMDD_DASH"]="yyyy-mm-dd";e["DDMMYYYY_DASH"]="dd-mm-yyyy";e["DDMMYYYY_SLASH"]="dd/mm/yyyy";e["YYYYMMDD_SLASH"]="yyyy/mm/dd";e["DDMMYY_DOT"]="dd.mm.yy";e["YYMMDD_DASH"]="yy-mm-dd";e["DDMMYY_DASH"]="dd-mm-yy";e["DDMMYY_SLASH"]="dd/mm/yy";e["YYMMDD_SLASH"]="yy/mm/dd";e["DDMMYYY_DOT_TIME"]="dd.mm.yyyy hh:MM:ss";e["YYYYMMDD_DASH_TIME"]="yyyy-mm-dd hh:MM:ss";e["DDMMYYYY_DASH_TIME"]="dd-mm-yyyy hh:MM:ss";e["DDMMYYYY_SLASH_TIME"]="dd/mm/yyyy hh:MM:ss";e["YYYYMMDD_SLASH_TIME"]="yyyy/mm/dd hh:MM:ss";e["DDMMYY_DOT_TIME"]="dd.mm.yy hh:MM:ss";e["YYMMDD_DASH_TIME"]="yy-mm-dd hh:MM:ss";e["DDMMYY_DASH_TIME"]="dd-mm-yy hh:MM:ss";e["DDMMYY_SLASH_TIME"]="dd/mm/yy hh:MM:ss";e["YYMMDD_SLASH_TIME"]="yy/mm/dd hh:MM:ss"})(te||(te={}));const ie=t=>{const i=t.locale;const s=e=>i.monthsShort[f().getMonth()]===e;const r=e=>{var s;return((s=t.selectedDate)===null||s===void 0?void 0:s.getMonth())===i.monthsShort.findIndex((t=>t===e))};return e("table",{class:"datepicker-table",part:"month-selection"},e("tbody",null,i.monthsShortGrouped.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>e("td",{onClick:()=>t.onClickMonthCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":s(i),"datepicker-table__cell--is-selected":r(i)}},i))))))))};const se=t=>e("table",{class:"datepicker-table",part:"day-selection"},e("thead",{part:"weekday-header"},t.locale.weekdaysMin.map((t=>e("th",{class:"datepicker__cell"},t)))),e("tbody",null,t.calendarGrid.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>e("td",{"data-date":i.dateString,onClick:()=>t.onClickDateCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":i.isToday,"datepicker-table__cell--is-selected":i.isSelected,"datepicker-table__cell--is-outdated":i.isOutdated,"datepicker-table__cell--is-disabled":i.isDisabled,"datepicker-table__cell--is-selectable":!i.isDisabled}},i.label))))))));const re=t=>e("table",{class:"datepicker-table",part:"year-selection"},e("tbody",null,t.yearSelection.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>{var s;return e("td",{onClick:()=>t.onClickYearCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":f().getFullYear()===i,"datepicker-table__cell--is-selected":((s=t.selectedDate)===null||s===void 0?void 0:s.getFullYear())===i}},i)})))))));const oe=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.datepicker__container{position:relative}.datepicker__popup{min-width:400px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.datepicker__popup--is-up{bottom:100%;min-height:382px}.datepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.datepicker-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--six-color-web-rock-400);padding:0.5em;margin-bottom:1em}.datepicker-header svg{fill:var(--six-color-web-rock-900);stroke:none}.datepicker-header__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.datepicker-header__label{display:flex}.datepicker-header__label>div{cursor:pointer;padding:0.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__label>div:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table{width:100%}.datepicker-table__cell{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer}.datepicker-table__cell:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table__cell--is-today{border:1px solid var(--six-color-web-rock-400)}.datepicker-table__cell--is-selected{background-color:var(--six-color-red);color:var(--six-color-white)}.datepicker-table__cell--is-disabled{background-color:var(--six-color-web-rock-200);cursor:initial}.datepicker-table__cell--is-disabled:hover{background-color:var(--six-color-web-rock-200)}.datepicker-table__cell--is-outdated{color:var(--six-color-web-rock-400)}.datepicker-clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.datepicker-clear:hover{color:var(--six-input-icon-color-hover)}.datepicker-clear:focus{outline:none}.datepicker-clear--right{right:0;position:absolute}.datepicker-clear--left{right:35px;position:absolute}.input--empty .datepicker-clear{visibility:hidden}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}six-timepicker::part(popup){border:none;padding:0.5em 0.5em 0;min-height:0}";const ae=25;const ne=400;var he;(function(e){e["DAY"]="day";e["MONTH"]="month";e["YEAR"]="year"})(he||(he={}));const le=class{constructor(e){t(this,e);this.sixSelect=i(this,"six-datepicker-select");this.sixClear=i(this,"six-datepicker-clear");this.sixBlur=i(this,"six-datepicker-blur");this.eventListeners=new r;this.pointerDate=le.getCurrentDateAsPointer();this.selectionMode=he.DAY;this.isDropDownContentUp=false;this.type="date";this.locale="en";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.allowedDates=()=>true;this.closeOnSelect=this.type==="date";this.size="medium";this.required=false;this.label="";this.errorText="";this.invalid=false;this.dateFormat=te.DDMMYYY_DOT;this.debounce=o;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false;this.previousUnit=()=>{if(this.selectionMode===he.DAY){this.previousMonth()}else if(this.selectionMode===he.MONTH){this.previousYear()}else if(this.selectionMode===he.YEAR){this.previousYearGroup()}};this.nextUnit=()=>{if(this.selectionMode===he.DAY){this.nextMonth()}else if(this.selectionMode===he.MONTH){this.nextYear()}else if(this.selectionMode===he.YEAR){this.nextYearGroup()}};this.handleDocumentKeyDown=e=>{var t;const i=e;if(this.open&&i.key==="Escape"){i.stopPropagation();this.closePopup();void((t=this.inputElement)===null||t===void 0?void 0:t.setFocus())}if(i.key==="Tab"){this.closePopup()}};this.handleDocumentMouseDown=e=>{const t=e.composedPath();if(!t.includes(this.container)){this.closePopup();return}};this.handleClearClick=async e=>{e.stopPropagation();await this.select(undefined);this.sixClear.emit()};this.onTimepickerChange=e=>{const t=e.detail.value;const i=new Date;if(this.selectedDate!=null){i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate())}if(t!=null){const e=t.hours;const s=t.minutes;const r=t.seconds;if(e!=null){i.setHours(e,s,r)}}this.updateValue(i);this.updatePointerDates()};this.onClickDateCell=e=>{if(!e.isDisabled){void this.select(e.dateString)}};this.onClickMonthCell=e=>{const t=b[this.locale].monthsShort.findIndex((t=>t===e));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:t});this.selectionMode=he.DAY};this.onClickYearCell=e=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:e});this.selectionMode=he.DAY};this.handleInputChange=e=>{if(this.inputElement==null){return}e.stopPropagation();const t=this.inputElement.value;if(!z(t,this.dateFormat)){return}const i=U(t,this.dateFormat);if(i===undefined){return}this.updateIfChanged(i);const s=t.replace(/[^\d]/g,"");if(s.length>=6){const e=U(t,this.dateFormat);const i=A(e,this.dateFormat);if(z(i,this.dateFormat)){this.selectedDate=U(i,this.dateFormat);this.updatePointerDates();this.updateValue(this.selectedDate)}}};this.handleOnBlur=e=>{var t,i,s;e.stopPropagation();if(((t=this.inputElement)===null||t===void 0?void 0:t.value)===""&&v(this.value)){this.value=undefined;this.sixSelect.emit(this.value)}const r=U((i=this.inputElement)===null||i===void 0?void 0:i.value,this.dateFormat);if(v(r)&&((s=this.value)===null||s===void 0?void 0:s.getTime())!==(r===null||r===void 0?void 0:r.getTime())){this.value=r}if(this.inputElement!=null){this.inputElement.value=A(this.value,this.dateFormat)}this.sixBlur.emit(this.value)}}debounceChanged(){this.sixSelect=a(this.sixSelect,this.debounce)}valueChanged(){if(this.value!=null&&!v(this.value)){console.warn("invalid date value: ",this.value);this.value=undefined;this.sixSelect.emit(this.value)}this.selectedDate=this.value;this.updatePointerDates()}async resizeHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup();this.adjustPopupPosition()}async scrollHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup()}moveOpenHoistedPopup(){l(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,ne)}get container(){return this.containingElement||this.host}get firstDateOfBox(){const e=new Date(this.pointerDate.year,this.pointerDate.month,1);return D(e)}async setFocus(e){var t;(t=this.inputElement)===null||t===void 0?void 0:t.setFocus(e)}get calendarGrid(){return X({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}updateDropdownDirection(){if(this.inputElement==null||this.wrapper==null){return}this.isDropDownContentUp=d(this.inputElement,this.wrapper,ne)}getMonthStringForIndex(e){return b[this.locale].months[e]}previousYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1})}previousYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-ae})}previousMonth(){if(this.pointerDate.month===0){this.pointerDate={year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}}nextMonth(){if(this.pointerDate.month===11){this.pointerDate={year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month+1,day:1,hours:0,minutes:0,seconds:0}}}nextYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1})}nextYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+ae})}openCalendar(){if(!this.open&&!this.disabled){this.open=true;this.setupEventListenersForOpenPopup()}}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown);this.selectionMode=he.DAY}updatePointerDates(){const e=this.getPointerDate();if(this.differsFromPointerDate(e)){this.pointerDate={year:k(e),month:g(e),day:w(e),hours:x(e),minutes:_(e),seconds:M(e)}}}differsFromPointerDate(e){return this.pointerDate.day!==w(e)||this.pointerDate.month!==g(e)||this.pointerDate.year!==k(e)||this.pointerDate.hours!==x(e)||this.pointerDate.minutes!==_(e)||this.pointerDate.seconds!==M(e)}getPointerDate(){if(this.selectedDate!==undefined&&this.selectedDate!==null){return this.selectedDate}if(this.defaultDate==null){return this.type==="date"?y(f()):f()}else{return U(this.defaultDate,this.dateFormat)}}updateValue(e){this.updateIfChanged(e)}updateIfChanged(e){var t;if(((t=this.value)===null||t===void 0?void 0:t.getTime())===(e===null||e===void 0?void 0:e.getTime())){return}this.value=e;this.sixSelect.emit(this.value)}async select(e){if(e==null){this.updateValue(undefined)}else{const t=U(e,this.dateFormat);t===null||t===void 0?void 0:t.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds);this.updateValue(t)}this.updatePointerDates();if(this.closeOnSelect){this.closePopup()}}componentWillLoad(){this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value);if(this.inline){this.open=true}if(this.open){this.setupEventListenersForOpenPopup()}}componentDidLoad(){if(this.inputElement!=null){this.eventListeners.add(this.inputElement,"six-input-input",n(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}}componentDidRender(){this.adjustPopupPosition()}renderHeader(){return e("header",{class:"datepicker-header",part:"header"},e("div",{class:"datepicker-header__btn prev",onClick:this.previousUnit},e("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},e("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),e("div",{class:"datepicker-header__label"},this.selectionMode===he.DAY&&e("div",{onClick:()=>this.selectionMode=he.MONTH},e("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),e("span",null,e("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},e("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==he.YEAR&&e("div",{onClick:()=>this.selectionMode=he.YEAR},e("span",{class:"datepicker-header__label-year"},this.pointerDate.year),e("span",null,e("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},e("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===he.YEAR&&e("div",null,this.pointerDate.year-Math.floor(ae/2)," –"," ",this.pointerDate.year+Math.floor(ae/2))),e("div",{class:"datepicker-header__btn next",onClick:this.nextUnit},e("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},e("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case he.DAY:return e(se,{locale:b[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case he.MONTH:return e(ie,{locale:b[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case he.YEAR:return e(re,{selectedDate:this.selectedDate,yearSelection:ee(this.pointerDate.year,ae),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const t=h(this.host,"custom-icon")?e("slot",{name:"custom-icon"}):e("six-icon",{size:this.size==="large"?"medium":this.size},"today");return e("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},t)}renderClearable(){return this.clearable&&e("button",{slot:"suffix",class:{"datepicker-clear":true,"datepicker-clear--right":this.iconPosition==="left","datepicker-clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},e("six-icon",{size:"small"},"clear"))}render(){var t,i,s;this.adjustPopupPosition();return e("div",{key:"b5ba1d95babef5f6f47bd176f607756df09f293b",ref:e=>this.wrapper=e,class:"datepicker__container"},e("six-input",{key:"bbc7941bb975cb5e66eda215fea89dc3455724a3",part:"base",value:A(this.value,this.dateFormat),ref:e=>this.inputElement=e,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,name:this.name,label:this.label,required:this.required,errorText:this.errorText,errorTextCount:this.errorTextCount,invalid:this.invalid,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":this.value==null}},this.renderCustomIcon(),this.renderClearable(),h(this.host,"label")?e("span",{slot:"label"},e("slot",{name:"label"})):null,h(this.host,"error-text")?e("span",{slot:"error-text"},e("slot",{name:"error-text"})):null),this.open&&e("div",{key:"ceaf12686b514b8708e1b254e8ed8990c519e19b",part:"popup",ref:e=>this.popup=e,class:{datepicker__popup:true,"datepicker__popup--is-up":this.placement!=null?this.placement==="top":this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),this.type==="date-time"&&e("six-timepicker",{key:"c978d4bf39f7b212eb6f4f37acbfc2f5533e2ebc",debounce:this.debounce,inline:true,"onSix-timepicker-change-debounced":e=>this.onTimepickerChange(e),value:((t=this.selectedDate)===null||t===void 0?void 0:t.getHours())+":"+((i=this.selectedDate)===null||i===void 0?void 0:i.getMinutes())+":"+((s=this.selectedDate)===null||s===void 0?void 0:s.getSeconds())}),e("div",{key:"ffaec9fff60951e6f8134437f31b359d93b3b91e",class:"datepicker__footer"},e("slot",{key:"58655ebaf55d53e2524eee16e87ecf629fe9eb29"}))))}adjustPopupPosition(){c(this.hoist,this.popup,this.inputElement,this.wrapper,ne,(e=>this.isDropDownContentUp=e));u(this.popup)}connectedCallback(){this.eventListeners.forward("six-datepicker-select","change",this.host);this.eventListeners.forward("six-datepicker-blur","blur",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}static getCurrentDateAsPointer(){return{year:k(f()),month:g(f()),day:w(f()),hours:x(f()),minutes:_(f()),seconds:M(f())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};le.style=oe;export{le as six_datepicker};
-//# sourceMappingURL=p-5e5bd309.entry.js.map
+import{h as e,r as t,c as i,g as s}from"./p-JoG9I7EO.js";import{E as r}from"./p-C4h4qpGl.js";import{D as o,d as a,a as n}from"./p-CKhg9ibv.js";import{h}from"./p-j3oIB5oT.js";import{m as l,c as d,a as c,b as u}from"./p-Dd6pdO8C.js";const p=e=>typeof e==="string";const m=e=>e==null;const b={en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],monthsShortGrouped:[["Jan","Feb","Mar","Apr"],["May","Jun","Jul","Aug"],["Sep","Oct","Nov","Dec"]],weekdays:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],weekdaysShort:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],weekdaysMin:["Mo","Tu","We","Th","Fr","Sa","Su"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],monthsShort:["Jan.","Feb.","März","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],monthsShortGrouped:[["Jan.","Feb.","März","Apr."],["Mai","Juni","Juli","Aug."],["Sep.","Okt.","Nov.","Dez."]],weekdays:["Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag","Sonntag"],weekdaysShort:["Mo.","Di.","Mi.","Do.","Fr.","Sa.","So."],weekdaysMin:["Mo","Di","Mi","Do","Fr","Sa","So"]},fr:{months:["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],monthsShort:["janv.","févr.","mars","avr.","mai","juin","juil.","août","sept.","oct.","nov.","déc."],monthsShortGrouped:[["janv.","févr.","mars","avr."],["mai","juin","juil.","août"],["sept.","oct.","nov.","déc."]],weekdays:["lundi","mardi","mercredi","jeudi","vendredi","samedi","dimanche"],weekdaysShort:["lun.","mar.","mer.","jeu.","ven.","sam.","dim."],weekdaysMin:["lu","ma","me","je","ve","sa","di"]},it:{months:["gennaio","febbraio","marzo","aprile","maggio","giugno","luglio","agosto","settembre","ottobre","novembre","dicembre"],monthsShort:["gen","feb","mar","apr","mag","giu","lug","ago","set","ott","nov","dic"],monthsShortGrouped:[["gen","feb","mar","apr"],["mag","giu","lug","ago"],["set","ott","nov","dic"]],weekdays:["lunedì","martedì","mercoledì","giovedì","venerdì","sabato","domenica"],weekdaysShort:["lun","mar","mer","gio","ven","sab","dom"],weekdaysMin:["lu","ma","me","gi","ve","sa","do"]},es:{months:["enero","febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"],monthsShort:["ene","feb","mar","abr","may","jun","jul","ago","sep","oct","nov","dic"],monthsShortGrouped:[["ene","feb","mar","abr"],["may","jun","jul","ago"],["sep","oct","nov","dic"]],weekdays:["lunes","martes","miércoles","jueves","viernes","sábado","domingo"],weekdaysShort:["lun","mar","mié","jue","vie","sáb","dom"],weekdaysMin:["lu","ma","mi","ju","vi","sa","do"]}};const f=()=>new Date;const y=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate());const v=e=>e instanceof Date&&!isNaN(e.getTime())&&new Date(e).toString()!=="Invalid Date";const k=e=>{if(e&&v(e)){return e.getFullYear()}throw new Error("Not a valid date")};const g=e=>{if(e&&v(e)){return e.getMonth()}throw new Error("Not a valid date")};const w=e=>{if(e&&v(e)){return e.getDate()}throw new Error("Not a valid date")};const x=e=>{if(e&&v(e)){return e.getHours()}throw new Error("Not a valid date")};const _=e=>{if(e&&v(e)){return e.getMinutes()}throw new Error("Not a valid date")};const M=e=>{if(e&&v(e)){return e.getSeconds()}throw new Error("Not a valid date")};const D=e=>{const t=[6,0,1,2,3,4,5];const i=new Date(e);i.setDate(i.getDate()-t[i.getDay()]);return i};const j=(e,t)=>(e===null||e===void 0?void 0:e.getFullYear())===(t===null||t===void 0?void 0:t.getFullYear());const S=(e,t)=>j(e,t)&&(e===null||e===void 0?void 0:e.getMonth())===(t===null||t===void 0?void 0:t.getMonth());const C=(e,t)=>S(e,t)&&(e===null||e===void 0?void 0:e.getDate())===(t===null||t===void 0?void 0:t.getDate());const O=(e,t)=>C(D(e),D(t));const z=(e,t)=>{if(!p(e)||!p(t)){return false}if(e.length<6||t.length<6){return false}const{day:i,month:s}=U(e,t);if(i>31||s>11||i<=0||s<0){return false}const r=X(e,t);if(m(r)){return false}return r.toString()!=="Invalid Date"};const F=(e,t,i)=>{if(!e){return true}if(t&&e<t){return false}if(i&&i<e){return false}return true};const J=(e,t,i,s=2)=>{const r=s-1;const o=t.charAt(e+r)===i;const a=e+r<t.length;return a&&o};const N=(e,t)=>{let i=String(e);while(i.length<t){i="0"+i}return i};const A=(e,t)=>{if(e==null){return""}let i="";for(let s=0;s<t.length;s++){switch(t.charAt(s)){case"d":if(J(s,t,"d")){i+=N(e.getDate(),2);s++}else{i+=String(e.getDate())}break;case"m":if(J(s,t,"m")){i+=N(e.getMonth()+1,2);s++}else{i+=String(e.getMonth()+1)}break;case"y":if(J(s,t,"y",4)){s+=3;i+=e.getFullYear()}else{i+=(e.getFullYear()%100<10?"0":"")+e.getFullYear()%100;s++}break;case"h":if(J(s,t,"h")){i+=N(e.getHours(),2);s++}else{i+=String(e.getHours())}break;case"M":if(J(s,t,"M")){i+=N(e.getMinutes(),2);s++}else{i+=String(e.getMinutes())}break;case"s":if(J(s,t,"s")){i+=N(e.getSeconds(),2);s++}else{i+=String(e.getSeconds())}break;default:i+=t.charAt(s)}}return i};const E=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;const G=/\d\d/;const T=/\d{4}/;const I=/[^0-9]/g;const B="year";const P="month";const L="day";const Y="hour";const H="minute";const W="second";const q={};const K=(e,t,i)=>{const s=Array.isArray(e)?e:[e];let r;if(typeof i==="string"){r=e=>{const t=parseInt(e,10);return{[i]:t}}}else{r=i}s.forEach((e=>{q[e]=[t,r]}))};K("yy",G,(e=>{const t=(new Date).getFullYear();const i=Math.floor(t/100);let s=parseInt(e,10);s=(s>68?i-1:i)*100+s;return{[B]:s}}));K("yyyy",T,B);K("mm",G,(e=>({[P]:parseInt(e,10)-1})));K("dd",G,L);K("hh",G,Y);K("MM",G,H);K("ss",G,W);const R=(e,t=new Date)=>{const i=[0,0,1,0,0,0];const s=[t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds()];let r=true;for(let t=0;t<7;t++){if(e[t]===undefined){i[t]=r?s[t]:i[t]}else{i[t]=e[t];r=false}}return i};const V=(e,t,i,s,r,o)=>{if(!(e<100&&e>=0)){return new Date(e,t,i,s,r,o)}const a=new Date(e+400,t,i,s,r,o);if(isFinite(a.getFullYear())){a.setFullYear(e)}return a};const $=(e,t)=>{const i=t.match(E);if(!i){throw new Error}const{length:s}=i;let r={};for(let t=0;t<s;t+=1){const s=i[t];const o=q[s];if(!o){const t=s.replace(/^\[|\]$/g,"");if(e.indexOf(t)===0){e=e.substr(t.length)}else{throw new Error("not match")}}else{const t=o[0];const i=o[1];const s=(t.exec(e)||[])[0];const a=i(s);r=Object.assign(Object.assign({},r),a);e=e.replace(s,"")}}return r};const Q=(e,t)=>{if(e.length===t.length){return e}const i=e.match(I)[0];return e.split(i).map((e=>e.length===1?"0"+e:e)).join(i)};const U=(e,t)=>{const i=Q(e,t);return $(i,t)};const X=(e,t)=>{try{const{backupDate:i=new Date}={};const{year:s,month:r,day:o,hour:a,minute:n,second:h,date:l}=U(e,t);if(l!=null){return l}const d=[s,r,o,a,n,h];const c=R(d,i);return V(...c)}catch(e){return new Date(NaN)}};const Z=e=>{const{firstDateOfBox:t,allowedDates:i,dateFormat:s,selectedDate:r,minDate:o,maxDate:a,pointerDate:n}=e;const h=new Date(t);const l=new Date(t);let d=[];do{let e=[];do{e=[...e,{date:new Date(l),display:A(l,s),dateString:A(l,s),label:w(l).toString(),isToday:C(l,f()),isSelected:r&&C(l,r),isDisabled:!i(l)||!F(l,o,a),isOutdated:n.month!==l.getMonth()||!F(l,o,a)}];l.setDate(l.getDate()+1)}while(O(l,h));d=[...d,e];h.setDate(h.getDate()+7)}while(S(new Date(n.year,n.month,n.day),l));return d};function ee(e,t){const i=5;return[...Array(t).keys()].map((i=>i+e-Math.floor(t/2))).reduce(((e,t,s)=>{if(s%i===0){e.push([])}e[e.length-1].push(t);return e}),[])}var te;(function(e){e["DDMMYYY_DOT"]="dd.mm.yyyy";e["YYYYMMDD_DASH"]="yyyy-mm-dd";e["DDMMYYYY_DASH"]="dd-mm-yyyy";e["DDMMYYYY_SLASH"]="dd/mm/yyyy";e["YYYYMMDD_SLASH"]="yyyy/mm/dd";e["DDMMYY_DOT"]="dd.mm.yy";e["YYMMDD_DASH"]="yy-mm-dd";e["DDMMYY_DASH"]="dd-mm-yy";e["DDMMYY_SLASH"]="dd/mm/yy";e["YYMMDD_SLASH"]="yy/mm/dd";e["DDMMYYY_DOT_TIME"]="dd.mm.yyyy hh:MM:ss";e["YYYYMMDD_DASH_TIME"]="yyyy-mm-dd hh:MM:ss";e["DDMMYYYY_DASH_TIME"]="dd-mm-yyyy hh:MM:ss";e["DDMMYYYY_SLASH_TIME"]="dd/mm/yyyy hh:MM:ss";e["YYYYMMDD_SLASH_TIME"]="yyyy/mm/dd hh:MM:ss";e["DDMMYY_DOT_TIME"]="dd.mm.yy hh:MM:ss";e["YYMMDD_DASH_TIME"]="yy-mm-dd hh:MM:ss";e["DDMMYY_DASH_TIME"]="dd-mm-yy hh:MM:ss";e["DDMMYY_SLASH_TIME"]="dd/mm/yy hh:MM:ss";e["YYMMDD_SLASH_TIME"]="yy/mm/dd hh:MM:ss"})(te||(te={}));const ie=t=>{const i=t.locale;const s=e=>i.monthsShort[f().getMonth()]===e;const r=e=>{var s;return((s=t.selectedDate)===null||s===void 0?void 0:s.getMonth())===i.monthsShort.findIndex((t=>t===e))};return e("table",{class:"datepicker-table",part:"month-selection"},e("tbody",null,i.monthsShortGrouped.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>e("td",{onClick:()=>t.onClickMonthCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":s(i),"datepicker-table__cell--is-selected":r(i)}},i))))))))};const se=t=>e("table",{class:"datepicker-table",part:"day-selection"},e("thead",{part:"weekday-header"},t.locale.weekdaysMin.map((t=>e("th",{class:"datepicker__cell"},t)))),e("tbody",null,t.calendarGrid.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>e("td",{"data-date":i.dateString,onClick:()=>t.onClickDateCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":i.isToday,"datepicker-table__cell--is-selected":i.isSelected,"datepicker-table__cell--is-outdated":i.isOutdated,"datepicker-table__cell--is-disabled":i.isDisabled,"datepicker-table__cell--is-selectable":!i.isDisabled}},i.label))))))));const re=t=>e("table",{class:"datepicker-table",part:"year-selection"},e("tbody",null,t.yearSelection.map((i=>e("tr",{class:"datepicker-table__row"},i.map((i=>{var s;return e("td",{onClick:()=>t.onClickYearCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":f().getFullYear()===i,"datepicker-table__cell--is-selected":((s=t.selectedDate)===null||s===void 0?void 0:s.getFullYear())===i}},i)})))))));const oe=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.datepicker__container{position:relative}.datepicker__popup{min-width:400px;background-color:white;padding:0.5em 0.5em 1.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.datepicker__popup--is-up{bottom:100%;min-height:382px}.datepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.datepicker-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--six-color-web-rock-400);padding:0.5em;margin-bottom:1em}.datepicker-header svg{fill:var(--six-color-web-rock-900);stroke:none}.datepicker-header__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.datepicker-header__label{display:flex}.datepicker-header__label>div{cursor:pointer;padding:0.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center}.datepicker-header__label>div:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table{width:100%}.datepicker-table__cell{text-align:center;width:2.5rem;height:2.5rem;cursor:pointer}.datepicker-table__cell:hover{background-color:var(--six-color-web-rock-100)}.datepicker-table__cell--is-today{border:1px solid var(--six-color-web-rock-400)}.datepicker-table__cell--is-selected{background-color:var(--six-color-red);color:var(--six-color-white)}.datepicker-table__cell--is-disabled{background-color:var(--six-color-web-rock-200);cursor:initial}.datepicker-table__cell--is-disabled:hover{background-color:var(--six-color-web-rock-200)}.datepicker-table__cell--is-outdated{color:var(--six-color-web-rock-400)}.datepicker-clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.datepicker-clear:hover{color:var(--six-input-icon-color-hover)}.datepicker-clear:focus{outline:none}.datepicker-clear--right{right:0;position:absolute}.datepicker-clear--left{right:35px;position:absolute}.input--empty .datepicker-clear{visibility:hidden}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}six-timepicker::part(popup){border:none;padding:0.5em 0.5em 0;min-height:0}";const ae=25;const ne=400;var he;(function(e){e["DAY"]="day";e["MONTH"]="month";e["YEAR"]="year"})(he||(he={}));const le=class{constructor(e){t(this,e);this.sixSelect=i(this,"six-datepicker-select");this.sixClear=i(this,"six-datepicker-clear");this.sixBlur=i(this,"six-datepicker-blur");this.eventListeners=new r;this.pointerDate=le.getCurrentDateAsPointer();this.selectionMode=he.DAY;this.isDropDownContentUp=false;this.type="date";this.locale="en";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.allowedDates=()=>true;this.closeOnSelect=this.type==="date";this.size="medium";this.required=false;this.label="";this.errorText="";this.invalid=false;this.dateFormat=te.DDMMYYY_DOT;this.debounce=o;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false;this.previousUnit=()=>{if(this.selectionMode===he.DAY){this.previousMonth()}else if(this.selectionMode===he.MONTH){this.previousYear()}else if(this.selectionMode===he.YEAR){this.previousYearGroup()}};this.nextUnit=()=>{if(this.selectionMode===he.DAY){this.nextMonth()}else if(this.selectionMode===he.MONTH){this.nextYear()}else if(this.selectionMode===he.YEAR){this.nextYearGroup()}};this.handleDocumentKeyDown=e=>{var t;const i=e;if(this.open&&i.key==="Escape"){i.stopPropagation();this.closePopup();void((t=this.inputElement)===null||t===void 0?void 0:t.setFocus())}if(i.key==="Tab"){this.closePopup()}};this.handleDocumentMouseDown=e=>{const t=e.composedPath();if(!t.includes(this.container)){this.closePopup();return}};this.handleClearClick=async e=>{e.stopPropagation();await this.select(undefined);this.sixClear.emit()};this.onTimepickerChange=e=>{const t=e.detail.value;const i=new Date;if(this.selectedDate!=null){i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate())}if(t!=null){const e=t.hours;const s=t.minutes;const r=t.seconds;if(e!=null){i.setHours(e,s,r)}}this.updateValue(i);this.updatePointerDates()};this.onClickDateCell=e=>{if(!e.isDisabled){void this.select(e.dateString)}};this.onClickMonthCell=e=>{const t=b[this.locale].monthsShort.findIndex((t=>t===e));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:t});this.selectionMode=he.DAY};this.onClickYearCell=e=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:e});this.selectionMode=he.DAY};this.handleInputChange=e=>{if(this.inputElement==null){return}e.stopPropagation();const t=this.inputElement.value;if(!z(t,this.dateFormat)){return}const i=X(t,this.dateFormat);if(i===undefined){return}this.updateIfChanged(i);const s=t.replace(/[^\d]/g,"");if(s.length>=6){const e=X(t,this.dateFormat);const i=A(e,this.dateFormat);if(z(i,this.dateFormat)){this.selectedDate=X(i,this.dateFormat);this.updatePointerDates();this.updateValue(this.selectedDate)}}};this.handleOnBlur=e=>{var t,i,s;e.stopPropagation();if(((t=this.inputElement)===null||t===void 0?void 0:t.value)===""&&v(this.value)){this.value=undefined;this.sixSelect.emit(this.value)}const r=X((i=this.inputElement)===null||i===void 0?void 0:i.value,this.dateFormat);if(v(r)&&((s=this.value)===null||s===void 0?void 0:s.getTime())!==(r===null||r===void 0?void 0:r.getTime())){this.value=r}if(this.inputElement!=null){this.inputElement.value=A(this.value,this.dateFormat)}this.sixBlur.emit(this.value)}}debounceChanged(){this.sixSelect=a(this.sixSelect,this.debounce)}valueChanged(){if(this.value!=null&&!v(this.value)){console.warn("invalid date value: ",this.value);this.value=undefined;this.sixSelect.emit(this.value)}this.selectedDate=this.value;this.updatePointerDates()}async resizeHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup();this.adjustPopupPosition()}async scrollHandler(){this.updateDropdownDirection();this.moveOpenHoistedPopup()}moveOpenHoistedPopup(){l(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,ne)}get container(){return this.containingElement||this.host}get firstDateOfBox(){const e=new Date(this.pointerDate.year,this.pointerDate.month,1);return D(e)}async setFocus(e){var t;(t=this.inputElement)===null||t===void 0?void 0:t.setFocus(e)}get calendarGrid(){return Z({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}updateDropdownDirection(){if(this.inputElement==null||this.wrapper==null){return}this.isDropDownContentUp=d(this.inputElement,this.wrapper,ne)}getMonthStringForIndex(e){return b[this.locale].months[e]}previousYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-1})}previousYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year-ae})}previousMonth(){if(this.pointerDate.month===0){this.pointerDate={year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}}nextMonth(){if(this.pointerDate.month===11){this.pointerDate={year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}}else{this.pointerDate={year:this.pointerDate.year,month:this.pointerDate.month+1,day:1,hours:0,minutes:0,seconds:0}}}nextYear(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+1})}nextYearGroup(){this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:this.pointerDate.year+ae})}openCalendar(){if(!this.open&&!this.disabled){this.open=true;this.setupEventListenersForOpenPopup()}}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown);this.selectionMode=he.DAY}updatePointerDates(){const e=this.getPointerDate();if(this.differsFromPointerDate(e)){this.pointerDate={year:k(e),month:g(e),day:w(e),hours:x(e),minutes:_(e),seconds:M(e)}}}differsFromPointerDate(e){return this.pointerDate.day!==w(e)||this.pointerDate.month!==g(e)||this.pointerDate.year!==k(e)||this.pointerDate.hours!==x(e)||this.pointerDate.minutes!==_(e)||this.pointerDate.seconds!==M(e)}getPointerDate(){if(this.selectedDate!==undefined&&this.selectedDate!==null){return this.selectedDate}if(this.defaultDate==null){return this.type==="date"?y(f()):f()}else{return X(this.defaultDate,this.dateFormat)}}updateValue(e){this.updateIfChanged(e)}updateIfChanged(e){var t;if(((t=this.value)===null||t===void 0?void 0:t.getTime())===(e===null||e===void 0?void 0:e.getTime())){return}this.value=e;this.sixSelect.emit(this.value)}async select(e){if(e==null){this.updateValue(undefined)}else{const t=X(e,this.dateFormat);t===null||t===void 0?void 0:t.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds);this.updateValue(t)}this.updatePointerDates();if(this.closeOnSelect){this.closePopup()}}componentWillLoad(){this.selectedDate=this.value;this.updatePointerDates();this.updateValue(this.value);if(this.inline){this.open=true}if(this.open){this.setupEventListenersForOpenPopup()}}componentDidLoad(){if(this.inputElement!=null){this.eventListeners.add(this.inputElement,"six-input-input",n(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}}componentDidRender(){this.adjustPopupPosition()}renderHeader(){return e("header",{class:"datepicker-header",part:"header"},e("div",{class:"datepicker-header__btn prev",onClick:this.previousUnit},e("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},e("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),e("div",{class:"datepicker-header__label"},this.selectionMode===he.DAY&&e("div",{onClick:()=>this.selectionMode=he.MONTH},e("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),e("span",null,e("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},e("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==he.YEAR&&e("div",{onClick:()=>this.selectionMode=he.YEAR},e("span",{class:"datepicker-header__label-year"},this.pointerDate.year),e("span",null,e("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},e("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===he.YEAR&&e("div",null,this.pointerDate.year-Math.floor(ae/2)," –"," ",this.pointerDate.year+Math.floor(ae/2))),e("div",{class:"datepicker-header__btn next",onClick:this.nextUnit},e("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},e("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case he.DAY:return e(se,{locale:b[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case he.MONTH:return e(ie,{locale:b[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case he.YEAR:return e(re,{selectedDate:this.selectedDate,yearSelection:ee(this.pointerDate.year,ae),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const t=h(this.host,"custom-icon")?e("slot",{name:"custom-icon"}):e("six-icon",{size:this.size==="large"?"medium":this.size},"today");return e("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},t)}renderClearable(){return this.clearable&&e("button",{slot:"suffix",class:{"datepicker-clear":true,"datepicker-clear--right":this.iconPosition==="left","datepicker-clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},e("six-icon",{size:"small"},"clear"))}render(){var t,i,s;this.adjustPopupPosition();return e("div",{key:"b5ba1d95babef5f6f47bd176f607756df09f293b",ref:e=>this.wrapper=e,class:"datepicker__container"},e("six-input",{key:"bbc7941bb975cb5e66eda215fea89dc3455724a3",part:"base",value:A(this.value,this.dateFormat),ref:e=>this.inputElement=e,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,name:this.name,label:this.label,required:this.required,errorText:this.errorText,errorTextCount:this.errorTextCount,invalid:this.invalid,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":this.value==null}},this.renderCustomIcon(),this.renderClearable(),h(this.host,"label")?e("span",{slot:"label"},e("slot",{name:"label"})):null,h(this.host,"error-text")?e("span",{slot:"error-text"},e("slot",{name:"error-text"})):null),this.open&&e("div",{key:"ceaf12686b514b8708e1b254e8ed8990c519e19b",part:"popup",ref:e=>this.popup=e,class:{datepicker__popup:true,"datepicker__popup--is-up":this.placement!=null?this.placement==="top":this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),this.type==="date-time"&&e("six-timepicker",{key:"c978d4bf39f7b212eb6f4f37acbfc2f5533e2ebc",debounce:this.debounce,inline:true,"onSix-timepicker-change-debounced":e=>this.onTimepickerChange(e),value:((t=this.selectedDate)===null||t===void 0?void 0:t.getHours())+":"+((i=this.selectedDate)===null||i===void 0?void 0:i.getMinutes())+":"+((s=this.selectedDate)===null||s===void 0?void 0:s.getSeconds())}),e("div",{key:"ffaec9fff60951e6f8134437f31b359d93b3b91e",class:"datepicker__footer"},e("slot",{key:"58655ebaf55d53e2524eee16e87ecf629fe9eb29"}))))}adjustPopupPosition(){c(this.hoist,this.popup,this.inputElement,this.wrapper,ne,(e=>this.isDropDownContentUp=e));u(this.popup)}connectedCallback(){this.eventListeners.forward("six-datepicker-select","change",this.host);this.eventListeners.forward("six-datepicker-blur","blur",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}static getCurrentDateAsPointer(){return{year:k(f()),month:g(f()),day:w(f()),hours:x(f()),minutes:_(f()),seconds:M(f())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};le.style=oe;export{le as six_datepicker};
+//# sourceMappingURL=p-3dc98466.entry.js.map

package/dist/ui-library/{p-82f5b61f.entry.js → p-4152b371.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,c as i,h as e}from"./p-D0Go1Zjj.js";import{D as t,a as h}from"./p-CKhg9ibv.js";import{E as a}from"./p-C4h4qpGl.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.search-box{z-index:var(--six-z-index-search-field)}.search-box__icon{cursor:pointer}";const c=class{constructor(e){s(this,e);this.searchFieldChange=i(this,"six-search-field-change");this.debounce=t;this.disabled=false;this.value="";this.clearable=false;this.eventListeners=new a;this.handleInputChange=()=>{if(this.inputElement!=null){this.searchFieldChange.emit({value:this.inputElement.value})}}}handleValueChange(){if(this.inputElement!=null){this.inputElement.value=this.value}}componentDidLoad(){if(this.inputElement==null)return;this.eventListeners.add(this.inputElement,"six-input-input",h(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"keydown",(s=>{const i=s;if(i.key==="Enter"){this.handleInputChange()}}))}disconnectedCallback(){this.eventListeners.removeAll()}render(){return e("div",{key:"424505c56697ecef9eff6e897ec823d2a80149e3",class:"search-box"},e("six-input",{key:"040876412a76d0128c9749518f3c075d505aef9c",ref:s=>this.inputElement=s,placeholder:this.placeholder,value:this.value,disabled:this.disabled,clearable:this.clearable},e("six-icon",{key:"e87d00186875991272cbfdb17a18c31574ed14c4",class:"search-box__icon",slot:"prefix",size:"small",onClick:this.handleInputChange},"search")),e("slot",{key:"f01f14307dcbf95a8401ab3ed7c59ecd3abc0cef"}))}static get watchers(){return{value:["handleValueChange"]}}};c.style=o;export{c as six_search_field};
-//# sourceMappingURL=p-82f5b61f.entry.js.map
+import{r as s,c as i,h as e}from"./p-JoG9I7EO.js";import{D as t,a as h}from"./p-CKhg9ibv.js";import{E as a}from"./p-C4h4qpGl.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.search-box{z-index:var(--six-z-index-search-field)}.search-box__icon{cursor:pointer}";const r=class{constructor(e){s(this,e);this.searchFieldChange=i(this,"six-search-field-change");this.debounce=t;this.disabled=false;this.value="";this.clearable=false;this.eventListeners=new a;this.handleInputChange=()=>{if(this.inputElement!=null){this.searchFieldChange.emit({value:this.inputElement.value})}}}handleValueChange(){if(this.inputElement!=null){this.inputElement.value=this.value}}componentDidLoad(){if(this.inputElement==null)return;this.eventListeners.add(this.inputElement,"six-input-input",h(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"keydown",(s=>{const i=s;if(i.key==="Enter"){this.handleInputChange()}}))}disconnectedCallback(){this.eventListeners.removeAll()}render(){return e("div",{key:"9172dbb88cc35be7390727842483a74241e1330f",class:"search-box"},e("six-input",{key:"44c1d20960202129a19cb412bb67823ac927ad98",ref:s=>this.inputElement=s,placeholder:this.placeholder,value:this.value,disabled:this.disabled,clearable:this.clearable},e("six-icon",{key:"af8431bd85223a37fee7e17d51288313c4494fed",class:"search-box__icon",slot:"prefix",size:"small",onClick:this.handleInputChange},"search")),e("slot",{key:"5d4f9bf280fc5fe215c268818b641753bb786869"}))}static get watchers(){return{value:["handleValueChange"]}}};r.style=o;export{r as six_search_field};
+//# sourceMappingURL=p-4152b371.entry.js.map

package/dist/ui-library/{p-6d212bc0.entry.js → p-494546c8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as s,g as a}from"./p-D0Go1Zjj.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.tab-panel{border:solid 1px transparent;padding:20px 20px}";let o=0;const r=class{constructor(t){e(this,t);this.componentId=`tab-panel-${++o}`;this.name="";this.active=false}render(){return t(s,{key:"2a0ab4d655a8de97585c947099381c1fab61e858",id:this.host.id||this.componentId,style:{display:this.active?"block":"none"}},t("div",{key:"7ee7661cd01b4390bea7981c4f3fad3e8bb0e6c0",part:"base",class:"tab-panel",role:"tabpanel","aria-selected":this.active?"true":"false","aria-hidden":this.active?"false":"true"},t("slot",{key:"21c8561d0a126ef557c1fa9660209f10b6cd7936"})))}get host(){return a(this)}};r.style=i;export{r as six_tab_panel};
-//# sourceMappingURL=p-6d212bc0.entry.js.map
+import{r as e,h as t,H as s,g as a}from"./p-JoG9I7EO.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.tab-panel{border:solid 1px transparent;padding:20px 20px}";let o=0;const r=class{constructor(t){e(this,t);this.componentId=`tab-panel-${++o}`;this.name="";this.active=false}render(){return t(s,{key:"2a0ab4d655a8de97585c947099381c1fab61e858",id:this.host.id||this.componentId,style:{display:this.active?"block":"none"}},t("div",{key:"7ee7661cd01b4390bea7981c4f3fad3e8bb0e6c0",part:"base",class:"tab-panel",role:"tabpanel","aria-selected":this.active?"true":"false","aria-hidden":this.active?"false":"true"},t("slot",{key:"21c8561d0a126ef557c1fa9660209f10b6cd7936"})))}get host(){return a(this)}};r.style=i;export{r as six_tab_panel};
+//# sourceMappingURL=p-494546c8.entry.js.map

package/dist/ui-library/{p-9b1c8a24.entry.js → p-4f52c56f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as e}from"./p-D0Go1Zjj.js";import{I as r}from"./p-WA6V9mN8.js";import{D as n,b as o,a as h}from"./p-CKhg9ibv.js";import{E as a}from"./p-C4h4qpGl.js";import{h as c}from"./p-j3oIB5oT.js";import{a as l,m as p}from"./p-Dd6pdO8C.js";const u=()=>{const t=new Date;return{hours:t.getHours(),minutes:t.getMinutes(),seconds:t.getSeconds(),milliseconds:t.getMilliseconds(),has24Hours:true}};const m=12;const d=t=>t>m?t-m:t;const f=()=>{const t=new Date;const i=t.getHours();return{hours:d(i),minutes:t.getMinutes(),seconds:t.getSeconds(),milliseconds:t.getMilliseconds(),has24Hours:false,period:i>=m?"PM":"AM"}};const g=(t=true)=>t?u():f();const x=(t,i)=>{const s=t.split(":");const e=i.split(":");return s.length===e.length};const b=(t,i)=>{const s=t.split(":");const e=i.split(":");if(!x(t,i)){console.error(`Timestring did not match expected format.\nExpected format: ${i}\nReceived timestring: ${t}`)}const r={};s.forEach(((t,i)=>{const s=e[i];switch(s){case"HH":r.hours=Number(t);r.has24Hours=true;break;case"hh":r.hours=Number(t);r.has24Hours=false;break;case"mm":r.minutes=Number(t);break;case"ss":r.seconds=Number(t);break;case"ms":r.milliseconds=Number(t);break;case"aa":r.period=t.toUpperCase()==="PM"?"PM":"AM"}}));return r};const k=(t,i)=>{if(t==null){return""}const s=i.split(":");return s.map((i=>{switch(i){case"HH":case"hh":return String(t.hours).padStart(2,"0");case"mm":return String(t.minutes).padStart(2,"0");case"ss":return String(t.seconds).padStart(2,"0");case"ms":return String(t.milliseconds).padStart(3,"0");case"aa":return String(t.period)}})).join(":")};const v=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;background-color:white;padding:0.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";const _=145;const y=class{constructor(s){t(this,s);this.sixChange=i(this,"six-timepicker-change");this.sixChangeDebounced=i(this,"six-timepicker-change-debounced");this.sixClear=i(this,"six-timepicker-clear");this.eventListeners=new a;this.format="HH:mm:ss";this.separator=":";this.value="";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.size="medium";this.required=false;this.errorText="";this.label="";this.invalid=false;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false;this.timeout=n;this.interval=o;this.debounce=n;this.isPopupContentUp=false;this.isDropDownContentUp=false;this.popupValue={};this.handlePickerChange=(t,i)=>{t.stopPropagation();if(this.popupValue==null){return}this.popupValue[i]=t.detail;const s=k(this.popupValue,this.format);this.value=s;this.sixChange.emit({changedProperty:i,value:this.popupValue,valueAsString:s})};this.handleDocumentMouseDown=t=>{const i=t.composedPath();if(!i.includes(this.host)){this.closePopup();return}};this.handleClearClick=t=>{t.stopPropagation();this.value="";this.sixClear.emit();this.sixChange.emit({value:{},valueAsString:""})}}async resizeHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}valueChanged(){this.updateValue()}async setFocus(t){var i;(i=this.inputElement)===null||i===void 0?void 0:i.setFocus(t)}connectedCallback(){this.eventListeners.forward("six-timepicker-change","change",this.host)}componentWillLoad(){this.updateValue();if(this.inline){this.open=true}if(this.open){this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}componentDidLoad(){if(this.inputElement==null)return;const t=this.inputElement;this.eventListeners.add(this.host,"six-timepicker-change",h((t=>this.sixChangeDebounced.emit(t.detail)),this.debounce));this.eventListeners.add(t,"six-input-input",h((i=>{i.stopPropagation();if(!x(t.value,this.format)){this.value=t.value;this.sixChange.emit({value:{},valueAsString:""});return}this.value=t.value;this.popupValue=b(t.value,this.format);this.sixChange.emit({value:this.popupValue,valueAsString:k(this.popupValue,this.format)})}),this.debounce))}componentDidRender(){l(this.hoist,this.popup,this.inputElement,this.wrapper,_,(t=>this.isDropDownContentUp=t))}disconnectedCallback(){this.eventListeners.removeAll()}updateValue(){if(typeof this.value!=="string"||!x(this.value,this.format)){this.value=""}if(this.value===""){if(this.defaultTime==null){this.popupValue=g(this.is24HourClock())}else{this.popupValue=b(this.defaultTime,this.format)}}else{this.popupValue=b(this.value,this.format)}}calcIsPopupContentUp(){if(this.inputElement==null||this.wrapper==null){return}const t=this.inputElement.getBoundingClientRect();const i=this.wrapper.getBoundingClientRect();const s=Math.max(i.height,_);const e=t.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<t.bottom+s}moveOpenHoistedPopup(){p(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,_)}getSixTimeUnitPicker(t){return s("six-item-picker",{class:t.class,timeout:this.timeout,interval:this.interval,padded:true,min:t.min,max:t.max,value:this.popupValue[t.propertyName],items:t.items,type:t.type||r.NUMBER,"padding-length":t.paddingLength,"onSix-item-picker-change":i=>this.handlePickerChange(i,t.propertyName)})}getHour24Picker(){if(!this.is24HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:23,propertyName:"hours"})}is24HourClock(){return this.format.includes("HH")}getHour12Picker(){if(!this.is12HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:11,propertyName:"hours"})}is12HourClock(){return this.format.includes("hh")}getAmPmPicker(){if(!this.is12HourClock()){return}const t=["AM","PM"];return this.getSixTimeUnitPicker({items:t,type:r.CUSTOM,propertyName:"period"})}getMinutePicker(){if(!this.format.includes("mm")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"minutes"})}getSecondsPicker(){if(!this.format.includes("ss")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"seconds"})}getMillisecondsPicker(){if(!this.format.includes("ms")){return}return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:"milliseconds"})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const t=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()];const i=t.filter((t=>t!==undefined));return i.map(((t,s)=>{if(s===i.length-1){return[t]}return[t,this.getSeparator()]}))}openPopup(){if(!this.open&&!this.disabled){this.open=true;this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown)}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:true,"timepicker_clear--right":this.iconPosition==="left","timepicker_clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const t=c(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:this.size==="large"?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},t)}render(){return s("div",{key:"58240c7c32227225d1811fa59e9cf336aad03a4d",part:"container",ref:t=>this.wrapper=t,class:"timepicker__container"},s("six-input",{key:"1b6e9b28d997b67a933d055fa3e73e3c0751aa53",ref:t=>this.inputElement=t,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,errorTextCount:this.errorTextCount,errorText:this.errorText,invalid:this.invalid,size:this.size,name:this.name,label:this.label,required:this.required,class:{"input--empty":this.value==="","input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),c(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null,c(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null),this.open&&s("div",{key:"b762116d0af1bc11d7f2cbb255b071e8fe3b52cf",ref:t=>this.popup=t,part:"popup",class:{timepicker__popup:true,"timepicker__popup--is-up":this.placement==null?this.placement==="top":this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};y.style=v;export{y as six_timepicker};
-//# sourceMappingURL=p-9b1c8a24.entry.js.map
+import{r as t,c as i,h as s,g as e}from"./p-JoG9I7EO.js";import{I as r}from"./p-WA6V9mN8.js";import{D as n,b as o,a as h}from"./p-CKhg9ibv.js";import{E as a}from"./p-C4h4qpGl.js";import{h as c}from"./p-j3oIB5oT.js";import{a as l,m as p}from"./p-Dd6pdO8C.js";const u=()=>{const t=new Date;return{hours:t.getHours(),minutes:t.getMinutes(),seconds:t.getSeconds(),milliseconds:t.getMilliseconds(),has24Hours:true}};const m=12;const d=t=>t>m?t-m:t;const f=()=>{const t=new Date;const i=t.getHours();return{hours:d(i),minutes:t.getMinutes(),seconds:t.getSeconds(),milliseconds:t.getMilliseconds(),has24Hours:false,period:i>=m?"PM":"AM"}};const g=(t=true)=>t?u():f();const x=(t,i)=>{const s=t.split(":");const e=i.split(":");return s.length===e.length};const b=(t,i)=>{const s=t.split(":");const e=i.split(":");if(!x(t,i)){console.error(`Timestring did not match expected format.\nExpected format: ${i}\nReceived timestring: ${t}`)}const r={};s.forEach(((t,i)=>{const s=e[i];switch(s){case"HH":r.hours=Number(t);r.has24Hours=true;break;case"hh":r.hours=Number(t);r.has24Hours=false;break;case"mm":r.minutes=Number(t);break;case"ss":r.seconds=Number(t);break;case"ms":r.milliseconds=Number(t);break;case"aa":r.period=t.toUpperCase()==="PM"?"PM":"AM"}}));return r};const k=(t,i)=>{if(t==null){return""}const s=i.split(":");return s.map((i=>{switch(i){case"HH":case"hh":return String(t.hours).padStart(2,"0");case"mm":return String(t.minutes).padStart(2,"0");case"ss":return String(t.seconds).padStart(2,"0");case"ms":return String(t.milliseconds).padStart(3,"0");case"aa":return String(t.period)}})).join(":")};const v=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;background-color:white;padding:0.5em;box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);user-select:none;position:absolute;z-index:var(--six-z-index-dropdown);right:0;left:0}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";const _=145;const y=class{constructor(s){t(this,s);this.sixChange=i(this,"six-timepicker-change");this.sixChangeDebounced=i(this,"six-timepicker-change-debounced");this.sixClear=i(this,"six-timepicker-clear");this.eventListeners=new a;this.format="HH:mm:ss";this.separator=":";this.value="";this.open=false;this.inline=false;this.readonly=false;this.disabled=false;this.size="medium";this.required=false;this.errorText="";this.label="";this.invalid=false;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false;this.timeout=n;this.interval=o;this.debounce=n;this.isPopupContentUp=false;this.isDropDownContentUp=false;this.popupValue={};this.handlePickerChange=(t,i)=>{t.stopPropagation();if(this.popupValue==null){return}this.popupValue[i]=t.detail;const s=k(this.popupValue,this.format);this.value=s;this.sixChange.emit({changedProperty:i,value:this.popupValue,valueAsString:s})};this.handleDocumentMouseDown=t=>{const i=t.composedPath();if(!i.includes(this.host)){this.closePopup();return}};this.handleClearClick=t=>{t.stopPropagation();this.value="";this.sixClear.emit();this.sixChange.emit({value:{},valueAsString:""})}}async resizeHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp();this.moveOpenHoistedPopup()}valueChanged(){this.updateValue()}async setFocus(t){var i;(i=this.inputElement)===null||i===void 0?void 0:i.setFocus(t)}connectedCallback(){this.eventListeners.forward("six-timepicker-change","change",this.host)}componentWillLoad(){this.updateValue();if(this.inline){this.open=true}if(this.open){this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}componentDidLoad(){if(this.inputElement==null)return;const t=this.inputElement;this.eventListeners.add(this.host,"six-timepicker-change",h((t=>this.sixChangeDebounced.emit(t.detail)),this.debounce));this.eventListeners.add(t,"six-input-input",h((i=>{i.stopPropagation();if(!x(t.value,this.format)){this.value=t.value;this.sixChange.emit({value:{},valueAsString:""});return}this.value=t.value;this.popupValue=b(t.value,this.format);this.sixChange.emit({value:this.popupValue,valueAsString:k(this.popupValue,this.format)})}),this.debounce))}componentDidRender(){l(this.hoist,this.popup,this.inputElement,this.wrapper,_,(t=>this.isDropDownContentUp=t))}disconnectedCallback(){this.eventListeners.removeAll()}updateValue(){if(typeof this.value!=="string"||!x(this.value,this.format)){this.value=""}if(this.value===""){if(this.defaultTime==null){this.popupValue=g(this.is24HourClock())}else{this.popupValue=b(this.defaultTime,this.format)}}else{this.popupValue=b(this.value,this.format)}}calcIsPopupContentUp(){if(this.inputElement==null||this.wrapper==null){return}const t=this.inputElement.getBoundingClientRect();const i=this.wrapper.getBoundingClientRect();const s=Math.max(i.height,_);const e=t.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<t.bottom+s}moveOpenHoistedPopup(){p(this.hoist,this.open,this.popup,this.inputElement,this.wrapper,_)}getSixTimeUnitPicker(t){return s("six-item-picker",{class:t.class,timeout:this.timeout,interval:this.interval,padded:true,min:t.min,max:t.max,value:this.popupValue[t.propertyName],items:t.items,type:t.type||r.NUMBER,"padding-length":t.paddingLength,"onSix-item-picker-change":i=>this.handlePickerChange(i,t.propertyName)})}getHour24Picker(){if(!this.is24HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:23,propertyName:"hours"})}is24HourClock(){return this.format.includes("HH")}getHour12Picker(){if(!this.is12HourClock()){return}return this.getSixTimeUnitPicker({min:0,max:11,propertyName:"hours"})}is12HourClock(){return this.format.includes("hh")}getAmPmPicker(){if(!this.is12HourClock()){return}const t=["AM","PM"];return this.getSixTimeUnitPicker({items:t,type:r.CUSTOM,propertyName:"period"})}getMinutePicker(){if(!this.format.includes("mm")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"minutes"})}getSecondsPicker(){if(!this.format.includes("ss")){return}return this.getSixTimeUnitPicker({min:0,max:59,propertyName:"seconds"})}getMillisecondsPicker(){if(!this.format.includes("ms")){return}return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:"milliseconds"})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const t=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()];const i=t.filter((t=>t!==undefined));return i.map(((t,s)=>{if(s===i.length-1){return[t]}return[t,this.getSeparator()]}))}openPopup(){if(!this.open&&!this.disabled){this.open=true;this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}}closePopup(){if(this.inline){return}this.open=false;this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown)}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:true,"timepicker_clear--right":this.iconPosition==="left","timepicker_clear--left":this.iconPosition==="right"},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const t=c(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:this.size==="large"?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},t)}render(){return s("div",{key:"58240c7c32227225d1811fa59e9cf336aad03a4d",part:"container",ref:t=>this.wrapper=t,class:"timepicker__container"},s("six-input",{key:"1b6e9b28d997b67a933d055fa3e73e3c0751aa53",ref:t=>this.inputElement=t,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,errorTextCount:this.errorTextCount,errorText:this.errorText,invalid:this.invalid,size:this.size,name:this.name,label:this.label,required:this.required,class:{"input--empty":this.value==="","input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),c(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null,c(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null),this.open&&s("div",{key:"b762116d0af1bc11d7f2cbb255b071e8fe3b52cf",ref:t=>this.popup=t,part:"popup",class:{timepicker__popup:true,"timepicker__popup--is-up":this.placement==null?this.placement==="top":this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};y.style=v;export{y as six_timepicker};
+//# sourceMappingURL=p-4f52c56f.entry.js.map

package/dist/ui-library/{p-d7616f27.entry.js → p-54490d28.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t}from"./p-D0Go1Zjj.js";const a=".language-switcher__container{display:flex}.language-switcher__separator{padding:0 0.25rem}.language-switcher__label{cursor:pointer}.language-switcher__label:hover{color:var(--six-color-web-rock-600)}.language-switcher__label:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.language-switcher__label--selected{color:var(--six-color-black);text-decoration:underline}";const i=["EN","DE","ES"];const r=class{constructor(t){e(this,t);this.sixChange=s(this,"six-language-switcher-change");this.languages=i;this.handleLanguageSwitching=(e,s)=>()=>{if(s!==undefined){this.sixChange.emit(s)}else{this.sixChange.emit(e)}this.selected=e}}handleChangesLanguages(e){if(!Array.isArray(e)){throw new Error("languages is expected to be an array")}this.updateSelectedLanguage()}componentWillLoad(){if(this.selected===undefined){this.updateSelectedLanguage()}}updateSelectedLanguage(){const e=this.languages[0];if(typeof e==="string"){this.selected=e;this.sixChange.emit(this.selected)}else{this.selected=e.key;this.sixChange.emit(e.value)}}render(){return t("div",{key:"74112069d8765f735c938e7f18810bd7156c2fdd",part:"container",class:"language-switcher__container"},this.languages.map(((e,s)=>{const a=typeof e==="string"?e:e.key;return t("div",{onClick:this.handleLanguageSwitching(a,typeof e==="string"?e:e.value),onKeyDown:s=>{if(s.key==="Enter"||s.key===" "){this.handleLanguageSwitching(a,typeof e==="string"?e:e.value)()}}},t("span",{part:"label",tabindex:"0",class:{"language-switcher__label":true,"language-switcher__label--selected":this.selected===a}},a),s<this.languages.length-1&&t("span",{part:"separator",class:"language-switcher__separator"},"|"))})))}static get watchers(){return{languages:["handleChangesLanguages"]}}};r.style=a;export{r as six_language_switcher};
-//# sourceMappingURL=p-d7616f27.entry.js.map
+import{r as e,c as s,h as a}from"./p-JoG9I7EO.js";const t=".language-switcher__container{display:flex}.language-switcher__separator{padding:0 0.25rem}.language-switcher__label{cursor:pointer}.language-switcher__label:hover{color:var(--six-color-web-rock-600)}.language-switcher__label:focus-visible{outline:var(--six-focus-ring);outline-offset:var(--six-focus-ring-offset)}.language-switcher__label--selected{color:var(--six-color-black);text-decoration:underline}";const i=["EN","DE","ES"];const r=class{constructor(a){e(this,a);this.sixChange=s(this,"six-language-switcher-change");this.languages=i;this.handleLanguageSwitching=(e,s)=>()=>{if(s!==undefined){this.sixChange.emit(s)}else{this.sixChange.emit(e)}this.selected=e}}handleChangesLanguages(e){if(!Array.isArray(e)){throw new Error("languages is expected to be an array")}this.updateSelectedLanguage()}componentWillLoad(){if(this.selected===undefined){this.updateSelectedLanguage()}}updateSelectedLanguage(){const e=this.languages[0];if(typeof e==="string"){this.selected=e;this.sixChange.emit(this.selected)}else{this.selected=e.key;this.sixChange.emit(e.value)}}render(){return a("div",{key:"4e324d4503e9d65278e4b3c55025363a685d9a69",part:"container",class:"language-switcher__container"},this.languages.map(((e,s)=>{const t=typeof e==="string"?e:e.key;return a("div",{onClick:this.handleLanguageSwitching(t,typeof e==="string"?e:e.value),onKeyDown:s=>{if(s.key==="Enter"||s.key===" "){this.handleLanguageSwitching(t,typeof e==="string"?e:e.value)()}}},a("span",{part:"label",tabindex:"0",class:{"language-switcher__label":true,"language-switcher__label--selected":this.selected===t}},t),s<this.languages.length-1&&a("span",{part:"separator",class:"language-switcher__separator"},"|"))})))}static get watchers(){return{languages:["handleChangesLanguages"]}}};r.style=t;export{r as six_language_switcher};
+//# sourceMappingURL=p-54490d28.entry.js.map

package/dist/ui-library/p-56e172e0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,g as r}from"./p-JoG9I7EO.js";import{u as a,l as s}from"./p-BY6hIEFX.js";import{h as o}from"./p-j3oIB5oT.js";import{M as n}from"./p-CfIoyvm-.js";import{a as h}from"./p-SLlDVtvF.js";const l=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{--size:25rem;display:contents}.drawer{top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.drawer:not(.drawer--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--six-z-index-drawer)}.drawer__panel{position:absolute;display:flex;flex-direction:column;z-index:2;max-width:100%;max-height:100%;background-color:var(--six-drawer-background-color);color:var(--six-drawer-color);box-shadow:var(--six-shadow-large);transition:var(--six-transition-medium) transform;overflow:auto;pointer-events:all}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:100%;height:var(--size);transform:translate(0, -100%)}.drawer--right .drawer__panel{top:0;right:0;bottom:auto;left:auto;width:var(--size);height:100%;transform:translate(100%, 0)}.drawer--bottom .drawer__panel{top:auto;right:auto;bottom:0;left:0;width:100%;height:var(--size);transform:translate(0, 100%)}.drawer--left .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:var(--size);height:100%;transform:translate(-100%, 0)}.drawer--open .drawer__panel{transform:none}.drawer__header{display:flex}.drawer__title{flex:1 1 auto;font-size:var(--six-font-size-large);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large)}.drawer__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-large)}.drawer__body{flex:1 1 auto;padding:var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.drawer__footer{text-align:right;padding:var(--six-spacing-large)}.drawer__footer ::slotted(six-button:not(:last-of-type)){margin-right:var(--six-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity;pointer-events:all}.drawer--contained .drawer__overlay{position:absolute}.drawer--open .drawer__overlay{opacity:0.4}";let d=0;const c=class{constructor(i){t(this,i);this.sixShow=e(this,"six-drawer-show");this.sixAfterShow=e(this,"six-drawer-after-show");this.sixHide=e(this,"six-drawer-hide");this.sixAfterHide=e(this,"six-drawer-after-hide");this.sixInitialFocus=e(this,"six-drawer-initial-focus");this.sixRequestClose=e(this,"six-drawer-request-close");this.componentId=`drawer-${++d}`;this.willShow=false;this.willHide=false;this.hasFooter=false;this.isVisible=false;this.open=false;this.label="";this.placement="right";this.contained=false;this.noHeader=false;this.handleCloseClick=()=>{this.preventClose("close-button")};this.handleKeyDown=t=>{if(t.key==="Escape"){this.preventClose("keyboard")}};this.handleOverlayClick=()=>{this.preventClose("overlay")};this.handleSlotChange=()=>{this.hasFooter=o(this.host,"footer")};this.handleTransitionEnd=t=>{const e=t.target;if(t.propertyName==="transform"&&e.classList.contains("drawer__panel")){this.resetTransitionVariables()}}}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.modal=new n(this.host,{onFocusOut:()=>{var t;return this.contained?null:(t=this.panel)===null||t===void 0?void 0:t.focus()}})}componentWillLoad(){this.handleSlotChange();if(this.open){this.show();this.resetTransitionVariables()}}disconnectedCallback(){a(this.host)}async show(){if(this.willShow||this.modal==null||this.panel==null||this.drawer==null){return}const t=this.panel;const e=this.sixShow.emit();if(e.defaultPrevented){this.open=false;return}this.willShow=true;this.isVisible=true;this.open=true;if(!this.contained){this.modal.activate();s(this.host)}if(this.open){requestAnimationFrame((()=>{const e=this.sixInitialFocus.emit();if(!e.defaultPrevented){t.focus({preventScroll:true})}}))}}async hide(){if(this.willHide||this.modal==null){return}const t=this.sixHide.emit();if(t.defaultPrevented){this.open=true;return}this.willHide=true;this.open=false;this.modal.deactivate();a(this.host)}preventClose(t){const e=this.sixRequestClose.emit({source:t});if(e.defaultPrevented&&this.panel){h(this.panel,[{scale:1},{scale:1.01},{scale:1}],{duration:250});return}this.hide()}resetTransitionVariables(){this.isVisible=this.open;this.willShow=false;this.willHide=false;this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}render(){return i("div",{key:"17d045e1a06aa424bc59f7316525df73ae031227",ref:t=>this.drawer=t,part:"base",class:{drawer:true,"drawer--open":this.open,"drawer--visible":this.isVisible,"drawer--top":this.placement==="top","drawer--right":this.placement==="right","drawer--bottom":this.placement==="bottom","drawer--left":this.placement==="left","drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},i("div",{key:"804fcb75cc49156bfcb6af8958a40c33c20f8202",part:"overlay",class:"drawer__overlay",onClick:this.handleOverlayClick,tabIndex:-1}),i("div",{key:"e5095b200d370fe98163b3f0fa2bbf42ece7fa5f",ref:t=>this.panel=t,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":!this.noHeader?`${this.componentId}-title`:null,tabIndex:0},!this.noHeader&&i("header",{key:"c479cfa062277a6f1cf0f7433cff73e94139faea",part:"header",class:"drawer__header"},i("span",{key:"8d60e0eb1cecc9c8f2091b5b8c9aefaa2aac3c91",part:"title",class:"drawer__title",id:`${this.componentId}-title`},i("slot",{key:"26c5fb0feb42c9db7625e98f10cd5cbd0acfd742",name:"label"},this.label||String.fromCharCode(65279))),i("six-icon-button",{key:"454ee7cea511b470ae224c6559ee99f10e9cf095",exportparts:"base:close-button",class:"drawer__close",name:"close",onClick:this.handleCloseClick})),i("div",{key:"4f07be9128e7d2a292298b3e22ec0e5105adc3f3",part:"body",class:"drawer__body"},i("slot",{key:"856a4bd2ee8dacc8b6124d87d8e501a8bd8c3f23"})),i("footer",{key:"721ca11e6b5470d2170d9bc929ba2d973faf9117",part:"footer",class:"drawer__footer"},i("slot",{key:"afb8d35c7fee0fa3e9833ea1b381c2d81f8cb5b0",name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return r(this)}static get watchers(){return{open:["handleOpenChange"]}}};c.style=l;export{c as six_drawer};
+//# sourceMappingURL=p-56e172e0.entry.js.map

package/dist/ui-library/p-56e172e0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixDrawerCss","id","SixDrawer","constructor","hostRef","this","componentId","willShow","willHide","hasFooter","isVisible","open","label","placement","contained","noHeader","handleCloseClick","preventClose","handleKeyDown","event","key","handleOverlayClick","handleSlotChange","hasSlot","host","handleTransitionEnd","target","propertyName","classList","contains","resetTransitionVariables","handleOpenChange","show","hide","connectedCallback","modal","Modal","onFocusOut","_a","panel","focus","componentWillLoad","disconnectedCallback","unlockBodyScrolling","drawer","sixShow","emit","defaultPrevented","activate","lockBodyScrolling","requestAnimationFrame","sixInitialFocus","preventScroll","sixHide","deactivate","source","sixRequestClose","animateTo","scale","duration","sixAfterShow","sixAfterHide","render","h","ref","el","part","class","onKeyDown","onTransitionEnd","onClick","tabIndex","role","name","String","fromCharCode","exportparts","onSlotchange"],"sources":["src/components/six-drawer/six-drawer.scss?tag=six-drawer&encapsulation=shadow","src/components/six-drawer/six-drawer.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hidden';\n\n/**\n * @prop --size: The preferred size of the drawer. This will be applied to the drawer's width or height depending on its\n *   `placement`. Note that the drawer will shrink to accommodate smaller screens.\n */\n:host {\n  --size: 25rem;\n\n  display: contents;\n}\n\n.drawer {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  overflow: hidden;\n\n  &:not(.drawer--visible) {\n    @include hidden;\n  }\n}\n\n.drawer--contained {\n  position: absolute;\n  z-index: initial;\n}\n\n.drawer--fixed {\n  position: fixed;\n  z-index: var(--six-z-index-drawer);\n}\n\n.drawer__panel {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  z-index: 2;\n  max-width: 100%;\n  max-height: 100%;\n  background-color: var(--six-drawer-background-color);\n  color: var(--six-drawer-color);\n  box-shadow: var(--six-shadow-large);\n  transition: var(--six-transition-medium) transform;\n  overflow: auto;\n  pointer-events: all;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n.drawer--top .drawer__panel {\n  top: 0;\n  right: auto;\n  bottom: auto;\n  left: 0;\n  width: 100%;\n  height: var(--size);\n  transform: translate(0, -100%);\n}\n\n.drawer--right .drawer__panel {\n  top: 0;\n  right: 0;\n  bottom: auto;\n  left: auto;\n  width: var(--size);\n  height: 100%;\n  transform: translate(100%, 0);\n}\n\n.drawer--bottom .drawer__panel {\n  top: auto;\n  right: auto;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--size);\n  transform: translate(0, 100%);\n}\n\n.drawer--left .drawer__panel {\n  top: 0;\n  right: auto;\n  bottom: auto;\n  left: 0;\n  width: var(--size);\n  height: 100%;\n  transform: translate(-100%, 0);\n}\n\n.drawer--open .drawer__panel {\n  // don't use translate here or it will cause problems with popovers inside the drawer e.g. dropdown, select etc.\n  transform: none;\n}\n\n.drawer__header {\n  display: flex;\n}\n\n.drawer__title {\n  flex: 1 1 auto;\n  font-size: var(--six-font-size-large);\n  line-height: var(--six-line-height-dense);\n  padding: var(--six-spacing-large);\n}\n\n.drawer__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--six-font-size-x-large);\n  padding: 0 var(--six-spacing-large);\n}\n\n.drawer__body {\n  flex: 1 1 auto;\n  padding: var(--six-spacing-large);\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.drawer__footer {\n  text-align: right;\n  padding: var(--six-spacing-large);\n\n  ::slotted(six-button:not(:last-of-type)) {\n    margin-right: var(--six-spacing-x-small);\n  }\n}\n\n.drawer:not(.drawer--has-footer) .drawer__footer {\n  display: none;\n}\n\n.drawer__overlay {\n  display: block;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--six-overlay-background-color);\n  opacity: 0;\n  transition: var(--six-transition-medium) opacity;\n  pointer-events: all;\n}\n\n.drawer--contained .drawer__overlay {\n  position: absolute;\n}\n\n.drawer--open .drawer__overlay {\n  opacity: 0.4;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../utils/scroll';\nimport { hasSlot } from '../../utils/slot';\nimport Modal from '../../utils/modal';\nimport { EmptyPayload } from '../../utils/types';\nimport { animateTo } from '../../utils/animation';\n\nexport interface SixDrawerRequestClose {\n  source: 'close-button' | 'keyboard' | 'overlay';\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The drawer's content.\n * @slot label - The drawer's label. Alternatively, you can use the label prop.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n *\n * @part base - The component's base wrapper.\n * @part overlay - The overlay.\n * @part panel - The drawer panel (where the drawer and its content is rendered).\n * @part header - The drawer header.\n * @part title - The drawer title.\n * @part close-button - The close button.\n * @part body - The drawer body.\n * @part footer - The drawer footer.\n */\n\n@Component({\n  tag: 'six-drawer',\n  styleUrl: 'six-drawer.scss',\n  shadow: true,\n})\nexport class SixDrawer {\n  private componentId = `drawer-${++id}`;\n  private drawer?: HTMLElement;\n  private modal?: Modal;\n  private panel?: HTMLElement;\n  private willShow = false;\n  private willHide = false;\n\n  @Element() host!: HTMLSixDrawerElement;\n\n  @State() hasFooter = false;\n  @State() isVisible = false;\n\n  /** Indicates whether the drawer is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /**\n   * The drawer's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility.\n   */\n  @Prop() label = '';\n\n  /** The direction from which the drawer will open. */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'right';\n\n  /**\n   * By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n   * its parent element, set this prop and add `position: relative` to the parent.\n   */\n  @Prop() contained = false;\n\n  /**\n   * Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the drawer.\n   */\n  @Prop() noHeader = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Emitted when the drawer opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event({ eventName: 'six-drawer-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the drawer opens and all transitions are complete. */\n  @Event({ eventName: 'six-drawer-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the drawer closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event({ eventName: 'six-drawer-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n  /** Emitted after the drawer closes and all transitions are complete. */\n  @Event({ eventName: 'six-drawer-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when the drawer opens and the panel gains focus. Calling `event.preventDefault()` will prevent focus and\n   * allow you to set it on a different element in the drawer, such as an input or button.\n   */\n  @Event({ eventName: 'six-drawer-initial-focus' }) sixInitialFocus!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or\n   * pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing\n   * the drawer will result in destructive behavior such as data loss.\n   */\n  @Event({ eventName: 'six-drawer-request-close' }) sixRequestClose!: EventEmitter<SixDrawerRequestClose>;\n\n  connectedCallback() {\n    this.modal = new Modal(this.host, {\n      onFocusOut: () => (this.contained ? null : this.panel?.focus()),\n    });\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n\n    // Show on init if open\n    if (this.open) {\n      this.show();\n      // if the sidebar is open by default we need to manually reset the\n      // transition variables since there will be no transition event\n      this.resetTransitionVariables();\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n  }\n\n  /** Shows the drawer */\n  @Method()\n  async show() {\n    if (this.willShow || this.modal == null || this.panel == null || this.drawer == null) {\n      return;\n    }\n    const panel = this.panel;\n\n    const sixShow = this.sixShow.emit();\n    if (sixShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    this.willShow = true;\n    this.isVisible = true;\n    this.open = true;\n\n    // Lock body scrolling only if the drawer isn't contained\n    if (!this.contained) {\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n    }\n\n    if (this.open) {\n      // Wait for the next frame before setting initial focus so the dialog is technically visible\n      requestAnimationFrame(() => {\n        const sixInitialFocus = this.sixInitialFocus.emit();\n        if (!sixInitialFocus.defaultPrevented) {\n          panel.focus({ preventScroll: true });\n        }\n      });\n    }\n  }\n\n  /** Hides the drawer */\n  @Method()\n  async hide() {\n    if (this.willHide || this.modal == null) {\n      return;\n    }\n\n    const sixHide = this.sixHide.emit();\n    if (sixHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    this.willHide = true;\n    this.open = false;\n    this.modal.deactivate();\n\n    unlockBodyScrolling(this.host);\n  }\n\n  private handleCloseClick = () => {\n    this.preventClose('close-button');\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.preventClose('keyboard');\n    }\n  };\n\n  private handleOverlayClick = () => {\n    this.preventClose('overlay');\n  };\n\n  private preventClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    const sixRequestClose = this.sixRequestClose.emit({ source });\n\n    if (sixRequestClose.defaultPrevented && this.panel) {\n      animateTo(this.panel, [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }], { duration: 250 });\n      return;\n    }\n\n    this.hide();\n  }\n\n  private handleSlotChange = () => {\n    this.hasFooter = hasSlot(this.host, 'footer');\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    const target = event.target as HTMLElement;\n\n    // Ensure we only emit one event when the target element is no longer visible\n    if (event.propertyName === 'transform' && target.classList.contains('drawer__panel')) {\n      this.resetTransitionVariables();\n    }\n  };\n\n  private resetTransitionVariables() {\n    this.isVisible = this.open;\n    this.willShow = false;\n    this.willHide = false;\n    this.open ? this.sixAfterShow.emit() : this.sixAfterHide.emit();\n  }\n\n  render() {\n    return (\n      <div\n        ref={(el) => (this.drawer = el)}\n        part=\"base\"\n        class={{\n          drawer: true,\n          'drawer--open': this.open,\n          'drawer--visible': this.isVisible,\n          'drawer--top': this.placement === 'top',\n          'drawer--right': this.placement === 'right',\n          'drawer--bottom': this.placement === 'bottom',\n          'drawer--left': this.placement === 'left',\n          'drawer--contained': this.contained,\n          'drawer--fixed': !this.contained,\n          'drawer--has-footer': this.hasFooter,\n        }}\n        onKeyDown={this.handleKeyDown}\n        onTransitionEnd={this.handleTransitionEnd}\n      >\n        <div part=\"overlay\" class=\"drawer__overlay\" onClick={this.handleOverlayClick} tabIndex={-1} />\n\n        <div\n          ref={(el) => (this.panel = el)}\n          part=\"panel\"\n          class=\"drawer__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden={this.open ? 'false' : 'true'}\n          aria-label={this.noHeader ? this.label : null}\n          aria-labelledby={!this.noHeader ? `${this.componentId}-title` : null}\n          tabIndex={0}\n        >\n          {!this.noHeader && (\n            <header part=\"header\" class=\"drawer__header\">\n              <span part=\"title\" class=\"drawer__title\" id={`${this.componentId}-title`}>\n                <slot name=\"label\">\n                  {/* If there's no label, use an invisible character to prevent the heading from collapsing */}\n                  {this.label || String.fromCharCode(65279)}\n                </slot>\n              </span>\n              <six-icon-button\n                exportparts=\"base:close-button\"\n                class=\"drawer__close\"\n                name=\"close\"\n                onClick={this.handleCloseClick}\n              />\n            </header>\n          )}\n\n          <div part=\"body\" class=\"drawer__body\">\n            <slot />\n          </div>\n\n          <footer part=\"footer\" class=\"drawer__footer\">\n            <slot name=\"footer\" onSlotchange={this.handleSlotChange} />\n          </footer>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"gNAAA,MAAMA,EAAe,s5ECWrB,IAAIC,EAAK,E,MA2BIC,EAAS,MALtB,WAAAC,CAAAC,G,4SAMUC,KAAAC,YAAc,YAAYL,IAI1BI,KAAQE,SAAG,MACXF,KAAQG,SAAG,MAIVH,KAASI,UAAG,MACZJ,KAASK,UAAG,MAGmBL,KAAIM,KAAG,MAMvCN,KAAKO,MAAG,GAGRP,KAASQ,UAAwC,QAMjDR,KAASS,UAAG,MAMZT,KAAQU,SAAG,MA6GXV,KAAgBW,iBAAG,KACzBX,KAAKY,aAAa,eAAe,EAG3BZ,KAAAa,cAAiBC,IACvB,GAAIA,EAAMC,MAAQ,SAAU,CAC1Bf,KAAKY,aAAa,W,GAIdZ,KAAkBgB,mBAAG,KAC3BhB,KAAKY,aAAa,UAAU,EActBZ,KAAgBiB,iBAAG,KACzBjB,KAAKI,UAAYc,EAAQlB,KAAKmB,KAAM,SAAS,EAGvCnB,KAAAoB,oBAAuBN,IAC7B,MAAMO,EAASP,EAAMO,OAGrB,GAAIP,EAAMQ,eAAiB,aAAeD,EAAOE,UAAUC,SAAS,iBAAkB,CACpFxB,KAAKyB,0B,EAwEV,CApNC,gBAAAC,GACE1B,KAAKM,KAAON,KAAK2B,OAAS3B,KAAK4B,M,CA4BjC,iBAAAC,GACE7B,KAAK8B,MAAQ,IAAIC,EAAM/B,KAAKmB,KAAM,CAChCa,WAAY,KAAM,IAAAC,EAAA,OAACjC,KAAKS,UAAY,MAAOwB,EAAAjC,KAAKkC,SAAK,MAAAD,SAAA,SAAAA,EAAEE,OAAO,G,CAIlE,iBAAAC,GACEpC,KAAKiB,mBAGL,GAAIjB,KAAKM,KAAM,CACbN,KAAK2B,OAGL3B,KAAKyB,0B,EAIT,oBAAAY,GACEC,EAAoBtC,KAAKmB,K,CAK3B,UAAMQ,GACJ,GAAI3B,KAAKE,UAAYF,KAAK8B,OAAS,MAAQ9B,KAAKkC,OAAS,MAAQlC,KAAKuC,QAAU,KAAM,CACpF,M,CAEF,MAAML,EAAQlC,KAAKkC,MAEnB,MAAMM,EAAUxC,KAAKwC,QAAQC,OAC7B,GAAID,EAAQE,iBAAkB,CAC5B1C,KAAKM,KAAO,MACZ,M,CAGFN,KAAKE,SAAW,KAChBF,KAAKK,UAAY,KACjBL,KAAKM,KAAO,KAGZ,IAAKN,KAAKS,UAAW,CACnBT,KAAK8B,MAAMa,WACXC,EAAkB5C,KAAKmB,K,CAGzB,GAAInB,KAAKM,KAAM,CAEbuC,uBAAsB,KACpB,MAAMC,EAAkB9C,KAAK8C,gBAAgBL,OAC7C,IAAKK,EAAgBJ,iBAAkB,CACrCR,EAAMC,MAAM,CAAEY,cAAe,M,MAQrC,UAAMnB,GACJ,GAAI5B,KAAKG,UAAYH,KAAK8B,OAAS,KAAM,CACvC,M,CAGF,MAAMkB,EAAUhD,KAAKgD,QAAQP,OAC7B,GAAIO,EAAQN,iBAAkB,CAC5B1C,KAAKM,KAAO,KACZ,M,CAGFN,KAAKG,SAAW,KAChBH,KAAKM,KAAO,MACZN,KAAK8B,MAAMmB,aAEXX,EAAoBtC,KAAKmB,K,CAiBnB,YAAAP,CAAasC,GACnB,MAAMC,EAAkBnD,KAAKmD,gBAAgBV,KAAK,CAAES,WAEpD,GAAIC,EAAgBT,kBAAoB1C,KAAKkC,MAAO,CAClDkB,EAAUpD,KAAKkC,MAAO,CAAC,CAAEmB,MAAO,GAAK,CAAEA,MAAO,MAAQ,CAAEA,MAAO,IAAM,CAAEC,SAAU,MACjF,M,CAGFtD,KAAK4B,M,CAgBC,wBAAAH,GACNzB,KAAKK,UAAYL,KAAKM,KACtBN,KAAKE,SAAW,MAChBF,KAAKG,SAAW,MAChBH,KAAKM,KAAON,KAAKuD,aAAad,OAASzC,KAAKwD,aAAaf,M,CAG3D,MAAAgB,GACE,OACEC,EAAA,OAAA3C,IAAA,2CACE4C,IAAMC,GAAQ5D,KAAKuC,OAASqB,EAC5BC,KAAK,OACLC,MAAO,CACLvB,OAAQ,KACR,eAAgBvC,KAAKM,KACrB,kBAAmBN,KAAKK,UACxB,cAAeL,KAAKQ,YAAc,MAClC,gBAAiBR,KAAKQ,YAAc,QACpC,iBAAkBR,KAAKQ,YAAc,SACrC,eAAgBR,KAAKQ,YAAc,OACnC,oBAAqBR,KAAKS,UAC1B,iBAAkBT,KAAKS,UACvB,qBAAsBT,KAAKI,WAE7B2D,UAAW/D,KAAKa,cAChBmD,gBAAiBhE,KAAKoB,qBAEtBsC,EAAA,OAAA3C,IAAA,2CAAK8C,KAAK,UAAUC,MAAM,kBAAkBG,QAASjE,KAAKgB,mBAAoBkD,UAAU,IAExFR,EAAA,OAAA3C,IAAA,2CACE4C,IAAMC,GAAQ5D,KAAKkC,MAAQ0B,EAC3BC,KAAK,QACLC,MAAM,gBACNK,KAAK,SAAQ,aACF,OAAM,cACJnE,KAAKM,KAAO,QAAU,OAAM,aAC7BN,KAAKU,SAAWV,KAAKO,MAAQ,KACxB,mBAACP,KAAKU,SAAW,GAAGV,KAAKC,oBAAsB,KAChEiE,SAAU,IAERlE,KAAKU,UACLgD,EAAA,UAAA3C,IAAA,2CAAQ8C,KAAK,SAASC,MAAM,kBAC1BJ,EAAA,QAAA3C,IAAA,2CAAM8C,KAAK,QAAQC,MAAM,gBAAgBlE,GAAI,GAAGI,KAAKC,qBACnDyD,EAAA,QAAA3C,IAAA,2CAAMqD,KAAK,SAERpE,KAAKO,OAAS8D,OAAOC,aAAa,SAGvCZ,EAAA,mBAAA3C,IAAA,2CACEwD,YAAY,oBACZT,MAAM,gBACNM,KAAK,QACLH,QAASjE,KAAKW,oBAKpB+C,EAAA,OAAA3C,IAAA,2CAAK8C,KAAK,OAAOC,MAAM,gBACrBJ,EAAA,QAAA3C,IAAA,8CAGF2C,EAAA,UAAA3C,IAAA,2CAAQ8C,KAAK,SAASC,MAAM,kBAC1BJ,EAAA,QAAA3C,IAAA,2CAAMqD,KAAK,SAASI,aAAcxE,KAAKiB,qB","ignoreList":[]}

package/dist/ui-library/{p-8fe7ecdd.entry.js → p-5b52d097.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as e}from"./p-D0Go1Zjj.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";const i=class{constructor(e){s(this,e)}render(){return e("div",{key:"ac09a02af0b1d088f83877d5065b9b747032be77",part:"base",class:"menu-label"},e("slot",{key:"a4f45f90b223d3951bdb5a36b8667d67bcbf1fc7"}))}};i.style=o;export{i as six_menu_label};
-//# sourceMappingURL=p-8fe7ecdd.entry.js.map
+import{r as s,h as e}from"./p-JoG9I7EO.js";const o=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";const i=class{constructor(e){s(this,e)}render(){return e("div",{key:"ac09a02af0b1d088f83877d5065b9b747032be77",part:"base",class:"menu-label"},e("slot",{key:"a4f45f90b223d3951bdb5a36b8667d67bcbf1fc7"}))}};i.style=o;export{i as six_menu_label};
+//# sourceMappingURL=p-5b52d097.entry.js.map

package/dist/ui-library/{p-9f0ed997.entry.js → p-65e53a1b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-D0Go1Zjj.js";const e=":host{display:block}six-button::part(base){border:none;padding-right:0}six-button[disabled]::part(base){color:var(--six-color-web-rock-600);background-color:transparent}six-button::part(label){border:none;font-weight:var(--six-font-weight-bold);font-size:var(--six-font-size-small);padding-left:0}six-button:focus::part(base),six-button:hover::part(base),six-button:active::part(base){background-color:initial;border-color:initial}six-button:hover::part(base),six-button:active::part(base){color:var(--six-header-selected-app-color-hover)}";const a=class{constructor(s){t(this,s);this.caret=false;this.disabled=false;this.loading=false;this.submit=false;this.reset=false}render(){return s("six-button",{key:"f24f383b4bfab7416a6da813c08fe42905560d32",type:"secondary",caret:this.caret,disabled:this.disabled,loading:this.loading,submit:this.submit,reset:this.reset},s("slot",{key:"0c5dff4023b79b26d0e7c8d79adb78223d4df61c",name:"suffix",slot:"suffix"}),s("slot",{key:"cdf0bf1a34a284066e288c1b138afcedb02c7e4a",name:"prefix",slot:"prefix"}),s("slot",{key:"c5e704b918a9e2395a61f40fdbf3ac74da97285f"}))}};a.style=e;export{a as six_header_menu_button};
-//# sourceMappingURL=p-9f0ed997.entry.js.map
+import{r as t,h as s}from"./p-JoG9I7EO.js";const e=":host{display:block}six-button::part(base){border:none;padding-right:0}six-button[disabled]::part(base){color:var(--six-color-web-rock-600);background-color:transparent}six-button::part(label){border:none;font-weight:var(--six-font-weight-bold);font-size:var(--six-font-size-small);padding-left:0}six-button:focus::part(base),six-button:hover::part(base),six-button:active::part(base){background-color:initial;border-color:initial}six-button:hover::part(base),six-button:active::part(base){color:var(--six-header-selected-app-color-hover)}";const a=class{constructor(s){t(this,s);this.caret=false;this.disabled=false;this.loading=false;this.submit=false;this.reset=false}render(){return s("six-button",{key:"f24f383b4bfab7416a6da813c08fe42905560d32",type:"secondary",caret:this.caret,disabled:this.disabled,loading:this.loading,submit:this.submit,reset:this.reset},s("slot",{key:"0c5dff4023b79b26d0e7c8d79adb78223d4df61c",name:"suffix",slot:"suffix"}),s("slot",{key:"cdf0bf1a34a284066e288c1b138afcedb02c7e4a",name:"prefix",slot:"prefix"}),s("slot",{key:"c5e704b918a9e2395a61f40fdbf3ac74da97285f"}))}};a.style=e;export{a as six_header_menu_button};
+//# sourceMappingURL=p-65e53a1b.entry.js.map

package/dist/ui-library/{p-ae8d75aa.entry.js → p-6607d03a.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,g as i}from"./p-D0Go1Zjj.js";import{h as o,a as l,g as r}from"./p-j3oIB5oT.js";import{F as a}from"./p-IBmarOIS.js";import{E as n}from"./p-C4h4qpGl.js";import{D as c,a as h}from"./p-CKhg9ibv.js";import{a as d}from"./p-1oJarDAY.js";function u(e,t){if(t){if(Array.isArray(e)){return e.filter((e=>typeof e==="string"))}else if(typeof e==="string"&&e.length>0){return[e]}else{return[]}}else{if(typeof e==="string"){return e}else{return""}}}function f(e){return u(e,true)}function p(e,t){if(Array.isArray(e)&&Array.isArray(t)){return e.length===t.length&&e.every(((e,s)=>e===t[s]))}else if(typeof e==="string"&&typeof t==="string"){return e===t}return false}const b=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host,.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.display__values{display:flex;flex:1 1 auto;align-items:center;user-select:none;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.display__values::-webkit-scrollbar{width:0;height:0}.display__values-values{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display__values-and-counter{display:flex;overflow:hidden}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.placeholder{color:var(--six-input-placeholder-color)}.select--disabled .placeholder{color:var(--six-input-placeholder-color-disabled)}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .display__values{margin:0 0 0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .display__values{margin:0 0 0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .display__values{margin:0 0 0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{width:100%}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}.selection-container--border{border-bottom:solid var(--six-border-width) var(--six-menu-divider-color);padding-top:var(--six-spacing-xx-small);padding-bottom:var(--six-spacing-xx-small)}.display-value--hidden{display:none}.overflow-count{color:var(--six-color-web-rock-600);padding-left:var(--six-spacing-x-small)}.overflow-count-hidden{display:none}.separator--hidden{display:none}.select-all{border-top:1px solid var(--six-color-web-rock-300);display:flex;justify-content:end}';let x=0;const m=class{constructor(i){e(this,i);this.sixChange=t(this,"six-select-change");this.sixFocus=t(this,"six-select-focus");this.sixBlur=t(this,"six-select-blur");this.inputId=`select-${++x}`;this.labelId=`select-label-${x}`;this.helpTextId=`select-help-text-${x}`;this.errorTextId=`select-error-text-${x}`;this.eventListeners=new n;this.activeItemIndex=-1;this.resizeObserver=new ResizeObserver((()=>this.updateDisplayedValues()));this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.isOpen=false;this.displayedValues=[];this.selectionContainerItems=[];this.multiple=false;this.selectAllButton=false;this.disabled=false;this.name="";this.placeholder="";this.size="medium";this.hoist=false;this.value="";this.pill=false;this.helpText="";this.required=false;this.clearable=false;this.label="";this.errorText="";this.invalid=false;this.line=false;this.filter=false;this.asyncFilter=false;this.autocomplete=false;this.inputDebounce=c;this.options=null;this.virtualScroll=false;this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=async e=>{var t;e.stopPropagation();await this.clearValues();await((t=this.dropdown)===null||t===void 0?void 0:t.show());await this.setFocus();this.sixChange.emit({value:this.value,isSelected:true})};this.handleKeyDown=e=>{var t,s,i,o;if(this.virtualScroll||this.autocomplete){return}if(["Control","Escape"].includes(e.key)){return}const l=this.getVisibleItems();if(this.isOpen&&this.multiple&&e.code==="KeyA"&&e.ctrlKey){e.preventDefault();this.selectAll();return}if(e.key==="Tab"){if(this.isOpen){(t=this.dropdown)===null||t===void 0?void 0:t.hide()}return}if(e.key===" "&&!this.multiple){return}if(this.activeItemIndex>=0&&["Enter"," "].includes(e.key)){const t=l.at(this.activeItemIndex);e.preventDefault();t===null||t===void 0?void 0:t.click();return}if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){if(!this.isOpen){(s=this.dropdown)===null||s===void 0?void 0:s.show()}if(l.length>0){e.preventDefault();if(e.key==="ArrowDown"){this.activeItemIndex++}else if(e.key==="ArrowUp"){this.activeItemIndex--}else if(e.key==="Home"){this.activeItemIndex=0}else if(e.key==="End"){this.activeItemIndex=l.length-1}if(this.activeItemIndex<0)this.activeItemIndex=0;if(this.activeItemIndex>l.length-1)this.activeItemIndex=l.length-1;(i=l.at(this.activeItemIndex))===null||i===void 0?void 0:i.setFocus()}}if(!this.isOpen){e.stopPropagation();e.preventDefault();(o=this.dropdown)===null||o===void 0?void 0:o.show()}};this.handleLabelClick=()=>{var e;(e=this.box)===null||e===void 0?void 0:e.focus()};this.handleMenuSelect=e=>{const t=e.detail.item;if(this.multiple){t.checked=!t.checked}else{this.getItems().forEach((e=>e.checked=false));t.checked=true}this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})};this.handleMenuShow=e=>{if(this.disabled){e.preventDefault();return}this.activeItemIndex=-1;if(!this.virtualScroll&&this.multiple){const e=this.getItems();e.forEach((e=>e.style.display="unset"));const t=v(f(this.value),e);t.forEach((e=>e.style.display="none"));this.selectionContainerItems=t.map((e=>s("six-menu-item",{key:e.value,checked:true,value:e.value,checkType:this.multiple?"checkbox":"check",onClick:t=>{t.stopPropagation();if(!this.disabled){const s=t.target;const i=s.checked;s.checked=!i;e.checked=!i;this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})}}},this.getSlottedItem(e,"prefix"),this.getItemLabel(e),this.getSlottedItem(e,"suffix"))))}this.isOpen=true};this.handleMenuHide=()=>{this.isOpen=false;if(this.multiple){this.handleBlur()}};this.handleSlotChange=()=>{this.hasHelpTextSlot=o(this.host,"help-text");this.hasLabelSlot=o(this.host,"label");this.hasErrorTextSlot=o(this.host,"error-text");this.syncItemsFromValue()}}handleDisabledChange(){var e;if(this.disabled&&this.isOpen){(e=this.dropdown)===null||e===void 0?void 0:e.hide()}}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){this.value=u(this.value,this.multiple);this.syncItemsFromValue()}async handleValueChange(){const e=u(this.value,this.multiple);if(!p(this.value,e)){this.value=e}await this.syncItemsFromValue()}connectedCallback(){var e;if(this.virtualScroll&&this.options===null){console.error("Options must be defined when using virtual scrolling")}(e=this.host.shadowRoot)===null||e===void 0?void 0:e.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-select-change","change",this.host);this.eventListeners.forward("six-select-blur","blur",this.host);this.eventListeners.forward("six-select-focus","focus",this.host);if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}}componentWillLoad(){this.value=u(this.value,this.multiple);this.handleSlotChange()}componentDidLoad(){if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}requestAnimationFrame((()=>this.syncItemsFromValue()));if(this.autocomplete&&this.autocompleteInput!=null){const e=this.autocompleteInput;this.eventListeners.add(e,"six-input-input",h((t=>{var s;this.value=e.value;this.sixChange.emit({value:this.value,isSelected:false});t.stopPropagation();if(this.virtualScroll||this.value.length>0){(s=this.dropdown)===null||s===void 0?void 0:s.show()}}),this.inputDebounce));const t=this.displayedValues.join(", ");e.value=t}}disconnectedCallback(){var e;this.resizeObserver.disconnect();(e=this.host.shadowRoot)===null||e===void 0?void 0:e.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(e){var t;this.hasFocus=true;(t=this.box)===null||t===void 0?void 0:t.focus(e)}getItemLabel(e){var t,s;const i=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot:not([name])");if(i!=null){return l(i)}else{return(s=e.textContent)!==null&&s!==void 0?s:""}}getSlottedItem(e,t){const i=r(e,t);if(i==null){return null}const o=Object.fromEntries([...i.attributes].map((e=>[e.name,e.value])));return s(i.tagName.toLowerCase(),Object.assign(Object.assign({},o),{innerHTML:i.innerHTML}))}getItems(){if(this.options!==null&&this.menu!=null&&this.menu.shadowRoot!=null){return[...this.menu.shadowRoot.querySelectorAll("six-menu-item")]}return[...this.host.querySelectorAll("six-menu-item")]}getVisibleItems(){const e=this.getSelectionContainerItems();const t=this.getItems();return[...e,...t].filter((e=>e.style.display!=="none"))}getSelectionContainerItems(){var e;return[...((e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("six-menu-item"))||[]]}async clearValues(){this.value=this.multiple?[]:"";this.selectionContainerItems=[];await this.syncItemsFromValue()}selectAll(){const e=this.getVisibleItems();const t=this.hasDeselectedOptions();e.filter((e=>!e.disabled)).forEach((e=>e.checked=t));const s=e.filter((e=>e.checked)).map((e=>e.value));this.value=t?s:[];this.sixChange.emit({value:this.value,isSelected:true})}async syncItemsFromValue(){const e=this.getSelectionContainerItems();const t=this.getItems();const s=u(this.value,this.multiple);e.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));t.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));const i=v(f(this.value),t);this.displayedValues=i.map((e=>this.getItemLabel(e)));if(this.autocomplete&&this.autocompleteInput!=null&&!this.hasFocus){const e=this.displayedValues.join(", ");this.autocompleteInput.value=e}requestAnimationFrame((()=>{this.updateDisplayedValues()}))}syncValueFromItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).map((e=>e.value));if(this.multiple){this.value=t}else{this.value=t.length>0?t[0]:""}}updateDisplayedValues(){var e,t;const s=[...(t=(e=this.displayValuesContainer)===null||e===void 0?void 0:e.querySelectorAll(".display-value"))!==null&&t!==void 0?t:[]];if(this.displayValuesContainer==null||s.length===0||this.overflowCount==null){return}s.forEach((e=>{z(e);k(e)}));const i=s[s.length-1].querySelector(".separator");if(i==null)return;let o=_(this.displayValuesContainer)+_(i);let{fitCount:l,overflowCount:r}=g(s,o);if(r===0){I(this.overflowCount);y(s,l)}else{S(this.overflowCount,r+1);A(this.overflowCount);o=o-_(this.overflowCount);({fitCount:l,overflowCount:r}=g(s,o));S(this.overflowCount,r);y(s,l)}}render(){var e;const t=this.hasSelection();const i=this.getItems();const o=i.length>0;const l=this.hasDeselectedOptions();let r=false;let n=o;if(this.clearable&&t){r=true;n=false}return s(a,{key:"e73d53ca359c50322538fe2950527ee8e65839bd",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.invalid},s("six-dropdown",{key:"62552fb8b1f349b21770553c2de7da6b5ab2a4b6",part:"base",ref:e=>this.dropdown=e,hoist:this.hoist,matchTriggerWidth:true,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:true,"select--open":this.isOpen,"select--empty":((e=this.value)===null||e===void 0?void 0:e.length)===0,"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&t,"select--placeholder-visible":this.displayedValues.length===0,"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleKeyDown,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter,virtualScroll:this.virtualScroll},s("div",{key:"5206dc7c61d43783a4f28a02edf0ac542876a8ed",slot:"trigger",ref:e=>this.box=e,id:this.inputId,class:{select__box:true,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus},s("div",{key:"35cd3650cfa756b85b8b685e762ced353b476404",class:"display__values",ref:e=>this.displayValuesContainer=e},this.displayedValues.length>0?s("span",{class:"display__values-and-counter"},s("span",{class:"display__values-values"},this.displayedValues.map((e=>s("span",{key:e,class:"display-value"},e,s("span",{class:{separator:true}},", "))))),s("span",{ref:e=>this.overflowCount=e,class:"overflow-count"},"+10")):s("span",{class:"placeholder"},this.placeholder)),r&&s("six-icon-button",{key:"9625fad5cf7e7355bcb282ebe87ba2fb528a6996",exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),n&&s("span",{key:"29c3280a6b0cfcfc706b4a74fc166b60747957cc",part:"icon",class:"select__icon"},s("six-icon",{key:"1ae7ffd913829472745cb65e703da30b2c7d6050",size:"medium"},"expand_more")),s("six-input",{key:"55a6eede0286f7a78881a563e82c60d628177e1c",ref:e=>this.autocompleteInput=e,class:{select__input:true,"sr-only":!this.autocomplete},"aria-hidden":"true",required:this.required,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("div",{key:"d0f86369184cbe505bb10097cc829389d406a8fd",class:{"selection-container":true,"selection-container--border":this.selectionContainerItems.length>0&&i.length!==this.selectionContainerItems.length}},this.selectionContainerItems),s("six-menu",{key:"fdbb314f7f52324fdbc41a56752de6e85cb9a20c",ref:e=>this.menu=e,part:"menu",class:{select__menu:true,"select__menu--hidden":!o},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":true,"disable-keyboard-handling":true},s("slot",{key:"8aa7f50f534891194237610a271841e59af67da3",onSlotchange:this.handleSlotChange})),this.multiple&&this.selectAllButton&&s("div",{key:"1003591fd15046d3fc436da79a3e47984f993056",class:"select-all",slot:"dropdown-footer"},s("six-button",{key:"dc90cc6d56ffa5456bfbbf10ef7392f68541096d",type:"link",onClick:()=>this.selectAll()},this.selectAllText==null?T(l):this.selectAllText))))}hasSelection(){return this.multiple?this.value.length>0:this.value!==""}hasDeselectedOptions(){return this.getVisibleItems().some((e=>!e.disabled&&!e.checked))}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};function v(e,t){return t.filter((t=>e.includes(t.value)))}function _(e){return e.getBoundingClientRect().width}function g(e,t){let s=0;let i=0;for(let o=0;o<e.length;o++){const l=e[o];const r=_(l);if(o===0&&r>t){i=1;break}s+=r;if(s>t){break}else{i+=1}}const o=e.length-i;return{fitCount:i,overflowCount:o}}function y(e,t){if(e.length>0){e.slice(0,t).forEach(((e,t,s)=>{z(e);const i=t===s.length-1;if(i){w(e)}else{k(e)}}));e.slice(t).forEach((e=>{C(e);k(e)}))}}function w(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.add("separator--hidden")}function k(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.remove("separator--hidden")}function z(e){e.classList.remove("display-value--hidden")}function C(e){e.classList.add("display-value--hidden")}function S(e,t){e.textContent=`+${t}`}function A(e){e.classList.remove("overflow-count-hidden")}function I(e){e.classList.add("overflow-count-hidden")}function T(e){const t=d();switch(t){case"de":return e?"Alle auswählen":"Alle abwählen";case"fr":return e?"Tout sélectionner":"Tout désélectionner";case"it":return e?"Seleziona tutto":"Deseleziona tutto";case"en":return e?"Select all":"Deselect all";case"es":return e?"Seleccionar todo":"Deseleccionar todo"}}m.style=b;export{m as six_select};
-//# sourceMappingURL=p-ae8d75aa.entry.js.map
+import{r as e,c as t,h as s,g as i}from"./p-JoG9I7EO.js";import{h as o,a as l,g as r}from"./p-j3oIB5oT.js";import{F as a}from"./p-Dg9366Gk.js";import{E as n}from"./p-C4h4qpGl.js";import{D as c,a as h}from"./p-CKhg9ibv.js";import{a as d}from"./p-1oJarDAY.js";function u(e,t){if(t){if(Array.isArray(e)){return e.filter((e=>typeof e==="string"))}else if(typeof e==="string"&&e.length>0){return[e]}else{return[]}}else{if(typeof e==="string"){return e}else{return""}}}function f(e){return u(e,true)}function b(e,t){if(Array.isArray(e)&&Array.isArray(t)){return e.length===t.length&&e.every(((e,s)=>e===t[s]))}else if(typeof e==="string"&&typeof t==="string"){return e===t}return false}const p=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host,.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.display__values{display:flex;flex:1 1 auto;align-items:center;user-select:none;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.display__values::-webkit-scrollbar{width:0;height:0}.display__values-values{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.display__values-and-counter{display:flex;overflow:hidden}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.placeholder{color:var(--six-input-placeholder-color)}.select--disabled .placeholder{color:var(--six-input-placeholder-color-disabled)}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .display__values{margin:0 0 0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .display__values{margin:0 0 0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .display__values{margin:0 0 0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{width:100%}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}.selection-container--border{border-bottom:solid var(--six-border-width) var(--six-menu-divider-color);padding-top:var(--six-spacing-xx-small);padding-bottom:var(--six-spacing-xx-small)}.display-value--hidden{display:none}.overflow-count{color:var(--six-color-web-rock-600);padding-left:var(--six-spacing-x-small)}.overflow-count-hidden{display:none}.separator--hidden{display:none}.select-all{border-top:1px solid var(--six-color-web-rock-300);display:flex;justify-content:end}';let x=0;const m=class{constructor(i){e(this,i);this.sixChange=t(this,"six-select-change");this.sixFocus=t(this,"six-select-focus");this.sixBlur=t(this,"six-select-blur");this.inputId=`select-${++x}`;this.labelId=`select-label-${x}`;this.helpTextId=`select-help-text-${x}`;this.errorTextId=`select-error-text-${x}`;this.eventListeners=new n;this.activeItemIndex=-1;this.resizeObserver=new ResizeObserver((()=>this.updateDisplayedValues()));this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.isOpen=false;this.displayedValues=[];this.selectionContainerItems=[];this.multiple=false;this.selectAllButton=false;this.disabled=false;this.name="";this.placeholder="";this.size="medium";this.hoist=false;this.value="";this.pill=false;this.helpText="";this.required=false;this.clearable=false;this.label="";this.errorText="";this.invalid=false;this.line=false;this.filter=false;this.asyncFilter=false;this.autocomplete=false;this.inputDebounce=c;this.options=null;this.virtualScroll=false;this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=async e=>{var t;e.stopPropagation();await this.clearValues();await((t=this.dropdown)===null||t===void 0?void 0:t.show());await this.setFocus();this.sixChange.emit({value:this.value,isSelected:true})};this.handleKeyDown=e=>{var t,s,i,o;if(this.virtualScroll||this.autocomplete){return}if(["Control","Escape"].includes(e.key)){return}const l=this.getVisibleItems();if(this.isOpen&&this.multiple&&e.code==="KeyA"&&e.ctrlKey){e.preventDefault();this.selectAll();return}if(e.key==="Tab"){if(this.isOpen){(t=this.dropdown)===null||t===void 0?void 0:t.hide()}return}if(e.key===" "&&!this.multiple){return}if(this.activeItemIndex>=0&&["Enter"," "].includes(e.key)){const t=l.at(this.activeItemIndex);e.preventDefault();t===null||t===void 0?void 0:t.click();return}if(["ArrowDown","ArrowUp","Home","End"].includes(e.key)){if(!this.isOpen){(s=this.dropdown)===null||s===void 0?void 0:s.show()}if(l.length>0){e.preventDefault();if(e.key==="ArrowDown"){this.activeItemIndex++}else if(e.key==="ArrowUp"){this.activeItemIndex--}else if(e.key==="Home"){this.activeItemIndex=0}else if(e.key==="End"){this.activeItemIndex=l.length-1}if(this.activeItemIndex<0)this.activeItemIndex=0;if(this.activeItemIndex>l.length-1)this.activeItemIndex=l.length-1;(i=l.at(this.activeItemIndex))===null||i===void 0?void 0:i.setFocus()}}if(!this.isOpen){e.stopPropagation();e.preventDefault();(o=this.dropdown)===null||o===void 0?void 0:o.show()}};this.handleLabelClick=()=>{var e;(e=this.box)===null||e===void 0?void 0:e.focus()};this.handleMenuSelect=e=>{const t=e.detail.item;if(this.multiple){t.checked=!t.checked}else{this.getItems().forEach((e=>e.checked=false));t.checked=true}this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})};this.handleMenuShow=e=>{if(this.disabled){e.preventDefault();return}this.activeItemIndex=-1;if(!this.virtualScroll&&this.multiple){const e=this.getItems();e.forEach((e=>e.style.display="unset"));const t=v(f(this.value),e);t.forEach((e=>e.style.display="none"));this.selectionContainerItems=t.map((e=>s("six-menu-item",{key:e.value,checked:true,value:e.value,checkType:this.multiple?"checkbox":"check",onClick:t=>{t.stopPropagation();if(!this.disabled){const s=t.target;const i=s.checked;s.checked=!i;e.checked=!i;this.syncValueFromItems();this.sixChange.emit({value:this.value,isSelected:true})}}},this.getSlottedItem(e,"prefix"),this.getItemLabel(e),this.getSlottedItem(e,"suffix"))))}this.isOpen=true};this.handleMenuHide=()=>{this.isOpen=false;if(this.multiple){this.handleBlur()}};this.handleSlotChange=()=>{this.hasHelpTextSlot=o(this.host,"help-text");this.hasLabelSlot=o(this.host,"label");this.hasErrorTextSlot=o(this.host,"error-text");this.syncItemsFromValue()}}handleDisabledChange(){var e;if(this.disabled&&this.isOpen){(e=this.dropdown)===null||e===void 0?void 0:e.hide()}}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){this.value=u(this.value,this.multiple);this.syncItemsFromValue()}async handleValueChange(){const e=u(this.value,this.multiple);if(!b(this.value,e)){this.value=e}await this.syncItemsFromValue()}connectedCallback(){var e;if(this.virtualScroll&&this.options===null){console.error("Options must be defined when using virtual scrolling")}(e=this.host.shadowRoot)===null||e===void 0?void 0:e.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-select-change","change",this.host);this.eventListeners.forward("six-select-blur","blur",this.host);this.eventListeners.forward("six-select-focus","focus",this.host);if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}}componentWillLoad(){this.value=u(this.value,this.multiple);this.handleSlotChange()}componentDidLoad(){if(this.displayValuesContainer){this.resizeObserver.observe(this.displayValuesContainer)}requestAnimationFrame((()=>this.syncItemsFromValue()));if(this.autocomplete&&this.autocompleteInput!=null){const e=this.autocompleteInput;this.eventListeners.add(e,"six-input-input",h((t=>{var s;this.value=e.value;this.sixChange.emit({value:this.value,isSelected:false});t.stopPropagation();if(this.virtualScroll||this.value.length>0){(s=this.dropdown)===null||s===void 0?void 0:s.show()}}),this.inputDebounce));const t=this.displayedValues.join(", ");e.value=t}}disconnectedCallback(){var e;this.resizeObserver.disconnect();(e=this.host.shadowRoot)===null||e===void 0?void 0:e.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(e){var t;this.hasFocus=true;(t=this.box)===null||t===void 0?void 0:t.focus(e)}getItemLabel(e){var t,s;const i=(t=e.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot:not([name])");if(i!=null){return l(i)}else{return(s=e.textContent)!==null&&s!==void 0?s:""}}getSlottedItem(e,t){const i=r(e,t);if(i==null){return null}const o=Object.fromEntries([...i.attributes].map((e=>[e.name,e.value])));return s(i.tagName.toLowerCase(),Object.assign(Object.assign({},o),{innerHTML:i.innerHTML}))}getItems(){if(this.options!==null&&this.menu!=null&&this.menu.shadowRoot!=null){return[...this.menu.shadowRoot.querySelectorAll("six-menu-item")]}return[...this.host.querySelectorAll("six-menu-item")]}getVisibleItems(){const e=this.getSelectionContainerItems();const t=this.getItems();return[...e,...t].filter((e=>e.style.display!=="none"))}getSelectionContainerItems(){var e;return[...((e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("six-menu-item"))||[]]}async clearValues(){this.value=this.multiple?[]:"";this.selectionContainerItems=[];await this.syncItemsFromValue()}selectAll(){const e=this.getVisibleItems();const t=this.hasDeselectedOptions();e.filter((e=>!e.disabled)).forEach((e=>e.checked=t));const s=e.filter((e=>e.checked)).map((e=>e.value));this.value=t?s:[];this.sixChange.emit({value:this.value,isSelected:true})}async syncItemsFromValue(){const e=this.getSelectionContainerItems();const t=this.getItems();const s=u(this.value,this.multiple);e.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));t.forEach((e=>{e.checkType=this.multiple?"checkbox":"check";if(Array.isArray(s)){e.checked=s.some((t=>t===e.value))}else{e.checked=s===e.value}}));const i=v(f(this.value),t);this.displayedValues=i.map((e=>this.getItemLabel(e)));if(this.autocomplete&&this.autocompleteInput!=null&&!this.hasFocus){const e=this.displayedValues.join(", ");this.autocompleteInput.value=e}requestAnimationFrame((()=>{this.updateDisplayedValues()}))}syncValueFromItems(){const e=this.getItems();const t=e.filter((e=>e.checked)).map((e=>e.value));if(this.multiple){this.value=t}else{this.value=t.length>0?t[0]:""}}updateDisplayedValues(){var e,t;const s=[...(t=(e=this.displayValuesContainer)===null||e===void 0?void 0:e.querySelectorAll(".display-value"))!==null&&t!==void 0?t:[]];if(this.displayValuesContainer==null||s.length===0||this.overflowCount==null){return}s.forEach((e=>{z(e);k(e)}));const i=s[s.length-1].querySelector(".separator");if(i==null)return;let o=_(this.displayValuesContainer)+_(i);let{fitCount:l,overflowCount:r}=g(s,o);if(r===0){T(this.overflowCount);y(s,l)}else{S(this.overflowCount,r+1);A(this.overflowCount);o=o-_(this.overflowCount);({fitCount:l,overflowCount:r}=g(s,o));S(this.overflowCount,r);y(s,l)}}render(){var e;const t=this.hasSelection();const i=this.getItems();const o=i.length>0;const l=this.hasDeselectedOptions();let r=false;let n=o;if(this.clearable&&t){r=true;n=false}return s(a,{key:"9312ec8e2cedbb88f1404d6ddb2f8e67a952f6da",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.invalid},s("six-dropdown",{key:"77887d36593e973b83d80aec7fcb51c9f85d9d0c",part:"base",ref:e=>this.dropdown=e,hoist:this.hoist,matchTriggerWidth:true,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:true,"select--open":this.isOpen,"select--empty":((e=this.value)===null||e===void 0?void 0:e.length)===0,"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&t,"select--placeholder-visible":this.displayedValues.length===0,"select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large","select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleKeyDown,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter,virtualScroll:this.virtualScroll},s("div",{key:"afddffa7f575127a3c53b2bd23f996809adb9844",slot:"trigger",ref:e=>this.box=e,id:this.inputId,class:{select__box:true,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus},s("div",{key:"21b0e4ccb4535037e197b7dbd9a23f0bc37cf5f8",class:"display__values",ref:e=>this.displayValuesContainer=e},this.displayedValues.length>0?s("span",{class:"display__values-and-counter"},s("span",{class:"display__values-values"},this.displayedValues.map((e=>s("span",{key:e,class:"display-value"},e,s("span",{class:{separator:true}},", "))))),s("span",{ref:e=>this.overflowCount=e,class:"overflow-count"},"+10")):s("span",{class:"placeholder"},this.placeholder)),r&&s("six-icon-button",{key:"4dfa510d19ed31997002b1eefff2e467a34b5fd0",exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),n&&s("span",{key:"f03b60a3935c809d9f98342ad7b27698abaf537c",part:"icon",class:"select__icon"},s("six-icon",{key:"271b8b90377be367a38abe77df0b5ae60960b9a8",size:"medium"},"expand_more")),s("six-input",{key:"0a8a3e663dd316f38e0d62625cd6c824022b0fd1",ref:e=>this.autocompleteInput=e,class:{select__input:true,"sr-only":!this.autocomplete},"aria-hidden":"true",required:this.required,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("div",{key:"a5fe2da3ed21d2e8cacbeb84ada7538f960b182e",class:{"selection-container":true,"selection-container--border":this.selectionContainerItems.length>0&&i.length!==this.selectionContainerItems.length}},this.selectionContainerItems),s("six-menu",{key:"ba0c95940b5af32bdd1a8f5f65e4ea6f81ee5bb1",ref:e=>this.menu=e,part:"menu",class:{select__menu:true,"select__menu--hidden":!o},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":true,"disable-keyboard-handling":true},s("slot",{key:"f6be5fd5f9070395df4e165f0f912d274ffcc4b5",onSlotchange:this.handleSlotChange})),this.multiple&&this.selectAllButton&&s("div",{key:"bc6fe23ff6e09d9cb1c9709dc78199600d08cb3f",class:"select-all",slot:"dropdown-footer"},s("six-button",{key:"4ac03af8a7233ed46ac2d9e4ed515a79387a2d2b",type:"link",onClick:()=>this.selectAll()},this.selectAllText==null?D(l):this.selectAllText))))}hasSelection(){return this.multiple?this.value.length>0:this.value!==""}hasDeselectedOptions(){return this.getVisibleItems().some((e=>!e.disabled&&!e.checked))}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};function v(e,t){return t.filter((t=>e.includes(t.value)))}function _(e){return e.getBoundingClientRect().width}function g(e,t){let s=0;let i=0;for(let o=0;o<e.length;o++){const l=e[o];const r=_(l);if(o===0&&r>t){i=1;break}s+=r;if(s>t){break}else{i+=1}}const o=e.length-i;return{fitCount:i,overflowCount:o}}function y(e,t){if(e.length>0){e.slice(0,t).forEach(((e,t,s)=>{z(e);const i=t===s.length-1;if(i){w(e)}else{k(e)}}));e.slice(t).forEach((e=>{C(e);k(e)}))}}function w(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.add("separator--hidden")}function k(e){var t;(t=e.querySelector(".separator"))===null||t===void 0?void 0:t.classList.remove("separator--hidden")}function z(e){e.classList.remove("display-value--hidden")}function C(e){e.classList.add("display-value--hidden")}function S(e,t){e.textContent=`+${t}`}function A(e){e.classList.remove("overflow-count-hidden")}function T(e){e.classList.add("overflow-count-hidden")}function D(e){const t=d();switch(t){case"de":return e?"Alle auswählen":"Alle abwählen";case"fr":return e?"Tout sélectionner":"Tout désélectionner";case"it":return e?"Seleziona tutto":"Deseleziona tutto";case"en":return e?"Select all":"Deselect all";case"es":return e?"Seleccionar todo":"Deseleccionar todo"}}m.style=p;export{m as six_select};
+//# sourceMappingURL=p-6607d03a.entry.js.map

package/dist/ui-library/{p-85aacb7c.entry.js → p-6dd3f54c.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as o,g as r}from"./p-D0Go1Zjj.js";import{F as e}from"./p-IBmarOIS.js";import{h as s}from"./p-j3oIB5oT.js";import{E as n}from"./p-C4h4qpGl.js";import{s as l}from"./p-B1bClJZ6.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input:hover.input--dropdown-search{border-color:transparent}.input--dropdown-search{border-color:transparent}.input--dropdown-search.input--focused{border-color:var(--six-input-border-color)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';const p={large:"medium",medium:"small",small:"xSmall"};let u=0;const h=class{constructor(o){i(this,o);this.sixChange=t(this,"six-input-change");this.sixClear=t(this,"six-input-clear");this.sixInput=t(this,"six-input-input");this.sixFocus=t(this,"six-input-focus");this.sixBlur=t(this,"six-input-blur");this.inputId=`input-${++u}`;this.labelId=`input-label-${u}`;this.helpTextId=`input-help-text-${u}`;this.errorTextId=`input-error-text-${u}`;this.eventListeners=new n;this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorSlot=false;this.isPasswordVisible=false;this.type="text";this.size="medium";this.name="";this.value="";this.pill=false;this.helpText="";this.disabled=false;this.readonly=false;this.dropdownSearch=false;this.required=false;this.autocapitalize="off";this.autocorrect="off";this.autocomplete="off";this.autofocus=false;this.spellcheck=false;this.label="";this.errorText="";this.invalid=false;this.clearable=false;this.togglePassword=false;this.line=false;this.handleChange=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixChange.emit()}};this.handleInput=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixInput.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=i=>{this.value="";this.sixClear.emit();this.sixInput.emit();this.sixChange.emit();if(this.nativeInput!=null){this.nativeInput.focus()}i.stopPropagation()};this.handleKeyDown=i=>{const t=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;if(i.key==="Enter"&&!t){setTimeout((()=>{if(!i.defaultPrevented&&!i.isComposing){l(this.host)}}))}};this.handlePasswordToggle=()=>{this.isPasswordVisible=!this.isPasswordVisible};this.handleSlotChange=()=>{this.hasHelpTextSlot=s(this.host,"help-text");this.hasLabelSlot=s(this.host,"label");this.hasErrorSlot=s(this.host,"error-text")}}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.value=this.getValue();if(this.nativeInput!=null&&this.nativeInput.value!==this.value){this.nativeInput.value=this.value}}connectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-input-input","input",this.host);this.eventListeners.forward("six-input-change","change",this.host);this.eventListeners.forward("six-input-focus","focus",this.host);this.eventListeners.forward("six-input-blur","blur",this.host)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(i){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async select(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.select()}async setSelectionRange(i,t,o="none"){var r;return(r=this.nativeInput)===null||r===void 0?void 0:r.setSelectionRange(i,t,o)}async getSelectionRange(){var i,t,o,r,e,s;return{selectionStart:(t=(i=this.nativeInput)===null||i===void 0?void 0:i.selectionStart)!==null&&t!==void 0?t:undefined,selectionEnd:(r=(o=this.nativeInput)===null||o===void 0?void 0:o.selectionEnd)!==null&&r!==void 0?r:undefined,selectionDirection:(s=(e=this.nativeInput)===null||e===void 0?void 0:e.selectionDirection)!==null&&s!==void 0?s:undefined}}async setRangeText(i,t,o,r="preserve"){if(this.nativeInput==null){return}this.nativeInput.setRangeText(i,t,o,r);if(this.getValue()!==this.nativeInput.value){this.value=this.nativeInput.value;this.sixChange.emit();this.sixInput.emit()}}getValue(){var i;return((i=this.value)!==null&&i!==void 0?i:"").toString()}render(){return o(e,{key:"8c61ef61949c55f7a2a4428bc0cbd1ad3429376c",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.invalid},o("div",{key:"164f57efb598ff9cd8e0e2f0d9dc0632126bb599",part:"base",class:{input:true,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--dropdown-search":this.dropdownSearch,"input--focused":this.hasFocus,"input--empty":this.getValue().length===0,"input--invalid":this.invalid}},o("span",{key:"e590f3edf7da55cd0ef6fde84415431095a3b2c6",part:"prefix",class:"input__prefix"},o("slot",{key:"d4352ed93f6977d425a8163958d3c92d043c113c",name:"prefix"})),o("input",{key:"77bf27819e073a903dce1f804ac54f4b25f5135d",part:"input",ref:i=>this.nativeInput=i,id:this.inputId,size:1,class:{input__control:true,input__control__prefix:s(this.host,"prefix")},type:this.type==="password"&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.getValue(),autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"data-testid":"input-control"}),this.clearable&&!this.disabled&&o("button",{key:"4558842c4d9fa3623688a18aab4a69da2a156f65",part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{key:"6b03819fbf8640f01c292c373931d7c80a322e0d",name:"clear-icon"},o("six-icon",{key:"f53987138284512733769632c3ba246b4e9db721",size:p[this.size]},"clear"))),this.togglePassword&&o("button",{key:"e42a2c571095282b3fcdc4cf66d4aa013339a437",part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:p[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:p[this.size]},"visibility"))),o("span",{key:"6b1530248f04eff0e1de3137479384cfde161c39",part:"suffix",class:"input__suffix"},o("slot",{key:"7f091246942c4af0c56adc76afda69e24e827d43",name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};h.style=a;export{h as six_input};
-//# sourceMappingURL=p-85aacb7c.entry.js.map
+import{r as i,c as t,h as o,g as r}from"./p-JoG9I7EO.js";import{F as e}from"./p-Dg9366Gk.js";import{h as s}from"./p-j3oIB5oT.js";import{E as n}from"./p-C4h4qpGl.js";import{s as l}from"./p-B1bClJZ6.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"*";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}.input{display:inline-flex;align-items:stretch;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.input--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.input:hover:not(.input--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.input:hover:not(.input--disabled) .input__control{color:var(--six-input-color-hover)}.input:hover.input--dropdown-search{border-color:transparent}.input--dropdown-search{border-color:transparent}.input--dropdown-search.input--focused{border-color:var(--six-input-border-color)}.input.input--focused:not(.input--disabled){background-color:var(--six-input-background-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.input.input--focused:not(.input--disabled):not(.input--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.input.input--focused:not(.input--disabled) .input__control{color:var(--six-input-color-focus)}.input.input--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.input.input--disabled .input__control{color:var(--six-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.input.input--invalid:not(.input--disabled):not(.input--focused){border-bottom-color:var(--six-input-border-color-danger)}.input.input--invalid:not(.input--disabled):not(.input--focused):not(.input--line){border-color:var(--six-input-border-color-danger)}.input__control{flex:1 1 auto;width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;color:var(--six-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--six-color-primary-500)}.input__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.input__control::-ms-reveal{display:none}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;cursor:default}.input__prefix ::slotted(six-icon),.input__suffix ::slotted(six-icon){color:var(--six-input-icon-color)}.input.input--disabled ::slotted(six-icon){cursor:not-allowed}.input--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);height:var(--six-height-small)}.input--small .input__control{height:calc(var(--six-height-small) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-small)}.input--small .input__control__prefix{margin:0 var(--six-input-prefix-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--six-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-small)}.input--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);height:var(--six-height-medium)}.input--medium .input__control{height:calc(var(--six-height-medium) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-medium)}.input--medium .input__control__prefix{margin:0 var(--six-input-prefix-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--six-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-medium)}.input--medium .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-medium)}.input--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);height:var(--six-height-large)}.input--large .input__control{height:calc(var(--six-height-large) - var(--six-border-width) * 2);margin:0 var(--six-input-spacing-large)}.input--large .input__control__prefix{margin:0 var(--six-input-prefix-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--six-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--six-input-prefix-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--six-input-prefix-spacing-large)}.input--pill.input--small{border-radius:var(--six-height-small)}.input--pill.input--medium{border-radius:var(--six-height-medium)}.input--pill.input--large{border-radius:var(--six-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--six-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}';const p={large:"medium",medium:"small",small:"xSmall"};let u=0;const h=class{constructor(o){i(this,o);this.sixChange=t(this,"six-input-change");this.sixClear=t(this,"six-input-clear");this.sixInput=t(this,"six-input-input");this.sixFocus=t(this,"six-input-focus");this.sixBlur=t(this,"six-input-blur");this.inputId=`input-${++u}`;this.labelId=`input-label-${u}`;this.helpTextId=`input-help-text-${u}`;this.errorTextId=`input-error-text-${u}`;this.eventListeners=new n;this.hasFocus=false;this.hasHelpTextSlot=false;this.hasLabelSlot=false;this.hasErrorSlot=false;this.isPasswordVisible=false;this.type="text";this.size="medium";this.name="";this.value="";this.pill=false;this.helpText="";this.disabled=false;this.readonly=false;this.dropdownSearch=false;this.required=false;this.autocapitalize="off";this.autocorrect="off";this.autocomplete="off";this.autofocus=false;this.spellcheck=false;this.label="";this.errorText="";this.invalid=false;this.clearable=false;this.togglePassword=false;this.line=false;this.handleChange=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixChange.emit()}};this.handleInput=i=>{i.stopPropagation();if(this.nativeInput!=null){this.value=this.nativeInput.value;this.sixInput.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleClearClick=i=>{this.value="";this.sixClear.emit();this.sixInput.emit();this.sixChange.emit();if(this.nativeInput!=null){this.nativeInput.focus()}i.stopPropagation()};this.handleKeyDown=i=>{const t=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;if(i.key==="Enter"&&!t){setTimeout((()=>{if(!i.defaultPrevented&&!i.isComposing){l(this.host)}}))}};this.handlePasswordToggle=()=>{this.isPasswordVisible=!this.isPasswordVisible};this.handleSlotChange=()=>{this.hasHelpTextSlot=s(this.host,"help-text");this.hasLabelSlot=s(this.host,"label");this.hasErrorSlot=s(this.host,"error-text")}}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.value=this.getValue();if(this.nativeInput!=null&&this.nativeInput.value!==this.value){this.nativeInput.value=this.value}}connectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-input-input","input",this.host);this.eventListeners.forward("six-input-change","change",this.host);this.eventListeners.forward("six-input-focus","focus",this.host);this.eventListeners.forward("six-input-blur","blur",this.host)}componentWillLoad(){this.handleSlotChange()}disconnectedCallback(){var i;(i=this.host.shadowRoot)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}async setFocus(i){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async select(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.select()}async setSelectionRange(i,t,o="none"){var r;return(r=this.nativeInput)===null||r===void 0?void 0:r.setSelectionRange(i,t,o)}async getSelectionRange(){var i,t,o,r,e,s;return{selectionStart:(t=(i=this.nativeInput)===null||i===void 0?void 0:i.selectionStart)!==null&&t!==void 0?t:undefined,selectionEnd:(r=(o=this.nativeInput)===null||o===void 0?void 0:o.selectionEnd)!==null&&r!==void 0?r:undefined,selectionDirection:(s=(e=this.nativeInput)===null||e===void 0?void 0:e.selectionDirection)!==null&&s!==void 0?s:undefined}}async setRangeText(i,t,o,r="preserve"){if(this.nativeInput==null){return}this.nativeInput.setRangeText(i,t,o,r);if(this.getValue()!==this.nativeInput.value){this.value=this.nativeInput.value;this.sixChange.emit();this.sixInput.emit()}}getValue(){var i;return((i=this.value)!==null&&i!==void 0?i:"").toString()}render(){return o(e,{key:"b88afe1aa2622eee58a8d66257cc5a0983354b25",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.invalid},o("div",{key:"b07352c5f2d4480a4b2919854e154faeac2d9f0f",part:"base",class:{input:true,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--line":this.line,"input--pill":this.pill,"input--disabled":this.disabled,"input--dropdown-search":this.dropdownSearch,"input--focused":this.hasFocus,"input--empty":this.getValue().length===0,"input--invalid":this.invalid}},o("span",{key:"37acf6498894ed16984dc35615387a9d7cb634d3",part:"prefix",class:"input__prefix"},o("slot",{key:"88e70802193d8925f03d58ea964a0bb9034a74ab",name:"prefix"})),o("input",{key:"bdeabe4cc23fc68a3a9c25307cf37ca2d77d6a5f",part:"input",ref:i=>this.nativeInput=i,id:this.inputId,size:1,class:{input__control:true,input__control__prefix:s(this.host,"prefix")},type:this.type==="password"&&this.isPasswordVisible?"text":this.type,name:this.name,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,minLength:this.minlength,maxLength:this.maxlength,min:this.min,max:this.max,step:this.step,value:this.getValue(),autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.pattern,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-invalid":this.invalid?"true":"false",onChange:this.handleChange,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,"data-testid":"input-control"}),this.clearable&&!this.disabled&&o("button",{key:"e7f5713eec0bf5bd6b69335f60793071309770dc",part:"clear-button",class:"input__clear",type:"button",onClick:this.handleClearClick,tabindex:"-1","data-testid":"input-clear-button"},o("slot",{key:"9cef48b67afbb2a833a7dff0ffa3b8ce153c11b2",name:"clear-icon"},o("six-icon",{key:"fa08350fb58063c871ef9f64d3d3d5a9dd8fbdec",size:p[this.size]},"clear"))),this.togglePassword&&o("button",{key:"aacef765fcbc09b9479737d620568a5f78a884e5",part:"password-toggle-button",class:"input__password-toggle",type:"button",onClick:this.handlePasswordToggle,tabindex:"-1"},this.isPasswordVisible?o("slot",{name:"show-password-icon"},o("six-icon",{size:p[this.size]},"visibility_off")):o("slot",{name:"hide-password-icon"},o("six-icon",{size:p[this.size]},"visibility"))),o("span",{key:"0e8461e5897ab4380f67e207d1c1f3d9065b00b7",part:"suffix",class:"input__suffix"},o("slot",{key:"a7634ecf343884a7197b2edb82a55863af8faf5b",name:"suffix"}))))}get host(){return r(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],value:["handleValueChange"]}}};h.style=a;export{h as six_input};
+//# sourceMappingURL=p-6dd3f54c.entry.js.map

package/dist/ui-library/{p-5ed5842b.entry.js → p-811ce2a0.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as o,h as e,g as r}from"./p-D0Go1Zjj.js";import{E as t}from"./p-C4h4qpGl.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let a=0;const l=class{constructor(e){i(this,e);this.sixBlur=o(this,"six-radio-blur");this.sixChange=o(this,"six-radio-change");this.sixFocus=o(this,"six-radio-focus");this.inputId=`radio-${++a}`;this.labelId=`radio-label-${a}`;this.eventListeners=new t;this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.sixChange.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const e=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+e;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().forEach((i=>i.checked=false));o[r].setFocus();o[r].checked=true;o[r].dispatchEvent(new CustomEvent("six-radio-change",{bubbles:true,cancelable:true}));i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()}}handleCheckedChange(){if(this.checked){this.getSiblingRadios().forEach((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked}}handleNameChange(i){if(this.nativeInput!=null){this.nativeInput.name=i}}connectedCallback(){this.eventListeners.forward("six-radio-change","change",this.host);this.eventListeners.forward("six-radio-blur","blur",this.host);this.eventListeners.forward("six-radio-focus","focus",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}getAllRadios(){const i=this.host.closest("form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return e("label",{key:"cdb722e8b78cf02f527d97b3dab6f0679b333c21",part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},e("span",{key:"9c627a113fe27c340b7f6162d9bde328220c8960",part:"control",class:"radio__control"},e("span",{key:"2ce65408f6c88cb7396c480eba0cc2dd663a3c85",part:"checked-icon",class:"radio__icon"},e("svg",{key:"f4aac67ee8b4a5fb2af26305799b6648e496941e",viewBox:"0 0 16 16"},e("g",{key:"f1bc8651eae70a2ede2dcbf5f48f8237d9f883e6",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"7ffa14023971330ae34e041871c0db912789999a",fill:"currentColor"},e("circle",{key:"10d6f37d1227677ba8044a8bffd89f8828e54e0d",cx:"8",cy:"8",r:"5"}))))),e("input",{key:"55ae32be4a36646c17d1238e486df0a483db2650",ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{key:"08128b78c44c561e9dc97f840bacf46059c2483b",part:"label",id:this.labelId,class:"radio__label"},e("slot",{key:"9dd8bcf11566bd74d7b8e91a71cd276947562426"})))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],name:["handleNameChange"]}}};l.style=s;export{l as six_radio};
-//# sourceMappingURL=p-5ed5842b.entry.js.map
+import{r as i,c as o,h as e,g as r}from"./p-JoG9I7EO.js";import{E as t}from"./p-C4h4qpGl.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let a=0;const l=class{constructor(e){i(this,e);this.sixBlur=o(this,"six-radio-blur");this.sixChange=o(this,"six-radio-change");this.sixFocus=o(this,"six-radio-focus");this.inputId=`radio-${++a}`;this.labelId=`radio-label-${a}`;this.eventListeners=new t;this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.sixChange.emit()}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const e=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+e;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().forEach((i=>i.checked=false));o[r].setFocus();o[r].checked=true;o[r].dispatchEvent(new CustomEvent("six-radio-change",{bubbles:true,cancelable:true}));i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()}}handleCheckedChange(){if(this.checked){this.getSiblingRadios().forEach((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked}}handleNameChange(i){if(this.nativeInput!=null){this.nativeInput.name=i}}connectedCallback(){this.eventListeners.forward("six-radio-change","change",this.host);this.eventListeners.forward("six-radio-blur","blur",this.host);this.eventListeners.forward("six-radio-focus","focus",this.host)}disconnectedCallback(){this.eventListeners.removeAll()}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}getAllRadios(){const i=this.host.closest("form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return e("label",{key:"cdb722e8b78cf02f527d97b3dab6f0679b333c21",part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},e("span",{key:"9c627a113fe27c340b7f6162d9bde328220c8960",part:"control",class:"radio__control"},e("span",{key:"2ce65408f6c88cb7396c480eba0cc2dd663a3c85",part:"checked-icon",class:"radio__icon"},e("svg",{key:"f4aac67ee8b4a5fb2af26305799b6648e496941e",viewBox:"0 0 16 16"},e("g",{key:"f1bc8651eae70a2ede2dcbf5f48f8237d9f883e6",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},e("g",{key:"7ffa14023971330ae34e041871c0db912789999a",fill:"currentColor"},e("circle",{key:"10d6f37d1227677ba8044a8bffd89f8828e54e0d",cx:"8",cy:"8",r:"5"}))))),e("input",{key:"55ae32be4a36646c17d1238e486df0a483db2650",ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{key:"08128b78c44c561e9dc97f840bacf46059c2483b",part:"label",id:this.labelId,class:"radio__label"},e("slot",{key:"9dd8bcf11566bd74d7b8e91a71cd276947562426"})))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],name:["handleNameChange"]}}};l.style=s;export{l as six_radio};
+//# sourceMappingURL=p-811ce2a0.entry.js.map