@six-group/ui-library 4.0.4 → 4.1.1

package/dist/ui-library/p-8888a367.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as i}from"./p-af15381b.js";const r=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) * 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const t=class{constructor(i){a(this,i);this.handleImageError=()=>{this.hasError=true};this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle"}render(){return i("div",{part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&i("div",{part:"icon",class:"avatar__icon"},i("slot",{name:"icon"},i("six-icon",null,"person"))),this.initials&&i("div",{part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&i("img",{part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=r;export{t as six_avatar};
+//# sourceMappingURL=p-8888a367.entry.js.map

package/dist/ui-library/{p-1f7dac36.entry.js.map → p-8888a367.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixAvatarCss","SixAvatar","this","handleImageError","hasError","render","h","part","class","avatar","shape","role","alt","tabIndex","initials","name","image","src","onError"],"sources":["src/components/six-avatar/six-avatar.scss?tag=six-avatar&encapsulation=shadow","src/components/six-avatar/six-avatar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --size: The size of the avatar.\n */\n:host {\n  display: inline-block;\n\n  --size: 2rem;\n}\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--six-avatar-background-color);\n  font-family: var(--six-font-sans);\n  font-size: calc(var(--size) * 0.5);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--six-avatar-color);\n  overflow: hidden;\n  user-select: none;\n  vertical-align: middle;\n  cursor: pointer;\n  outline: none;\n\n  &:hover {\n    box-shadow: var(--six-elevation-4dp);\n  }\n}\n\n.avatar--circle {\n  border-radius: var(--six-border-radius-circle);\n}\n\n.avatar--rounded {\n  border-radius: var(--six-border-radius-medium);\n}\n\n.avatar--square {\n  border-radius: 0;\n}\n\n.avatar__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.avatar__initials {\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.avatar__image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\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 icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,w/B,MCoBRC,EAAS,M,yBAeZC,KAAAC,iBAAmB,KACzBD,KAAKE,SAAW,IAAI,E,cAfF,M,WAGJ,G,SAGF,G,cAGK,G,WAG8B,Q,CAMjD,MAAAC,GACE,OACEC,EAAA,OACEC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBP,KAAKQ,QAAU,SACjC,kBAAmBR,KAAKQ,QAAU,UAClC,iBAAkBR,KAAKQ,QAAU,UAEnCC,KAAK,QAAO,aACAT,KAAKU,IACjBC,SAAU,GAETX,KAAKY,WAAa,IACjBR,EAAA,OAAKC,KAAK,OAAOC,MAAM,gBACrBF,EAAA,QAAMS,KAAK,QACTT,EAAA,4BAKLJ,KAAKY,UACJR,EAAA,OAAKC,KAAK,WAAWC,MAAM,oBACxBN,KAAKY,UAITZ,KAAKc,QAAUd,KAAKE,UACnBE,EAAA,OAAKC,KAAK,QAAQC,MAAM,gBAAgBS,IAAKf,KAAKc,MAAOE,QAAShB,KAAKC,mB"}
+{"version":3,"names":["sixAvatarCss","SixAvatar","this","handleImageError","hasError","render","h","part","class","avatar","shape","role","alt","tabIndex","initials","name","image","src","onError"],"sources":["src/components/six-avatar/six-avatar.scss?tag=six-avatar&encapsulation=shadow","src/components/six-avatar/six-avatar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --size: The size of the avatar.\n */\n:host {\n  display: inline-block;\n\n  --size: 2rem;\n}\n\n.avatar {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  width: var(--size);\n  height: var(--size);\n  background-color: var(--six-avatar-background-color);\n  font-family: var(--six-font-sans);\n  font-size: calc(var(--size) * 0.5);\n  font-weight: var(--six-font-weight-normal);\n  color: var(--six-avatar-color);\n  overflow: hidden;\n  user-select: none;\n  vertical-align: middle;\n  cursor: pointer;\n  outline: none;\n\n  &:hover {\n    box-shadow: var(--six-shadow-medium);\n  }\n}\n\n.avatar--circle {\n  border-radius: var(--six-border-radius-circle);\n}\n\n.avatar--rounded {\n  border-radius: var(--six-border-radius-medium);\n}\n\n.avatar--square {\n  border-radius: 0;\n}\n\n.avatar__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.avatar__initials {\n  line-height: 1;\n  text-transform: uppercase;\n}\n\n.avatar__image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\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 icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n  tag: 'six-avatar',\n  styleUrl: 'six-avatar.scss',\n  shadow: true,\n})\nexport class SixAvatar {\n  @State() hasError = false;\n\n  /** The image source to use for the avatar. */\n  @Prop() image = '';\n\n  /** Alternative text for the image. */\n  @Prop() alt = '';\n\n  /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n  @Prop() initials = '';\n\n  /** The shape of the avatar. */\n  @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n  private handleImageError = () => {\n    this.hasError = true;\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          avatar: true,\n          'avatar--circle': this.shape === 'circle',\n          'avatar--rounded': this.shape === 'rounded',\n          'avatar--square': this.shape === 'square',\n        }}\n        role=\"image\"\n        aria-label={this.alt}\n        tabIndex={0}\n      >\n        {this.initials === '' && (\n          <div part=\"icon\" class=\"avatar__icon\">\n            <slot name=\"icon\">\n              <six-icon>person</six-icon>\n            </slot>\n          </div>\n        )}\n\n        {this.initials && (\n          <div part=\"initials\" class=\"avatar__initials\">\n            {this.initials}\n          </div>\n        )}\n\n        {this.image && !this.hasError && (\n          <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,2/B,MCoBRC,EAAS,M,yBAeZC,KAAAC,iBAAmB,KACzBD,KAAKE,SAAW,IAAI,E,cAfF,M,WAGJ,G,SAGF,G,cAGK,G,WAG8B,Q,CAMjD,MAAAC,GACE,OACEC,EAAA,OACEC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBP,KAAKQ,QAAU,SACjC,kBAAmBR,KAAKQ,QAAU,UAClC,iBAAkBR,KAAKQ,QAAU,UAEnCC,KAAK,QAAO,aACAT,KAAKU,IACjBC,SAAU,GAETX,KAAKY,WAAa,IACjBR,EAAA,OAAKC,KAAK,OAAOC,MAAM,gBACrBF,EAAA,QAAMS,KAAK,QACTT,EAAA,4BAKLJ,KAAKY,UACJR,EAAA,OAAKC,KAAK,WAAWC,MAAM,oBACxBN,KAAKY,UAITZ,KAAKc,QAAUd,KAAKE,UACnBE,EAAA,OAAKC,KAAK,QAAQC,MAAM,gBAAgBS,IAAKf,KAAKc,MAAOE,QAAShB,KAAKC,mB"}

package/dist/ui-library/{p-7d95def3.js → p-8bfb4bfc.js}

@@ -1,2 +1,2 @@
 class e{constructor(){this.eventListeners=[];this.add=(e,t,s,n=null)=>{this.eventListeners.push({el:e,name:t,listener:s,identifier:n});e.addEventListener(t,s)};this.remove=(e,t,s)=>{this.eventListeners=this.getFilteredEventListeners((n=>n.listener==s&&n.el===e&&n.name===t))};this.removeByIdentifier=e=>{const t=t=>t.identifier===e;const s=this.eventListeners.find(t)!==undefined;if(!s){return}this.eventListeners=this.getFilteredEventListeners(t)};this.removeAll=()=>{while(this.eventListeners.length>0){const e=this.eventListeners.pop();if(e!=null){e.el.removeEventListener(e.name,e.listener)}}}}getFilteredEventListeners(e){return this.eventListeners.filter((t=>{if(e(t)){t.el.removeEventListener(t.name,t.listener);return false}else{return true}}))}forward(e,t,s){switch(t){case"input":this.add(s,e,(()=>s.dispatchEvent(new InputEvent(t,{bubbles:true,cancelable:true}))));break;case"change":this.add(s,e,(()=>s.dispatchEvent(new InputEvent(t,{bubbles:true,cancelable:true}))));break;case"blur":this.add(s,e,(()=>s.dispatchEvent(new FocusEvent(t,{bubbles:true,cancelable:true}))));break;case"focus":this.add(s,e,(()=>s.dispatchEvent(new FocusEvent(t,{bubbles:true,cancelable:true}))));break}}}export{e as E};
-//# sourceMappingURL=p-7d95def3.js.map
+//# sourceMappingURL=p-8bfb4bfc.js.map

package/dist/ui-library/p-8ced18d8.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,g as s}from"./p-af15381b.js";import{E as r}from"./p-8bfb4bfc.js";import{D as o,d as n,a}from"./p-a1502802.js";import{h}from"./p-0cebf1d2.js";import{m as l,c as d,a as c,b as u}from"./p-f136a6b2.js";const p=t=>typeof t==="string";const m=t=>t==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 y=()=>new Date;const f=t=>new Date(t.getFullYear(),t.getMonth(),t.getDate());const v=t=>t instanceof Date&&!isNaN(t.getTime())&&new Date(t).toString()!=="Invalid Date";const k=t=>{if(t&&v(t)){return t.getFullYear()}throw new Error("Not a valid date")};const g=t=>{if(t&&v(t)){return t.getMonth()}throw new Error("Not a valid date")};const w=t=>{if(t&&v(t)){return t.getDate()}throw new Error("Not a valid date")};const x=t=>{if(t&&v(t)){return t.getHours()}throw new Error("Not a valid date")};const _=t=>{if(t&&v(t)){return t.getMinutes()}throw new Error("Not a valid date")};const M=t=>{if(t&&v(t)){return t.getSeconds()}throw new Error("Not a valid date")};const D=t=>{const e=[6,0,1,2,3,4,5];const i=new Date(t);i.setDate(i.getDate()-e[i.getDay()]);return i};const j=(t,e)=>(t===null||t===void 0?void 0:t.getFullYear())===(e===null||e===void 0?void 0:e.getFullYear());const S=(t,e)=>j(t,e)&&(t===null||t===void 0?void 0:t.getMonth())===(e===null||e===void 0?void 0:e.getMonth());const C=(t,e)=>S(t,e)&&(t===null||t===void 0?void 0:t.getDate())===(e===null||e===void 0?void 0:e.getDate());const O=(t,e)=>C(D(t),D(e));const z=(t,e)=>{if(!p(t)||!p(e)){return false}if(t.length<6||e.length<6){return false}const{day:i,month:s}=U(t,e);if(i>31||s>11||i<=0||s<0){return false}const r=X(t,e);if(m(r)){return false}return r.toString()!=="Invalid Date"};const F=(t,e,i)=>{if(!t){return true}if(e&&t<e){return false}if(i&&i<t){return false}return true};const J=(t,e,i,s=2)=>{const r=s-1;const o=e.charAt(t+r)===i;const n=t+r<e.length;return n&&o};const N=(t,e)=>{let i=String(t);while(i.length<e){i="0"+i}return i};const A=(t,e)=>{if(t==null){return""}let i="";for(let s=0;s<e.length;s++){switch(e.charAt(s)){case"d":if(J(s,e,"d")){i+=N(t.getDate(),2);s++}else{i+=String(t.getDate())}break;case"m":if(J(s,e,"m")){i+=N(t.getMonth()+1,2);s++}else{i+=String(t.getMonth()+1)}break;case"y":if(J(s,e,"y",4)){s+=3;i+=t.getFullYear()}else{i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100;s++}break;case"h":if(J(s,e,"h")){i+=N(t.getHours(),2);s++}else{i+=String(t.getHours())}break;case"M":if(J(s,e,"M")){i+=N(t.getMinutes(),2);s++}else{i+=String(t.getMinutes())}break;case"s":if(J(s,e,"s")){i+=N(t.getSeconds(),2);s++}else{i+=String(t.getSeconds())}break;default:i+=e.charAt(s)}}return i};const E=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;const T=/\d\d/;const G=/\d{4}/;const P=/[^0-9]/g;const B="year";const I="month";const L="day";const Y="hour";const H="minute";const W="second";const q={};const R=(t,e,i)=>{const s=Array.isArray(t)?t:[t];let r;if(typeof i==="string"){r=t=>{const e=parseInt(t,10);return{[i]:e}}}else{r=i}s.forEach((t=>{q[t]=[e,r]}))};R("yy",T,(t=>{const e=(new Date).getFullYear();const i=Math.floor(e/100);let s=parseInt(t,10);s=(s>68?i-1:i)*100+s;return{[B]:s}}));R("yyyy",G,B);R("mm",T,(t=>({[I]:parseInt(t,10)-1})));R("dd",T,L);R("hh",T,Y);R("MM",T,H);R("ss",T,W);const V=(t,e=new Date)=>{const i=[0,0,1,0,0,0];const s=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()];let r=true;for(let e=0;e<7;e++){if(t[e]===undefined){i[e]=r?s[e]:i[e]}else{i[e]=t[e];r=false}}return i};const $=(t,e,i,s,r,o)=>{if(!(t<100&&t>=0)){return new Date(t,e,i,s,r,o)}const n=new Date(t+400,e,i,s,r,o);if(isFinite(n.getFullYear())){n.setFullYear(t)}return n};const K=(t,e)=>{const i=e.match(E);if(!i){throw new Error}const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e];const o=q[s];if(!o){const e=s.replace(/^\[|\]$/g,"");if(t.indexOf(e)===0){t=t.substr(e.length)}else{throw new Error("not match")}}else{const e=o[0];const i=o[1];const s=(e.exec(t)||[])[0];const n=i(s);r=Object.assign(Object.assign({},r),n);t=t.replace(s,"")}}return r};const Q=(t,e)=>{if(t.length===e.length){return t}const i=t.match(P)[0];return t.split(i).map((t=>t.length===1?"0"+t:t)).join(i)};const U=(t,e)=>{const i=Q(t,e);return K(i,e)};const X=(t,e)=>{try{const{backupDate:i=new Date}={};const{year:s,month:r,day:o,hour:n,minute:a,second:h,date:l}=U(t,e);if(l!=null){return l}const d=[s,r,o,n,a,h];const c=V(d,i);return $(...c)}catch(t){return new Date(NaN)}};const Z=t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:o,maxDate:n,pointerDate:a}=t;const h=new Date(e);const l=new Date(e);let d=[];do{let t=[];do{t=[...t,{date:new Date(l),display:A(l,s),dateString:A(l,s),label:w(l).toString(),isToday:C(l,y()),isSelected:r&&C(l,r),isDisabled:!i(l)||!F(l,o,n),isOutdated:a.month!==l.getMonth()||!F(l,o,n)}];l.setDate(l.getDate()+1)}while(O(l,h));d=[...d,t];h.setDate(h.getDate()+7)}while(S(new Date(a.year,a.month,a.day),l));return d};function tt(t,e){const i=5;return[...Array(e).keys()].map((i=>i+t-Math.floor(e/2))).reduce(((t,e,s)=>{if(s%i===0){t.push([])}t[t.length-1].push(e);return t}),[])}var et;(function(t){t["DDMMYYY_DOT"]="dd.mm.yyyy";t["YYYYMMDD_DASH"]="yyyy-mm-dd";t["DDMMYYYY_DASH"]="dd-mm-yyyy";t["DDMMYYYY_SLASH"]="dd/mm/yyyy";t["YYYYMMDD_SLASH"]="yyyy/mm/dd";t["DDMMYY_DOT"]="dd.mm.yy";t["YYMMDD_DASH"]="yy-mm-dd";t["DDMMYY_DASH"]="dd-mm-yy";t["DDMMYY_SLASH"]="dd/mm/yy";t["YYMMDD_SLASH"]="yy/mm/dd";t["DDMMYYY_DOT_TIME"]="dd.mm.yyyy hh:MM:ss";t["YYYYMMDD_DASH_TIME"]="yyyy-mm-dd hh:MM:ss";t["DDMMYYYY_DASH_TIME"]="dd-mm-yyyy hh:MM:ss";t["DDMMYYYY_SLASH_TIME"]="dd/mm/yyyy hh:MM:ss";t["YYYYMMDD_SLASH_TIME"]="yyyy/mm/dd hh:MM:ss";t["DDMMYY_DOT_TIME"]="dd.mm.yy hh:MM:ss";t["YYMMDD_DASH_TIME"]="yy-mm-dd hh:MM:ss";t["DDMMYY_DASH_TIME"]="dd-mm-yy hh:MM:ss";t["DDMMYY_SLASH_TIME"]="dd/mm/yy hh:MM:ss";t["YYMMDD_SLASH_TIME"]="yy/mm/dd hh:MM:ss"})(et||(et={}));const it=e=>{const i=e.locale;const s=t=>i.monthsShort[y().getMonth()]===t;const r=t=>{var s;return((s=e.selectedDate)===null||s===void 0?void 0:s.getMonth())===i.monthsShort.findIndex((e=>e===t))};return t("table",{class:"datepicker-table",part:"month-selection"},t("tbody",null,i.monthsShortGrouped.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{onClick:()=>e.onClickMonthCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":s(i),"datepicker-table__cell--is-selected":r(i)}},i))))))))};const st=e=>t("table",{class:"datepicker-table",part:"day-selection"},t("thead",{part:"weekday-header"},e.locale.weekdaysMin.map((e=>t("th",{class:"datepicker__cell"},e)))),t("tbody",null,e.calendarGrid.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{"data-date":i.dateString,onClick:()=>e.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 rt=e=>t("table",{class:"datepicker-table",part:"year-selection"},t("tbody",null,e.yearSelection.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>{var s;return t("td",{onClick:()=>e.onClickYearCell(i),class:{"datepicker-table__cell":true,"datepicker-table__cell--is-today":y().getFullYear()===i,"datepicker-table__cell--is-selected":((s=e.selectedDate)===null||s===void 0?void 0:s.getFullYear())===i}},i)})))))));const ot=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}: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 nt=25;const at=400;var ht;(function(t){t["DAY"]="day";t["MONTH"]="month";t["YEAR"]="year"})(ht||(ht={}));const lt=class{constructor(t){e(this,t);this.sixSelect=i(this,"six-datepicker-select",7);this.sixClear=i(this,"six-datepicker-clear",7);this.sixBlur=i(this,"six-datepicker-blur",7);this.eventListeners=new r;this.previousUnit=()=>{if(this.selectionMode===ht.DAY){this.previousMonth()}else if(this.selectionMode===ht.MONTH){this.previousYear()}else if(this.selectionMode===ht.YEAR){this.previousYearGroup()}};this.nextUnit=()=>{if(this.selectionMode===ht.DAY){this.nextMonth()}else if(this.selectionMode===ht.MONTH){this.nextYear()}else if(this.selectionMode===ht.YEAR){this.nextYearGroup()}};this.handleDocumentKeyDown=t=>{var e;const i=t;if(this.open&&i.key==="Escape"){i.stopPropagation();this.closePopup();void((e=this.inputElement)===null||e===void 0?void 0:e.setFocus())}if(i.key==="Tab"){this.closePopup()}};this.handleDocumentMouseDown=t=>{const e=t.composedPath();if(!e.includes(this.container)){this.closePopup();return}};this.handleClearClick=async t=>{t.stopPropagation();await this.select(undefined);this.sixClear.emit()};this.onTimepickerChange=t=>{const e=t.detail.value;const i=new Date;if(this.selectedDate!=null){i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate())}if(e!=null){const t=e.hours;const s=e.minutes;const r=e.seconds;if(t!=null){i.setHours(t,s,r)}}this.updateValue(i);this.updatePointerDates()};this.onClickDateCell=t=>{if(!t.isDisabled){void this.select(t.dateString)}};this.onClickMonthCell=t=>{const e=b[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e});this.selectionMode=ht.DAY};this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t});this.selectionMode=ht.DAY};this.handleInputChange=t=>{if(this.inputElement==null){return}t.stopPropagation();const e=this.inputElement.value;if(!z(e,this.dateFormat)){return}const i=X(e,this.dateFormat);if(i===undefined){return}this.updateIfChanged(i);const s=e.replace(/[^\d]/g,"");if(s.length>=6){const t=X(e,this.dateFormat);const i=A(t,this.dateFormat);if(z(i,this.dateFormat)){this.selectedDate=X(i,this.dateFormat);this.updatePointerDates();this.updateValue(this.selectedDate)}}};this.handleOnBlur=t=>{var e,i;if(((e=this.inputElement)===null||e===void 0?void 0:e.value)===""&&v(this.value)){this.value=undefined;this.sixSelect.emit(this.value)}t.stopPropagation();const s=(i=this.inputElement)===null||i===void 0?void 0:i.value;const r=X(s,this.dateFormat);const o=A(this.value,this.dateFormat);if(this.inputElement!=null&&r!=null&&s!==o){this.inputElement.value=o}this.sixBlur.emit(this.value)};this.pointerDate=lt.getCurrentDateAsPointer();this.selectionMode=ht.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.min=undefined;this.max=undefined;this.closeOnSelect=this.type==="date";this.placement=undefined;this.size="medium";this.required=false;this.defaultDate=undefined;this.placeholder=undefined;this.value=undefined;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false;this.containingElement=undefined;this.dateFormat=et.DDMMYYY_DOT;this.debounce=o;this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false}debounceChanged(){this.sixSelect=n(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,at)}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return D(t)}async setFocus(t){var e;(e=this.inputElement)===null||e===void 0?void 0:e.setFocus(t)}get calendarGrid(){return Z({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,locale:this.locale,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,at)}getMonthStringForIndex(t){return b[this.locale].months[t]}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-nt})}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+nt})}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=ht.DAY}updatePointerDates(){const t=this.getPointerDate();if(this.differsFromPointerDate(t)){this.pointerDate={year:k(t),month:g(t),day:w(t),hours:x(t),minutes:_(t),seconds:M(t)}}}differsFromPointerDate(t){return this.pointerDate.day!==w(t)||this.pointerDate.month!==g(t)||this.pointerDate.year!==k(t)||this.pointerDate.hours!==x(t)||this.pointerDate.minutes!==_(t)||this.pointerDate.seconds!==M(t)}getPointerDate(){if(this.selectedDate!==undefined&&this.selectedDate!==null){return this.selectedDate}if(this.defaultDate==null){return this.type==="date"?f(y()):y()}else{return X(this.defaultDate,this.dateFormat)}}updateValue(t){this.updateIfChanged(t)}updateIfChanged(t){var e;if(((e=this.value)===null||e===void 0?void 0:e.getTime())===(t===null||t===void 0?void 0:t.getTime())){return}this.value=t;this.sixSelect.emit(this.value)}async select(t){if(t==null){this.updateValue(undefined)}else{const e=X(t,this.dateFormat);e===null||e===void 0?void 0:e.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds);this.updateValue(e)}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",a(this.handleInputChange,this.debounce));this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}}componentDidRender(){this.adjustPopupPosition()}renderHeader(){return t("header",{class:"datepicker-header",part:"header"},t("div",{class:"datepicker-header__btn prev",onClick:this.previousUnit},t("svg",{viewBox:"0 5 13 13",width:"14",height:"23"},t("path",{d:"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}))),t("div",{class:"datepicker-header__label"},this.selectionMode===ht.DAY&&t("div",{onClick:()=>this.selectionMode=ht.MONTH},t("span",{class:"datepicker-header__label-month"},this.getMonthStringForIndex(this.pointerDate.month)),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode!==ht.YEAR&&t("div",{onClick:()=>this.selectionMode=ht.YEAR},t("span",{class:"datepicker-header__label-year"},this.pointerDate.year),t("span",null,t("svg",{viewBox:"-3 -4 24 24",width:"20",height:"20"},t("polyline",{points:"6 9 12 15 18 9"})))),this.selectionMode===ht.YEAR&&t("div",null,this.pointerDate.year-Math.floor(nt/2)," –"," ",this.pointerDate.year+Math.floor(nt/2))),t("div",{class:"datepicker-header__btn next",onClick:this.nextUnit},t("svg",{viewBox:"5 5 13 13",width:"14",height:"23"},t("path",{d:"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z"}))))}renderBody(){switch(this.selectionMode){case ht.DAY:return t(st,{locale:b[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case ht.MONTH:return t(it,{locale:b[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case ht.YEAR:return t(rt,{selectedDate:this.selectedDate,yearSelection:tt(this.pointerDate.year,nt),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const e=h(this.host,"custom-icon")?t("slot",{name:"custom-icon"}):t("six-icon",{size:this.size==="large"?"medium":this.size},"today");return t("span",{slot:"prefix",part:"icon",class:{prefix:true,"prefix--right":this.iconPosition==="right"}},e)}renderClearable(){return this.clearable&&t("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"},t("six-icon",{size:"small"},"clear"))}render(){var e,i,s;this.adjustPopupPosition();return t("div",{ref:t=>this.wrapper=t,class:"datepicker__container"},t("six-input",{part:"base",value:A(this.value,this.dateFormat),ref:t=>this.inputElement=t,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")?t("span",{slot:"label"},t("slot",{name:"label"})):null,h(this.host,"error-text")?t("span",{slot:"error-text"},t("slot",{name:"error-text"})):null),this.open&&t("div",{part:"popup",ref:t=>this.popup=t,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"&&t("six-timepicker",{inline:true,"onSix-timepicker-change-debounced":t=>this.onTimepickerChange(t),value:((e=this.selectedDate)===null||e===void 0?void 0:e.getHours())+":"+((i=this.selectedDate)===null||i===void 0?void 0:i.getMinutes())+":"+((s=this.selectedDate)===null||s===void 0?void 0:s.getSeconds())}),t("div",{class:"datepicker__footer"},t("slot",null))))}adjustPopupPosition(){c(this.hoist,this.popup,this.inputElement,this.wrapper,at,(t=>this.isDropDownContentUp=t));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(y()),month:g(y()),day:w(y()),hours:x(y()),minutes:_(y()),seconds:M(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};lt.style=ot;export{lt as six_datepicker};
+//# sourceMappingURL=p-8ced18d8.entry.js.map

package/dist/ui-library/p-8ced18d8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isString","value","isNil","i18nDate","en","months","monthsShort","monthsShortGrouped","weekdays","weekdaysShort","weekdaysMin","de","fr","it","es","now","Date","removeTime","date","getFullYear","getMonth","getDate","isValidDate","isNaN","getTime","toString","year","Error","month","day","hours","getHours","minutes","getMinutes","seconds","getSeconds","getFirstDayOfTheWeek","weekdayDiff","setDate","getDay","isSameYear","a","b","isSameMonth","isSameDay","isSameWeek","isValidDateString","datestring","format","length","getDateParts","toDate","isInRange","minDate","maxDate","lookAhead","iFormat","match","increment","followingCharacterMatches","charAt","hasProperLength","formatNumber","len","num","String","formatDate","output","FORMATTING_TOKENS","TWO_NUMERICS_REGEX","FOUR_NUMERICS_REGEX","NON_NUMERIC_REGEX","YEAR","MONTH","DAY","HOUR","MINUTE","SECOND","parseFlags","addParseFlag","token","regex","callback","tokens","Array","isArray","func","input","parseInt","forEach","key","cent","Math","floor","getFullInputArray","backupDate","result","backupArr","useBackup","i","undefined","createDate","hour","minute","second","isFinite","setFullYear","makeParser","dateString","mark","parseTo","word","replace","indexOf","substr","parser","exec","obj","Object","assign","getCleanDateString","dirtyDateString","separator","split","map","s","join","inputArray","e","NaN","createCalendarGrid","calendarGridArguments","firstDateOfBox","allowedDates","dateFormat","selectedDate","pointerDate","weekDatePointer","dayDatePointer","calendar","row","display","label","isToday","isSelected","isDisabled","isOutdated","rangeAround","number","range","itemsPerGroup","keys","n","reduce","curr","item","index","push","SixDateFormats","MonthSelection","monthSelectionParams","locale","isSelectedMonth","_a","findIndex","m","h","class","part","onClick","onClickMonthCell","DaySelection","daySelectionParams","weekday","calendarGrid","cell","onClickDateCell","YearSelection","yearSelectionParams","yearSelection","onClickYearCell","sixDatepickerCss","NUMBER_OF_YEARS_SHOWN","MIN_POPUP_HEIGHT","SelectionMode","SixDatepicker","this","eventListeners","EventListeners","previousUnit","selectionMode","previousMonth","previousYear","previousYearGroup","nextUnit","nextMonth","nextYear","nextYearGroup","handleDocumentKeyDown","event","keyboardEvent","open","stopPropagation","closePopup","inputElement","setFocus","handleDocumentMouseDown","path","composedPath","includes","container","handleClearClick","async","select","sixClear","emit","onTimepickerChange","sixTimepickerChange","time","detail","newDate","setHours","updateValue","updatePointerDates","selectedMonth","monthShort","handleInputChange","inputValue","inputValueDate","updateIfChanged","datesOnly","dateAsString","handleOnBlur","sixSelect","_b","formattedDate","sixBlur","getCurrentDateAsPointer","type","DDMMYYY_DOT","DEFAULT_DEBOUNCE_FAST","debounceChanged","debounceEvent","debounce","valueChanged","console","warn","resizeHandler","updateDropdownDirection","moveOpenHoistedPopup","adjustPopupPosition","scrollHandler","movePopup","hoist","popup","wrapper","containingElement","host","options","min","max","isDropDownContentUp","calcIsDropDownContentUp","getMonthStringForIndex","openCalendar","disabled","setupEventListenersForOpenPopup","add","document","inline","remove","getPointerDate","differsFromPointerDate","defaultDate","closeOnSelect","componentWillLoad","componentDidLoad","componentDidRender","renderHeader","viewBox","width","height","d","points","renderBody","renderCustomIcon","icon","hasSlot","name","size","slot","prefix","iconPosition","renderClearable","clearable","tabindex","render","ref","el","placeholder","readonly","required","errorText","errorTextCount","invalid","datepicker__popup","placement","_c","adjustPopupForHoisting","isUp","adjustPopupForSmallScreens","connectedCallback","forward","disconnectedCallback","removeAll"],"sources":["src/utils/type-check.ts","src/utils/date-util.ts","src/components/six-datepicker/six-date-formats.tsx","src/components/six-datepicker/components/month-selection.tsx","src/components/six-datepicker/components/day-selection.tsx","src/components/six-datepicker/components/year-selection.tsx","src/components/six-datepicker/six-datepicker.scss?tag=six-datepicker&encapsulation=shadow","src/components/six-datepicker/six-datepicker.tsx"],"sourcesContent":["export const isString = (value: unknown): value is string => typeof value === 'string';\n\n// only use '==' instead of '===' to also catch undefined and void\nexport const isNil = (value: unknown): value is undefined | null => value == null;\n\nexport const isDate = (value: unknown): value is Date => value instanceof Date;\n","/* eslint-disable */\n// @ts-nocheck\n\nimport { isDate, isNil, isString } from './type-check';\nimport { SixDateFormats } from '../components/six-datepicker/six-date-formats';\nimport { CalendarCell } from '../components/six-datepicker/six-datepicker';\n\nexport type DateLocale = typeof i18nDate.en;\nexport const i18nDate = {\n  en: {\n    months: [\n      'January',\n      'February',\n      'March',\n      'April',\n      'May',\n      'June',\n      'July',\n      'August',\n      'September',\n      'October',\n      'November',\n      'December',\n    ],\n    monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n    monthsShortGrouped: [\n      ['Jan', 'Feb', 'Mar', 'Apr'],\n      ['May', 'Jun', 'Jul', 'Aug'],\n      ['Sep', 'Oct', 'Nov', 'Dec'],\n    ],\n    weekdays: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],\n    weekdaysShort: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\n    weekdaysMin: ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\n  },\n  de: {\n    months: [\n      'Januar',\n      'Februar',\n      'März',\n      'April',\n      'Mai',\n      'Juni',\n      'Juli',\n      'August',\n      'September',\n      'Oktober',\n      'November',\n      'Dezember',\n    ],\n    monthsShort: ['Jan.', 'Feb.', 'März', 'Apr.', 'Mai', 'Juni', 'Juli', 'Aug.', 'Sep.', 'Okt.', 'Nov.', 'Dez.'],\n    monthsShortGrouped: [\n      ['Jan.', 'Feb.', 'März', 'Apr.'],\n      ['Mai', 'Juni', 'Juli', 'Aug.'],\n      ['Sep.', 'Okt.', 'Nov.', 'Dez.'],\n    ],\n    weekdays: ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Sonntag'],\n    weekdaysShort: ['Mo.', 'Di.', 'Mi.', 'Do.', 'Fr.', 'Sa.', 'So.'],\n    weekdaysMin: ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'],\n  },\n  fr: {\n    months: [\n      'janvier',\n      'février',\n      'mars',\n      'avril',\n      'mai',\n      'juin',\n      'juillet',\n      'août',\n      'septembre',\n      'octobre',\n      'novembre',\n      'décembre',\n    ],\n    monthsShort: ['janv.', 'févr.', 'mars', 'avr.', 'mai', 'juin', 'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],\n    monthsShortGrouped: [\n      ['janv.', 'févr.', 'mars', 'avr.'],\n      ['mai', 'juin', 'juil.', 'août'],\n      ['sept.', 'oct.', 'nov.', 'déc.'],\n    ],\n    weekdays: ['lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi', 'dimanche'],\n    weekdaysShort: ['lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.', 'dim.'],\n    weekdaysMin: ['lu', 'ma', 'me', 'je', 've', 'sa', 'di'],\n  },\n  it: {\n    months: [\n      'gennaio',\n      'febbraio',\n      'marzo',\n      'aprile',\n      'maggio',\n      'giugno',\n      'luglio',\n      'agosto',\n      'settembre',\n      'ottobre',\n      'novembre',\n      'dicembre',\n    ],\n    monthsShort: ['gen', 'feb', 'mar', 'apr', 'mag', 'giu', 'lug', 'ago', 'set', 'ott', 'nov', 'dic'],\n    monthsShortGrouped: [\n      ['gen', 'feb', 'mar', 'apr'],\n      ['mag', 'giu', 'lug', 'ago'],\n      ['set', 'ott', 'nov', 'dic'],\n    ],\n    weekdays: ['lunedì', 'martedì', 'mercoledì', 'giovedì', 'venerdì', 'sabato', 'domenica'],\n    weekdaysShort: ['lun', 'mar', 'mer', 'gio', 'ven', 'sab', 'dom'],\n    weekdaysMin: ['lu', 'ma', 'me', 'gi', 've', 'sa', 'do'],\n  },\n  es: {\n    months: [\n      'enero',\n      'febrero',\n      'marzo',\n      'abril',\n      'mayo',\n      'junio',\n      'julio',\n      'agosto',\n      'septiembre',\n      'octubre',\n      'noviembre',\n      'diciembre',\n    ],\n    monthsShort: ['ene', 'feb', 'mar', 'abr', 'may', 'jun', 'jul', 'ago', 'sep', 'oct', 'nov', 'dic'],\n    monthsShortGrouped: [\n      ['ene', 'feb', 'mar', 'abr'],\n      ['may', 'jun', 'jul', 'ago'],\n      ['sep', 'oct', 'nov', 'dic'],\n    ],\n    weekdays: ['lunes', 'martes', 'miércoles', 'jueves', 'viernes', 'sábado', 'domingo'],\n    weekdaysShort: ['lun', 'mar', 'mié', 'jue', 'vie', 'sáb', 'dom'],\n    weekdaysMin: ['lu', 'ma', 'mi', 'ju', 'vi', 'sa', 'do'],\n  },\n};\n\n/**\n * Returns a JS Date instance of the exact moment\n *\n * ```typescript\n * const date = now()\n * // Wed Mar 10 2021 20:30:32 GMT+0100 (Central European Standard Time)\n * ```\n */\nexport const now = () => new Date();\n\nexport const removeTime = (date: Date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());\n\nexport const pad = (value: number) => String(value).padStart(2, '0');\n\n/**\n * Returns `true` if the given date is valid\n */\nexport const isValidDate = (value: unknown): boolean => {\n  return value instanceof Date && !isNaN(value.getTime()) && new Date(value).toString() !== 'Invalid Date';\n};\n\n/**\n * Returns the year number of the given date\n *\n * ```typescript\n * year(new Date(2020, 0, 1)) // 2020\n * ```\n */\nexport const year = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getFullYear();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the month number of the given date\n *\n * ```typescript\n * month(new Date(2020, 0, 1)) // 0\n * ```\n */\nexport const month = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getMonth();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the day number of the given date\n *\n * ```typescript\n * day(new Date(2020, 0, 1)) // 1\n * ```\n */\nexport const day = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getDate();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the hours of the given date\n */\nexport const hours = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getHours();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the minutes of the given date\n */\nexport const minutes = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getMinutes();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the seconds of the given date\n */\nexport const seconds = (date: Date | undefined): number => {\n  if (date && isValidDate(date)) {\n    return date.getSeconds();\n  }\n  throw new Error('Not a valid date');\n};\n\n/**\n * Returns the first day of the week of the given date.\n */\nexport const getFirstDayOfTheWeek = (date: Date) => {\n  const weekdayDiff = [6, 0, 1, 2, 3, 4, 5];\n  const day = new Date(date);\n  day.setDate(day.getDate() - weekdayDiff[day.getDay()]);\n  return day;\n};\n\n/**\n * Returns `true` when the year of the dates are the same\n */\nexport const isSameYear = (a: Date | undefined, b: Date | undefined) => a?.getFullYear() === b?.getFullYear();\n\n/**\n * Returns `true` when the month of the dates are the same\n */\nexport const isSameMonth = (a: Date | undefined, b: Date | undefined) =>\n  isSameYear(a, b) && a?.getMonth() === b?.getMonth();\n\n/**\n * Returns `true` when the day of the dates are the same\n */\nexport const isSameDay = (a: Date | undefined, b: Date | undefined) =>\n  isSameMonth(a, b) && a?.getDate() === b?.getDate();\n\n/**\n * Returns `true` when the week of the dates are the same\n */\nexport const isSameWeek = (a: Date, b: Date) => isSameDay(getFirstDayOfTheWeek(a), getFirstDayOfTheWeek(b));\n\nconst localDatetime = (date: Date) => new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));\n\n/**\n * Returns the ISO string `yyyy-mm-dd` of the given date\n *\n * ```typescript\n * isoString(new Date(2020, 0, 13)) // '2020-01-13'\n * ```\n */\nexport const isoString = (date: Date | undefined): string => {\n  if (isNil(date) || Date.toString() === 'Invalid Date') {\n    return '';\n  }\n\n  return `${year(date)}-${pad(month(date) + 1)}-${pad(day(date))}`;\n};\n\n/**\n * Returns the ISO string `yyyy-mm-dd` of the given parameters year, month and day\n *\n * ```typescript\n * newDateString(2020, 0, 13) // '2020-01-13'\n * or\n * newDateString(new Date(2020, 0, 13)) // '2020-01-13'\n * ```\n */\nexport const newDateString = (yearOrDate: Date | number, month?: number, day?: number): string => {\n  let date;\n  if (isDate(yearOrDate)) {\n    date = localDatetime(yearOrDate);\n  } else {\n    date = new Date(Date.UTC(yearOrDate, (month as number) - 1, day as number));\n  }\n\n  return isoString(date);\n};\n\n/**\n * Returns `true` if the given datestring is valid\n */\nexport const isValidDateString = (datestring: string | undefined, format: string) => {\n  if (!isString(datestring) || !isString(format)) {\n    return false;\n  }\n\n  if (datestring.length < 6 || format.length < 6) {\n    return false;\n  }\n\n  const { day, month } = getDateParts(datestring, format);\n\n  if (day > 31 || month > 11 || day <= 0 || month < 0) {\n    return false;\n  }\n\n  const date = toDate(datestring, format);\n\n  if (isNil(date)) {\n    return false;\n  }\n\n  return date.toString() !== 'Invalid Date';\n};\n\n/**\n * Returns `true` when the given date is not smaller than the minDate and not bigger than the maxDate.\n *\n * ```typescript\n * isInRange(new Date(2020, 1, 1), new Date(2020, 0, 1), new Date(2020, 2, 1)) // true\n * ```\n */\nexport const isInRange = (date: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined): boolean => {\n  if (!date) {\n    return true;\n  }\n\n  if (minDate && date < minDate) {\n    return false;\n  }\n\n  if (maxDate && maxDate < date) {\n    return false;\n  }\n\n  return true;\n};\n\nconst validateTwoDates = (\n  first: any,\n  second: Date | string | undefined,\n  validateFn: (irst: Date, second: Date) => boolean\n) => {\n  if (isNil(first) && isNil(second)) {\n    return false;\n  }\n\n  const _first: Date = new Date(first as string | Date);\n  const _second: Date = new Date(second as string | Date);\n\n  if (!isValidDate(_first) || !isValidDate(_second)) {\n    return false;\n  }\n\n  return validateFn(_first, _second);\n};\n\n/**\n * Returns `true` when the given date is not smaller than the before date.\n *\n * ```typescript\n * isBefore(new Date(2020, 1, 1), new Date(2020, 3, 1)) // true\n * ```\n */\nexport const isBefore = (date: any, beforeDate: Date | string | undefined): boolean =>\n  validateTwoDates(date, beforeDate, (first, second) => first < second);\n\n/**\n * Returns `true` when the given date is not smaller than the before date.\n *\n * ```typescript\n * isAfter(new Date(2020, 5, 1), new Date(2020, 3, 1)) // true\n * ```\n */\nexport const isAfter = (date: any, afterDate: Date | string | undefined): boolean =>\n  validateTwoDates(date, afterDate, (first, second) => first > second);\n\n/**\n * Increases the year of a date and retunrs the result\n *\n * ```typescript\n * increaseYear(new Date(2020, 0, 1), 1) // 2021\n * ```\n */\nexport const increaseYear = (date: Date, years: number): number => year(date) + years;\n\n/**\n * Decreases the year of a date and retunrs the result\n *\n * ```typescript\n * decreaseYear(new Date(2020, 0, 1), 1) // 2019\n * ```\n */\nexport const decreaseYear = (date: Date, years: number): number => year(date) - years;\n\nconst lookAhead = (iFormat: number, format: string, match: string, length = 2) => {\n  const increment = length - 1;\n  const followingCharacterMatches = format.charAt(iFormat + increment) === match;\n  const hasProperLength = iFormat + increment < format.length;\n  return hasProperLength && followingCharacterMatches;\n};\n\nconst formatNumber = (value, len) => {\n  let num = String(value);\n\n  while (num.length < len) {\n    num = '0' + num;\n  }\n\n  return num;\n};\n\nexport const formatDate = (date: Date | undefined | null, format: string): string => {\n  if (date == null) {\n    return '';\n  }\n\n  let output = '';\n\n  for (let iFormat = 0; iFormat < format.length; iFormat++) {\n    switch (format.charAt(iFormat)) {\n      case 'd':\n        if (lookAhead(iFormat, format, 'd')) {\n          output += formatNumber(date.getDate(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getDate());\n        }\n        break;\n      case 'm':\n        if (lookAhead(iFormat, format, 'm')) {\n          output += formatNumber(date.getMonth() + 1, 2);\n          iFormat++;\n        } else {\n          output += String(date.getMonth() + 1);\n        }\n        break;\n      case 'y':\n        if (lookAhead(iFormat, format, 'y', 4)) {\n          iFormat += 3;\n          output += date.getFullYear();\n        } else {\n          output += (date.getFullYear() % 100 < 10 ? '0' : '') + (date.getFullYear() % 100);\n          iFormat++;\n        }\n        break;\n      case 'h':\n        if (lookAhead(iFormat, format, 'h')) {\n          output += formatNumber(date.getHours(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getHours());\n        }\n        break;\n      case 'M':\n        if (lookAhead(iFormat, format, 'M')) {\n          output += formatNumber(date.getMinutes(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getMinutes());\n        }\n        break;\n      case 's':\n        if (lookAhead(iFormat, format, 's')) {\n          output += formatNumber(date.getSeconds(), 2);\n          iFormat++;\n        } else {\n          output += String(date.getSeconds());\n        }\n        break;\n      default:\n        output += format.charAt(iFormat);\n    }\n  }\n  return output;\n};\n\nconst daylightSavingAdjust = (date): Date => {\n  if (!date) {\n    return null;\n  }\n\n  date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);\n\n  return date;\n};\n\nconst getDaysCountInMonth = (month: number, year: number) =>\n  32 - daylightSavingAdjust(new Date(year, month, 32)).getDate();\n\nexport const parseDate = (value: any, format: string, locale: string): Date => {\n  if (format == null || value == null) {\n    throw 'Invalid arguments';\n  }\n\n  value = typeof value === 'object' ? value.toString() : value + '';\n  if (value === '') {\n    return null;\n  }\n\n  let iFormat;\n  let dim;\n  let extra;\n  let iValue = 0;\n  let shortYearCutoff = 100;\n  let year = -1;\n  let month = -1;\n  let day = -1;\n  let doy = -1;\n  let literal = false;\n  let date: Date;\n  let lookAhead = (match: string, len = 2) => {\n    const increment = len - 1;\n    let matches = iFormat + increment < format.length && format.charAt(iFormat + increment) === match;\n    if (matches) {\n      iFormat += increment;\n    }\n    return matches;\n  };\n  let getNumber = (match, len = 2) => {\n    let isDoubled = lookAhead(match, len),\n      size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,\n      minSize = match === 'y' ? size : 1,\n      digits = new RegExp('^\\\\d{' + minSize + ',' + size + '}'),\n      num = value.substring(iValue).match(digits);\n    if (!num) {\n      throw 'Missing number at position ' + iValue;\n    }\n    iValue += num[0].length;\n    return parseInt(num[0], 10);\n  };\n  let getName = (match, shortNames, longNames) => {\n    let index = -1;\n    let arr = lookAhead(match) ? longNames : shortNames;\n    let names = [];\n\n    for (let i = 0; i < arr.length; i++) {\n      names.push([i, arr[i]]);\n    }\n    names.sort((a, b) => {\n      return -(a[1].length - b[1].length);\n    });\n\n    for (let i = 0; i < names.length; i++) {\n      let name = names[i][1];\n      if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {\n        index = names[i][0];\n        iValue += name.length;\n        break;\n      }\n    }\n\n    if (index !== -1) {\n      return index + 1;\n    } else {\n      throw 'Unknown name at position ' + iValue;\n    }\n  };\n  let checkLiteral = () => {\n    if (value.charAt(iValue) !== format.charAt(iFormat)) {\n      throw 'Unexpected literal at position ' + iValue;\n    }\n    iValue++;\n  };\n\n  for (iFormat = 0; iFormat < format.length; iFormat++) {\n    if (literal) {\n      if (format.charAt(iFormat) === \"'\" && !lookAhead(\"'\")) {\n        literal = false;\n      } else {\n        checkLiteral();\n      }\n    } else {\n      switch (format.charAt(iFormat)) {\n        case 'd':\n          day = getNumber('d');\n          break;\n        case 'D':\n          getName('D', i18nDate[locale].weekdaysShort, i18nDate[locale].weekdays);\n          break;\n        case 'm':\n          month = getNumber('m');\n          break;\n        case 'M':\n          month = getName('M', i18nDate[locale].monthsShort, i18nDate[locale].months);\n          break;\n        case 'y':\n          year = getNumber('y', 4);\n          break;\n        default:\n          checkLiteral();\n      }\n    }\n  }\n\n  if (iValue < value.length) {\n    extra = value.substr(iValue);\n    if (!/^\\s+/.test(extra)) {\n      throw 'Extra/unparsed characters found in date: ' + extra;\n    }\n  }\n\n  if (year === -1) {\n    year = new Date().getFullYear();\n  } else if (year < 100) {\n    year += new Date().getFullYear() - (new Date().getFullYear() % 100) + (year <= shortYearCutoff ? 0 : -100);\n  }\n\n  if (doy > -1) {\n    month = 1;\n    day = doy;\n    do {\n      dim = getDaysCountInMonth(year, month - 1);\n      if (day <= dim) {\n        break;\n      }\n      month++;\n      day -= dim;\n    } while (true);\n  }\n\n  date = daylightSavingAdjust(new Date(year, month - 1, day));\n  if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {\n    throw 'Invalid date'; // E.g. 31/02/00\n  }\n\n  return date;\n};\n\nconst FORMATTING_TOKENS = /(\\[[^\\[]*\\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;\n\nconst TWO_NUMERICS_REGEX = /\\d\\d/; // 00 - 99\nconst FOUR_NUMERICS_REGEX = /\\d{4}/; // 0000 - 9999\nconst NON_NUMERIC_REGEX = /[^0-9]/g;\n\nconst YEAR = 'year';\nconst MONTH = 'month';\nconst DAY = 'day';\nconst HOUR = 'hour';\nconst MINUTE = 'minute';\nconst SECOND = 'second';\n\ninterface ParseFlagMark {\n  year: number;\n  month: number;\n  day: number;\n  hour: number;\n  minute: number;\n  second: number;\n  date: Date;\n}\n\ntype ParseFlagCallBackReturn = any;\n\ntype ParseFlagRegExp = RegExp | ((locale: any) => RegExp);\ntype ParseFlagCallBack = (input: string) => ParseFlagCallBackReturn;\n\ninterface ParseFlag {\n  [key: string]: [ParseFlagRegExp, ParseFlagCallBack];\n}\n\nconst parseFlags: ParseFlag = {};\n\nconst addParseFlag = (token: string | string[], regex: ParseFlagRegExp, callback) => {\n  const tokens = Array.isArray(token) ? token : [token];\n  let func: ParseFlagCallBack;\n  if (typeof callback === 'string') {\n    func = (input) => {\n      const value = parseInt(input, 10);\n      return { [callback]: value };\n    };\n  } else {\n    func = callback;\n  }\n  tokens.forEach((key) => {\n    parseFlags[key] = [regex, func];\n  });\n};\n\naddParseFlag('yy', TWO_NUMERICS_REGEX, (input) => {\n  const year = new Date().getFullYear();\n  const cent = Math.floor(year / 100);\n  let value = parseInt(input, 10);\n  value = (value > 68 ? cent - 1 : cent) * 100 + value;\n  return { [YEAR]: value };\n});\naddParseFlag('yyyy', FOUR_NUMERICS_REGEX, YEAR);\naddParseFlag('mm', TWO_NUMERICS_REGEX, (input) => ({ [MONTH]: parseInt(input, 10) - 1 }));\naddParseFlag('dd', TWO_NUMERICS_REGEX, DAY);\naddParseFlag('hh', TWO_NUMERICS_REGEX, HOUR);\naddParseFlag('MM', TWO_NUMERICS_REGEX, MINUTE);\naddParseFlag('ss', TWO_NUMERICS_REGEX, SECOND);\n\ntype DateArgs = [number, number, number, number, number, number];\n\nconst getFullInputArray = (input: Array<number | undefined>, backupDate = new Date()) => {\n  const result: DateArgs = [0, 0, 1, 0, 0, 0];\n  const backupArr = [\n    backupDate.getFullYear(),\n    backupDate.getMonth(),\n    backupDate.getDate(),\n    backupDate.getHours(),\n    backupDate.getMinutes(),\n    backupDate.getSeconds(),\n  ];\n\n  let useBackup = true;\n  for (let i = 0; i < 7; i++) {\n    if (input[i] === undefined) {\n      result[i] = useBackup ? backupArr[i] : result[i];\n    } else {\n      result[i] = input[i]!;\n      useBackup = false;\n    }\n  }\n  return result;\n};\n\nconst createDate = (year: number, month: number, day: number, hour: number, minute: number, second: number): Date => {\n  if (!(year < 100 && year >= 0)) {\n    return new Date(year, month, day, hour, minute, second);\n  }\n\n  const date = new Date(year + 400, month, day, hour, minute, second);\n  if (isFinite(date.getFullYear())) {\n    date.setFullYear(year);\n  }\n  return date;\n};\n\nconst makeParser = (dateString: string, format: string) => {\n  const tokens = format.match(FORMATTING_TOKENS);\n  if (!tokens) {\n    throw new Error();\n  }\n  const { length } = tokens;\n  let mark: Partial<ParseFlagMark> = {};\n  for (let i = 0; i < length; i += 1) {\n    const token = tokens[i];\n    const parseTo = parseFlags[token];\n    if (!parseTo) {\n      const word = token.replace(/^\\[|\\]$/g, '');\n      if (dateString.indexOf(word) === 0) {\n        dateString = dateString.substr(word.length);\n      } else {\n        throw new Error('not match');\n      }\n    } else {\n      const regex = parseTo[0] as RegExp;\n      const parser = parseTo[1];\n      const value = (regex.exec(dateString) || [])[0];\n      const obj = parser(value);\n      mark = { ...mark, ...obj };\n      dateString = dateString.replace(value, '');\n    }\n  }\n  return mark;\n};\n\nconst getCleanDateString = (dirtyDateString: string, format: string) => {\n  if (dirtyDateString.length === format.length) {\n    return dirtyDateString;\n  }\n\n  const separator = dirtyDateString.match(NON_NUMERIC_REGEX)[0];\n\n  // pad signle digits to follow supported dateformats\n  return dirtyDateString\n    .split(separator)\n    .map((s) => (s.length === 1 ? '0' + s : s))\n    .join(separator);\n};\n\nconst getDateParts: (dirtyDateString: string, format: string) => Partial<ParseFlagMark> = (\n  dirtyDateString: string,\n  format: string\n) => {\n  const dateString = getCleanDateString(dirtyDateString, format);\n\n  return makeParser(dateString, format);\n};\n\nexport const toDate = (dirtyDateString: string | undefined, format: string): Date | undefined => {\n  try {\n    const { backupDate = new Date() } = {};\n    const { year, month, day, hour, minute, second, date } = getDateParts(dirtyDateString, format);\n    if (date != null) {\n      return date;\n    }\n    const inputArray = [year, month, day, hour, minute, second];\n    const result = getFullInputArray(inputArray, backupDate);\n    return createDate(...result);\n  } catch (e) {\n    return new Date(NaN);\n  }\n};\n\nexport interface PointerDate {\n  year: number;\n  month: number;\n  day: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\nexport interface CalendarGridArgs {\n  firstDateOfBox: Date;\n  minDate?: Date;\n  maxDate?: Date;\n  dateFormat: SixDateFormats;\n  pointerDate: { month: number; year: number; day: number };\n  allowedDates: (date: Date) => boolean;\n  locale: 'en' | 'de' | 'fr' | 'it' | 'es';\n  selectedDate?: Date;\n}\n\nexport const createCalendarGrid: (calendarGridArguments: CalendarGridArgs) => CalendarCell[][] = (\n  calendarGridArguments: CalendarGridArgs\n) => {\n  const { firstDateOfBox, allowedDates, dateFormat, selectedDate, minDate, maxDate, pointerDate } =\n    calendarGridArguments;\n\n  const weekDatePointer = new Date(firstDateOfBox);\n  const dayDatePointer = new Date(firstDateOfBox);\n\n  let calendar: CalendarCell[][] = [];\n\n  do {\n    let row: CalendarCell[] = [];\n    do {\n      row = [\n        ...row,\n        {\n          date: new Date(dayDatePointer),\n          display: formatDate(dayDatePointer, dateFormat),\n          dateString: formatDate(dayDatePointer, dateFormat),\n          label: day(dayDatePointer).toString(),\n          isToday: isSameDay(dayDatePointer, now()),\n          isSelected: selectedDate && isSameDay(dayDatePointer, selectedDate),\n          isDisabled: !allowedDates(dayDatePointer) || !isInRange(dayDatePointer, minDate, maxDate),\n          isOutdated: pointerDate.month !== dayDatePointer.getMonth() || !isInRange(dayDatePointer, minDate, maxDate),\n        },\n      ];\n      dayDatePointer.setDate(dayDatePointer.getDate() + 1);\n    } while (isSameWeek(dayDatePointer, weekDatePointer));\n    calendar = [...calendar, row];\n    weekDatePointer.setDate(weekDatePointer.getDate() + 7);\n  } while (isSameMonth(new Date(pointerDate.year, pointerDate.month, pointerDate.day), dayDatePointer));\n  return calendar;\n};\n\n/**\n * Returns a range of numbers around the given number grouped into buckets of 5.\n * @param number the given number around which you want to get the other numbers\n * @param range range of numbers to include in the result\n */\nexport function rangeAround(number: number, range: number): number[][] {\n  const itemsPerGroup = 5;\n  return [...Array(range).keys()]\n    .map((n) => n + number - Math.floor(range / 2))\n    .reduce((curr, item, index) => {\n      if (index % itemsPerGroup === 0) {\n        curr.push([]);\n      }\n      curr[curr.length - 1].push(item);\n      return curr;\n    }, [] as number[][]);\n}\n","// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum SixDateFormats {\n  DDMMYYY_DOT = 'dd.mm.yyyy',\n  YYYYMMDD_DASH = 'yyyy-mm-dd',\n  DDMMYYYY_DASH = 'dd-mm-yyyy',\n  DDMMYYYY_SLASH = 'dd/mm/yyyy',\n  YYYYMMDD_SLASH = 'yyyy/mm/dd',\n  DDMMYY_DOT = 'dd.mm.yy',\n  YYMMDD_DASH = 'yy-mm-dd',\n  DDMMYY_DASH = 'dd-mm-yy',\n  DDMMYY_SLASH = 'dd/mm/yy',\n  YYMMDD_SLASH = 'yy/mm/dd',\n\n  DDMMYYY_DOT_TIME = 'dd.mm.yyyy hh:MM:ss',\n  YYYYMMDD_DASH_TIME = 'yyyy-mm-dd hh:MM:ss',\n  DDMMYYYY_DASH_TIME = 'dd-mm-yyyy hh:MM:ss',\n  DDMMYYYY_SLASH_TIME = 'dd/mm/yyyy hh:MM:ss',\n  YYYYMMDD_SLASH_TIME = 'yyyy/mm/dd hh:MM:ss',\n  DDMMYY_DOT_TIME = 'dd.mm.yy hh:MM:ss',\n  YYMMDD_DASH_TIME = 'yy-mm-dd hh:MM:ss',\n  DDMMYY_DASH_TIME = 'dd-mm-yy hh:MM:ss',\n  DDMMYY_SLASH_TIME = 'dd/mm/yy hh:MM:ss',\n  YYMMDD_SLASH_TIME = 'yy/mm/dd hh:MM:ss',\n}\n","import { h } from '@stencil/core';\nimport { DateLocale, now } from '../../../utils/date-util';\n\ninterface MonthSelectionParams {\n  locale: DateLocale;\n  selectedDate?: Date;\n  onClickMonthCell: (month: string) => void;\n}\nexport const MonthSelection = (monthSelectionParams: MonthSelectionParams) => {\n  const locale = monthSelectionParams.locale;\n  const isToday = (value: string) => locale.monthsShort[now().getMonth()] === value;\n\n  const isSelectedMonth = (value: string) =>\n    monthSelectionParams.selectedDate?.getMonth() === locale.monthsShort.findIndex((m) => m === value);\n\n  return (\n    <table class=\"datepicker-table\" part=\"month-selection\">\n      <tbody>\n        {locale.monthsShortGrouped.map((row: string[]) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((month) => (\n              <td\n                onClick={() => monthSelectionParams.onClickMonthCell(month)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': isToday(month),\n                  'datepicker-table__cell--is-selected': isSelectedMonth(month),\n                }}\n              >\n                {month}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","import { h } from '@stencil/core';\nimport { DateLocale } from '../../../utils/date-util';\nimport { CalendarCell } from '../six-datepicker';\n\ninterface DaySelectionParams {\n  locale: DateLocale;\n  calendarGrid: CalendarCell[][];\n  onClickDateCell: (cell: CalendarCell) => void;\n}\nexport const DaySelection = (daySelectionParams: DaySelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"day-selection\">\n      <thead part=\"weekday-header\">\n        {daySelectionParams.locale.weekdaysMin.map((weekday) => (\n          <th class=\"datepicker__cell\">{weekday}</th>\n        ))}\n      </thead>\n      <tbody>\n        {daySelectionParams.calendarGrid.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((cell) => (\n              <td\n                data-date={cell.dateString}\n                onClick={() => daySelectionParams.onClickDateCell(cell)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': cell.isToday,\n                  'datepicker-table__cell--is-selected': cell.isSelected,\n                  'datepicker-table__cell--is-outdated': cell.isOutdated,\n                  'datepicker-table__cell--is-disabled': cell.isDisabled,\n                  'datepicker-table__cell--is-selectable': !cell.isDisabled,\n                }}\n              >\n                {cell.label}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","import { now } from '../../../utils/date-util';\nimport { h } from '@stencil/core';\n\ninterface YearSelectionParams {\n  selectedDate?: Date;\n  yearSelection: number[][];\n  onClickYearCell: (year: number) => void;\n}\nexport const YearSelection = (yearSelectionParams: YearSelectionParams) => {\n  return (\n    <table class=\"datepicker-table\" part=\"year-selection\">\n      <tbody>\n        {yearSelectionParams.yearSelection.map((row) => (\n          <tr class=\"datepicker-table__row\">\n            {row.map((year) => (\n              <td\n                onClick={() => yearSelectionParams.onClickYearCell(year)}\n                class={{\n                  'datepicker-table__cell': true,\n                  'datepicker-table__cell--is-today': now().getFullYear() === year,\n                  'datepicker-table__cell--is-selected': yearSelectionParams.selectedDate?.getFullYear() === year,\n                }}\n              >\n                {year}\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n","@import 'src/global/component';\n\n:host {\n  display: block;\n  font-family: var(--six-font-family);\n}\n\n.datepicker {\n  &__container {\n    position: relative;\n  }\n\n  &__popup {\n    min-width: 400px;\n    background-color: white;\n    padding: 0.5em 0.5em 1.5em;\n    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);\n    user-select: none;\n    position: absolute;\n    z-index: var(--six-z-index-dropdown);\n    right: 0;\n    left: 0;\n\n    &--is-up {\n      bottom: 100%;\n      // fix problem where you would need to jump around with the cursor when switching months and\n      // its a dropup since not all months have the same height\n      min-height: 382px;\n    }\n\n    &--is-inline {\n      position: initial;\n      box-shadow: none;\n      border: 1px solid var(--six-color-web-rock-400);\n    }\n  }\n}\n\n.datepicker-header {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--six-color-web-rock-400);\n  padding: 0.5em;\n  margin-bottom: 1em;\n\n  & svg {\n    fill: var(--six-color-web-rock-900);\n    stroke: none;\n  }\n\n  &__btn {\n    cursor: pointer;\n    width: 2.5em;\n    height: 2.5em;\n    display: flex;\n    vertical-align: middle;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n      border-radius: 100%;\n    }\n  }\n\n  &__label {\n    display: flex;\n\n    & > div {\n      cursor: pointer;\n      padding: 0.5em;\n      display: flex;\n      vertical-align: middle;\n      align-items: center;\n      justify-content: center;\n\n      &:hover {\n        background-color: var(--six-color-web-rock-100);\n      }\n    }\n  }\n}\n\n.datepicker-table {\n  width: 100%;\n\n  &__cell {\n    text-align: center;\n    width: 2.5rem;\n    height: 2.5rem;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n    }\n\n    &--is-today {\n      border: 1px solid var(--six-color-web-rock-400);\n    }\n\n    &--is-selected {\n      background-color: var(--six-color-red);\n      color: var(--six-color-white);\n    }\n\n    &--is-disabled {\n      background-color: var(--six-color-web-rock-200);\n      cursor: initial;\n\n      &:hover {\n        background-color: var(--six-color-web-rock-200);\n      }\n    }\n\n    &--is-outdated {\n      color: var(--six-color-web-rock-400);\n    }\n  }\n}\n\n// Clearable\n.datepicker-clear {\n  display: inline-flex;\n  align-items: center;\n  font-size: inherit;\n  color: var(--six-input-icon-color);\n  border: none;\n  background: none;\n  padding: 0;\n  transition: var(--six-transition-fast) color;\n  cursor: pointer;\n\n  &:hover {\n    color: var(--six-input-icon-color-hover);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &--right {\n    right: 0;\n    position: absolute;\n  }\n\n  &--left {\n    right: 35px;\n    position: absolute;\n  }\n}\n\n.input--empty .datepicker-clear {\n  visibility: hidden;\n}\n\n// Icon position\n.prefix {\n  cursor: pointer;\n\n  &--right {\n    right: 0;\n    display: inline-flex;\n    position: absolute;\n    font-size: inherit;\n    color: var(--six-input-icon-color);\n    border: none;\n    background: none;\n    margin-right: var(--six-input-spacing-medium);\n    transition: var(--six-transition-fast) color;\n  }\n}\n\n// time-picker\nsix-timepicker::part(popup) {\n  border: none;\n  padding: 0.5em 0.5em 0;\n  min-height: 0;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport {\n  createCalendarGrid,\n  day,\n  formatDate,\n  getFirstDayOfTheWeek,\n  hours,\n  i18nDate,\n  isValidDate,\n  isValidDateString,\n  minutes,\n  month,\n  now,\n  PointerDate,\n  rangeAround,\n  removeTime,\n  seconds,\n  toDate,\n  year,\n} from '../../utils/date-util';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, debounceEvent, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixDateFormats } from './six-date-formats';\nimport { MonthSelection } from './components/month-selection';\nimport { DaySelection } from './components/day-selection';\nimport { YearSelection } from './components/year-selection';\nimport { SixTimepickerChange } from '../six-timepicker/six-timepicker';\nimport {\n  adjustPopupForHoisting,\n  adjustPopupForSmallScreens,\n  calcIsDropDownContentUp,\n  movePopup,\n} from '../../utils/popup';\n\nconst NUMBER_OF_YEARS_SHOWN = 25;\n\nconst MIN_POPUP_HEIGHT = 400;\n\nexport type SixDatepickerSelectPayload = Date | undefined | null;\n\nexport interface CalendarCell {\n  date: Date;\n  dateString: string;\n  display: string;\n  isDisabled: boolean;\n  isOutdated: boolean;\n  isSelected: boolean;\n  isToday: boolean;\n  label: string;\n}\n\nenum SelectionMode {\n  DAY = 'day',\n  MONTH = 'month',\n  YEAR = 'year',\n}\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define a footer for the date picker.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n */\n@Component({\n  tag: 'six-datepicker',\n  styleUrl: 'six-datepicker.scss',\n  shadow: true,\n})\nexport class SixDatepicker {\n  private eventListeners = new EventListeners();\n  private inputElement?: HTMLSixInputElement;\n  private popup?: HTMLElement;\n  private wrapper?: HTMLElement;\n  private selectedDate?: Date;\n\n  @Element() host!: HTMLSixDatepickerElement;\n\n  @State() private pointerDate = SixDatepicker.getCurrentDateAsPointer();\n  @State() selectionMode: SelectionMode = SelectionMode.DAY;\n  @State() isDropDownContentUp = false;\n\n  /**\n   * Set the type.\n   */\n  @Prop() type: 'date' | 'date-time' = 'date';\n\n  /**\n   * The language used to render the weekdays and months.\n   */\n  @Prop() locale: 'en' | 'de' | 'fr' | 'it' | 'es' = 'en';\n\n  /** Indicates whether or not the calendar dropdown is open on startup. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Indicates whether or not the calendar should be shown as an inline (always open) component */\n  @Prop({ reflect: true }) inline = false;\n\n  /**\n   * If `true` the user can only select a date via the component in the popup, but not directly edit the input field.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true` the component is disabled.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Callback to determine which date in the datepicker should be selectable.\n   * the callback function will get a datestring as an argument, e.g. '2021-07-04'\n   *\n   * Usage e.g.:\n   * const datepicker = document.getElementById('allowed-date-picker');\n   * datepicker.allowedDates = datestring => parseInt(datestring.split('-')[2], 10) % 2 === 0;\n   */\n  @Prop() allowedDates: (date: Date) => boolean = () => true;\n\n  /**\n   * The minimum datetime allowed. Value must be a date object\n   */\n  @Prop() min?: Date;\n\n  /**\n   * The maximum datetime allowed. Value must be a date object\n   */\n  @Prop() max?: Date;\n\n  /**\n   * Closes the datepicker dropdown after selection\n   */\n  @Prop() closeOnSelect = this.type === 'date';\n\n  /**\n   * The enforced placement of the dropdown panel.\n   */\n  @Prop() placement?: 'top' | 'bottom';\n\n  /** Datepicker size. */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /**\n   * The date to defines where the datepicker popup starts. The prop accepts ISO 8601 date strings (YYYY-MM-DD).\n   */\n  @Prop() defaultDate?: string;\n\n  /**\n   * The placeholder defines what text to be shown on the input element\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * The value of the form field, which accepts a date object.\n   */\n  @Prop({ mutable: true }) value?: Date;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */\n  @Prop() containingElement?: HTMLElement;\n\n  /** Define the dateFormat. Valid formats are:\n   * 'dd.mm.yyyy'\n   * 'yyyy-mm-dd'\n   * 'dd-mm-yyyy'\n   * 'dd/mm/yyyy'\n   * 'yyyy/mm/dd'\n   * 'dd.mm.yy'\n   * 'yy-mm-dd'\n   * 'dd-mm-yy'\n   * 'dd/mm/yy'\n   * 'yy/mm/dd'\n   * */\n  @Prop() dateFormat: SixDateFormats = SixDateFormats.DDMMYYY_DOT;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `dateChange` event after each keystroke.\n   */\n  @Prop() debounce = DEFAULT_DEBOUNCE_FAST;\n\n  /** The input's name attribute. */\n  @Prop({ reflect: true }) name = '';\n\n  /** Set to true to add a clear button when the input is populated. */\n  @Prop() clearable = false;\n\n  /** Set the position of the icon */\n  @Prop() iconPosition: 'left' | 'right' = 'left';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`.\n   */\n  @Prop() hoist = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.sixSelect = debounceEvent(this.sixSelect, this.debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (this.value != null && !isValidDate(this.value)) {\n      console.warn('invalid date value: ', this.value);\n      this.value = undefined;\n      this.sixSelect.emit(this.value);\n    }\n    this.selectedDate = this.value;\n    this.updatePointerDates();\n  }\n\n  /**\n   * Emitted when a option got selected.\n   */\n  @Event({ eventName: 'six-datepicker-select' }) sixSelect!: EventEmitter<SixDatepickerSelectPayload>;\n\n  /**\n   * Emitted when the clear button is activated.\n   */\n  @Event({ eventName: 'six-datepicker-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n  /**\n   * Emitted when a option got selected.\n   */\n  @Event({ eventName: 'six-datepicker-blur' }) sixBlur!: EventEmitter<SixDatepickerSelectPayload>;\n\n  @Listen('resize', { target: 'window' })\n  async resizeHandler() {\n    this.updateDropdownDirection();\n    this.moveOpenHoistedPopup();\n    this.adjustPopupPosition();\n  }\n\n  @Listen('scroll', { target: 'window' })\n  async scrollHandler() {\n    this.updateDropdownDirection();\n    this.moveOpenHoistedPopup();\n  }\n\n  private moveOpenHoistedPopup() {\n    movePopup(this.hoist, this.open, this.popup, this.inputElement, this.wrapper, MIN_POPUP_HEIGHT);\n  }\n\n  get container() {\n    return this.containingElement || this.host;\n  }\n\n  get firstDateOfBox(): Date {\n    const date = new Date(this.pointerDate.year, this.pointerDate.month, 1);\n    return getFirstDayOfTheWeek(date);\n  }\n\n  /** Sets focus on the datepickers input. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.setFocus(options);\n  }\n\n  get calendarGrid() {\n    return createCalendarGrid({\n      firstDateOfBox: this.firstDateOfBox,\n      allowedDates: this.allowedDates,\n      dateFormat: this.dateFormat,\n      locale: this.locale,\n      selectedDate: this.selectedDate,\n      minDate: this.min,\n      maxDate: this.max,\n      pointerDate: this.pointerDate,\n    });\n  }\n\n  private updateDropdownDirection() {\n    if (this.inputElement == null || this.wrapper == null) {\n      return;\n    }\n    this.isDropDownContentUp = calcIsDropDownContentUp(this.inputElement, this.wrapper, MIN_POPUP_HEIGHT);\n  }\n\n  private getMonthStringForIndex(index: number) {\n    return i18nDate[this.locale].months[index];\n  }\n\n  private previousUnit = () => {\n    if (this.selectionMode === SelectionMode.DAY) {\n      this.previousMonth();\n    } else if (this.selectionMode === SelectionMode.MONTH) {\n      this.previousYear();\n    } else if (this.selectionMode === SelectionMode.YEAR) {\n      this.previousYearGroup();\n    }\n  };\n\n  private previousYear() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - 1 };\n  }\n\n  private previousYearGroup() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year - NUMBER_OF_YEARS_SHOWN };\n  }\n\n  private previousMonth() {\n    if (this.pointerDate.month === 0) {\n      this.pointerDate = { year: this.pointerDate.year - 1, month: 11, day: 1, hours: 0, minutes: 0, seconds: 0 };\n    } else {\n      this.pointerDate = {\n        year: this.pointerDate.year,\n        month: this.pointerDate.month - 1,\n        day: 1,\n        hours: 0,\n        minutes: 0,\n        seconds: 0,\n      };\n    }\n  }\n\n  private nextUnit = () => {\n    if (this.selectionMode === SelectionMode.DAY) {\n      this.nextMonth();\n    } else if (this.selectionMode === SelectionMode.MONTH) {\n      this.nextYear();\n    } else if (this.selectionMode === SelectionMode.YEAR) {\n      this.nextYearGroup();\n    }\n  };\n\n  private nextMonth() {\n    if (this.pointerDate.month === 11) {\n      this.pointerDate = { year: this.pointerDate.year + 1, month: 0, day: 1, hours: 0, minutes: 0, seconds: 0 };\n    } else {\n      this.pointerDate = {\n        year: this.pointerDate.year,\n        month: this.pointerDate.month + 1,\n        day: 1,\n        hours: 0,\n        minutes: 0,\n        seconds: 0,\n      };\n    }\n  }\n\n  private nextYear() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + 1 };\n  }\n\n  private nextYearGroup() {\n    this.pointerDate = { ...this.pointerDate, year: this.pointerDate.year + NUMBER_OF_YEARS_SHOWN };\n  }\n\n  private openCalendar() {\n    if (!this.open && !this.disabled) {\n      this.open = true;\n      this.setupEventListenersForOpenPopup();\n    }\n  }\n\n  private setupEventListenersForOpenPopup() {\n    this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n  }\n\n  private handleDocumentKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    // Close when escape is pressed\n    if (this.open && keyboardEvent.key === 'Escape') {\n      keyboardEvent.stopPropagation();\n      this.closePopup();\n      void this.inputElement?.setFocus();\n    }\n\n    // Handle tabbing\n    if (keyboardEvent.key === 'Tab') {\n      this.closePopup();\n    }\n  };\n\n  private handleDocumentMouseDown = (event: Event) => {\n    // Close when clicking outside the containing element\n    const path = event.composedPath() as EventTarget[];\n    if (!path.includes(this.container)) {\n      this.closePopup();\n      return;\n    }\n  };\n\n  private handleClearClick = async (event: MouseEvent) => {\n    event.stopPropagation();\n    await this.select(undefined);\n    this.sixClear.emit();\n  };\n\n  private closePopup() {\n    if (this.inline) {\n      return;\n    }\n\n    this.open = false;\n    this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n    this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n    this.selectionMode = SelectionMode.DAY;\n  }\n\n  private updatePointerDates() {\n    const date = this.getPointerDate();\n    if (this.differsFromPointerDate(date)) {\n      this.pointerDate = {\n        year: year(date),\n        month: month(date),\n        day: day(date),\n        hours: hours(date),\n        minutes: minutes(date),\n        seconds: seconds(date),\n      };\n    }\n  }\n\n  private differsFromPointerDate(date?: Date): boolean {\n    return (\n      this.pointerDate.day !== day(date) ||\n      this.pointerDate.month !== month(date) ||\n      this.pointerDate.year !== year(date) ||\n      this.pointerDate.hours !== hours(date) ||\n      this.pointerDate.minutes !== minutes(date) ||\n      this.pointerDate.seconds !== seconds(date)\n    );\n  }\n\n  private getPointerDate(): Date | undefined {\n    if (this.selectedDate !== undefined && this.selectedDate !== null) {\n      return this.selectedDate;\n    }\n    if (this.defaultDate == null) {\n      return this.type === 'date' ? removeTime(now()) : now();\n    } else {\n      return toDate(this.defaultDate, this.dateFormat);\n    }\n  }\n\n  private updateValue(newDate?: Date) {\n    this.updateIfChanged(newDate);\n  }\n\n  private updateIfChanged(newDate?: Date) {\n    if (this.value?.getTime() === newDate?.getTime()) {\n      return;\n    }\n    this.value = newDate;\n    this.sixSelect.emit(this.value);\n  }\n\n  /**\n   * Selects an option\n   */\n  @Method()\n  async select(datestring?: string) {\n    if (datestring == null) {\n      this.updateValue(undefined);\n    } else {\n      const newDate = toDate(datestring, this.dateFormat);\n      newDate?.setHours(this.pointerDate.hours, this.pointerDate.minutes, this.pointerDate.seconds);\n      this.updateValue(newDate);\n    }\n\n    this.updatePointerDates();\n\n    if (this.closeOnSelect) {\n      this.closePopup();\n    }\n  }\n\n  private onTimepickerChange = (sixTimepickerChange: CustomEvent<SixTimepickerChange>) => {\n    const time = sixTimepickerChange.detail.value;\n    const newDate = new Date();\n\n    if (this.selectedDate != null) {\n      newDate.setFullYear(this.selectedDate.getFullYear(), this.selectedDate.getMonth(), this.selectedDate.getDate());\n    }\n\n    if (time != null) {\n      const hours = time.hours;\n      const minutes = time.minutes;\n      const seconds = time.seconds;\n      if (hours != null) {\n        newDate.setHours(hours, minutes, seconds);\n      }\n    }\n\n    this.updateValue(newDate);\n    this.updatePointerDates();\n  };\n\n  private onClickDateCell = (cell: CalendarCell) => {\n    if (!cell.isDisabled) {\n      void this.select(cell.dateString);\n    }\n  };\n\n  private onClickMonthCell = (selectedMonth: string) => {\n    const month = i18nDate[this.locale].monthsShort.findIndex((monthShort) => monthShort === selectedMonth);\n    this.pointerDate = { ...this.pointerDate, month };\n    this.selectionMode = SelectionMode.DAY;\n  };\n\n  private onClickYearCell = (year: number) => {\n    this.pointerDate = { ...this.pointerDate, year };\n    this.selectionMode = SelectionMode.DAY;\n  };\n\n  private handleInputChange = (event: Event) => {\n    if (this.inputElement == null) {\n      return;\n    }\n    event.stopPropagation();\n\n    const inputValue = this.inputElement.value;\n    if (!isValidDateString(inputValue, this.dateFormat)) {\n      return;\n    }\n\n    const inputValueDate = toDate(inputValue, this.dateFormat);\n\n    if (inputValueDate === undefined) {\n      return;\n    }\n\n    this.updateIfChanged(inputValueDate);\n    const datesOnly = inputValue.replace(/[^\\d]/g, '');\n    if (datesOnly.length >= 6) {\n      const date = toDate(inputValue, this.dateFormat);\n      const dateAsString = formatDate(date, this.dateFormat);\n      if (isValidDateString(dateAsString, this.dateFormat)) {\n        this.selectedDate = toDate(dateAsString, this.dateFormat);\n        this.updatePointerDates();\n        this.updateValue(this.selectedDate);\n      }\n    }\n  };\n\n  private handleOnBlur = (event: Event) => {\n    // clear the value if the user deleted the date\n    if (this.inputElement?.value === '' && isValidDate(this.value)) {\n      this.value = undefined;\n      this.sixSelect.emit(this.value);\n    }\n\n    event.stopPropagation();\n    const inputValue = this.inputElement?.value;\n    const inputValueDate = toDate(inputValue, this.dateFormat);\n    const formattedDate = formatDate(this.value, this.dateFormat);\n\n    if (this.inputElement != null && inputValueDate != null && inputValue !== formattedDate) {\n      // properly format date if necessary\n      this.inputElement.value = formattedDate;\n    }\n\n    this.sixBlur.emit(this.value);\n  };\n\n  componentWillLoad() {\n    this.selectedDate = this.value;\n    this.updatePointerDates();\n    this.updateValue(this.value);\n\n    if (this.inline) {\n      this.open = true;\n    }\n\n    if (this.open) {\n      this.setupEventListenersForOpenPopup();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.inputElement != null) {\n      this.eventListeners.add(this.inputElement, 'six-input-input', debounce(this.handleInputChange, this.debounce));\n      this.eventListeners.add(this.inputElement, 'six-input-blur', this.handleOnBlur);\n    }\n  }\n\n  componentDidRender() {\n    this.adjustPopupPosition();\n  }\n\n  private renderHeader() {\n    return (\n      <header class=\"datepicker-header\" part=\"header\">\n        <div class=\"datepicker-header__btn prev\" onClick={this.previousUnit}>\n          <svg viewBox=\"0 5 13 13\" width=\"14\" height=\"23\">\n            <path d=\"M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z\" />\n          </svg>\n        </div>\n\n        <div class=\"datepicker-header__label\">\n          {this.selectionMode === SelectionMode.DAY && (\n            <div onClick={() => (this.selectionMode = SelectionMode.MONTH)}>\n              <span class=\"datepicker-header__label-month\">{this.getMonthStringForIndex(this.pointerDate.month)}</span>\n              <span>\n                <svg viewBox=\"-3 -4 24 24\" width=\"20\" height=\"20\">\n                  <polyline points=\"6 9 12 15 18 9\" />\n                </svg>\n              </span>\n            </div>\n          )}\n\n          {this.selectionMode !== SelectionMode.YEAR && (\n            <div onClick={() => (this.selectionMode = SelectionMode.YEAR)}>\n              <span class=\"datepicker-header__label-year\">{this.pointerDate.year}</span>\n              <span>\n                <svg viewBox=\"-3 -4 24 24\" width=\"20\" height=\"20\">\n                  <polyline points=\"6 9 12 15 18 9\" />\n                </svg>\n              </span>\n            </div>\n          )}\n\n          {this.selectionMode === SelectionMode.YEAR && (\n            <div>\n              {this.pointerDate.year - Math.floor(NUMBER_OF_YEARS_SHOWN / 2)} –{' '}\n              {this.pointerDate.year + Math.floor(NUMBER_OF_YEARS_SHOWN / 2)}\n            </div>\n          )}\n        </div>\n\n        <div class=\"datepicker-header__btn next\" onClick={this.nextUnit}>\n          <svg viewBox=\"5 5 13 13\" width=\"14\" height=\"23\">\n            <path d=\"M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z\" />\n          </svg>\n        </div>\n      </header>\n    );\n  }\n\n  private renderBody() {\n    switch (this.selectionMode) {\n      case SelectionMode.DAY:\n        return (\n          <DaySelection\n            locale={i18nDate[this.locale]}\n            calendarGrid={this.calendarGrid}\n            onClickDateCell={this.onClickDateCell}\n          />\n        );\n      case SelectionMode.MONTH:\n        return (\n          <MonthSelection\n            locale={i18nDate[this.locale]}\n            selectedDate={this.selectedDate}\n            onClickMonthCell={this.onClickMonthCell}\n          />\n        );\n      case SelectionMode.YEAR:\n        return (\n          <YearSelection\n            selectedDate={this.selectedDate}\n            yearSelection={rangeAround(this.pointerDate.year, NUMBER_OF_YEARS_SHOWN)}\n            onClickYearCell={this.onClickYearCell}\n          />\n        );\n    }\n  }\n\n  private renderCustomIcon() {\n    const icon = hasSlot(this.host, 'custom-icon') ? (\n      <slot name=\"custom-icon\"></slot>\n    ) : (\n      <six-icon size={this.size === 'large' ? 'medium' : this.size}>today</six-icon>\n    );\n\n    return (\n      <span\n        slot=\"prefix\"\n        part=\"icon\"\n        class={{\n          prefix: true,\n          'prefix--right': this.iconPosition === 'right',\n        }}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  private renderClearable() {\n    return (\n      this.clearable && (\n        <button\n          slot=\"suffix\"\n          class={{\n            'datepicker-clear': true,\n            'datepicker-clear--right': this.iconPosition === 'left',\n            'datepicker-clear--left': this.iconPosition === 'right',\n          }}\n          type=\"button\"\n          onClick={this.handleClearClick}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"small\">clear</six-icon>\n        </button>\n      )\n    );\n  }\n\n  render() {\n    this.adjustPopupPosition();\n\n    return (\n      <div ref={(el) => (this.wrapper = el)} class=\"datepicker__container\">\n        <six-input\n          part=\"base\"\n          value={formatDate(this.value, this.dateFormat)}\n          ref={(el) => (this.inputElement = el)}\n          placeholder={this.placeholder}\n          readonly={this.readonly}\n          disabled={this.disabled}\n          name={this.name}\n          label={this.label}\n          required={this.required}\n          errorText={this.errorText}\n          errorTextCount={this.errorTextCount}\n          invalid={this.invalid}\n          onClick={() => this.openCalendar()}\n          size={this.size}\n          class={{ 'input--empty': this.value == null }}\n        >\n          {this.renderCustomIcon()}\n          {this.renderClearable()}\n          {hasSlot(this.host, 'label') ? (\n            <span slot=\"label\">\n              <slot name=\"label\" />\n            </span>\n          ) : null}\n          {hasSlot(this.host, 'error-text') ? (\n            <span slot=\"error-text\">\n              <slot name=\"error-text\"></slot>\n            </span>\n          ) : null}\n        </six-input>\n        {this.open && (\n          <div\n            part=\"popup\"\n            ref={(el) => (this.popup = el)}\n            class={{\n              datepicker__popup: true,\n              'datepicker__popup--is-up': this.placement != null ? this.placement === 'top' : this.isDropDownContentUp,\n              'datepicker__popup--is-inline': this.inline,\n            }}\n          >\n            {this.renderHeader()}\n            {this.renderBody()}\n            {this.type === 'date-time' && (\n              <six-timepicker\n                inline={true}\n                onSix-timepicker-change-debounced={(event) => this.onTimepickerChange(event)}\n                value={\n                  this.selectedDate?.getHours() +\n                  ':' +\n                  this.selectedDate?.getMinutes() +\n                  ':' +\n                  this.selectedDate?.getSeconds()\n                }\n              ></six-timepicker>\n            )}\n            <div class=\"datepicker__footer\">\n              <slot />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private adjustPopupPosition() {\n    adjustPopupForHoisting(\n      this.hoist,\n      this.popup,\n      this.inputElement,\n      this.wrapper,\n      MIN_POPUP_HEIGHT,\n      (isUp) => (this.isDropDownContentUp = isUp)\n    );\n    adjustPopupForSmallScreens(this.popup);\n  }\n\n  connectedCallback() {\n    this.eventListeners.forward('six-datepicker-select', 'change', this.host);\n    this.eventListeners.forward('six-datepicker-blur', 'blur', this.host);\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  private static getCurrentDateAsPointer(): PointerDate {\n    return {\n      year: year(now()),\n      month: month(now()),\n      day: day(now()),\n      hours: hours(now()),\n      minutes: minutes(now()),\n      seconds: seconds(now()),\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-b42fd9c3.entry.js → p-935c78a7.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as i}from"./p-b5fdfa6a.js";const t=".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";const l=class{constructor(i){s(this,i)}render(){return i("div",{class:"six-files-list__container"},i("slot",null))}};l.style=t;export{l as six_file_list};
-//# sourceMappingURL=p-b42fd9c3.entry.js.map
+import{r as s,h as i}from"./p-af15381b.js";const t=".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";const l=class{constructor(i){s(this,i)}render(){return i("div",{class:"six-files-list__container"},i("slot",null))}};l.style=t;export{l as six_file_list};
+//# sourceMappingURL=p-935c78a7.entry.js.map

package/dist/ui-library/p-961bd001.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,g as r}from"./p-af15381b.js";import{E as s}from"./p-8bfb4bfc.js";import{F as e}from"./p-61e66671.js";import{h as l}from"./p-0cebf1d2.js";const a=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.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{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{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}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}';let n=0;const h=class{constructor(i){t(this,i);this.sixBlur=o(this,"six-switch-blur",7);this.sixChange=o(this,"six-switch-change",7);this.sixFocus=o(this,"six-switch-focus",7);this.switchId=`switch-${++n}`;this.labelId=`switch-label-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.handleSlotChange=()=>{this.hasErrorTextSlot=l(this.host,"error-text")};this.handleClick=()=>{if(this.inputElement!=null){this.checked=this.inputElement.checked;this.sixChange.emit(this.checked)}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit(this.checked)};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=t=>{if(t.key==="ArrowLeft"){t.preventDefault();this.checked=false;this.sixChange.emit(this.checked)}if(t.key==="ArrowRight"){t.preventDefault();this.checked=true;this.sixChange.emit(this.checked)}};this.handleMouseDown=t=>{var o;t.preventDefault();(o=this.inputElement)===null||o===void 0?void 0:o.focus()};this.hasFocus=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.checked=false;this.label="";this.errorText="";this.errorTextCount=undefined;this.invalid=false}componentWillLoad(){this.handleSlotChange()}handleCheckedChange(){if(this.inputElement!=null){this.inputElement.checked=this.checked;this.checked=this.inputElement.checked}}connectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.addEventListener("slotchange",this.handleSlotChange);this.eventListeners.forward("six-switch-change","change",this.host);this.eventListeners.forward("six-switch-blur","blur",this.host);this.eventListeners.forward("six-switch-focus","focus",this.host)}disconnectedCallback(){var t;(t=this.host.shadowRoot)===null||t===void 0?void 0:t.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}handleLabelChange(){this.handleSlotChange()}async setFocus(t){var o;(o=this.inputElement)===null||o===void 0?void 0:o.focus(t)}async removeFocus(){var t;(t=this.inputElement)===null||t===void 0?void 0:t.blur()}render(){return i(e,{inputId:this.switchId,label:this.label,labelId:this.labelId,hasLabelSlot:false,errorTextId:this.errorTextId,errorText:this.errorText,errorTextCount:this.errorTextCount,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.invalid},i("label",{part:"base",htmlFor:this.switchId,class:{switch:true,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},i("span",{part:"control",class:"switch__control"},i("span",{part:"thumb",class:"switch__thumb"}),i("input",{ref:t=>this.inputElement=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),i("span",{part:"label",id:this.labelId,class:"switch__label"},i("slot",null))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};h.style=a;export{h as six_switch};
+//# sourceMappingURL=p-961bd001.entry.js.map

package/dist/ui-library/{p-bbefcec9.entry.js.map → p-961bd001.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixSwitchCss","id","SixSwitch","this","switchId","labelId","errorTextId","eventListeners","EventListeners","handleSlotChange","hasErrorTextSlot","hasSlot","host","handleClick","inputElement","checked","sixChange","emit","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleKeyDown","event","key","preventDefault","handleMouseDown","_a","focus","componentWillLoad","handleCheckedChange","connectedCallback","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","handleLabelChange","setFocus","options","removeFocus","blur","render","h","FormControl","inputId","label","hasLabelSlot","errorText","errorTextCount","size","disabled","required","displayError","invalid","part","htmlFor","class","switch","onMouseDown","ref","el","type","name","value","role","onClick","onBlur","onFocus","onKeyDown"],"sources":["src/components/six-switch/six-switch.scss?tag=six-switch&encapsulation=shadow","src/components/six-switch/six-switch.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n/**\n * @prop --width: The width of the switch.\n * @prop --height: The height of the switch.\n * @prop --thumb-size: The size of the thumb.\n */\n:host {\n  --height: var(--six-selection-control-toggle-size);\n  --thumb-size: calc(var(--six-selection-control-toggle-size) - 4px);\n  --width: calc(var(--height) * 2);\n\n  display: inline-block;\n}\n\n.switch {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-input-font-size-medium);\n  font-weight: var(--six-input-font-weight);\n  color: var(--six-input-color);\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.switch__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  background-color: var(--six-selection-control-color-disabled);\n  border-radius: var(--height);\n  transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color;\n\n  .switch__thumb {\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    background-color: var(--six-input-background-color);\n    border-radius: 50%;\n    transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));\n    transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n}\n\n// Hover\n.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-hover);\n}\n\n// Checked\n.switch--checked .switch__control {\n  background-color: var(--six-selection-control-color);\n\n  .switch__thumb {\n    background-color: var(--six-color-white);\n    transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));\n  }\n}\n\n// Checked + hover\n.switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.switch--disabled {\n  cursor: not-allowed;\n  color: var(--six-selection-control-color-disabled);\n\n  .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n\n  &.switch--checked .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n.switch__label {\n  line-height: var(--height);\n  margin-left: 0.5em;\n  user-select: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\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 switch's label.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part control - The switch control.\n * @part thumb - The switch position indicator.\n * @part label - The switch label.\n */\n\n@Component({\n  tag: 'six-switch',\n  styleUrl: 'six-switch.scss',\n  shadow: true,\n})\nexport class SixSwitch {\n  private switchId = `switch-${++id}`;\n  private labelId = `switch-label-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n\n  private inputElement?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSwitchElement;\n\n  @State() hasFocus = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The switch's name attribute. */\n  @Prop() name = '';\n\n  /** The switch's value attribute. */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the switch. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to draw the switch in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  @Watch('checked')\n  handleCheckedChange() {\n    if (this.inputElement != null) {\n      this.inputElement.checked = this.checked;\n      this.checked = this.inputElement.checked;\n    }\n  }\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-switch-blur' }) sixBlur!: EventEmitter<boolean>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-switch-change' }) sixChange!: EventEmitter<boolean>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-switch-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-switch-change', 'change', this.host);\n    this.eventListeners.forward('six-switch-blur', 'blur', this.host);\n    this.eventListeners.forward('six-switch-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  /** Sets focus on the switch. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  @Method()\n  async removeFocus() {\n    this.inputElement?.blur();\n  }\n\n  private handleClick = () => {\n    if (this.inputElement != null) {\n      this.checked = this.inputElement.checked;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit(this.checked);\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.sixChange.emit(this.checked);\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.inputElement?.focus();\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.switchId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={false}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          htmlFor={this.switchId}\n          class={{\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n          }}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\" />\n\n            <input\n              ref={(el) => (this.inputElement = el)}\n              id={this.switchId}\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              required={this.required}\n              role=\"switch\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onClick={this.handleClick}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n            />\n          </span>\n\n          <span part=\"label\" id={this.labelId} class=\"switch__label\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["sixSwitchCss","id","SixSwitch","this","switchId","labelId","errorTextId","eventListeners","EventListeners","handleSlotChange","hasErrorTextSlot","hasSlot","host","handleClick","inputElement","checked","sixChange","emit","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleKeyDown","event","key","preventDefault","handleMouseDown","_a","focus","componentWillLoad","handleCheckedChange","connectedCallback","shadowRoot","addEventListener","forward","disconnectedCallback","removeEventListener","removeAll","handleLabelChange","setFocus","options","removeFocus","blur","render","h","FormControl","inputId","label","hasLabelSlot","errorText","errorTextCount","size","disabled","required","displayError","invalid","part","htmlFor","class","switch","onMouseDown","ref","el","type","name","value","role","onClick","onBlur","onFocus","onKeyDown"],"sources":["src/components/six-switch/six-switch.scss?tag=six-switch&encapsulation=shadow","src/components/six-switch/six-switch.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n/**\n * @prop --width: The width of the switch.\n * @prop --height: The height of the switch.\n * @prop --thumb-size: The size of the thumb.\n */\n:host {\n  --height: var(--six-selection-control-toggle-size);\n  --thumb-size: calc(var(--six-selection-control-toggle-size) - 4px);\n  --width: calc(var(--height) * 2);\n\n  display: inline-block;\n}\n\n.switch {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--six-font-family);\n  font-size: var(--six-input-font-size-medium);\n  font-weight: var(--six-input-font-weight);\n  color: var(--six-input-color);\n  vertical-align: middle;\n  cursor: pointer;\n}\n\n.switch__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--width);\n  height: var(--height);\n  background-color: var(--six-selection-control-color-disabled);\n  border-radius: var(--height);\n  transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color;\n\n  .switch__thumb {\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n    background-color: var(--six-input-background-color);\n    border-radius: 50%;\n    transform: translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));\n    transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color,\n      var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow;\n  }\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n}\n\n// Hover\n.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-hover);\n}\n\n// Checked\n.switch--checked .switch__control {\n  background-color: var(--six-selection-control-color);\n\n  .switch__thumb {\n    background-color: var(--six-color-white);\n    transform: translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2));\n  }\n}\n\n// Checked + hover\n.switch.switch--checked:not(.switch--disabled) .switch__control:hover {\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.switch--disabled {\n  cursor: not-allowed;\n  color: var(--six-selection-control-color-disabled);\n\n  .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n\n  &.switch--checked .switch__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n.switch__label {\n  line-height: var(--height);\n  margin-left: 0.5em;\n  user-select: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\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 switch's label.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part control - The switch control.\n * @part thumb - The switch position indicator.\n * @part label - The switch label.\n */\n\n@Component({\n  tag: 'six-switch',\n  styleUrl: 'six-switch.scss',\n  shadow: true,\n})\nexport class SixSwitch {\n  private switchId = `switch-${++id}`;\n  private labelId = `switch-label-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n\n  private inputElement?: HTMLInputElement;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixSwitchElement;\n\n  @State() hasFocus = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The switch's name attribute. */\n  @Prop() name = '';\n\n  /** The switch's value attribute. */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the switch. */\n  @Prop() disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  /** Set to true to draw the switch in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** The label text. */\n  @Prop() label = '';\n\n  /** The error message shown, if `invalid` is set to true.  */\n  @Prop() errorText: string | string[] = '';\n\n  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n  @Prop() errorTextCount?: number;\n\n  /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */\n  @Prop({ reflect: true }) invalid = false;\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  @Watch('checked')\n  handleCheckedChange() {\n    if (this.inputElement != null) {\n      this.inputElement.checked = this.checked;\n      this.checked = this.inputElement.checked;\n    }\n  }\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-switch-blur' }) sixBlur!: EventEmitter<boolean>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-switch-change' }) sixChange!: EventEmitter<boolean>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-switch-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.forward('six-switch-change', 'change', this.host);\n    this.eventListeners.forward('six-switch-blur', 'blur', this.host);\n    this.eventListeners.forward('six-switch-focus', 'focus', this.host);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n  };\n\n  /** Sets focus on the switch. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.inputElement?.focus(options);\n  }\n\n  /** Removes focus from the switch. */\n  @Method()\n  async removeFocus() {\n    this.inputElement?.blur();\n  }\n\n  private handleClick = () => {\n    if (this.inputElement != null) {\n      this.checked = this.inputElement.checked;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit(this.checked);\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.checked = false;\n      this.sixChange.emit(this.checked);\n    }\n\n    if (event.key === 'ArrowRight') {\n      event.preventDefault();\n      this.checked = true;\n      this.sixChange.emit(this.checked);\n    }\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.inputElement?.focus();\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.switchId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={false}\n        errorTextId={this.errorTextId}\n        errorText={this.errorText}\n        errorTextCount={this.errorTextCount}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.invalid}\n      >\n        <label\n          part=\"base\"\n          htmlFor={this.switchId}\n          class={{\n            switch: true,\n            'switch--checked': this.checked,\n            'switch--disabled': this.disabled,\n            'switch--focused': this.hasFocus,\n          }}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"switch__control\">\n            <span part=\"thumb\" class=\"switch__thumb\" />\n\n            <input\n              ref={(el) => (this.inputElement = el)}\n              id={this.switchId}\n              type=\"checkbox\"\n              name={this.name}\n              value={this.value}\n              checked={this.checked}\n              disabled={this.disabled}\n              required={this.required}\n              role=\"switch\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onClick={this.handleClick}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onKeyDown={this.handleKeyDown}\n            />\n          </span>\n\n          <span part=\"label\" id={this.labelId} class=\"switch__label\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-9ace84c7.js → p-998de05d.js}

@@ -1,2 +1,2 @@
 const t=()=>{let t=false;const s=document.createElement("div");s.focus&&s.focus({get preventScroll(){t=true;return false}});return t};let s=[];class i{constructor(t,s){this.element=t;this.options=s;this.handleFocusIn=this.handleFocusIn.bind(this)}activate(){s.push(this.element);document.addEventListener("focusin",this.handleFocusIn)}deactivate(){s=s.filter((t=>t!==this.element));document.removeEventListener("focusin",this.handleFocusIn)}isActive(){return s[s.length-1]===this.element}handleFocusIn(t){var s,i;const e=t.target;const n=this.element.tagName.toLowerCase();if(this.isActive()&&e.closest(n)!==this.element&&typeof((s=this.options)===null||s===void 0?void 0:s.onFocusOut)==="function"){(i=this.options)===null||i===void 0?void 0:i.onFocusOut(t)}}}export{i as M,t as i};
-//# sourceMappingURL=p-9ace84c7.js.map
+//# sourceMappingURL=p-998de05d.js.map

package/dist/ui-library/p-9b08068d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,g as s}from"./p-af15381b.js";import{I as n,a as r}from"./p-862d474e.js";import{D as h,b as o,a as l}from"./p-a1502802.js";import{E as u}from"./p-8bfb4bfc.js";const c=".item_picker__container{width:2.5em;display:flex;flex-wrap:wrap;justify-content:center}.item_picker__container:focus-visible{outline:var(--six-focus-ring);outline-offset:0}.item_picker__content{font-size:1.5rem}.item_picker__btn{cursor:pointer;width:2.5em;height:2.5em;display:flex;vertical-align:middle;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--six-color-web-rock-500)}.item_picker__btn:hover{background-color:var(--six-color-web-rock-100);border-radius:100%}.item_picker__btn:active{color:var(--six-color-web-rock-400)}.item_picker__btn--disabled{color:var(--six-color-web-rock-300);cursor:not-allowed}.item_picker__btn--disabled:hover{background-color:initial}.item_picker__btn--disabled:active{color:var(--six-color-web-rock-300)}.item_picker__btn:focus-visible{outline:var(--six-focus-ring);outline-offset:0}";const a="ABCDEFGHIJKLMNOPQRSTUVWXYZ";const d=[...a].flatMap((t=>[t,t.toLowerCase()]));const m={alphabet:d,letterIndexes:Object.fromEntries(d.map(((t,i)=>[t,i])))};const p={alphabet:[...a].flatMap((t=>[t])),letterIndexes:Object.fromEntries([...a].map(((t,i)=>[t,i])))};const f={alphabet:[...a.toLowerCase()].flatMap((t=>[t])),letterIndexes:Object.fromEntries([...a.toLowerCase()].map(((t,i)=>[t,i])))};const b=t=>Object.fromEntries([...t].map(((t,i)=>[t,i])));const g=`[SIX-ITEM-PICKER]`;const x=(t,i)=>t-i;const I=(t,i)=>t+i;const v="debounced-item-picker";const _=class{constructor(e){t(this,e);this.sixChange=i(this,"six-item-picker-change",7);this.sixChangeDebounced=i(this,"six-item-picker-change-debounced",7);this.eventListeners=new u;this.handleSixItemPickerChangeDebounced=()=>{this.sixChangeDebounced.emit(this.value)};this.value="";this.type=n.NUMBER;this.min=undefined;this.max=undefined;this.roundtrip=true;this.step=1;this.items=undefined;this.padded=false;this.paddingLength=2;this.paddingChar="0";this.paddingDirection=r.BEFORE;this.timeout=h;this.interval=o;this.debounce=h;this._items=[];this._itemIndexes={}}handleValueChange(){this.setup()}debounceChanged(){this.eventListeners.removeByIdentifier(v);this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),v)}handleSetChange(){this.setup();this.min=this._items[0];this.max=this.getLastStringItem()}componentWillLoad(){this.setup()}componentDidLoad(){this.eventListeners.add(this.host,"six-item-picker-change",l(this.handleSixItemPickerChangeDebounced,this.debounce),v)}disconnectedCallback(){this.eventListeners.removeAll()}setup(){if(this.isNumber()){this.setupNumberItems()}else{this.setUpStringItems()}}setupNumberItems(){var t;if(this.isInvalidNumber()){console.warn(`${g} Expected number but value is not a number: "${this.value}"`);console.info(`${g} Will set value to either minimum or if not provided to zero.`);this.value=(t=this.min)!==null&&t!==void 0?t:0}}setUpStringItems(){this._items=this.getStringItems();this._itemIndexes=this.getItemIndexes();const t=this._items.find((t=>String(t)===String(this.value)))===undefined;if(t){console.warn(`${g} Expected item from item set but value was not found in set: "${this.value}"`);console.info(`${g} Will set value to either minimum or if not provided to "${this._items[0]}".`);this.value=this._items[0]}if(this.min===undefined){if(!this.roundtrip){console.warn(`${g} Expected a min value`);console.info(`${g} Will set min value to ${this._items[0]}`)}this.min=this._items[0]}if(this.max===undefined){const t=this.getLastStringItem();if(!this.roundtrip){console.warn(`${g} Expected a min value if roundtrip is enabled`);console.info(`${g} Will set min value to ${t}`)}this.max=t}}getLastStringItem(){return this._items[this._items.length-1]}getStringItems(){switch(this.type){case n.NUMBER:console.warn(`${g}: unexpected type ${this.type}`);return[];case n.LETTER:return m.alphabet;case n.CAPITAL_LETTER:return p.alphabet;case n.LOWER_LETTER:return f.alphabet;case n.CUSTOM:if(this.items==null||this.items.length===0){console.warn(`${g}: no items defined for type ${this.type}`);return[]}return this.items}}getItemIndexes(){switch(this.type){case n.NUMBER:console.warn(`${g}: unexpected type ${this.type}`);return{};case n.LETTER:return m.letterIndexes;case n.CAPITAL_LETTER:return p.letterIndexes;case n.LOWER_LETTER:return f.letterIndexes;case n.CUSTOM:return b(this._items)}}previousItem(){if(this.isNumber()){this.previousNumber()}else{this.previousStringItem()}this.sixChange.emit(this.value)}previousNumber(){this.changeValue({isNextItemAllowed:()=>!this.isPreviousNumberDisabled(),getNextItem:()=>Number(this.value)-this.step,getRoundtripItem:()=>Number(this.max),isRoundtripPossible:()=>this.max===undefined&&this.roundtrip})}previousStringItem(){const t=String(this.value);const i=String(this.min);this.changeValue({isNextItemAllowed:()=>i===undefined||this.getStringItemIndex(t)>this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(x),getRoundtripItem:()=>String(this.max),isRoundtripPossible:()=>this.max==null&&this.roundtrip})}nextItem(){if(this.isNumber()){this.nextNumber()}else{this.nextStringItem()}this.sixChange.emit(this.value)}nextNumber(){this.changeValue({isNextItemAllowed:()=>!this.isNextNumberDisabled(),getNextItem:()=>Number(this.value)+this.step,getRoundtripItem:()=>Number(this.min),isRoundtripPossible:()=>this.min===undefined&&this.roundtrip})}getStringItemIndex(t){return this._itemIndexes[t]}nextStringItem(){const t=String(this.value);const i=String(this.max);this.changeValue({isNextItemAllowed:()=>i===undefined||this.getStringItemIndex(t)<this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(I),getRoundtripItem:()=>String(this.min),isRoundtripPossible:()=>this.min===undefined&&this.roundtrip})}getNextItemByOperation(t,i=this.step){const e=String(this.value);const s=t(this.getStringItemIndex(e),i);const n=this._items.length;const r=(s%n+n)%n;return this._items[r]}changeValue(t){if(t.isNextItemAllowed()){this.value=t.getNextItem();return}if(t.isRoundtripPossible()){console.error(`${g} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`);return}if(this.roundtrip){this.value=t.getRoundtripItem();return}console.warn(`${g} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`);this.sixChange.emit(this.value)}isNumber(){return this.type===n.NUMBER}isInvalidNumber(){return this.value===""||isNaN(this.value)}isNextDisabled(){if(this.roundtrip){return false}if(this.isNumber()){return this.isNextNumberDisabled()}else{return this._itemIndexes[String(this.value)]+this.step>this._itemIndexes[String(this.max)]}}isNextNumberDisabled(){var t;return Number(this.value)+this.step>Number((t=this.max)!==null&&t!==void 0?t:Infinity)}isPrevDisabled(){if(this.roundtrip){return false}if(this.isNumber()){return this.isPreviousNumberDisabled()}else{return this._itemIndexes[String(this.value)]-this.step<this._itemIndexes[String(this.min)]}}isPreviousNumberDisabled(){var t;return Number(this.value)-this.step<Number((t=this.min)!==null&&t!==void 0?t:-Infinity)}onMouseDownNext(){if(this.isNextDisabled()){return}this.nextItem();this._timeoutNext=setTimeout((()=>{this._intervalNext=setInterval((()=>{this.nextItem()}),this.interval)}),this.timeout)}onMouseUpNext(){clearTimeout(this._timeoutNext);clearInterval(this._intervalNext)}onMouseDownPrev(){if(this.isPrevDisabled()){return}this.previousItem();this._timeoutPrev=setTimeout((()=>{this._intervalPrev=setInterval((()=>{this.previousItem()}),this.interval)}),this.timeout)}onMouseUpPrev(){clearTimeout(this._timeoutPrev);clearInterval(this._intervalPrev)}getFormattedValue(){if(this.value===undefined||this.value===null){return this.value}if(!this.padded){return this.value}if(this.paddingDirection===r.BEFORE){return String(this.value).padStart(this.paddingLength,this.paddingChar)}else if(this.paddingDirection===r.AFTER){return String(this.value).padEnd(this.paddingLength,this.paddingChar)}return this.value}handleKeyPress(t){if(t.key==="Enter"){t.preventDefault();if(t.target===this.upButton){this.nextItem()}else if(t.target===this.downButton){this.previousItem()}}else if(t.key==="ArrowUp"){t.preventDefault();this.nextItem()}else if(t.key==="ArrowDown"){t.preventDefault();this.previousItem()}else if(t.key==="PageUp"){t.preventDefault();this.pageUp()}else if(t.key==="PageDown"){t.preventDefault();this.pageDown()}else if(t.key==="Home"){t.preventDefault();this.goToMin()}else if(t.key==="End"){t.preventDefault();this.goToMax()}}pageUp(){if(this.isNumber()){this.changeValue({isNextItemAllowed:()=>!this.isNextNumberDisabled(),getNextItem:()=>Number(this.value)+5*this.step,getRoundtripItem:()=>Number(this.min),isRoundtripPossible:()=>this.min===undefined&&this.roundtrip})}else{const t=String(this.value);const i=String(this.min);this.changeValue({isNextItemAllowed:()=>i===undefined||this.getStringItemIndex(t)>this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(I,5),getRoundtripItem:()=>String(this.min),isRoundtripPossible:()=>this.min===undefined&&this.roundtrip})}}pageDown(){if(this.isNumber()){this.changeValue({isNextItemAllowed:()=>!this.isPreviousNumberDisabled(),getNextItem:()=>Number(this.value)-5*this.step,getRoundtripItem:()=>Number(this.max),isRoundtripPossible:()=>this.max===undefined&&this.roundtrip})}else{const t=String(this.value);const i=String(this.max);this.changeValue({isNextItemAllowed:()=>i===undefined||this.getStringItemIndex(t)<this.getStringItemIndex(i),getNextItem:()=>this.getNextItemByOperation(x,5),getRoundtripItem:()=>String(this.max),isRoundtripPossible:()=>this.max==null&&this.roundtrip})}}goToMin(){var t;if(this.isNumber()){this.value=(t=this.min)!==null&&t!==void 0?t:0}else{this.value=this._items[0]}this.sixChange.emit(this.value)}goToMax(){var t;if(this.isNumber()){this.value=(t=this.max)!==null&&t!==void 0?t:Infinity}else{this.value=this.getLastStringItem()}this.sixChange.emit(this.value)}render(){return e("div",{part:"container",class:"item_picker__container",onKeyDown:t=>this.handleKeyPress(t),tabindex:"0"},e("div",{ref:t=>this.upButton=t,part:"up",class:{item_picker__btn:true,"item_picker__btn--disabled":this.isNextDisabled()},onMouseDown:()=>this.onMouseDownNext(),onMouseUp:()=>this.onMouseUpNext(),tabindex:"-1"},e("six-icon",{size:"large"},"expand_less")),e("div",{part:"content",class:"item_picker__content"},this.getFormattedValue()),e("div",{ref:t=>this.downButton=t,part:"down",class:{item_picker__btn:true,"item_picker__btn--disabled":this.isPrevDisabled()},onMouseDown:()=>this.onMouseDownPrev(),onMouseUp:()=>this.onMouseUpPrev(),tabindex:"-1"},e("six-icon",{size:"large"},"expand_more")))}get host(){return s(this)}static get watchers(){return{value:["handleValueChange"],debounce:["debounceChanged"],items:["handleSetChange"]}}};_.style=c;export{_ as six_item_picker};
+//# sourceMappingURL=p-9b08068d.entry.js.map

package/dist/ui-library/p-9b08068d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixItemPickerCss","uppercaseLetters","upperAndLowercaseLetters","flatMap","c","toLowerCase","ALPHABET","alphabet","letterIndexes","Object","fromEntries","map","i","CAPITAL_ALPHABET","LOWERCASE_ALPHABET","createItemIndexes","arr","TAG","subtract","a","b","add","DEBOUNCE_ITEM_PICKER_LISTENER","SixItemPicker","this","eventListeners","EventListeners","handleSixItemPickerChangeDebounced","sixChangeDebounced","emit","value","ItemPickerType","NUMBER","ItemPickerPaddingDirection","BEFORE","DEFAULT_DEBOUNCE_FAST","DEFAULT_DEBOUNCE_INSANELY_FAST","handleValueChange","setup","debounceChanged","removeByIdentifier","host","debounce","handleSetChange","min","_items","max","getLastStringItem","componentWillLoad","componentDidLoad","disconnectedCallback","removeAll","isNumber","setupNumberItems","setUpStringItems","isInvalidNumber","console","warn","info","_a","getStringItems","_itemIndexes","getItemIndexes","itemsMissValue","find","String","undefined","roundtrip","maxItem","length","type","LETTER","CAPITAL_LETTER","LOWER_LETTER","CUSTOM","items","previousItem","previousNumber","previousStringItem","sixChange","changeValue","isNextItemAllowed","isPreviousNumberDisabled","getNextItem","Number","step","getRoundtripItem","isRoundtripPossible","minLetter","getStringItemIndex","getNextItemByOperation","nextItem","nextNumber","nextStringItem","isNextNumberDisabled","char","maxLetter","operation","increment","nextIndexCandidate","numberOfItems","nextIndex","params","error","isNaN","isNextDisabled","Infinity","isPrevDisabled","onMouseDownNext","_timeoutNext","setTimeout","_intervalNext","setInterval","interval","timeout","onMouseUpNext","clearTimeout","clearInterval","onMouseDownPrev","_timeoutPrev","_intervalPrev","onMouseUpPrev","getFormattedValue","padded","paddingDirection","padStart","paddingLength","paddingChar","AFTER","padEnd","handleKeyPress","event","key","preventDefault","target","upButton","downButton","pageUp","pageDown","goToMin","goToMax","render","h","part","class","onKeyDown","tabindex","ref","el","item_picker__btn","onMouseDown","onMouseUp","size"],"sources":["src/components/six-item-picker/six-item-picker.scss?tag=six-item-picker&encapsulation=shadow","src/components/six-item-picker/six-item-picker.tsx"],"sourcesContent":[".item_picker {\n  &__container {\n    width: 2.5em;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n\n    &:focus-visible {\n      outline: var(--six-focus-ring);\n      outline-offset: 0;\n    }\n  }\n\n  &__content {\n    font-size: 1.5rem;\n  }\n\n  &__btn {\n    cursor: pointer;\n    width: 2.5em;\n    height: 2.5em;\n    display: flex;\n    vertical-align: middle;\n    align-items: center;\n    justify-content: center;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    color: var(--six-color-web-rock-500);\n\n    &:hover {\n      background-color: var(--six-color-web-rock-100);\n      border-radius: 100%;\n    }\n\n    &:active {\n      color: var(--six-color-web-rock-400);\n    }\n\n    &--disabled {\n      color: var(--six-color-web-rock-300);\n      cursor: not-allowed;\n\n      &:hover {\n        background-color: initial;\n      }\n\n      &:active {\n        color: var(--six-color-web-rock-300);\n      }\n    }\n\n    &:focus-visible {\n      outline: var(--six-focus-ring);\n      outline-offset: 0;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport { ItemPickerPaddingDirection, ItemPickerType } from './types';\nimport { debounce, DEFAULT_DEBOUNCE_FAST, DEFAULT_DEBOUNCE_INSANELY_FAST } from '../../utils/execution-control';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { TimePeriod } from '../../utils/time.util';\n\ninterface Alphabet {\n  alphabet: string[];\n  letterIndexes: Record<string, number>;\n}\n\nconst uppercaseLetters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';\nconst upperAndLowercaseLetters = [...uppercaseLetters].flatMap((c) => [c, c.toLowerCase()]);\nconst ALPHABET: Alphabet = {\n  alphabet: upperAndLowercaseLetters,\n  letterIndexes: Object.fromEntries(upperAndLowercaseLetters.map((c, i) => [c, i])),\n};\nconst CAPITAL_ALPHABET: Alphabet = {\n  alphabet: [...uppercaseLetters].flatMap((c) => [c]),\n  letterIndexes: Object.fromEntries([...uppercaseLetters].map((c, i) => [c, i])),\n};\nconst LOWERCASE_ALPHABET: Alphabet = {\n  alphabet: [...uppercaseLetters.toLowerCase()].flatMap((c) => [c]),\n  letterIndexes: Object.fromEntries([...uppercaseLetters.toLowerCase()].map((c, i) => [c, i])),\n};\n\nconst createItemIndexes = (arr: string[]): Record<string, number> => {\n  return Object.fromEntries([...arr].map((c, i) => [c, i]));\n};\n\nconst TAG = `[SIX-ITEM-PICKER]`;\n\nconst subtract = (a: number, b: number) => a - b;\nconst add = (a: number, b: number) => a + b;\n\nexport type SixItemPickerChangePayload = number | string | boolean | TimePeriod;\n\nconst DEBOUNCE_ITEM_PICKER_LISTENER = 'debounced-item-picker';\n\n/**\n * @since 2.0.0\n * @status experimental\n * @part container - The whole component container\n * @part up - The up button\n * @part content - The content area\n * @part down - The down button\n *\n */\n@Component({\n  tag: 'six-item-picker',\n  styleUrl: 'six-item-picker.scss',\n  shadow: true,\n})\nexport class SixItemPicker {\n  private readonly eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixItemPickerElement;\n\n  /** The item picker's value attribute. */\n  @Prop({ mutable: true, reflect: true }) value: number | string = '';\n\n  /** The type of items you want to rotate through. */\n  @Prop() type: ItemPickerType = ItemPickerType.NUMBER;\n\n  /** The minimum value allowed to pick. */\n  @Prop({ reflect: true, mutable: true }) min?: number | string;\n\n  /** The maximum value allowed to pick. */\n  @Prop({ reflect: true, mutable: true }) max?: number | string;\n\n  /** Define whether the picker should to a roundtrip i.e. start at max when reaching min and vice versa. */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop({ reflect: true }) roundtrip = true;\n\n  /** Defines how many steps should be taken when navigating */\n  @Prop({ reflect: true }) step = 1;\n\n  /** Defines a custom list of items you can iterate through */\n  @Prop() items?: string[];\n\n  /** Defines whether the items should be padded */\n  @Prop() padded = false;\n\n  /** Defines the length of the padded area */\n  @Prop() paddingLength = 2;\n\n  /** Defines the character used for padding */\n  @Prop() paddingChar = '0';\n\n  /** Defines whether the padding should be before or after the value. You can either use 'before' or 'after'. By default,\n   * before is selected */\n  @Prop() paddingDirection: ItemPickerPaddingDirection = ItemPickerPaddingDirection.BEFORE;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger faster switching between items.\n   */\n  @Prop() timeout = DEFAULT_DEBOUNCE_FAST;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait between switching to next item when mouse button is held pressed.\n   */\n  @Prop() interval = DEFAULT_DEBOUNCE_INSANELY_FAST;\n\n  /**\n   * Emitted when the item picker's value changes\n   */\n  @Event({ eventName: 'six-item-picker-change' }) sixChange!: EventEmitter<SixItemPickerChangePayload>;\n\n  /**\n   * Emitted when the item picker's value changes, but debounced\n   */\n  @Event({ eventName: 'six-item-picker-change-debounced' })\n  sixChangeDebounced!: EventEmitter<SixItemPickerChangePayload>;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `six-item-picker-change-debounced` event.\n   * If you want your change debounce event to not trigger when keeping the nav button pressed before, make sure debounce\n   * is a bit bigger than timeout, otherwise keeping the button pressed will trigger the event twice: once you click\n   * (and keep pressed) and once you release\n   */\n  @Prop() debounce = DEFAULT_DEBOUNCE_FAST;\n\n  @Watch('value')\n  handleValueChange() {\n    this.setup();\n  }\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.eventListeners.removeByIdentifier(DEBOUNCE_ITEM_PICKER_LISTENER);\n    this.eventListeners.add(\n      this.host,\n      'six-item-picker-change',\n      debounce(this.handleSixItemPickerChangeDebounced, this.debounce),\n      DEBOUNCE_ITEM_PICKER_LISTENER\n    );\n  }\n\n  @Watch('items')\n  handleSetChange() {\n    this.setup();\n    this.min = this._items[0];\n    this.max = this.getLastStringItem();\n  }\n\n  @State() _items: string[] = [];\n  @State() _itemIndexes: Record<string, number> = {};\n\n  // used for fast increasing when keeping the mouse button held down\n  private _timeoutNext!: ReturnType<typeof setTimeout>;\n  private _intervalNext!: ReturnType<typeof setInterval>;\n\n  private _timeoutPrev!: ReturnType<typeof setTimeout>;\n  private _intervalPrev!: ReturnType<typeof setInterval>;\n\n  componentWillLoad() {\n    this.setup();\n  }\n\n  componentDidLoad() {\n    this.eventListeners.add(\n      this.host,\n      'six-item-picker-change',\n      debounce(this.handleSixItemPickerChangeDebounced, this.debounce),\n      DEBOUNCE_ITEM_PICKER_LISTENER\n    );\n  }\n\n  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  private handleSixItemPickerChangeDebounced = () => {\n    this.sixChangeDebounced.emit(this.value);\n  };\n\n  private setup() {\n    if (this.isNumber()) {\n      this.setupNumberItems();\n    } else {\n      this.setUpStringItems();\n    }\n  }\n\n  private setupNumberItems() {\n    if (this.isInvalidNumber()) {\n      console.warn(`${TAG} Expected number but value is not a number: \"${this.value}\"`);\n      console.info(`${TAG} Will set value to either minimum or if not provided to zero.`);\n      this.value = this.min ?? 0;\n    }\n  }\n\n  private setUpStringItems() {\n    this._items = this.getStringItems();\n    this._itemIndexes = this.getItemIndexes();\n    const itemsMissValue = this._items.find((i) => String(i) === String(this.value)) === undefined;\n    if (itemsMissValue) {\n      console.warn(`${TAG} Expected item from item set but value was not found in set: \"${this.value}\"`);\n      console.info(`${TAG} Will set value to either minimum or if not provided to \"${this._items[0]}\".`);\n      this.value = this._items[0];\n    }\n\n    if (this.min === undefined) {\n      if (!this.roundtrip) {\n        console.warn(`${TAG} Expected a min value`);\n        console.info(`${TAG} Will set min value to ${this._items[0]}`);\n      }\n      this.min = this._items[0];\n    }\n\n    if (this.max === undefined) {\n      const maxItem = this.getLastStringItem();\n      if (!this.roundtrip) {\n        console.warn(`${TAG} Expected a min value if roundtrip is enabled`);\n        console.info(`${TAG} Will set min value to ${maxItem}`);\n      }\n      this.max = maxItem;\n    }\n  }\n\n  private getLastStringItem() {\n    return this._items[this._items.length - 1];\n  }\n\n  private getStringItems(): string[] {\n    switch (this.type) {\n      case ItemPickerType.NUMBER:\n        console.warn(`${TAG}: unexpected type ${this.type}`);\n        return [];\n      case ItemPickerType.LETTER:\n        return ALPHABET.alphabet;\n      case ItemPickerType.CAPITAL_LETTER:\n        return CAPITAL_ALPHABET.alphabet;\n      case ItemPickerType.LOWER_LETTER:\n        return LOWERCASE_ALPHABET.alphabet;\n      case ItemPickerType.CUSTOM:\n        if (this.items == null || this.items.length === 0) {\n          console.warn(`${TAG}: no items defined for type ${this.type}`);\n          return [];\n        }\n        return this.items;\n    }\n  }\n\n  private getItemIndexes(): Record<string, number> {\n    switch (this.type) {\n      case ItemPickerType.NUMBER:\n        console.warn(`${TAG}: unexpected type ${this.type}`);\n        return {};\n      case ItemPickerType.LETTER:\n        return ALPHABET.letterIndexes;\n      case ItemPickerType.CAPITAL_LETTER:\n        return CAPITAL_ALPHABET.letterIndexes;\n      case ItemPickerType.LOWER_LETTER:\n        return LOWERCASE_ALPHABET.letterIndexes;\n      case ItemPickerType.CUSTOM:\n        return createItemIndexes(this._items);\n    }\n  }\n\n  private previousItem() {\n    if (this.isNumber()) {\n      this.previousNumber();\n    } else {\n      this.previousStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private previousNumber() {\n    this.changeValue({\n      isNextItemAllowed: () => !this.isPreviousNumberDisabled(),\n      getNextItem: () => Number(this.value) - this.step,\n      getRoundtripItem: () => Number(this.max),\n      isRoundtripPossible: () => this.max === undefined && this.roundtrip,\n    });\n  }\n\n  private previousStringItem() {\n    const value = String(this.value);\n    const minLetter = String(this.min);\n\n    this.changeValue({\n      isNextItemAllowed: () =>\n        minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),\n      getNextItem: () => this.getNextItemByOperation(subtract),\n      getRoundtripItem: () => String(this.max),\n      isRoundtripPossible: () => this.max == null && this.roundtrip,\n    });\n  }\n\n  private nextItem() {\n    if (this.isNumber()) {\n      this.nextNumber();\n    } else {\n      this.nextStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private nextNumber() {\n    this.changeValue({\n      isNextItemAllowed: () => !this.isNextNumberDisabled(),\n      getNextItem: () => Number(this.value) + this.step,\n      getRoundtripItem: () => Number(this.min),\n      isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n    });\n  }\n\n  private getStringItemIndex(char: string): number {\n    return this._itemIndexes[char];\n  }\n\n  private nextStringItem() {\n    const value = String(this.value);\n    const maxLetter = String(this.max);\n\n    this.changeValue({\n      isNextItemAllowed: () =>\n        maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),\n      getNextItem: () => this.getNextItemByOperation(add),\n      getRoundtripItem: () => String(this.min),\n      isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n    });\n  }\n\n  private getNextItemByOperation(operation: (a: number, b: number) => number, increment: number = this.step) {\n    const value = String(this.value);\n    const nextIndexCandidate = operation(this.getStringItemIndex(value), increment);\n    const numberOfItems = this._items.length;\n    const nextIndex = ((nextIndexCandidate % numberOfItems) + numberOfItems) % numberOfItems;\n    return this._items[nextIndex];\n  }\n\n  private changeValue(params: {\n    getNextItem: () => number | string;\n    isNextItemAllowed: () => boolean;\n    getRoundtripItem: () => number | string;\n    isRoundtripPossible: () => boolean;\n  }) {\n    if (params.isNextItemAllowed()) {\n      this.value = params.getNextItem();\n      return;\n    }\n\n    if (params.isRoundtripPossible()) {\n      console.error(\n        `${TAG} Item picker is expected to perform a roundtrip, but either max or min value is missing so a roundtrip is not possible`\n      );\n      return;\n    }\n\n    if (this.roundtrip) {\n      this.value = params.getRoundtripItem();\n      return;\n    }\n\n    console.warn(\n      `${TAG} Roundtrip is not allowed, but was still triggered, please report this issue to the developer of six-item-picker`\n    );\n\n    this.sixChange.emit(this.value);\n  }\n\n  private isNumber() {\n    return this.type === ItemPickerType.NUMBER;\n  }\n\n  private isInvalidNumber() {\n    return this.value === '' || isNaN(this.value as number);\n  }\n\n  private isNextDisabled() {\n    if (this.roundtrip) {\n      return false;\n    }\n\n    if (this.isNumber()) {\n      return this.isNextNumberDisabled();\n    } else {\n      return this._itemIndexes[String(this.value)] + this.step > this._itemIndexes[String(this.max)];\n    }\n  }\n\n  private isNextNumberDisabled() {\n    return Number(this.value) + this.step > Number(this.max ?? Infinity);\n  }\n\n  private isPrevDisabled() {\n    if (this.roundtrip) {\n      return false;\n    }\n\n    if (this.isNumber()) {\n      return this.isPreviousNumberDisabled();\n    } else {\n      return this._itemIndexes[String(this.value)] - this.step < this._itemIndexes[String(this.min)];\n    }\n  }\n\n  private isPreviousNumberDisabled() {\n    return Number(this.value) - this.step < Number(this.min ?? -Infinity);\n  }\n\n  private onMouseDownNext() {\n    if (this.isNextDisabled()) {\n      return;\n    }\n\n    this.nextItem();\n\n    this._timeoutNext = setTimeout(() => {\n      this._intervalNext = setInterval(() => {\n        this.nextItem();\n      }, this.interval);\n    }, this.timeout);\n  }\n\n  private onMouseUpNext() {\n    clearTimeout(this._timeoutNext);\n    clearInterval(this._intervalNext);\n  }\n\n  private onMouseDownPrev() {\n    if (this.isPrevDisabled()) {\n      return;\n    }\n\n    this.previousItem();\n\n    this._timeoutPrev = setTimeout(() => {\n      this._intervalPrev = setInterval(() => {\n        this.previousItem();\n      }, this.interval);\n    }, this.timeout);\n  }\n\n  private onMouseUpPrev() {\n    clearTimeout(this._timeoutPrev);\n    clearInterval(this._intervalPrev);\n  }\n\n  private getFormattedValue() {\n    if (this.value === undefined || this.value === null) {\n      return this.value;\n    }\n\n    if (!this.padded) {\n      return this.value;\n    }\n\n    if (this.paddingDirection === ItemPickerPaddingDirection.BEFORE) {\n      return String(this.value).padStart(this.paddingLength, this.paddingChar);\n    } else if (this.paddingDirection === ItemPickerPaddingDirection.AFTER) {\n      return String(this.value).padEnd(this.paddingLength, this.paddingChar);\n    }\n\n    return this.value;\n  }\n\n  private handleKeyPress(event: KeyboardEvent) {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n\n      if (event.target === this.upButton) {\n        this.nextItem();\n      } else if (event.target === this.downButton) {\n        this.previousItem();\n      }\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      this.nextItem();\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      this.previousItem();\n    } else if (event.key === 'PageUp') {\n      event.preventDefault();\n      this.pageUp();\n    } else if (event.key === 'PageDown') {\n      event.preventDefault();\n      this.pageDown();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      this.goToMin();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      this.goToMax();\n    }\n  }\n\n  private pageUp() {\n    if (this.isNumber()) {\n      this.changeValue({\n        isNextItemAllowed: () => !this.isNextNumberDisabled(),\n        getNextItem: () => Number(this.value) + 5 * this.step,\n        getRoundtripItem: () => Number(this.min),\n        isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n      });\n    } else {\n      const value = String(this.value);\n      const minLetter = String(this.min);\n\n      this.changeValue({\n        isNextItemAllowed: () =>\n          minLetter === undefined || this.getStringItemIndex(value) > this.getStringItemIndex(minLetter),\n        getNextItem: () => this.getNextItemByOperation(add, 5),\n        getRoundtripItem: () => String(this.min),\n        isRoundtripPossible: () => this.min === undefined && this.roundtrip,\n      });\n    }\n  }\n\n  private pageDown() {\n    if (this.isNumber()) {\n      this.changeValue({\n        isNextItemAllowed: () => !this.isPreviousNumberDisabled(),\n        getNextItem: () => Number(this.value) - 5 * this.step,\n        getRoundtripItem: () => Number(this.max),\n        isRoundtripPossible: () => this.max === undefined && this.roundtrip,\n      });\n    } else {\n      const value = String(this.value);\n      const maxLetter = String(this.max);\n\n      this.changeValue({\n        isNextItemAllowed: () =>\n          maxLetter === undefined || this.getStringItemIndex(value) < this.getStringItemIndex(maxLetter),\n        getNextItem: () => this.getNextItemByOperation(subtract, 5),\n        getRoundtripItem: () => String(this.max),\n        isRoundtripPossible: () => this.max == null && this.roundtrip,\n      });\n    }\n  }\n\n  private goToMin() {\n    if (this.isNumber()) {\n      this.value = this.min ?? 0;\n    } else {\n      this.value = this._items[0];\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private goToMax() {\n    if (this.isNumber()) {\n      this.value = this.max ?? Infinity;\n    } else {\n      this.value = this.getLastStringItem();\n    }\n\n    this.sixChange.emit(this.value);\n  }\n\n  private upButton!: HTMLDivElement;\n  private downButton!: HTMLDivElement;\n\n  render() {\n    return (\n      <div\n        part=\"container\"\n        class=\"item_picker__container\"\n        onKeyDown={(event) => this.handleKeyPress(event)}\n        tabindex=\"0\"\n      >\n        <div\n          ref={(el) => (this.upButton = el as HTMLDivElement)}\n          part=\"up\"\n          class={{\n            item_picker__btn: true,\n            'item_picker__btn--disabled': this.isNextDisabled(),\n          }}\n          onMouseDown={() => this.onMouseDownNext()}\n          onMouseUp={() => this.onMouseUpNext()}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"large\">expand_less</six-icon>\n        </div>\n        <div part=\"content\" class=\"item_picker__content\">\n          {this.getFormattedValue()}\n        </div>\n        <div\n          ref={(el) => (this.downButton = el as HTMLDivElement)}\n          part=\"down\"\n          class={{\n            item_picker__btn: true,\n            'item_picker__btn--disabled': this.isPrevDisabled(),\n          }}\n          onMouseDown={() => this.onMouseDownPrev()}\n          onMouseUp={() => this.onMouseUpPrev()}\n          tabindex=\"-1\"\n        >\n          <six-icon size=\"large\">expand_more</six-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/p-9c79341d.entry.js

@@ -0,0 +1,2 @@
+import{r,h as o}from"./p-af15381b.js";const i=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{--height:16px;--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--label-color:var(--six-progress-label-color);display:block}.progress-bar{position:relative;background-color:var(--track-color);height:var(--height);border-radius:var(--sl-border-radius-pill);overflow:hidden}.progress-bar__indicator{height:100%;font-family:var(--six-font-sans);font-size:12px;font-weight:var(--six-font-weight-normal);background-color:var(--indicator-color);color:var(--label-color);text-align:center;line-height:var(--height);white-space:nowrap;overflow:hidden;transition:400ms width, 400ms background-color;user-select:none}.progress-bar--indeterminate .progress-bar__indicator{position:absolute;animation:indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1)}@keyframes indeterminate{0%{left:-50%;width:50%}75%,100%{left:100%;width:50%}}";const s=class{constructor(o){r(this,o);this.percentage=0;this.indeterminate=false}render(){return o("div",{part:"base",class:{"progress-bar":true,"progress-bar--indeterminate":this.indeterminate},role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":this.indeterminate?null:this.percentage},o("div",{part:"indicator",class:"progress-bar__indicator",style:{width:`${this.percentage}%`}},!this.indeterminate&&o("span",{part:"label",class:"progress-bar__label"},o("slot",null))))}};s.style=i;export{s as six_progress_bar};
+//# sourceMappingURL=p-9c79341d.entry.js.map

package/dist/ui-library/{p-2e99f389.entry.js.map → p-9c79341d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixProgressBarCss","SixProgressBar","render","h","part","class","this","indeterminate","role","percentage","style","width"],"sources":["src/components/six-progress-bar/six-progress-bar.scss?tag=six-progress-bar&encapsulation=shadow","src/components/six-progress-bar/six-progress-bar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --height: The progress bar's height.\n * @prop --track-color: The track color.\n * @prop --indicator-color: The indicator color.\n * @prop --label-color: The label color.\n */\n:host {\n  --height: 16px;\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --label-color: var(--six-progress-label-color);\n\n  display: block;\n}\n\n.progress-bar {\n  position: relative;\n  background-color: var(--track-color);\n  height: var(--height);\n  border-radius: var(--sl-border-radius-pill);\n  overflow: hidden;\n}\n\n.progress-bar__indicator {\n  height: 100%;\n  font-family: var(--six-font-sans);\n  font-size: 12px;\n  font-weight: var(--six-font-weight-normal);\n  background-color: var(--indicator-color);\n  color: var(--label-color);\n  text-align: center;\n  line-height: var(--height);\n  white-space: nowrap;\n  overflow: hidden;\n  transition: 400ms width, 400ms background-color;\n  user-select: none;\n}\n\n// Indeterminate\n.progress-bar--indeterminate .progress-bar__indicator {\n  position: absolute;\n  animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);\n}\n\n@keyframes indeterminate {\n  0% {\n    left: -50%;\n    width: 50%;\n  }\n  75%,\n  100% {\n    left: 100%;\n    width: 50%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\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 - A label to show inside the indicator.\n *\n * @part base - The component's base wrapper.\n * @part indicator - The progress bar indicator.\n * @part label - The progress bar label.\n */\n\n@Component({\n  tag: 'six-progress-bar',\n  styleUrl: 'six-progress-bar.scss',\n  shadow: true,\n})\nexport class SixProgressBar {\n  /** The progress bar's percentage, 0 to 100. */\n  @Prop() percentage = 0;\n\n  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */\n  @Prop() indeterminate = false;\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          'progress-bar': true,\n          'progress-bar--indeterminate': this.indeterminate,\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={this.indeterminate ? null : this.percentage}\n      >\n        <div\n          part=\"indicator\"\n          class=\"progress-bar__indicator\"\n          style={{\n            width: `${this.percentage}%`,\n          }}\n        >\n          {!this.indeterminate && (\n            <span part=\"label\" class=\"progress-bar__label\">\n              <slot />\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAoB,29B,MCoBbC,EAAc,M,yCAEJ,E,mBAGG,K,CAExB,MAAAC,GACE,OACEC,EAAA,OACEC,KAAK,OACLC,MAAO,CACL,eAAgB,KAChB,8BAA+BC,KAAKC,eAEtCC,KAAK,cAAa,gBACJ,IAAG,gBACH,MAAK,gBACJF,KAAKC,cAAgB,KAAOD,KAAKG,YAEhDN,EAAA,OACEC,KAAK,YACLC,MAAM,0BACNK,MAAO,CACLC,MAAO,GAAGL,KAAKG,iBAGfH,KAAKC,eACLJ,EAAA,QAAMC,KAAK,QAAQC,MAAM,uBACvBF,EAAA,e"}
+{"version":3,"names":["sixProgressBarCss","SixProgressBar","render","h","part","class","this","indeterminate","role","percentage","style","width"],"sources":["src/components/six-progress-bar/six-progress-bar.scss?tag=six-progress-bar&encapsulation=shadow","src/components/six-progress-bar/six-progress-bar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --height: The progress bar's height.\n * @prop --track-color: The track color.\n * @prop --indicator-color: The indicator color.\n * @prop --label-color: The label color.\n */\n:host {\n  --height: 16px;\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --label-color: var(--six-progress-label-color);\n\n  display: block;\n}\n\n.progress-bar {\n  position: relative;\n  background-color: var(--track-color);\n  height: var(--height);\n  border-radius: var(--sl-border-radius-pill);\n  overflow: hidden;\n}\n\n.progress-bar__indicator {\n  height: 100%;\n  font-family: var(--six-font-sans);\n  font-size: 12px;\n  font-weight: var(--six-font-weight-normal);\n  background-color: var(--indicator-color);\n  color: var(--label-color);\n  text-align: center;\n  line-height: var(--height);\n  white-space: nowrap;\n  overflow: hidden;\n  transition: 400ms width, 400ms background-color;\n  user-select: none;\n}\n\n// Indeterminate\n.progress-bar--indeterminate .progress-bar__indicator {\n  position: absolute;\n  animation: indeterminate 2.5s infinite cubic-bezier(0.37, 0, 0.63, 1);\n}\n\n@keyframes indeterminate {\n  0% {\n    left: -50%;\n    width: 50%;\n  }\n  75%,\n  100% {\n    left: 100%;\n    width: 50%;\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\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 - A label to show inside the indicator.\n *\n * @part base - The component's base wrapper.\n * @part indicator - The progress bar indicator.\n * @part label - The progress bar label.\n */\n\n@Component({\n  tag: 'six-progress-bar',\n  styleUrl: 'six-progress-bar.scss',\n  shadow: true,\n})\nexport class SixProgressBar {\n  /** The progress bar's percentage, 0 to 100. */\n  @Prop() percentage = 0;\n\n  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */\n  @Prop() indeterminate = false;\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        class={{\n          'progress-bar': true,\n          'progress-bar--indeterminate': this.indeterminate,\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={this.indeterminate ? null : this.percentage}\n      >\n        <div\n          part=\"indicator\"\n          class=\"progress-bar__indicator\"\n          style={{\n            width: `${this.percentage}%`,\n          }}\n        >\n          {!this.indeterminate && (\n            <span part=\"label\" class=\"progress-bar__label\">\n              <slot />\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAoB,89B,MCoBbC,EAAc,M,yCAEJ,E,mBAGG,K,CAExB,MAAAC,GACE,OACEC,EAAA,OACEC,KAAK,OACLC,MAAO,CACL,eAAgB,KAChB,8BAA+BC,KAAKC,eAEtCC,KAAK,cAAa,gBACJ,IAAG,gBACH,MAAK,gBACJF,KAAKC,cAAgB,KAAOD,KAAKG,YAEhDN,EAAA,OACEC,KAAK,YACLC,MAAM,0BACNK,MAAO,CACLC,MAAO,GAAGL,KAAKG,iBAGfH,KAAKC,eACLJ,EAAA,QAAMC,KAAK,QAAQC,MAAM,uBACvBF,EAAA,e"}