@six-group/ui-library 0.0.0-insider.a358260 → 0.0.0-insider.d16ec8e

package/dist/ui-library/{p-f604e067.entry.js → p-2a36b7d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as o,h as t,g as r}from"./p-ac4f4d45.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let e=0;const a=class{constructor(t){i(this,t);this.sixBlur=o(this,"six-radio-blur",7);this.sixChange=o(this,"six-radio-change",7);this.sixFocus=o(this,"six-radio-focus",7);this.inputId=`radio-${++e}`;this.labelId=`radio-label-${e}`;this.defaultState=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const t=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+t;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().map((i=>i.checked=false));o[r].setFocus();o[r].checked=true;i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()};this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false}handleCheckedChange(){if(this.checked){this.getSiblingRadios().map((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked;this.sixChange.emit()}}componentWillLoad(){this.defaultState=this.checked}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async reportValidity(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.reportValidity()}async checkValidity(){if(this.nativeInput==null){return true}return this.nativeInput.validity.valid}async setCustomValidity(i){if(this.nativeInput!=null){this.nativeInput.setCustomValidity(i);this.invalid=!this.nativeInput.checkValidity()}}async reset(){var i;this.checked=this.defaultState;(i=this.nativeInput)===null||i===void 0?void 0:i.setCustomValidity("");this.invalid=false}getAllRadios(){const i=this.host.closest("six-form, form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return t("label",{part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},t("span",{part:"control",class:"radio__control"},t("span",{part:"checked-icon",class:"radio__icon"},t("svg",{viewBox:"0 0 16 16"},t("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},t("g",{fill:"currentColor"},t("circle",{cx:"8",cy:"8",r:"5"}))))),t("input",{ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),t("span",{part:"label",id:this.labelId,class:"radio__label"},t("slot",null)))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};a.style=s;export{a as six_radio};
-//# sourceMappingURL=p-f604e067.entry.js.map
+import{r as i,c as o,h as t,g as r}from"./p-187fbba0.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:inline-block}.radio{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.radio__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.radio__icon svg{width:100%;height:100%}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:50%;background-color:var(--six-input-background-color);color:transparent;transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.radio__control input[type=radio]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover{border-color:var(--six-input-border-color-hover)}.radio--checked .radio__control{color:var(--six-selection-control-color);border-color:var(--six-selection-control-color)}.radio.radio--checked:not(.radio--disabled) .radio__control:hover{color:var(--six-input-border-color-focus);border-color:var(--six-input-border-color-focus)}.radio--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.radio--disabled .radio__control{border-color:var(--six-input-border-color-disabled)}.radio--disabled.radio--checked .radio__control{color:var(--six-selection-control-color-disabled)}.radio__label{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}";let e=0;const a=class{constructor(t){i(this,t);this.sixBlur=o(this,"six-radio-blur",7);this.sixChange=o(this,"six-radio-change",7);this.sixFocus=o(this,"six-radio-focus",7);this.inputId=`radio-${++e}`;this.labelId=`radio-label-${e}`;this.defaultState=false;this.handleClick=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleKeyDown=i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(i.key)){const o=this.getAllRadios().filter((i=>!i.disabled));const t=["ArrowUp","ArrowLeft"].includes(i.key)?-1:1;let r=o.indexOf(this.host)+t;if(r<0)r=o.length-1;if(r>o.length-1)r=0;this.getAllRadios().map((i=>i.checked=false));o[r].setFocus();o[r].checked=true;i.preventDefault()}};this.handleMouseDown=i=>{var o;i.preventDefault();(o=this.nativeInput)===null||o===void 0?void 0:o.focus()};this.hasFocus=false;this.name="";this.value="on";this.disabled=false;this.checked=false;this.invalid=false}handleCheckedChange(){if(this.checked){this.getSiblingRadios().map((i=>i.checked=false))}if(this.nativeInput!=null){this.nativeInput.checked=this.checked;this.sixChange.emit()}}componentWillLoad(){this.defaultState=this.checked}async setFocus(i){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.focus(i)}async removeFocus(){var i;(i=this.nativeInput)===null||i===void 0?void 0:i.blur()}async reportValidity(){var i;return(i=this.nativeInput)===null||i===void 0?void 0:i.reportValidity()}async checkValidity(){if(this.nativeInput==null){return true}return this.nativeInput.validity.valid}async setCustomValidity(i){if(this.nativeInput!=null){this.nativeInput.setCustomValidity(i);this.invalid=!this.nativeInput.checkValidity()}}async reset(){var i;this.checked=this.defaultState;(i=this.nativeInput)===null||i===void 0?void 0:i.setCustomValidity("");this.invalid=false}getAllRadios(){const i=this.host.closest("six-form, form")||document.body;if(this.name==="")return[];return[...i.querySelectorAll("six-radio")].filter((i=>i.name===this.name))}getSiblingRadios(){return this.getAllRadios().filter((i=>i!==this.host))}render(){return t("label",{part:"base",class:{radio:true,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus},htmlFor:this.inputId,onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown},t("span",{part:"control",class:"radio__control"},t("span",{part:"checked-icon",class:"radio__icon"},t("svg",{viewBox:"0 0 16 16"},t("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},t("g",{fill:"currentColor"},t("circle",{cx:"8",cy:"8",r:"5"}))))),t("input",{ref:i=>this.nativeInput=i,id:this.inputId,type:"radio",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,role:"radio","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus})),t("span",{part:"label",id:this.labelId,class:"radio__label"},t("slot",null)))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};a.style=s;export{a as six_radio};
+//# sourceMappingURL=p-2a36b7d0.entry.js.map

package/dist/ui-library/p-2a8ad91b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,g as i}from"./p-187fbba0.js";import{s,g as a}from"./p-eb8f05a9.js";import{f as e}from"./p-0cc08e91.js";const l=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--tabs-border-color:var(--six-tab-border-color);display:block}.tab-group{display:flex;border:solid 1px transparent;border-radius:0}.tab-group .tab-group__tabs{display:flex;position:relative}.tab-group .tab-group__active-tab-indicator{position:absolute;transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease}.tab-group:not(.focus-visible) ::slotted(six-tab){--focus-ring:none}.tab-group--has-scroll-controls .tab-group__nav-container{position:relative;padding:0 var(--six-spacing-x-large)}.tab-group__scroll-button{display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;width:var(--six-spacing-x-large)}.tab-group__scroll-button--left{left:0}.tab-group__scroll-button--right{right:0}.tab-group--top{flex-direction:column}.tab-group--top .tab-group__nav-container{order:1}.tab-group--top .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--top .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--top .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-bottom:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--top .tab-group__active-tab-indicator{bottom:-2px;border-bottom:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--top .tab-group__body{order:2}.tab-group--bottom{flex-direction:column}.tab-group--bottom .tab-group__nav-container{order:2}.tab-group--bottom .tab-group__nav{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-group--bottom .tab-group__nav::-webkit-scrollbar{width:0;height:0}.tab-group--bottom .tab-group__tabs{flex:1 1 auto;position:relative;flex-direction:row;border-top:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--bottom .tab-group__active-tab-indicator{top:-2px;border-top:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--bottom .tab-group__body{order:1}.tab-group--left{flex-direction:row}.tab-group--left .tab-group__nav-container{order:1}.tab-group--left .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-right:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--left .tab-group__active-tab-indicator{right:-2px;border-right:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--left .tab-group__body{flex:1 1 auto;order:2}.tab-group--right{flex-direction:row}.tab-group--right .tab-group__nav-container{order:2}.tab-group--right .tab-group__tabs{flex:0 0 auto;flex-direction:column;border-left:solid var(--six-tab-border-width) var(--tabs-border-color)}.tab-group--right .tab-group__active-tab-indicator{left:-2px;border-left:solid var(--six-tab-border-width-active) var(--six-tab-border-color-active)}.tab-group--right .tab-group__body{flex:1 1 auto;order:1}";const n=class{constructor(r){t(this,r);this.sixTabShow=o(this,"six-tab-show",7);this.sixTabHide=o(this,"six-tab-hide",7);this.handleClick=t=>{const o=t.target;const r=o.closest("six-tab");const i=r===null||r===void 0?void 0:r.closest("six-tab-group");if(i!==this.host){return false}if(r!=null){this.setActiveTab(r)}};this.handleKeyDown=t=>{if(this.nav==null)return;const o=t.target;const r=o.closest("six-tab");const i=r===null||r===void 0?void 0:r.closest("six-tab-group");if(i!==this.host){return false}if(["Enter"," "].includes(t.key)){if(r!=null){this.setActiveTab(r);t.preventDefault()}}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const o=document.activeElement;if(o&&o.tagName.toLowerCase()==="six-tab"){const r=this.getAllTabs();let i=r.indexOf(o);if(t.key==="Home"){i=0}else if(t.key==="End"){i=r.length-1}else if(t.key==="ArrowLeft"){i=Math.max(0,i-1)}else if(t.key==="ArrowRight"){i=Math.min(r.length-1,i+1)}r[i].setFocus({preventScroll:true});if(["top","bottom"].includes(this.placement)){s(r[i],this.nav,"horizontal")}t.preventDefault()}}};this.handleScrollLeft=()=>{if(this.nav==null)return;this.nav.scroll({left:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})};this.handleScrollRight=()=>{if(this.nav==null)return;this.nav.scroll({left:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})};this.syncActiveTabIndicator=()=>{if(this.activeTabIndicator==null||this.nav==null)return;const t=this.getActiveTab();if(t!=null){this.activeTabIndicator.style.display="block"}else{this.activeTabIndicator.style.display="none";return}const o=t.clientWidth;const r=t.clientHeight;const i=a(t,this.nav);const s=i.top+this.nav.scrollTop;const e=i.left+this.nav.scrollLeft;switch(this.placement){case"top":case"bottom":this.activeTabIndicator.style.width=`${o}px`;this.activeTabIndicator.style.height="";this.activeTabIndicator.style.transform=`translateX(${e}px)`;break;case"left":case"right":this.activeTabIndicator.style.width="";this.activeTabIndicator.style.height=`${r}px`;this.activeTabIndicator.style.transform=`translateY(${s}px)`;break}};this.hasScrollControls=false;this.placement="top";this.noScrollControls=false}handlePlacementChange(){this.syncActiveTabIndicator()}handleNoScrollControlsChange(){this.updateScrollControls()}componentDidLoad(){if(this.tabGroup==null||this.nav==null)return;const t=new IntersectionObserver(((t,o)=>{if(t[0].intersectionRatio>0){this.setAriaLabels();this.setActiveTab(this.getActiveTab()||this.getAllTabs()[0],false);o.unobserve(t[0].target)}}));t.observe(this.host);e.observe(this.tabGroup);this.resizeObserver=new ResizeObserver((()=>this.updateScrollControls()));this.resizeObserver.observe(this.nav);requestAnimationFrame((()=>this.updateScrollControls()));this.mutationObserver=new MutationObserver((t=>{if(t.some((t=>{var o;return!["aria-labelledby","aria-controls"].includes((o=t.attributeName)!==null&&o!==void 0?o:"")}))){setTimeout((()=>this.setAriaLabels()))}}));this.mutationObserver.observe(this.host,{attributes:true,childList:true,subtree:true})}disconnectedCallback(){if(this.mutationObserver==null||this.tabGroup==null||this.nav==null||this.resizeObserver==null){return}this.mutationObserver.disconnect();e.unobserve(this.tabGroup);this.resizeObserver.unobserve(this.nav)}async show(t){const o=this.getAllTabs();const r=o.find((o=>o.panel===t));if(r!=null){this.setActiveTab(r)}}getAllTabs(t=false){var o;const r=(o=this.tabs)===null||o===void 0?void 0:o.querySelector("slot");if(r==null)return[];return[...r.assignedElements()].filter((o=>t?o.tagName.toLowerCase()==="six-tab":o.tagName.toLowerCase()==="six-tab"&&!o.disabled))}getAllPanels(){var t;const o=(t=this.body)===null||t===void 0?void 0:t.querySelector("slot");if(o==null)return[];return[...o.assignedElements()].filter((t=>t.tagName.toLowerCase()==="six-tab-panel"))}getActiveTab(){return this.getAllTabs().find((t=>t.active))}updateScrollControls(){if(this.nav==null)return;this.hasScrollControls=this.noScrollControls?false:["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth}setActiveTab(t,o=true){if(this.nav==null)return;if(t!=null&&t!==this.activeTab&&!t.disabled){const r=this.activeTab;this.activeTab=t;this.getAllTabs().map((t=>t.active=t===this.activeTab));this.getAllPanels().map((t=>{var o;return t.active=t.name===((o=this.activeTab)===null||o===void 0?void 0:o.panel)}));this.syncActiveTabIndicator();if(["top","bottom"].includes(this.placement)){s(this.activeTab,this.nav,"horizontal")}if(o){if(r!=null){this.sixTabHide.emit({name:r.panel})}this.sixTabShow.emit({name:this.activeTab.panel})}}}setAriaLabels(){const t=this.getAllTabs();const o=this.getAllPanels();t.map((t=>{var r,i;const s=o.find((o=>o.name===t.panel));if(s!=null){t.setAttribute("aria-controls",(r=s.getAttribute("id"))!==null&&r!==void 0?r:"");s.setAttribute("aria-labelledby",(i=t.getAttribute("id"))!==null&&i!==void 0?i:"")}}))}render(){return r("div",{part:"base",ref:t=>this.tabGroup=t,class:{"tab-group":true,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--left":this.placement==="left","tab-group--right":this.placement==="right","tab-group--has-scroll-controls":this.hasScrollControls},onClick:this.handleClick,onKeyDown:this.handleKeyDown},r("div",{class:"tab-group__nav-container"},this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--left",exportparts:"base:scroll-button",name:"chevron_left",onClick:this.handleScrollLeft}),r("div",{ref:t=>this.nav=t,key:"nav",part:"nav",class:"tab-group__nav"},r("div",{ref:t=>this.tabs=t,part:"tabs",class:"tab-group__tabs",role:"tablist"},r("div",{ref:t=>this.activeTabIndicator=t,part:"active-tab-indicator",class:"tab-group__active-tab-indicator"}),r("slot",{name:"nav",onSlotchange:this.syncActiveTabIndicator}))),this.hasScrollControls&&r("six-icon-button",{class:"tab-group__scroll-button tab-group__scroll-button--right",exportparts:"base:scroll-button",name:"chevron_right",onClick:this.handleScrollRight})),r("div",{ref:t=>this.body=t,part:"body",class:"tab-group__body"},r("slot",{onSlotchange:this.syncActiveTabIndicator})))}get host(){return i(this)}static get watchers(){return{placement:["handlePlacementChange"],noScrollControls:["handleNoScrollControlsChange"]}}};n.style=l;export{n as six_tab_group};
+//# sourceMappingURL=p-2a8ad91b.entry.js.map

package/dist/ui-library/p-2a8ad91b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixTabGroupCss","SixTabGroup","this","handleClick","event","target","tab","closest","tabGroup","host","setActiveTab","handleKeyDown","nav","includes","key","preventDefault","activeEl","document","activeElement","tagName","toLowerCase","tabs","getAllTabs","index","indexOf","length","Math","max","min","setFocus","preventScroll","placement","scrollIntoView","handleScrollLeft","scroll","left","scrollLeft","clientWidth","behavior","handleScrollRight","syncActiveTabIndicator","activeTabIndicator","getActiveTab","style","display","width","height","clientHeight","offset","getOffset","offsetTop","top","scrollTop","offsetLeft","transform","handlePlacementChange","handleNoScrollControlsChange","updateScrollControls","componentDidLoad","observer","IntersectionObserver","entries","intersectionRatio","setAriaLabels","unobserve","observe","focusVisible","resizeObserver","ResizeObserver","requestAnimationFrame","mutationObserver","MutationObserver","mutations","some","mutation","_a","attributeName","setTimeout","attributes","childList","subtree","disconnectedCallback","disconnect","async","panel","find","el","includeDisabled","slot","querySelector","assignedElements","filter","disabled","getAllPanels","body","active","hasScrollControls","noScrollControls","scrollWidth","emitEvents","activeTab","previousTab","map","name","sixTabHide","emit","sixTabShow","panels","setAttribute","getAttribute","_b","render","h","part","ref","class","onClick","onKeyDown","exportparts","role","onSlotchange"],"sources":["./src/components/six-tab-group/six-tab-group.scss?tag=six-tab-group&encapsulation=shadow","./src/components/six-tab-group/six-tab-group.tsx"],"sourcesContent":["@import 'src/global/component';\n@import 'src/global/mixins/hide-scrollbar';\n\n/**\n * @prop --tabs-border-color: The color of the border that separates tabs.\n */\n:host {\n  --tabs-border-color: var(--six-tab-border-color);\n  display: block;\n}\n\n.tab-group {\n  display: flex;\n  border: solid 1px transparent;\n  border-radius: 0;\n\n  .tab-group__tabs {\n    display: flex;\n    position: relative;\n  }\n\n  .tab-group__active-tab-indicator {\n    position: absolute;\n    transition: var(--six-transition-fast) transform ease, var(--six-transition-fast) width ease;\n  }\n\n  // Remove the focus ring when the user isn't interacting with a keyboard\n  &:not(.focus-visible) ::slotted(six-tab) {\n    --focus-ring: none;\n  }\n}\n\n.tab-group--has-scroll-controls .tab-group__nav-container {\n  position: relative;\n  padding: 0 var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: var(--six-spacing-x-large);\n}\n\n.tab-group__scroll-button--left {\n  left: 0;\n}\n\n.tab-group__scroll-button--right {\n  right: 0;\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Top\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--top {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-bottom: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    bottom: -2px;\n    border-bottom: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    order: 2;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Bottom\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--bottom {\n  flex-direction: column;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__nav {\n    display: flex;\n    overflow-x: auto;\n    @include hide-scrollbar();\n  }\n\n  .tab-group__tabs {\n    flex: 1 1 auto;\n    position: relative;\n    flex-direction: row;\n    border-top: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    top: calc(-1 * 2px);\n    border-top: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    order: 1;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Left\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--left {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 1;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-right: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    right: calc(-1 * 2px);\n    border-right: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 2;\n  }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Right\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.tab-group--right {\n  flex-direction: row;\n\n  .tab-group__nav-container {\n    order: 2;\n  }\n\n  .tab-group__tabs {\n    flex: 0 0 auto;\n    flex-direction: column;\n    border-left: solid var(--six-tab-border-width) var(--tabs-border-color);\n  }\n\n  .tab-group__active-tab-indicator {\n    left: calc(-1 * 2px);\n    border-left: solid var(--six-tab-border-width-active) var(--six-tab-border-color-active);\n  }\n\n  .tab-group__body {\n    flex: 1 1 auto;\n    order: 1;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getOffset } from '../../utils/offset';\nimport { scrollIntoView } from '../../utils/scroll';\nimport { focusVisible } from '../../utils/focus-visible';\n\nexport interface SixTabShowPayload {\n  name: string;\n}\n\nexport interface SixTabHidePayload {\n  name: string;\n}\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 nav - Used for grouping tabs in the tab group.\n * @slot - Used for grouping tab panels in the tab group.\n *\n * @part base - The component's base wrapper.\n * @part nav - The tab group navigation container.\n * @part tabs - The container that wraps the slotted tabs.\n * @part active-tab-indicator - An element that displays the currently selected tab. This is a child of the tab's container.\n * @part body - The tab group body where tab panels are slotted in.\n * @part scroll-button - The previous and next scroll buttons that appear when tabs are scrollable.\n */\n@Component({\n  tag: 'six-tab-group',\n  styleUrl: 'six-tab-group.scss',\n  shadow: true,\n})\nexport class SixTabGroup {\n  private activeTab?: HTMLSixTabElement;\n  private activeTabIndicator?: HTMLElement;\n  private body?: HTMLElement;\n  private mutationObserver?: MutationObserver;\n  private nav?: HTMLElement;\n  private resizeObserver?: ResizeObserver;\n  private tabGroup?: HTMLElement;\n  private tabs?: HTMLElement;\n\n  @Element() host!: HTMLSixTabGroupElement;\n\n  @State() hasScrollControls = false;\n\n  /** The placement of the tabs. */\n  @Prop() placement: 'top' | 'bottom' | 'left' | 'right' = 'top';\n\n  /** Disables the scroll arrows that appear when tabs overflow. */\n  @Prop() noScrollControls = false;\n\n  @Watch('placement')\n  handlePlacementChange() {\n    this.syncActiveTabIndicator();\n  }\n\n  @Watch('noScrollControls')\n  handleNoScrollControlsChange() {\n    this.updateScrollControls();\n  }\n\n  /** Emitted when a tab is shown. */\n  @Event({ eventName: 'six-tab-show' }) sixTabShow!: EventEmitter<SixTabShowPayload>;\n\n  /** Emitted when a tab is hidden. */\n  @Event({ eventName: 'six-tab-hide' }) sixTabHide!: EventEmitter<SixTabHidePayload>;\n\n  componentDidLoad() {\n    if (this.tabGroup == null || this.nav == null) return;\n\n    // Set initial tab state when the tabs first become visible\n    const observer = new IntersectionObserver((entries, observer) => {\n      if (entries[0].intersectionRatio > 0) {\n        this.setAriaLabels();\n        this.setActiveTab(this.getActiveTab() || this.getAllTabs()[0], false);\n        observer.unobserve(entries[0].target);\n      }\n    });\n    observer.observe(this.host);\n\n    focusVisible.observe(this.tabGroup);\n\n    this.resizeObserver = new ResizeObserver(() => this.updateScrollControls());\n    this.resizeObserver.observe(this.nav);\n    requestAnimationFrame(() => this.updateScrollControls());\n\n    // Update aria labels if the DOM changes\n    this.mutationObserver = new MutationObserver((mutations) => {\n      if (\n        mutations.some((mutation) => {\n          return !['aria-labelledby', 'aria-controls'].includes(mutation.attributeName ?? '');\n        })\n      ) {\n        setTimeout(() => this.setAriaLabels());\n      }\n    });\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true, subtree: true });\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver == null || this.tabGroup == null || this.nav == null || this.resizeObserver == null) {\n      return;\n    }\n\n    this.mutationObserver.disconnect();\n    focusVisible.unobserve(this.tabGroup);\n    this.resizeObserver.unobserve(this.nav);\n  }\n\n  /** Shows the specified tab panel. */\n  @Method()\n  async show(panel: string) {\n    const tabs = this.getAllTabs();\n    const tab = tabs.find((el) => el.panel === panel);\n\n    if (tab != null) {\n      this.setActiveTab(tab);\n    }\n  }\n\n  private getAllTabs(includeDisabled = false): HTMLSixTabElement[] {\n    const slot = this.tabs?.querySelector('slot');\n    if (slot == null) return [];\n\n    return [...slot.assignedElements()].filter((el: Element) => {\n      return includeDisabled\n        ? el.tagName.toLowerCase() === 'six-tab'\n        : el.tagName.toLowerCase() === 'six-tab' && !(el as HTMLSixTabElement).disabled;\n    }) as [HTMLSixTabElement];\n  }\n\n  private getAllPanels(): HTMLSixTabPanelElement[] {\n    const slot = this.body?.querySelector('slot');\n    if (slot == null) return [];\n    return [...slot.assignedElements()].filter((el: Element) => el.tagName.toLowerCase() === 'six-tab-panel') as [\n      HTMLSixTabPanelElement\n    ];\n  }\n\n  private getActiveTab() {\n    return this.getAllTabs().find((el) => el.active);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    if (tab != null) {\n      this.setActiveTab(tab);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.nav == null) return;\n\n    const target = event.target as HTMLElement;\n    const tab = target.closest('six-tab');\n    const tabGroup = tab?.closest('six-tab-group');\n\n    // Ensure the target tab is in this tab group\n    if (tabGroup !== this.host) {\n      return false;\n    }\n\n    // Activate a tab\n    if (['Enter', ' '].includes(event.key)) {\n      if (tab != null) {\n        this.setActiveTab(tab);\n        event.preventDefault();\n      }\n    }\n\n    // Move focus left or right\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      const activeEl = document.activeElement as HTMLSixTabElement;\n\n      if (activeEl && activeEl.tagName.toLowerCase() === 'six-tab') {\n        const tabs = this.getAllTabs();\n        let index = tabs.indexOf(activeEl);\n\n        if (event.key === 'Home') {\n          index = 0;\n        } else if (event.key === 'End') {\n          index = tabs.length - 1;\n        } else if (event.key === 'ArrowLeft') {\n          index = Math.max(0, index - 1);\n        } else if (event.key === 'ArrowRight') {\n          index = Math.min(tabs.length - 1, index + 1);\n        }\n\n        tabs[index].setFocus({ preventScroll: true });\n\n        if (['top', 'bottom'].includes(this.placement)) {\n          scrollIntoView(tabs[index], this.nav, 'horizontal');\n        }\n\n        event.preventDefault();\n      }\n    }\n  };\n\n  private handleScrollLeft = () => {\n    if (this.nav == null) return;\n\n    this.nav.scroll({\n      left: this.nav.scrollLeft - this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  };\n\n  private handleScrollRight = () => {\n    if (this.nav == null) return;\n\n    this.nav.scroll({\n      left: this.nav.scrollLeft + this.nav.clientWidth,\n      behavior: 'smooth',\n    });\n  };\n\n  private updateScrollControls() {\n    if (this.nav == null) return;\n\n    this.hasScrollControls = this.noScrollControls\n      ? false\n      : ['top', 'bottom'].includes(this.placement) && this.nav.scrollWidth > this.nav.clientWidth;\n  }\n\n  private setActiveTab(tab: HTMLSixTabElement, emitEvents = true) {\n    if (this.nav == null) return;\n\n    if (tab != null && tab !== this.activeTab && !tab.disabled) {\n      const previousTab = this.activeTab;\n      this.activeTab = tab;\n\n      // Sync tabs and panels\n      this.getAllTabs().map((el) => (el.active = el === this.activeTab));\n      this.getAllPanels().map((el) => (el.active = el.name === this.activeTab?.panel));\n      this.syncActiveTabIndicator();\n\n      if (['top', 'bottom'].includes(this.placement)) {\n        scrollIntoView(this.activeTab, this.nav, 'horizontal');\n      }\n\n      // Emit events\n      if (emitEvents) {\n        if (previousTab != null) {\n          this.sixTabHide.emit({ name: previousTab.panel });\n        }\n\n        this.sixTabShow.emit({ name: this.activeTab.panel });\n      }\n    }\n  }\n\n  private setAriaLabels() {\n    const tabs = this.getAllTabs();\n    const panels = this.getAllPanels();\n\n    // Link each tab with its corresponding panel\n    tabs.map((tab) => {\n      const panel = panels.find((el) => el.name === tab.panel);\n      if (panel != null) {\n        tab.setAttribute('aria-controls', panel.getAttribute('id') ?? '');\n        panel.setAttribute('aria-labelledby', tab.getAttribute('id') ?? '');\n      }\n    });\n  }\n\n  private syncActiveTabIndicator = () => {\n    if (this.activeTabIndicator == null || this.nav == null) return;\n\n    const tab = this.getActiveTab();\n\n    if (tab != null) {\n      this.activeTabIndicator.style.display = 'block';\n    } else {\n      this.activeTabIndicator.style.display = 'none';\n      return;\n    }\n\n    const width = tab.clientWidth;\n    const height = tab.clientHeight;\n    const offset = getOffset(tab, this.nav);\n    const offsetTop = offset.top + this.nav.scrollTop;\n    const offsetLeft = offset.left + this.nav.scrollLeft;\n\n    switch (this.placement) {\n      case 'top':\n      case 'bottom':\n        this.activeTabIndicator.style.width = `${width}px`;\n        this.activeTabIndicator.style.height = '';\n        this.activeTabIndicator.style.transform = `translateX(${offsetLeft}px)`;\n        break;\n\n      case 'left':\n      case 'right':\n        this.activeTabIndicator.style.width = '';\n        this.activeTabIndicator.style.height = `${height}px`;\n        this.activeTabIndicator.style.transform = `translateY(${offsetTop}px)`;\n        break;\n    }\n  };\n\n  render() {\n    return (\n      <div\n        part=\"base\"\n        ref={(el) => (this.tabGroup = el)}\n        class={{\n          'tab-group': true,\n\n          // Placements\n          'tab-group--top': this.placement === 'top',\n          'tab-group--bottom': this.placement === 'bottom',\n          'tab-group--left': this.placement === 'left',\n          'tab-group--right': this.placement === 'right',\n\n          'tab-group--has-scroll-controls': this.hasScrollControls,\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tab-group__nav-container\">\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--left\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_left\"\n              onClick={this.handleScrollLeft}\n            />\n          )}\n          <div ref={(el) => (this.nav = el)} key=\"nav\" part=\"nav\" class=\"tab-group__nav\">\n            <div ref={(el) => (this.tabs = el)} part=\"tabs\" class=\"tab-group__tabs\" role=\"tablist\">\n              <div\n                ref={(el) => (this.activeTabIndicator = el)}\n                part=\"active-tab-indicator\"\n                class=\"tab-group__active-tab-indicator\"\n              />\n              <slot name=\"nav\" onSlotchange={this.syncActiveTabIndicator} />\n            </div>\n          </div>\n          {this.hasScrollControls && (\n            <six-icon-button\n              class=\"tab-group__scroll-button tab-group__scroll-button--right\"\n              exportparts=\"base:scroll-button\"\n              name=\"chevron_right\"\n              onClick={this.handleScrollRight}\n            />\n          )}\n        </div>\n\n        <div ref={(el) => (this.body = el)} part=\"body\" class=\"tab-group__body\">\n          <slot onSlotchange={this.syncActiveTabIndicator} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-97cc839c.entry.js → p-30e0cdce.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as t,h as e,g as r}from"./p-ac4f4d45.js";import{F as i}from"./p-79eee01b.js";import{h as s}from"./p-b4dfb7cf.js";import{E as l}from"./p-9a860acc.js";const c=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.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:"*"}.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;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:inline-block}.checkbox{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}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:0;background-color:var(--six-input-background-color);color:var(--six-checkbox-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.checkbox__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.checkbox__control .checkbox__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.checkbox__control .checkbox__icon svg{width:100%;height:100%}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-hover)}.checkbox--checked .checkbox__control,.checkbox--indeterminate .checkbox__control{border-color:var(--six-selection-control-color);background-color:var(--six-selection-control-color)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-focus);background-color:var(--six-input-border-color-focus)}.checkbox--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.checkbox--disabled .checkbox__control{border-color:var(--six-input-border-color-disabled)}.checkbox--disabled.checkbox--checked .checkbox__control,.checkbox--disabled.checkbox--indeterminate .checkbox__control{background-color:var(--six-selection-control-color-disabled)}.checkbox--invalid:not(.checkbox--disabled) .checkbox__control{border-color:var(--six-input-border-color-danger)}.checkbox__text{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}';let n=0;const a=class{constructor(e){o(this,e);this.sixBlur=t(this,"six-checkbox-blur",7);this.sixChange=t(this,"six-checkbox-change",7);this.sixFocus=t(this,"six-checkbox-focus",7);this.inputId=`checkbox-${++n}`;this.labelId=`checkbox-label-${n}`;this.textId=`checkbox-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.customErrorText="";this.customValidation=false;this.eventListeners=new l;this.defaultState=false;this.handleChange=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.indeterminate=false}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleMouseDown=o=>{var t;o.preventDefault();(t=this.nativeInput)===null||t===void 0?void 0:t.focus()};this.hasFocus=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.label="";this.errorText="";this.checked=false;this.indeterminate=false;this.invalid=false;this.errorOnBlur=false}handleCheckedChange(){if(this.nativeInput==null){return}this.nativeInput.checked=this.checked;this.nativeInput.indeterminate=this.indeterminate;this.invalid=!this.nativeInput.checkValidity();this.sixChange.emit()}handleLabelChange(){this.handleSlotChange()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}componentWillLoad(){this.defaultState=this.checked;this.handleSlotChange()}componentDidLoad(){const o=this.nativeInput;if(o==null){return}o.indeterminate=this.indeterminate;this.eventListeners.add(o,"invalid",(t=>{this.invalid=true;if(this.customValidation||!this.hasErrorTextSlot&&this.errorText===""&&this.customErrorText===""){this.customErrorText=o.validationMessage}t.preventDefault()}))}async setFocus(o){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(o)}async removeFocus(){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.blur()}async reportValidity(){var o;return(o=this.nativeInput)===null||o===void 0?void 0:o.reportValidity()}async checkValidity(){if(this.nativeInput==null){return true}return this.nativeInput.validity.valid}async setCustomValidity(o){this.customErrorText="";this.customValidation=o!=="";if(this.nativeInput!=null){this.nativeInput.setCustomValidity(o);this.invalid=!this.nativeInput.checkValidity()}}async reset(){var o;this.checked=this.defaultState;this.customErrorText="";this.customValidation=false;(o=this.nativeInput)===null||o===void 0?void 0:o.setCustomValidity("");this.invalid=false}handleSlotChange(){this.hasErrorTextSlot=s(this.host,"error-text");this.hasLabelSlot=s(this.host,"label")}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){return e(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,errorTextId:this.errorTextId,errorText:this.customErrorText!=null?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.displayError()},e("label",{part:"base",class:{checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--invalid":this.invalid,"checkbox--indeterminate":this.indeterminate},htmlFor:this.inputId,onMouseDown:this.handleMouseDown},e("span",{part:"control",class:"checkbox__control"},this.checked&&e("span",{part:"checked-icon",class:"checkbox__icon"},e("svg",{viewBox:"0 0 16 16"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},e("g",{stroke:"currentColor","stroke-width":"2"},e("g",{transform:"translate(3.428571, 3.428571)"},e("path",{d:"M0,5.71428571 L3.42857143,9.14285714"}),e("path",{d:"M9.14285714,0 L3.42857143,9.14285714"})))))),!this.checked&&this.indeterminate&&e("span",{part:"indeterminate-icon",class:"checkbox__icon"},e("svg",{viewBox:"0 0 16 16"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},e("g",{stroke:"currentColor","stroke-width":"2"},e("g",{transform:"translate(2.285714, 6.857143)"},e("path",{d:"M10.2857143,1.14285714 L1.14285714,1.14285714"})))))),e("input",{ref:o=>this.nativeInput=o,id:this.inputId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"checkbox","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{part:"text",id:this.textId,class:"checkbox__text"},e("slot",null))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],indeterminate:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};a.style=c;export{a as six_checkbox};
-//# sourceMappingURL=p-97cc839c.entry.js.map
+import{r as o,c as t,h as e,g as r}from"./p-187fbba0.js";import{F as i}from"./p-b183e44f.js";import{h as s}from"./p-d87a6f4d.js";import{E as l}from"./p-02d5a6d8.js";const c=':host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.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:"*"}.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;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:inline-block}.checkbox{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}.checkbox__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size);border:solid var(--six-border-width) var(--six-input-border-color);border-radius:0;background-color:var(--six-input-background-color);color:var(--six-checkbox-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow}.checkbox__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.checkbox__control .checkbox__icon{display:inline-flex;width:var(--six-selection-control-toggle-size);height:var(--six-selection-control-toggle-size)}.checkbox__control .checkbox__icon svg{width:100%;height:100%}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-hover)}.checkbox--checked .checkbox__control,.checkbox--indeterminate .checkbox__control{border-color:var(--six-selection-control-color);background-color:var(--six-selection-control-color)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--six-input-border-color-focus);background-color:var(--six-input-border-color-focus)}.checkbox--disabled{cursor:not-allowed;color:var(--six-input-color-disabled)}.checkbox--disabled .checkbox__control{border-color:var(--six-input-border-color-disabled)}.checkbox--disabled.checkbox--checked .checkbox__control,.checkbox--disabled.checkbox--indeterminate .checkbox__control{background-color:var(--six-selection-control-color-disabled)}.checkbox--invalid:not(.checkbox--disabled) .checkbox__control{border-color:var(--six-input-border-color-danger)}.checkbox__text{line-height:var(--six-selection-control-toggle-size);margin-left:0.5em;user-select:none}';let n=0;const a=class{constructor(e){o(this,e);this.sixBlur=t(this,"six-checkbox-blur",7);this.sixChange=t(this,"six-checkbox-change",7);this.sixFocus=t(this,"six-checkbox-focus",7);this.inputId=`checkbox-${++n}`;this.labelId=`checkbox-label-${n}`;this.textId=`checkbox-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.customErrorText="";this.customValidation=false;this.eventListeners=new l;this.defaultState=false;this.handleChange=()=>{if(this.nativeInput!=null){this.checked=this.nativeInput.checked;this.indeterminate=false}};this.handleBlur=()=>{this.hasFocus=false;this.sixBlur.emit()};this.handleFocus=()=>{this.hasFocus=true;this.sixFocus.emit()};this.handleMouseDown=o=>{var t;o.preventDefault();(t=this.nativeInput)===null||t===void 0?void 0:t.focus()};this.hasFocus=false;this.hasLabelSlot=false;this.hasErrorTextSlot=false;this.name="";this.value="on";this.disabled=false;this.required=false;this.label="";this.errorText="";this.checked=false;this.indeterminate=false;this.invalid=false;this.errorOnBlur=false}handleCheckedChange(){if(this.nativeInput==null){return}this.nativeInput.checked=this.checked;this.checked=this.nativeInput.checked;this.nativeInput.indeterminate=this.indeterminate;this.invalid=!this.nativeInput.checkValidity();this.sixChange.emit()}handleLabelChange(){this.handleSlotChange()}connectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null||o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}componentWillLoad(){this.defaultState=this.checked;this.handleSlotChange()}componentDidLoad(){const o=this.nativeInput;if(o==null){return}o.indeterminate=this.indeterminate;this.eventListeners.add(o,"invalid",(t=>{this.invalid=true;if(this.customValidation||!this.hasErrorTextSlot&&this.errorText===""&&this.customErrorText===""){this.customErrorText=o.validationMessage}t.preventDefault()}))}async setFocus(o){var t;(t=this.nativeInput)===null||t===void 0?void 0:t.focus(o)}async removeFocus(){var o;(o=this.nativeInput)===null||o===void 0?void 0:o.blur()}async reportValidity(){var o;return(o=this.nativeInput)===null||o===void 0?void 0:o.reportValidity()}async checkValidity(){if(this.nativeInput==null){return true}return this.nativeInput.validity.valid}async setCustomValidity(o){this.customErrorText="";this.customValidation=o!=="";if(this.nativeInput!=null){this.nativeInput.setCustomValidity(o);this.invalid=!this.nativeInput.checkValidity()}}async reset(){var o;this.checked=this.defaultState;this.customErrorText="";this.customValidation=false;(o=this.nativeInput)===null||o===void 0?void 0:o.setCustomValidity("");this.invalid=false}handleSlotChange(){this.hasErrorTextSlot=s(this.host,"error-text");this.hasLabelSlot=s(this.host,"label")}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){return e(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,errorTextId:this.errorTextId,errorText:this.customErrorText!=null?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:"medium",disabled:this.disabled,required:this.required,displayError:this.displayError()},e("label",{part:"base",class:{checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--invalid":this.invalid,"checkbox--indeterminate":this.indeterminate},htmlFor:this.inputId,onMouseDown:this.handleMouseDown},e("span",{part:"control",class:"checkbox__control"},this.checked&&e("span",{part:"checked-icon",class:"checkbox__icon"},e("svg",{viewBox:"0 0 16 16"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},e("g",{stroke:"currentColor","stroke-width":"2"},e("g",{transform:"translate(3.428571, 3.428571)"},e("path",{d:"M0,5.71428571 L3.42857143,9.14285714"}),e("path",{d:"M9.14285714,0 L3.42857143,9.14285714"})))))),!this.checked&&this.indeterminate&&e("span",{part:"indeterminate-icon",class:"checkbox__icon"},e("svg",{viewBox:"0 0 16 16"},e("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},e("g",{stroke:"currentColor","stroke-width":"2"},e("g",{transform:"translate(2.285714, 6.857143)"},e("path",{d:"M10.2857143,1.14285714 L1.14285714,1.14285714"})))))),e("input",{ref:o=>this.nativeInput=o,id:this.inputId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"checkbox","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus})),e("span",{part:"text",id:this.textId,class:"checkbox__text"},e("slot",null))))}get host(){return r(this)}static get watchers(){return{checked:["handleCheckedChange"],indeterminate:["handleCheckedChange"],errorText:["handleLabelChange"],label:["handleLabelChange"]}}};a.style=c;export{a as six_checkbox};
+//# sourceMappingURL=p-30e0cdce.entry.js.map

package/dist/ui-library/p-30e0cdce.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sixCheckboxCss","id","SixCheckbox","this","inputId","labelId","textId","errorTextId","customErrorText","customValidation","eventListeners","EventListeners","defaultState","handleChange","nativeInput","checked","indeterminate","handleBlur","hasFocus","sixBlur","emit","handleFocus","sixFocus","handleMouseDown","event","preventDefault","_a","focus","handleCheckedChange","invalid","checkValidity","sixChange","handleLabelChange","handleSlotChange","connectedCallback","host","shadowRoot","addEventListener","disconnectedCallback","removeEventListener","removeAll","componentWillLoad","componentDidLoad","add","hasErrorTextSlot","errorText","validationMessage","async","options","blur","reportValidity","validity","valid","message","setCustomValidity","hasSlot","hasLabelSlot","displayError","errorOnBlur","render","h","FormControl","label","size","disabled","required","part","class","checkbox","htmlFor","onMouseDown","viewBox","stroke","fill","transform","d","ref","el","type","name","value","role","onChange","onBlur","onFocus"],"sources":["./src/components/six-checkbox/six-checkbox.scss?tag=six-checkbox&encapsulation=shadow","./src/components/six-checkbox/six-checkbox.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: inline-block;\n}\n\n.checkbox {\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.checkbox__control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--six-selection-control-toggle-size);\n  height: var(--six-selection-control-toggle-size);\n  border: solid var(--six-border-width) var(--six-input-border-color);\n  border-radius: 0;\n  background-color: var(--six-input-background-color);\n  color: var(--six-checkbox-color);\n  transition: var(--six-transition-fast) border-color, var(--six-transition-fast) background-color,\n    var(--six-transition-fast) color, var(--six-transition-fast) box-shadow;\n\n  input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  .checkbox__icon {\n    display: inline-flex;\n    width: var(--six-selection-control-toggle-size);\n    height: var(--six-selection-control-toggle-size);\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n}\n\n// Hover\n.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n  border-color: var(--six-input-border-color-hover);\n}\n\n// Checked/indeterminate\n.checkbox--checked .checkbox__control,\n.checkbox--indeterminate .checkbox__control {\n  border-color: var(--six-selection-control-color);\n  background-color: var(--six-selection-control-color);\n}\n\n// Checked/indeterminate + hover\n.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n  border-color: var(--six-input-border-color-focus);\n  background-color: var(--six-input-border-color-focus);\n}\n\n// Disabled\n.checkbox--disabled {\n  cursor: not-allowed;\n  color: var(--six-input-color-disabled);\n\n  .checkbox__control {\n    border-color: var(--six-input-border-color-disabled);\n  }\n\n  &.checkbox--checked .checkbox__control,\n  &.checkbox--indeterminate .checkbox__control {\n    background-color: var(--six-selection-control-color-disabled);\n  }\n}\n\n// Invalid\n.checkbox--invalid:not(.checkbox--disabled) {\n  .checkbox__control {\n    border-color: var(--six-input-border-color-danger);\n  }\n}\n\n.checkbox__text {\n  line-height: var(--six-selection-control-toggle-size);\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 FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\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 label - The checkbox 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 checkbox control.\n * @part checked-icon - The container the wraps the checked icon.\n * @part indeterminate-icon - The container that wraps the indeterminate icon.\n * @part text - The checkbox text rendered to the right.\n */\n\n@Component({\n  tag: 'six-checkbox',\n  styleUrl: 'six-checkbox.scss',\n  shadow: true,\n})\nexport class SixCheckbox {\n  private inputId = `checkbox-${++id}`;\n  private labelId = `checkbox-label-${id}`;\n  private textId = `checkbox-text-${id}`;\n  private errorTextId = `input-error-text-${id}`;\n  private nativeInput?: HTMLInputElement;\n  private customErrorText = '';\n  private customValidation = false;\n  private eventListeners = new EventListeners();\n\n  @Element() host!: HTMLSixCheckboxElement;\n\n  @State() hasFocus = false;\n  @State() hasLabelSlot = false;\n  @State() hasErrorTextSlot = false;\n\n  /** The checkbox's name attribute. */\n  @Prop() name = '';\n\n  /**\n   * The value of the checkbox does not mean if it's checked or not, use the `checked`\n   * property for that.\n   *\n   * The value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\n   * it's only used when the checkbox participates in a native `<form>`.\n   */\n  @Prop() value = 'on';\n\n  /** Set to true to disable the checkbox. */\n  @Prop() disabled = false;\n\n  /** Set to true to make the checkbox a required field. */\n  @Prop() required = false;\n\n  /** The checkbox label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The checkbox's error text. Alternatively, you can use the error-text slot. */\n  @Prop() errorText = '';\n\n  /** Set to true to draw the checkbox in a checked state. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /** Set to true to draw the checkbox in an indeterminate state. */\n  @Prop({ mutable: true, reflect: true }) indeterminate = false;\n\n  /** This will be true when the control is in an invalid state. Validity is determined by the `required` prop. */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /** Set to display the error text on blur and not when typing */\n  @Prop() errorOnBlur = false;\n\n  /** Emitted when the control loses focus. */\n  @Event({ eventName: 'six-checkbox-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control's checked state changes. */\n  @Event({ eventName: 'six-checkbox-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n  /** Emitted when the control gains focus. */\n  @Event({ eventName: 'six-checkbox-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n  @Watch('checked')\n  @Watch('indeterminate')\n  handleCheckedChange() {\n    if (this.nativeInput == null) {\n      return;\n    }\n    this.nativeInput.checked = this.checked;\n    this.checked = this.nativeInput.checked;\n    this.nativeInput.indeterminate = this.indeterminate;\n    this.invalid = !this.nativeInput.checkValidity();\n    this.sixChange.emit();\n  }\n\n  @Watch('errorText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  /** default state whether the radio button should be checked or not when resetting */\n  private defaultState = false;\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n    this.eventListeners.removeAll();\n  }\n\n  componentWillLoad() {\n    this.defaultState = this.checked;\n    this.handleSlotChange();\n  }\n\n  componentDidLoad() {\n    const nativeInput = this.nativeInput;\n    if (nativeInput == null) {\n      return;\n    }\n\n    nativeInput.indeterminate = this.indeterminate;\n    this.eventListeners.add(nativeInput, 'invalid', (event) => {\n      this.invalid = true;\n      if (this.customValidation || (!this.hasErrorTextSlot && this.errorText === '' && this.customErrorText === '')) {\n        this.customErrorText = nativeInput.validationMessage;\n      }\n      event.preventDefault();\n    });\n  }\n\n  /** Sets focus on the checkbox. */\n  @Method()\n  async setFocus(options?: FocusOptions) {\n    this.nativeInput?.focus(options);\n  }\n\n  /** Removes focus from the checkbox. */\n  @Method()\n  async removeFocus() {\n    this.nativeInput?.blur();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  @Method()\n  async reportValidity() {\n    return this.nativeInput?.reportValidity();\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    if (this.nativeInput == null) {\n      return true;\n    }\n    return this.nativeInput.validity.valid;\n  }\n\n  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */\n  @Method()\n  async setCustomValidity(message: string) {\n    this.customErrorText = '';\n    this.customValidation = message !== '';\n    if (this.nativeInput != null) {\n      this.nativeInput.setCustomValidity(message);\n      this.invalid = !this.nativeInput.checkValidity();\n    }\n  }\n\n  /** Resets the formcontrol */\n  @Method()\n  async reset() {\n    this.checked = this.defaultState;\n    this.customErrorText = '';\n    this.customValidation = false;\n    this.nativeInput?.setCustomValidity('');\n    this.invalid = false;\n  }\n\n  private handleChange = () => {\n    if (this.nativeInput != null) {\n      this.checked = this.nativeInput.checked;\n      this.indeterminate = false;\n    }\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.sixBlur.emit();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.sixFocus.emit();\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    // Prevent clicks on the label from briefly blurring the input\n    event.preventDefault();\n    this.nativeInput?.focus();\n  };\n\n  private handleSlotChange() {\n    this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n  }\n\n  private displayError() {\n    return this.invalid && (!this.errorOnBlur || !this.hasFocus);\n  }\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.inputId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        errorTextId={this.errorTextId}\n        errorText={this.customErrorText != null ? this.customErrorText : this.errorText}\n        hasErrorTextSlot={this.hasErrorTextSlot}\n        size=\"medium\"\n        disabled={this.disabled}\n        required={this.required}\n        displayError={this.displayError()}\n      >\n        <label\n          part=\"base\"\n          class={{\n            checkbox: true,\n            'checkbox--checked': this.checked,\n            'checkbox--disabled': this.disabled,\n            'checkbox--focused': this.hasFocus,\n            'checkbox--invalid': this.invalid,\n            'checkbox--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n          onMouseDown={this.handleMouseDown}\n        >\n          <span part=\"control\" class=\"checkbox__control\">\n            {this.checked && (\n              <span part=\"checked-icon\" class=\"checkbox__icon\">\n                <svg viewBox=\"0 0 16 16\">\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                    <g stroke=\"currentColor\" stroke-width=\"2\">\n                      <g transform=\"translate(3.428571, 3.428571)\">\n                        <path d=\"M0,5.71428571 L3.42857143,9.14285714\"></path>\n                        <path d=\"M9.14285714,0 L3.42857143,9.14285714\"></path>\n                      </g>\n                    </g>\n                  </g>\n                </svg>\n              </span>\n            )}\n\n            {!this.checked && this.indeterminate && (\n              <span part=\"indeterminate-icon\" class=\"checkbox__icon\">\n                <svg viewBox=\"0 0 16 16\">\n                  <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                    <g stroke=\"currentColor\" stroke-width=\"2\">\n                      <g transform=\"translate(2.285714, 6.857143)\">\n                        <path d=\"M10.2857143,1.14285714 L1.14285714,1.14285714\"></path>\n                      </g>\n                    </g>\n                  </g>\n                </svg>\n              </span>\n            )}\n\n            <input\n              ref={(el) => (this.nativeInput = el)}\n              id={this.inputId}\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=\"checkbox\"\n              aria-checked={this.checked ? 'true' : 'false'}\n              aria-labelledby={this.labelId}\n              onChange={this.handleChange}\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n            />\n          </span>\n\n          <span part=\"text\" id={this.textId} class=\"checkbox__text\">\n            <slot />\n          </span>\n        </label>\n      </FormControl>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui-library/{p-63703ba3.entry.js → p-3a47c8ad.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as r}from"./p-ac4f4d45.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";const e=class{constructor(r){i(this,r);this.six=false}renderSIXLogo(){return r("span",{class:"six-spinner","aria-busy":"true","aria-live":"polite"},r("div",{class:"six-spinner__container"},r("svg",{viewBox:"0 0 40 40"},r("path",{fill:"none",stroke:"#de3919","stroke-width":"5","stroke-linecap":"round",d:"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42"}))))}renderSimple(){return r("span",{part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}render(){return this.six?this.renderSIXLogo():this.renderSimple()}};e.style=s;export{e as six_spinner};
-//# sourceMappingURL=p-63703ba3.entry.js.map
+import{r as i,h as r}from"./p-187fbba0.js";const s=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--track-color:var(--six-progress-track-color);--indicator-color:var(--six-progress-indicator-color);--stroke-width:2px;display:inline-flex}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.six-spinner{width:auto;height:auto;position:relative}.six-spinner .six-spinner__container{margin:0;transform:translateX(0)}.six-spinner .six-spinner__container svg{transform:translateX(0)}.six-spinner__container{position:relative;margin:0 auto;top:calc(50% - 20px);z-index:1}.six-spinner__container,.six-spinner__container svg{width:40px;height:40px;display:block;transform:translateX(40px)}.six-spinner path{stroke-dashoffset:70px;stroke-dasharray:70, 444;-webkit-animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;animation:six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite}@-webkit-keyframes six-spinner{to{stroke-dashoffset:-444}}@keyframes six-spinner{to{stroke-dashoffset:-444}}";const e=class{constructor(r){i(this,r);this.six=false}renderSIXLogo(){return r("span",{class:"six-spinner","aria-busy":"true","aria-live":"polite"},r("div",{class:"six-spinner__container"},r("svg",{viewBox:"0 0 40 40"},r("path",{fill:"none",stroke:"#de3919","stroke-width":"5","stroke-linecap":"round",d:"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42"}))))}renderSimple(){return r("span",{part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}render(){return this.six?this.renderSIXLogo():this.renderSimple()}};e.style=s;export{e as six_spinner};
+//# sourceMappingURL=p-3a47c8ad.entry.js.map

package/dist/ui-library/{p-63703ba3.entry.js.map → p-3a47c8ad.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["sixSpinnerCss","SixSpinner","renderSIXLogo","h","class","viewBox","fill","stroke","d","renderSimple","part","render","this","six"],"sources":["./src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","./src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\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 * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */\n  @Prop() six = false;\n\n  renderSIXLogo() {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">\n          <svg viewBox=\"0 0 40 40\">\n            <path\n              fill=\"none\"\n              stroke=\"#de3919\"\n              stroke-width=\"5\"\n              stroke-linecap=\"round\"\n              d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n            ></path>\n          </svg>\n        </div>\n      </span>\n    );\n  }\n\n  renderSimple() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    return this.six ? this.renderSIXLogo() : this.renderSimple();\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,4vC,MCeTC,EAAU,M,kCAEP,K,CAEdC,gBACE,OACEC,EAAA,QAAMC,MAAM,cAAa,YAAW,OAAM,YAAW,UACnDD,EAAA,OAAKC,MAAM,0BACTD,EAAA,OAAKE,QAAQ,aACXF,EAAA,QACEG,KAAK,OACLC,OAAO,UAAS,eACH,IAAG,iBACD,QACfC,EAAE,wH,CAQdC,eACE,OAAON,EAAA,QAAMO,KAAK,OAAON,MAAM,UAAS,YAAW,OAAM,YAAW,U,CAGtEO,SACE,OAAOC,KAAKC,IAAMD,KAAKV,gBAAkBU,KAAKH,c"}
+{"version":3,"names":["sixSpinnerCss","SixSpinner","renderSIXLogo","h","class","viewBox","fill","stroke","d","renderSimple","part","render","this","six"],"sources":["./src/components/six-spinner/six-spinner.scss?tag=six-spinner&encapsulation=shadow","./src/components/six-spinner/six-spinner.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --track-color: The color of the spinner's track.\n * @prop --indicator-color: The color of the spinner's indicator.\n * @prop --stroke-width: The width of the indicator.\n */\n:host {\n  --track-color: var(--six-progress-track-color);\n  --indicator-color: var(--six-progress-indicator-color);\n  --stroke-width: 2px;\n\n  display: inline-flex;\n}\n\n.spinner {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border-radius: 50%;\n  border: solid var(--stroke-width) var(--track-color);\n  border-top-color: var(--indicator-color);\n  border-right-color: var(--indicator-color);\n  animation: 1s linear infinite spin;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n$color-six-spinner-background: rgba(255, 255, 255, 0.7);\n\n.six-spinner {\n  width: auto;\n  height: auto;\n  position: relative;\n\n  .six-spinner__container {\n    margin: 0;\n    transform: translateX(0);\n  }\n\n  .six-spinner__container svg {\n    transform: translateX(0);\n  }\n\n  &__container {\n    position: relative;\n    margin: 0 auto;\n    top: calc(50% - 20px);\n    z-index: 1;\n  }\n\n  &__container,\n  &__container svg {\n    width: 40px;\n    height: 40px;\n    display: block;\n    transform: translateX(40px);\n  }\n\n  path {\n    stroke-dashoffset: 70px;\n    stroke-dasharray: 70, 444;\n    -webkit-animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n    animation: six-spinner 2s cubic-bezier(0.56, 0.39, 0.51, 0.96) infinite;\n  }\n\n  @-webkit-keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\n  }\n\n  @keyframes six-spinner {\n    to {\n      stroke-dashoffset: -444;\n    }\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 * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */\n  @Prop() six = false;\n\n  private renderSIXLogo() {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">\n          <svg viewBox=\"0 0 40 40\">\n            <path\n              fill=\"none\"\n              stroke=\"#de3919\"\n              stroke-width=\"5\"\n              stroke-linecap=\"round\"\n              d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n            ></path>\n          </svg>\n        </div>\n      </span>\n    );\n  }\n\n  private renderSimple() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    return this.six ? this.renderSIXLogo() : this.renderSimple();\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAgB,4vC,MCeTC,EAAU,M,kCAEP,K,CAENC,gBACN,OACEC,EAAA,QAAMC,MAAM,cAAa,YAAW,OAAM,YAAW,UACnDD,EAAA,OAAKC,MAAM,0BACTD,EAAA,OAAKE,QAAQ,aACXF,EAAA,QACEG,KAAK,OACLC,OAAO,UAAS,eACH,IAAG,iBACD,QACfC,EAAE,wH,CAQNC,eACN,OAAON,EAAA,QAAMO,KAAK,OAAON,MAAM,UAAS,YAAW,OAAM,YAAW,U,CAGtEO,SACE,OAAOC,KAAKC,IAAMD,KAAKV,gBAAkBU,KAAKH,c"}

package/dist/ui-library/p-3a4815cb.entry.js

@@ -0,0 +1,2 @@
+import{h as t,r as e,c as i,g as s}from"./p-187fbba0.js";import{E as r}from"./p-02d5a6d8.js";import{D as n,d as o,a}from"./p-8cf72af6.js";import{h}from"./p-d87a6f4d.js";import{m as l,c as d,a as c,b as u}from"./p-0fe78f9b.js";const p=t=>typeof t==="string";const m=t=>t==null;const f={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"]}};const y=()=>new Date;const b=t=>t instanceof Date&&!isNaN(t.getTime())&&new Date(t).toString()!=="Invalid Date";const v=t=>{if(t&&b(t)){return t.getFullYear()}throw new Error("Not a valid date")};const k=t=>{if(t&&b(t)){return t.getMonth()}throw new Error("Not a valid date")};const g=t=>{if(t&&b(t)){return t.getDate()}throw new Error("Not a valid date")};const w=t=>{if(t&&b(t)){return t.getHours()}throw new Error("Not a valid date")};const x=t=>{if(t&&b(t)){return t.getMinutes()}throw new Error("Not a valid date")};const _=t=>{if(t&&b(t)){return t.getSeconds()}throw new Error("Not a valid date")};const M=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 D=(t,e)=>(t===null||t===void 0?void 0:t.getFullYear())===(e===null||e===void 0?void 0:e.getFullYear());const S=(t,e)=>D(t,e)&&(t===null||t===void 0?void 0:t.getMonth())===(e===null||e===void 0?void 0:e.getMonth());const j=(t,e)=>S(t,e)&&(t===null||t===void 0?void 0:t.getDate())===(e===null||e===void 0?void 0:e.getDate());const C=(t,e)=>j(M(t),M(e));const O=(t,e)=>{if(!p(t)||!p(e)){return false}if(t.length<6||e.length<6){return false}const{day:i,month:s}=Q(t,e);if(i>31||s>11||i<=0||s<0){return false}const r=U(t,e);if(m(r)){return false}return r.toString()!=="Invalid Date"};const z=(t,e,i)=>{if(!t){return true}if(e&&t<e){return false}if(i&&i<t){return false}return true};const F=(t,e,i,s=2)=>{const r=s-1;const n=e.charAt(t+r)===i;const o=t+r<e.length;return o&&n};const J=(t,e)=>{let i=String(t);while(i.length<e){i="0"+i}return i};const N=(t,e)=>{if(t==null){return""}let i="";for(let s=0;s<e.length;s++){switch(e.charAt(s)){case"d":if(F(s,e,"d")){i+=J(t.getDate(),2);s++}else{i+=String(t.getDate())}break;case"m":if(F(s,e,"m")){i+=J(t.getMonth()+1,2);s++}else{i+=String(t.getMonth()+1)}break;case"y":if(F(s,e,"y",4)){s+=3;i+=t.getFullYear()}else{i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100;s++}break;case"h":if(F(s,e,"h")){i+=J(t.getHours(),2);s++}else{i+=String(t.getHours())}break;case"M":if(F(s,e,"M")){i+=J(t.getMinutes(),2);s++}else{i+=String(t.getMinutes())}break;case"s":if(F(s,e,"s")){i+=J(t.getSeconds(),2);s++}else{i+=String(t.getSeconds())}break;default:i+=e.charAt(s)}}return i};const A=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g;const E=/\d\d/;const I=/\d{4}/;const P=/[^0-9]/g;const B="year";const G="month";const L="day";const T="hour";const Y="minute";const H="second";const V={};const W=(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=>{V[t]=[e,r]}))};W("yy",E,(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}}));W("yyyy",I,B);W("mm",E,(t=>({[G]:parseInt(t,10)-1})));W("dd",E,L);W("hh",E,T);W("MM",E,Y);W("ss",E,H);const q=(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 R=(t,e,i,s,r,n)=>{if(!(t<100&&t>=0)){return new Date(t,e,i,s,r,n)}const o=new Date(t+400,e,i,s,r,n);if(isFinite(o.getFullYear())){o.setFullYear(t)}return o};const $=(t,e)=>{const i=e.match(A);if(!i){throw new Error}const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e];const n=V[s];if(!n){const e=s.replace(/^\[|\]$/g,"");if(t.indexOf(e)===0){t=t.substr(e.length)}else{throw new Error("not match")}}else{const e=n[0];const i=n[1];const s=(e.exec(t)||[])[0];const o=i(s);r=Object.assign(Object.assign({},r),o);t=t.replace(s,"")}}return r};const K=(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 Q=(t,e)=>{const i=K(t,e);return $(i,e)};const U=(t,e)=>{try{const{backupDate:i=new Date}={};const{year:s,month:r,day:n,hour:o,minute:a,second:h,date:l}=Q(t,e);if(l!=null){return l}const d=[s,r,n,o,a,h];const c=q(d,i);return R(...c)}catch(t){return new Date(NaN)}};const X=t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:n,maxDate:o,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:N(l,s),dateString:N(l,s),label:g(l).toString(),isToday:j(l,y()),isSelected:r&&j(l,r),isDisabled:!i(l)||!z(l,n,o),isOutdated:a.month!==l.getMonth()||!z(l,n,o)}];l.setDate(l.getDate()+1)}while(C(l,h));d=[...d,t];h.setDate(h.getDate()+7)}while(S(new Date(a.year,a.month,a.day),l));return d};function Z(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 tt;(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"})(tt||(tt={}));const et=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 it=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 st=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 rt=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}: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 ot=400;var at;(function(t){t["DAY"]="day";t["MONTH"]="month";t["YEAR"]="year"})(at||(at={}));const ht=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===at.DAY){this.previousMonth()}else if(this.selectionMode===at.MONTH){this.previousYear()}else if(this.selectionMode===at.YEAR){this.previousYearGroup()}};this.nextUnit=()=>{if(this.selectionMode===at.DAY){this.nextMonth()}else if(this.selectionMode===at.MONTH){this.nextYear()}else if(this.selectionMode===at.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=f[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e});this.selectionMode=at.DAY};this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t});this.selectionMode=at.DAY};this.handleInputChange=t=>{if(this.inputElement==null){return}t.stopPropagation();const e=this.inputElement.value;if(!O(e,this.dateFormat)){return}const i=U(e,this.dateFormat);if(i===undefined){return}if(this.min&&this.min.getTime()>i.getTime()){return}if(this.max&&this.max.getTime()<i.getTime()){return}this.updateIfChanged(i);const s=e.replace(/[^\d]/g,"");let r=e!=="";if(s.length>=6){const t=U(e,this.dateFormat);const i=N(t,this.dateFormat);if(O(i,this.dateFormat)){this.selectedDate=U(i,this.dateFormat);this.updatePointerDates();this.updateValue(this.selectedDate);r=true}}this.displayCustomMessage(r)};this.handleOnBlur=t=>{var e,i;if(((e=this.inputElement)===null||e===void 0?void 0:e.value)===""&&b(this.value)){this.value=undefined}t.stopPropagation();const s=(i=this.inputElement)===null||i===void 0?void 0:i.value;const r=U(s,this.dateFormat);const n=N(this.value,this.dateFormat);if(this.inputElement!=null&&r!=null&&s!==n){this.inputElement.value=n}this.sixBlur.emit(this.value)};this.pointerDate=ht.getCurrentDateAsPointer();this.selectionMode=at.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.containingElement=undefined;this.dateFormat=tt.DDMMYYY_DOT;this.debounce=n;this.errorOnBlur=false;this.errorText="";this.label="";this.name="";this.clearable=false;this.iconPosition="left";this.hoist=false}debounceChanged(){this.sixSelect=o(this.sixSelect,this.debounce)}valueChanged(){if(this.value!=null&&!b(this.value)){console.warn("invalid date value: ",this.value);this.value=undefined}this.selectedDate=this.value;this.updatePointerDates();this.sixSelect.emit(this.value)}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,ot)}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return M(t)}async reportValidity(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.reportValidity()}async checkValidity(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.checkValidity()}async setCustomValidity(t){var e;await((e=this.inputElement)===null||e===void 0?void 0:e.setCustomValidity(t))}async reset(){this.value=this.defaultValue;if(this.inputElement!=null){this.inputElement.value=N(this.defaultValue,this.dateFormat);await this.inputElement.reset()}}get calendarGrid(){return X({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,ot)}getMonthStringForIndex(t){return f[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=at.DAY}updatePointerDates(){const t=this.getPointerDate();if(this.differsFromPointerDate(t)){this.pointerDate={year:v(t),month:k(t),day:g(t),hours:w(t),minutes:x(t),seconds:_(t)}}}differsFromPointerDate(t){return this.pointerDate.day!==g(t)||this.pointerDate.month!==k(t)||this.pointerDate.year!==v(t)||this.pointerDate.hours!==w(t)||this.pointerDate.minutes!==x(t)||this.pointerDate.seconds!==_(t)}getPointerDate(){if(this.selectedDate!==undefined&&this.selectedDate!==null){return this.selectedDate}if(m(this.defaultDate)){return y()}else if(this.defaultDate!=null){return U(this.defaultDate,this.dateFormat)}return undefined}updateValue(t){this.displayCustomMessage(true);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}async select(t){if(t==null){this.updateValue(undefined)}else{const e=U(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.defaultValue=this.value;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===at.DAY&&t("div",{onClick:()=>this.selectionMode=at.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!==at.YEAR&&t("div",{onClick:()=>this.selectionMode=at.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===at.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 at.DAY:return t(it,{locale:f[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case at.MONTH:return t(et,{locale:f[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case at.YEAR:return t(st,{selectedDate:this.selectedDate,yearSelection:Z(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:N(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,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,onClick:()=>this.openCalendar(),size:this.size,class:{"input--empty":this.value==null}},this.renderCustomIcon(),this.renderClearable(),h(this.host,"error-text")?t("span",{slot:"error-text"},t("slot",{name:"error-text"})):null,h(this.host,"label")?t("span",{slot:"label"},t("slot",{name:"label"})):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,ot,(t=>this.isDropDownContentUp=t));u(this.popup)}disconnectedCallback(){this.eventListeners.removeAll()}displayCustomMessage(t){if(this.inputElement==null){return}if(t){void this.setCustomValidity("")}else{const t=this.errorText!=null?this.errorText:"Invalid date format";void this.setCustomValidity(t)}}static getCurrentDateAsPointer(){return{year:v(y()),month:k(y()),day:g(y()),hours:w(y()),minutes:x(y()),seconds:_(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};ht.style=rt;export{ht as six_datepicker};
+//# sourceMappingURL=p-3a4815cb.entry.js.map

package/dist/ui-library/p-3a4815cb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isString","value","isNil","i18nDate","en","months","monthsShort","monthsShortGrouped","weekdays","weekdaysShort","weekdaysMin","de","fr","it","now","Date","isValidDate","isNaN","getTime","toString","year","date","getFullYear","Error","month","getMonth","day","getDate","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","min","max","updateIfChanged","datesOnly","isDateValid","dateAsString","displayCustomMessage","handleOnBlur","_b","formattedDate","sixBlur","getCurrentDateAsPointer","type","DDMMYYY_DOT","DEFAULT_DEBOUNCE_FAST","debounceChanged","sixSelect","debounceEvent","debounce","valueChanged","console","warn","updateDropdownDirection","moveOpenHoistedPopup","adjustPopupPosition","movePopup","hoist","popup","wrapper","containingElement","host","reportValidity","checkValidity","message","setCustomValidity","defaultValue","reset","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","errorOnBlur","datepicker__popup","placement","_c","adjustPopupForHoisting","isUp","adjustPopupForSmallScreens","disconnectedCallback","removeAll","valid","static"],"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};\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 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';\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","export 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  seconds,\n  toDate,\n  year,\n} from '../../utils/date-util';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { isNil } from '../../utils/type-check';\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 */\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' = '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 make the input a required field. */\n  @Prop({ reflect: true }) 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 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  /** Set to display the error text on blur and not when typing */\n  @Prop() errorOnBlur = false;\n\n  /** The input's error text. Alternatively, you can use the error-text slot. */\n  @Prop() errorText = '';\n\n  /** The input's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\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    }\n\n    this.selectedDate = this.value;\n    this.updatePointerDates();\n    this.sixSelect.emit(this.value);\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 defaultValue?: Date;\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  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  @Method()\n  async reportValidity() {\n    return this.inputElement?.reportValidity();\n  }\n\n  /** Checks for validity. */\n  @Method()\n  async checkValidity() {\n    return this.inputElement?.checkValidity();\n  }\n\n  /** Sets a custom validation message. If `message` is not empty, the field will be considered invalid. */\n  @Method()\n  async setCustomValidity(message: string) {\n    await this.inputElement?.setCustomValidity(message);\n  }\n\n  /** Resets the formcontrol */\n  @Method()\n  async reset() {\n    this.value = this.defaultValue;\n    if (this.inputElement != null) {\n      this.inputElement.value = formatDate(this.defaultValue, this.dateFormat);\n      await this.inputElement.reset();\n    }\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 (isNil(this.defaultDate)) {\n      return now();\n    } else if (this.defaultDate != null) {\n      return toDate(this.defaultDate, this.dateFormat);\n    }\n    return undefined;\n  }\n\n  private updateValue(newDate?: Date) {\n    this.displayCustomMessage(true);\n    this.updateIfChanged(newDate);\n  }\n\n  private updateIfChanged(newDate?: Date) {\n    if (this.value?.getTime() === newDate?.getTime()) {\n      return;\n    }\n\n    this.value = newDate;\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    if (this.min && this.min.getTime() > inputValueDate.getTime()) {\n      return;\n    }\n\n    if (this.max && this.max.getTime() < inputValueDate.getTime()) {\n      return;\n    }\n\n    this.updateIfChanged(inputValueDate);\n\n    const datesOnly = inputValue.replace(/[^\\d]/g, '');\n\n    let isDateValid = inputValue !== '';\n\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        isDateValid = true;\n      }\n    }\n    this.displayCustomMessage(isDateValid);\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    }\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.defaultValue = this.value;\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          error-text={this.errorText}\n          error-on-blur={this.errorOnBlur}\n          onClick={() => this.openCalendar()}\n          size={this.size}\n          class={{ 'input--empty': this.value == null }}\n        >\n          {this.renderCustomIcon()}\n          {this.renderClearable()}\n\n          {hasSlot(this.host, 'error-text') ? (\n            <span slot=\"error-text\">\n              <slot name=\"error-text\" />\n            </span>\n          ) : null}\n          {hasSlot(this.host, 'label') ? (\n            <span slot=\"label\">\n              <slot name=\"label\" />\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  disconnectedCallback() {\n    this.eventListeners.removeAll();\n  }\n\n  private displayCustomMessage(valid: boolean) {\n    if (this.inputElement == null) {\n      return;\n    }\n    if (valid) {\n      void this.setCustomValidity('');\n    } else {\n      const message = this.errorText != null ? this.errorText : 'Invalid date format';\n      void this.setCustomValidity(message);\n    }\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-3b71cac4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,g as i}from"./p-187fbba0.js";const r=class{constructor(o){t(this,o);this.value={}}componentWillLoad(){this.injectAttrs()}attrsUpdated(){this.injectAttrs()}injectAttrs(){const t=this.host.firstElementChild;if(typeof(t===null||t===void 0?void 0:t.assignedElements)!=="function"){return}const o=t.assignedElements().pop();if(!o){return}const i={undefined:t=>o.removeAttribute(t),boolean:(t,i)=>{if(i!=null){o.setAttribute(t,"")}else{o.removeAttribute(t)}},number:(t,i)=>o.setAttribute(t,i),string:(t,i)=>o.setAttribute(t,i),object:(t,i)=>o.setAttribute(t,JSON.stringify(i))};for(const[t,o]of Object.entries(this.value)){i[typeof o](t,o)}}render(){return o("slot",null)}get host(){return i(this)}static get watchers(){return{value:["attrsUpdated"]}}};const n=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:grid}.center-content{display:grid;align-self:center;justify-self:center;grid-gap:5px;grid-auto-flow:column}.align-item{margin:auto}.indicator,.indicator--acceptance,.indicator--etu,.indicator--dev,.indicator--itu{font-family:var(--six-font-family);font-size:14px;font-weight:var(--six-font-weight-bold);display:grid;align-content:center;width:100%;height:24px}.indicator--itu{background-color:var(--six-color-success-600);color:var(--six-color-web-rock-900)}.indicator--dev{background-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.indicator--etu{background-color:var(--six-color-action-600);color:var(--six-color-white)}.indicator--acceptance{background-color:var(--six-color-warning-800);color:var(--six-color-web-rock-900)}";const s=class{constructor(o){t(this,o);this.stage=null}render(){return this.stage==null||this.stage=="PROD"?null:o("div",{class:`indicator--${this.stage.toLowerCase()}`},o("div",{class:"center-content"},o("six-icon",{class:"align-item",size:"small"},"error_outline"),o("span",{class:"align-item"},o("slot",null))))}};s.style=n;export{r as set_attributes,s as six_stage_indicator};
+//# sourceMappingURL=p-3b71cac4.entry.js.map