@six-group/ui-library 3.0.0-beta.1.7 → 4.0.0-beta.0

package/dist/ui-library/p-e96dcf96.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,g as i}from"./p-30ebc1e7.js";import{a as l,h as o}from"./p-c09dc3a9.js";import{F as r}from"./p-572e3690.js";import{E as a}from"./p-7735d99f.js";import{D as n,a as h}from"./p-c733dead.js";let c=0,d=class{constructor(s){t(this,s),this.sixChange=e(this,"six-select-change",7),this.sixFocus=e(this,"six-select-focus",7),this.sixBlur=e(this,"six-select-blur",7),this.inputId="select-"+ ++c,this.labelId=`select-label-${c}`,this.helpTextId=`select-help-text-${c}`,this.errorTextId=`select-error-text-${c}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new a,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.isOpen=!1,this.displayLabel="",this.displayTags=[],this.multiple=!1,this.maxTagsVisible=3,this.disabled=!1,this.name="",this.placeholder="",this.filterDebounce=n,this.size="medium",this.hoist=!1,this.value="",this.pill=!1,this.label="",this.helpText="",this.errorText="",this.required=!1,this.clearable=!1,this.invalid=!1,this.line=!1,this.errorOnBlur=!1,this.filter=!1,this.asyncFilter=!1,this.autocomplete=!1,this.inputDebounce=n,this.options=null,this.virtualScroll=!1,this.defaultValue=null}handleDisabledChange(){this.disabled&&this.isOpen&&this.dropdown.hide()}handleLabelChange(){this.handleSlotChange()}handleMultipleChange(){const t=this.getValueAsArray();this.value=this.multiple?t:t[0]||"",this.syncItemsFromValue()}handleValueChange(){this.syncItemsFromValue(),this.input&&this.sixChange.emit({value:this.value,isSelected:!0})}connectedCallback(){this.virtualScroll&&null===this.options&&console.error("Options must be defined when using virtual scrolling"),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleClearClick=this.handleClearClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleSelectAll=this.handleSelectAll.bind(this),this.handleLabelClick=this.handleLabelClick.bind(this),this.handleMenuHide=this.handleMenuHide.bind(this),this.handleMenuShow=this.handleMenuShow.bind(this),this.handleMenuSelect=this.handleMenuSelect.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleTagInteraction=this.handleTagInteraction.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.handleSlotChange(),this.multiple&&this.value&&(this.value=this.getValueAsArray())}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>this.resizeMenu())),requestAnimationFrame((()=>this.syncItemsFromValue())),this.eventListeners.add(this.input,"invalid",(async t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=await this.input.getValidationMessage()),t.preventDefault()})),this.eventListeners.add(this.input,"six-input-input",h((t=>{const e=this.input.value;this.clearValues(),this.sixChange.emit({value:e,isSelected:!1}),t.stopPropagation()}),this.inputDebounce)),this.input.value=this.hasSelection()?this.displayLabel:""}disconnectedCallback(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.isValid()}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.input.setCustomValidity(""),this.invalid=!1}getItemLabel(t){const e=t.shadowRoot.querySelector("slot:not([name])");return e?l(e):t.textContent}getItems(){return null!==this.options?this.options.map((t=>s("six-menu-item",{value:t.value},t.label))):[...this.host.querySelectorAll("six-menu-item")]}hasMenuItems(){return this.getItems().length>0}getValueAsArray(){return(Array.isArray(this.value)?this.value:[this.value]).map(String)}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleInvalid(){this.invalid=!0}handleClearClick(t){t.stopPropagation(),this.clearValues()}clearValues(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:this.multiple?[]:"",this.syncItemsFromValue()}handleSelectAll(t){const e=this.getItems().filter((t=>"none"!==t.style.display));if("Control"!==t.key&&this.isOpen&&this.multiple&&"KeyA"===t.code&&t.ctrlKey){t.preventDefault();const s=e.some((t=>!t.disabled&&!t.checked));e.filter((t=>!t.disabled)).forEach((t=>t.checked=s));const i=e.filter((t=>t.checked)).map((t=>t.value));this.value=s?i:[]}}handleKeyDown(t){const e=t.target,s=this.getItems(),i=s[0],l=s[s.length-1];if("six-tag"!==e.tagName.toLowerCase())if("Tab"!==t.key){if(["ArrowDown","ArrowUp"].includes(t.key)){if(t.preventDefault(),this.isOpen||this.dropdown.show(),"ArrowDown"===t.key&&i)return void i.setFocus();if("ArrowUp"===t.key&&l)return void l.setFocus()}this.isOpen||(t.stopPropagation(),t.preventDefault(),this.dropdown.show(),this.menu.typeToSelect(t.key))}else this.isOpen&&this.dropdown.hide()}handleLabelClick(){this.box.focus()}handleMenuSelect(t){const e=t.detail.item;this.value=(()=>this.multiple?this.value.includes(e.value)?this.value.filter((t=>t!==e.value)):[...this.value,e.value]:e.value)(),this.syncItemsFromValue()}handleMenuShow(t){this.disabled?t.preventDefault():(this.resizeMenu(),this.resizeObserver.observe(this.host),this.isOpen=!0)}handleMenuHide(){this.resizeObserver.unobserve(this.host),this.isOpen=!1}handleSlotChange(){this.hasHelpTextSlot=o(this.host,"help-text"),this.hasErrorTextSlot=o(this.host,"error-text"),this.hasLabelSlot=o(this.host,"label"),this.syncItemsFromValue()}handleTagInteraction(t){t.composedPath().find((t=>{if(t instanceof HTMLElement)return t.classList.contains("tag__clear")}))&&t.stopPropagation()}resizeMenu(){this.menu.style.minWidth=`${this.box.clientWidth}px`,this.dropdown&&this.dropdown.reposition()}syncItemsFromValue(){const t=this.getItems(),e=this.getValueAsArray();if(t.forEach((t=>t.checked=e.includes(t.value))),this.multiple){const i=[];if(e.forEach((e=>t.map((t=>t.value===e?i.push(t):null)))),this.displayTags=i.map((t=>s("six-tag",{exportparts:"base:tag",type:"primary",size:this.size,pill:this.pill,clearable:!0,onClick:this.handleTagInteraction,onKeyDown:this.handleTagInteraction,"onSix-tag-clear":e=>{e.stopPropagation(),this.disabled||(t.checked=!1,this.syncValueFromItems())}},this.getItemLabel(t)))),this.maxTagsVisible>0&&this.displayTags.length>this.maxTagsVisible){const t=this.displayTags.length;this.displayLabel="",this.displayTags=this.displayTags.slice(0,this.maxTagsVisible),this.displayTags.push(s("six-tag",{exportparts:"base:tag",type:"info",size:this.size},"+",t-this.maxTagsVisible))}}else this.displayLabel=this.extractLabelForSelectedItem(e,t),this.displayTags=[];const i=this.hasSelection();i&&(this.touched=!0),this.input&&this.touched&&(this.autocomplete?i&&(this.input.value=Array.isArray(this.value)?this.value.join(","):this.value):this.input.value=i?this.displayLabel:"",this.invalid=!this.input.checkValidity())}extractLabelForSelectedItem(t,e){if(0===t.length||1===t.length&&""===t[0])return"";if(null!==this.options){const e=this.options.find((e=>e.value===t[0]));return(null==e?void 0:e.value)||""}const s=e.find((e=>e.value===t[0]));return s?this.getItemLabel(s):""}syncValueFromItems(){const t=this.getItems().filter((t=>t.checked)).map((t=>t.value));this.value=this.multiple?this.getValueAsArray().filter((e=>t.includes(e))):t.length>0?t[0]:""}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus&&!this.isOpen)}render(){var t;const e=this.hasSelection();return s(r,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,onLabelClick:this.handleLabelClick,disabled:this.disabled,required:this.required,displayError:this.displayError()},s("six-dropdown",{part:"base",ref:t=>this.dropdown=t,hoist:this.hoist,closeOnSelect:!this.multiple,containingElement:this.host,disableHideOnEnterAndSpace:this.autocomplete,class:{select:!0,"select--open":this.isOpen,"select--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"select--focused":this.hasFocus,"select--clearable":this.clearable,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--has-tags":this.multiple&&e,"select--placeholder-visible":""===this.displayLabel,"select--small":"small"===this.size,"select--medium":"medium"===this.size,"select--large":"large"===this.size,"select--pill":this.pill,"select--invalid":this.invalid},onKeyDown:this.handleSelectAll,"onSix-dropdown-show":this.handleMenuShow,"onSix-dropdown-hide":this.handleMenuHide,filterPlaceholder:this.filterPlaceholder,filterDebounce:this.filterDebounce,filter:this.filter,asyncFilter:this.asyncFilter},s("div",{slot:"trigger",ref:t=>this.box=t,id:this.inputId,class:{select__box:!0,"select__box--line":this.line,"select__box--autocomplete":this.autocomplete},role:"combobox","aria-labelledby":this.labelId,"aria-describedby":this.helpTextId,"aria-haspopup":"true","aria-expanded":this.isOpen?"true":"false",tabIndex:this.disabled?-1:0,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown},s("span",{class:"select__label"},this.displayTags.length?s("span",{part:"tags",class:"select__tags"},this.displayTags):this.displayLabel||this.placeholder),this.clearable&&e&&s("six-icon-button",{exportparts:"base:clear-button",class:"select__clear",name:"clear",size:"small",onClick:this.handleClearClick,tabindex:"-1"}),this.hasMenuItems()&&s("span",{part:"icon",class:"select__icon"},s("six-icon",{size:"medium"},"expand_more")),s("six-input",{ref:t=>this.input=t,class:{select__input:!0,"select__hidden-select":!this.autocomplete},"aria-hidden":"true",required:this.required,onInvalid:this.handleInvalid,onFocus:this.handleFocus,clearable:this.clearable,placeholder:this.placeholder,pill:this.pill,disabled:this.disabled,size:this.size,tabIndex:-1})),s("six-menu",{ref:t=>this.menu=t,part:"menu",class:{select__menu:!0,"select__menu--filtered":this.filter||this.asyncFilter,"select__menu--hidden":!this.hasMenuItems()},"onSix-menu-item-selected":this.handleMenuSelect,items:this.options,virtualScroll:this.virtualScroll,"remove-box-shadow":!0},s("slot",{onSlotchange:this.handleSlotChange}))))}hasSelection(){return this.multiple?this.value.length>0:""!==this.value}get host(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],multiple:["handleMultipleChange"],value:["handleValueChange"]}}};d.style=':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:block}.select{display:block}.select__box{display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);font-size:var(--six-input-font-size-medium);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;overflow:hidden;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:pointer}.select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select__box--autocomplete{border:none;overflow:initial}.select:not(.select--disabled) .select__box:hover{background-color:var(--six-input-background-color-hover);color:var(--six-input-color-hover);border-bottom-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:hover:not(.select__box--line){border-color:var(--six-input-border-color-hover)}.select:not(.select--disabled) .select__box:focus{background-color:var(--six-input-background-color-focus);outline:none;color:var(--six-input-color-focus);border-bottom-color:var(--six-input-border-color-focus);box-shadow:0 1px 0 0 var(--six-input-border-color-focus)}.select:not(.select--disabled) .select__box:focus:not(.select__box--line){border-color:var(--six-input-border-color-focus);box-shadow:var(--six-input-focus-shadow)}.select--disabled .select__box{background-color:var(--six-input-background-color-disabled);color:var(--six-input-color-disabled);cursor:not-allowed;outline:none}.select--disabled .select__box:not(.select__box--line){border-color:var(--six-input-border-color-disabled)}.select--disabled .select__tags,.select--disabled .select__clear{pointer-events:none}.select--invalid:not(.select--disabled):not(.select--focused) .select__box{border-bottom-color:var(--six-input-border-color-danger)}.select--invalid:not(.select--disabled):not(.select--focused) .select__box:not(.input--line){border-color:var(--six-input-border-color-danger)}.select__label{flex-shrink:1;flex-grow:1;align-items:center;user-select:none;width:0;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.select__label::-webkit-scrollbar{width:0;height:0}.select__clear{flex-shrink:0;flex-grow:0;display:inline}.select__icon{flex-shrink:0;flex-grow:0;display:inline;transition:var(--six-transition-medium) transform ease}.select--open .select__icon{transform:rotate(-180deg)}.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color)}.select--disabled.select--placeholder-visible .select__label{color:var(--six-input-placeholder-color-disabled)}.select__tags{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:left;margin-left:var(--six-spacing-xx-small)}.select__hidden-select{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.select__input{position:absolute;top:0;left:0;width:100%;height:100%}.select--small .select__box{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small);min-height:var(--six-height-small)}.select--small .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--small .select__label{margin:0 var(--six-input-spacing-small)}.select--small .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--small .select__icon{margin-right:var(--six-spacing-x-small)}.select--small .select__tags{padding-bottom:2px}.select--small .select__tags six-tag{padding-top:2px}.select--small .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--small.select--has-tags .select__label{margin-left:0}.select--medium .select__box{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium);min-height:var(--six-height-medium)}.select--medium .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--medium .select__label{margin:0 var(--six-input-spacing-medium)}.select--medium .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--medium .select__icon{margin-right:var(--six-spacing-x-small)}.select--medium .select__tags{padding-bottom:3px}.select--medium .select__tags six-tag{padding-top:3px}.select--medium .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--medium.select--has-tags .select__label{margin-left:0}.select--large .select__box{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large);min-height:var(--six-height-large)}.select--large .select__box--line{border:none;border-bottom:solid var(--six-border-width) var(--six-input-border-color)}.select--large .select__label{margin:0 var(--six-input-spacing-large)}.select--large .select__clear{margin-right:var(--six-spacing-xxx-small)}.select--large .select__icon{margin-right:var(--six-spacing-x-small)}.select--large .select__tags{padding-bottom:4px}.select--large .select__tags six-tag{padding-top:4px}.select--large .select__tags six-tag:not(:last-of-type){margin-right:var(--six-spacing-xx-small)}.select--large.select--has-tags .select__label{margin-left:0}.select--pill.select--small .select__box{border-radius:var(--six-height-small)}.select--pill.select--medium .select__box{border-radius:var(--six-height-medium)}.select--pill.select--large .select__box{border-radius:var(--six-height-large)}.select__menu{max-width:50vw;width:fit-content}.select__menu--filtered{width:100% !important}.select__menu--hidden{display:none}six-icon-button::part(base){padding-top:0;padding-bottom:0}';export{d as six_select}

package/dist/ui-library/p-ea1fcff2.entry.js

@@ -1 +0,0 @@
-import{h as t,r as e,c as i,g as s}from"./p-30ebc1e7.js";import{i as r,a,b as o,c as n,S as h}from"./p-34e6d8e8.js";import{E as l}from"./p-7735d99f.js";import{D as d,d as c,a as u}from"./p-c733dead.js";import{h as p}from"./p-c09dc3a9.js";const m={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"]}},y=()=>new Date,b=t=>!r(t)&&!a(t)&&(o(t)?!isNaN(t.getTime()):"Invalid Date"!==new Date(t).toString()),v=t=>{if(t&&b(t))return t.getFullYear();throw new Error("Not a valid date")},k=t=>{if(t&&b(t))return t.getMonth();throw new Error("Not a valid date")},g=t=>{if(t&&b(t))return t.getDate();throw new Error("Not a valid date")},w=t=>{if(t&&b(t))return t.getHours();throw new Error("Not a valid date")},f=t=>{if(t&&b(t))return t.getMinutes();throw new Error("Not a valid date")},x=t=>{if(t&&b(t))return t.getSeconds();throw new Error("Not a valid date")},_=t=>{const e=new Date(t);return e.setDate(e.getDate()-[6,0,1,2,3,4,5][e.getDay()]),e},M=(t,e)=>((t,e)=>(null==t?void 0:t.getFullYear())===(null==e?void 0:e.getFullYear()))(t,e)&&(null==t?void 0:t.getMonth())===(null==e?void 0:e.getMonth()),D=(t,e)=>M(t,e)&&(null==t?void 0:t.getDate())===(null==e?void 0:e.getDate()),S=(t,e)=>{if(!n(t)||!n(e))return!1;if(t.length<6||e.length<6)return!1;const{day:i,month:s}=P(t,e);if(i>31||s>11||i<=0||s<0)return!1;const a=I(t,e);return!r(a)&&"Invalid Date"!==a.toString()},j=(t,e,i)=>!(t&&(e&&t<e||i&&i<t)),C=(t,e,i,s=2)=>{const r=s-1,a=e.charAt(t+r)===i;return t+r<e.length&&a},O=(t,e)=>{let i=String(t);for(;i.length<e;)i="0"+i;return i},F=(t,e)=>{if(!t)return"";let i="";for(let s=0;s<e.length;s++)switch(e.charAt(s)){case"d":C(s,e,"d")?(i+=O(t.getDate(),2),s++):i+=String(t.getDate());break;case"m":C(s,e,"m")?(i+=O(t.getMonth()+1,2),s++):i+=String(t.getMonth()+1);break;case"y":C(s,e,"y",4)?(s+=3,i+=t.getFullYear()):(i+=(t.getFullYear()%100<10?"0":"")+t.getFullYear()%100,s++);break;case"h":C(s,e,"h")?(i+=O(t.getHours(),2),s++):i+=String(t.getHours());break;case"M":C(s,e,"M")?(i+=O(t.getMinutes(),2),s++):i+=String(t.getMinutes());break;case"s":C(s,e,"s")?(i+=O(t.getSeconds(),2),s++):i+=String(t.getSeconds());break;default:i+=e.charAt(s)}return i},z=/(\[[^\[]*\])|(mm|dd|yyyy|yy|hh|MM|ss|.)/g,J=/\d\d/,N=/[^0-9]/g,A={},E=(t,e,i)=>{const s=Array.isArray(t)?t:[t];let r;r="string"==typeof i?t=>{const e=parseInt(t,10);return{[i]:e}}:i,s.forEach((t=>{A[t]=[e,r]}))};E("yy",J,(t=>{const e=(new Date).getFullYear(),i=Math.floor(e/100);let s=parseInt(t,10);return s=100*(s>68?i-1:i)+s,{year:s}})),E("yyyy",/\d{4}/,"year"),E("mm",J,(t=>({month:parseInt(t,10)-1}))),E("dd",J,"day"),E("hh",J,"hour"),E("MM",J,"minute"),E("ss",J,"second");const P=(t,e)=>((t,e)=>{const i=e.match(z);if(!i)throw new Error;const{length:s}=i;let r={};for(let e=0;e<s;e+=1){const s=i[e],a=A[s];if(a){const e=a[1],i=(a[0].exec(t)||[])[0],s=e(i);r=Object.assign(Object.assign({},r),s),t=t.replace(i,"")}else{const e=s.replace(/^\[|\]$/g,"");if(0!==t.indexOf(e))throw new Error("not match");t=t.substr(e.length)}}return r})(((t,e)=>{if(t.length===e.length)return t;const i=t.match(N)[0];return t.split(i).map((t=>1===t.length?"0"+t:t)).join(i)})(t,e),e),I=(t,e)=>{try{const{backupDate:i=new Date}={},{year:s,month:r,day:a,hour:o,minute:n,second:h,date:l}=P(t,e);if(l)return l;let d;return d=((t,e,i,s,r,a)=>{if(!(t<100&&t>=0))return new Date(t,e,i,s,r,a);const o=new Date(t+400,e,i,s,r,a);return isFinite(o.getFullYear())&&o.setFullYear(t),o})(...((t,e=new Date)=>{const i=[0,0,1,0,0,0],s=[e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds()];let r=!0;for(let e=0;e<7;e++)void 0===t[e]?i[e]=r?s[e]:i[e]:(i[e]=t[e],r=!1);return i})([s,r,a,o,n,h],i)),d}catch(t){return new Date(NaN)}};var T;!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"}(T||(T={}));const G=({locale:e,selectedDate:i,onClickMonthCell:s})=>{const r=t=>(null==i?void 0:i.getMonth())===e.monthsShort.findIndex((e=>e===t));return t("table",{class:"datepicker-table",part:"month-selection"},t("tbody",null,e.monthsShortGrouped.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>{return t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":(a=i,e.monthsShort[y().getMonth()]===a),"datepicker-table__cell--is-selected":r(i)}},i);var a})))))))},B=({locale:e,calendarGrid:i,onClickDateCell:s})=>t("table",{class:"datepicker-table",part:"day-selection"},t("thead",{part:"weekday-header"},e.weekdaysMin.map((e=>t("th",{class:"datepicker__cell"},e)))),t("tbody",null,i.map((e=>t("tr",{class:"datepicker-table__row"},e.map((e=>t("td",{"data-date":e.dateString,onClick:()=>s(e),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":e.isToday,"datepicker-table__cell--is-selected":e.isSelected,"datepicker-table__cell--is-outdated":e.isOutdated,"datepicker-table__cell--is-disabled":e.isDisabled,"datepicker-table__cell--is-selectable":!e.isDisabled}},e.label)))))))),L=({selectedDate:e,yearSelection:i,onClickYearCell:s})=>t("table",{class:"datepicker-table",part:"year-selection"},t("tbody",null,i.map((i=>t("tr",{class:"datepicker-table__row"},i.map((i=>t("td",{onClick:()=>s(i),class:{"datepicker-table__cell":!0,"datepicker-table__cell--is-today":y().getFullYear()===i,"datepicker-table__cell--is-selected":(null==e?void 0:e.getFullYear())===i}},i))))))));var U;!function(t){t.DAY="day",t.MONTH="month",t.YEAR="year"}(U||(U={}));const V=t=>Array.from(new Array(25).keys()).map((e=>e+t-Math.floor(12.5))).reduce(((t,e,i)=>(i%5==0&&t.push([]),t[t.length-1].push(e),t)),[]);let Y=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 l,this.selectedDate=null,this.pointerDate=Y.getCurrentDateAsPointer(),this.selectionMode=U.DAY,this.isDropDownContentUp=!1,this.type="date",this.locale="en",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.allowedDates=()=>!0,this.min=null,this.max=null,this.closeOnSelect="date"===this.type,this.size="medium",this.value=null,this.dateFormat=T.DDMMYYY_DOT,this.debounce=d,this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.defaultValue=null,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.closePopup(),this.inputElement.setFocus()),"Tab"===t.key&&this.closePopup()},this.handleDocumentMouseDown=t=>{t.composedPath().includes(this.container)||this.closePopup()},this.onTimepickerChange=t=>{const e=t.detail.value,i=new Date;this.selectedDate&&i.setFullYear(this.selectedDate.getFullYear(),this.selectedDate.getMonth(),this.selectedDate.getDate()),i.setHours(e[h.HOURS],e[h.MINUTES],e[h.SECONDS]),this.updateValue(i),this.updatePointerDates()},this.onClickDateCell=t=>{t.isDisabled||this.select(t.dateString)},this.onClickMonthCell=t=>{const e=m[this.locale].monthsShort.findIndex((e=>e===t));this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{month:e}),this.selectionMode=U.DAY},this.onClickYearCell=t=>{this.pointerDate=Object.assign(Object.assign({},this.pointerDate),{year:t}),this.selectionMode=U.DAY},this.handleInputChange=t=>{const e=this.inputElement.value;if(!S(e,this.dateFormat))return;const i=I(e,this.dateFormat);if(void 0===i)return;if(this.min&&this.min.getTime()>i.getTime())return;if(this.max&&this.max.getTime()<i.getTime())return;this.updateIfChanged(i),t.stopPropagation();const s=e.replace(/[^\d]/g,"");let r=!e;if(e&&s.length>=6){const t=I(e,this.dateFormat),i=F(t,this.dateFormat);S(i,this.dateFormat)&&(this.selectedDate=I(i,this.dateFormat),this.updatePointerDates(),this.updateValue(this.selectedDate),r=!0)}this.displayCustomMessage(r)},this.handleOnBlur=t=>{""===this.inputElement.value&&b(this.value)&&(this.value=void 0),t.stopPropagation();const e=this.inputElement.value,i=I(e,this.dateFormat),s=F(this.value,this.dateFormat);i&&e!==s&&(this.inputElement.value=s),this.sixBlur.emit(this.value)}}debounceChanged(){this.sixSelect=c(this.sixSelect,this.debounce)}valueChanged(){if(this.isValidValue())return console.warn("Encountered unreadable date, will map to undefined. Received value",this.value),void(this.value=void 0);this.selectedDate=this.value,this.updatePointerDates(),this.sixSelect.emit(this.value)}async resizeHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup(),this.adjustPopupPosition()}async scrollHandler(){this.calcIsDropDownContentUp(),this.moveOpenHoistedPopup()}get container(){return this.containingElement||this.host}get firstDateOfBox(){const t=new Date(this.pointerDate.year,this.pointerDate.month,1);return _(t)}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(t){await this.inputElement.setCustomValidity(t)}async reset(){this.value=this.defaultValue,this.inputElement.value=F(this.defaultValue,this.dateFormat),await this.inputElement.reset()}isValidValue(){return null!=this.value&&(!(this.value instanceof Date)||this.value instanceof Date&&isNaN(this.value))}get calendarGrid(){return(t=>{const{firstDateOfBox:e,allowedDates:i,dateFormat:s,selectedDate:r,minDate:a,maxDate:o,pointerDate:n}=t,h=new Date(e),l=new Date(e);let d=[];do{let t=[];do{t=[...t,{date:new Date(l),display:F(l,s),dateString:F(l,s),label:g(l).toString(),isToday:D(l,y()),isSelected:r&&D(l,r),isDisabled:!i(l)||!j(l,a,o),isOutdated:n.month!==l.getMonth()||!j(l,a,o)}],l.setDate(l.getDate()+1)}while(c=h,D(_(l),_(c)));d=[...d,t],h.setDate(h.getDate()+7)}while(M(new Date(n.year,n.month,n.day),l));var c;return d})({firstDateOfBox:this.firstDateOfBox,allowedDates:this.allowedDates,dateFormat:this.dateFormat,locale:this.locale,selectedDate:this.selectedDate,minDate:this.min,maxDate:this.max,pointerDate:this.pointerDate})}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const t=this.inputElement.getBoundingClientRect(),e=this.wrapper.getBoundingClientRect(),i=Math.max(e.height,400),s=t.y>window.innerHeight/2;this.isDropDownContentUp=s&&window.innerHeight<t.bottom+i}getMonthStringForIndex(t){return m[this.locale].months[t]}previousUnit(){this.selectionMode===U.DAY?this.previousMonth():this.selectionMode===U.MONTH?this.previousYear():this.selectionMode===U.YEAR&&this.previousYearGroup()}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-25})}previousMonth(){this.pointerDate=0===this.pointerDate.month?{year:this.pointerDate.year-1,month:11,day:1,hours:0,minutes:0,seconds:0}:{year:this.pointerDate.year,month:this.pointerDate.month-1,day:1,hours:0,minutes:0,seconds:0}}nextUnit(){this.selectionMode===U.DAY?this.nextMonth():this.selectionMode===U.MONTH?this.nextYear():this.selectionMode===U.YEAR&&this.nextYearGroup()}nextMonth(){this.pointerDate=11===this.pointerDate.month?{year:this.pointerDate.year+1,month:0,day:1,hours:0,minutes:0,seconds:0}:{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+25})}openCalendar(){this.open||this.disabled||(this.open=!0,this.setupEventListenersForOpenPopup())}setupEventListenersForOpenPopup(){this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}handleClearClick(t){t.stopPropagation(),this.select(void 0),this.sixClear.emit()}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown),this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown),this.selectionMode=U.DAY)}updatePointerDates(){const t=this.getPointerDate();this.differsFromPointerDate(t)&&(this.pointerDate={year:v(t),month:k(t),day:g(t),hours:w(t),minutes:f(t),seconds:x(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!==f(t)||this.pointerDate.seconds!==x(t)}getPointerDate(){return null!=this.selectedDate?this.selectedDate:r(this.defaultDate)?y():this.defaultDate&&I(this.defaultDate,this.dateFormat)}updateValue(t){this.displayCustomMessage(!0),this.updateIfChanged(t)}updateIfChanged(t){var e;(null===(e=this.value)||void 0===e?void 0:e.getTime())!==(null==t?void 0:t.getTime())&&(this.value=t)}async select(t){if(t){const e=I(t,this.dateFormat);e.setHours(this.pointerDate.hours,this.pointerDate.minutes,this.pointerDate.seconds),this.updateValue(e)}else this.updateValue(void 0);this.updatePointerDates(),this.closeOnSelect&&this.closePopup()}componentWillLoad(){this.validateProps(),this.defaultValue=this.value,this.selectedDate=this.value,this.updatePointerDates(),this.updateValue(this.value),this.inline&&(this.open=!0),this.open&&this.setupEventListenersForOpenPopup()}validateProps(){if(null!=this.value&&!(this.value instanceof Date))throw new Error("Datepicker no longer supports strings as value. Use a date object instead!");if(null!=this.min&&!(this.min instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!");if(null!=this.max&&!(this.max instanceof Date))throw new Error("Datepicker no longer supports strings as min. Use a date object instead!")}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",u(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"six-input-blur",this.handleOnBlur)}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===U.DAY&&t("div",{onClick:()=>this.selectionMode=U.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!==U.YEAR&&t("div",{onClick:()=>this.selectionMode=U.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===U.YEAR&&t("div",null,this.pointerDate.year-Math.floor(12.5)," –"," ",this.pointerDate.year+Math.floor(12.5))),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 U.DAY:return t(B,{locale:m[this.locale],calendarGrid:this.calendarGrid,onClickDateCell:this.onClickDateCell});case U.MONTH:return t(G,{locale:m[this.locale],selectedDate:this.selectedDate,onClickMonthCell:this.onClickMonthCell});case U.YEAR:return t(L,{selectedDate:this.selectedDate,yearSelection:V(this.pointerDate.year),onClickYearCell:this.onClickYearCell})}}renderCustomIcon(){const e=p(this.host,"custom-icon")?t("slot",{name:"custom-icon"}):t("six-icon",{size:"large"===this.size?"medium":this.size},"today");return t("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},e)}renderClearable(){return this.clearable&&t("button",{slot:"suffix",class:{"datepicker-clear":!0,"datepicker-clear--right":"left"===this.iconPosition,"datepicker-clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},t("six-icon",{size:"small"},"clear"))}render(){var e,i,s;return this.adjustPopupPosition(),t("div",{ref:t=>this.wrapper=t,class:"datepicker__container"},t("six-input",{part:"base",value:F(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}},this.renderCustomIcon(),this.renderClearable(),p(this.host,"error-text")?t("span",{slot:"error-text"},t("slot",{name:"error-text"})):null,p(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:!0,"datepicker__popup--is-up":this.placement?"top"===this.placement:this.isDropDownContentUp,"datepicker__popup--is-inline":this.inline}},this.renderHeader(),this.renderBody(),"date-time"===this.type&&t("six-timepicker",{inline:!0,"onSix-timepicker-change-debounced":t=>this.onTimepickerChange(t),value:(null===(e=this.selectedDate)||void 0===e?void 0:e.getHours())+":"+(null===(i=this.selectedDate)||void 0===i?void 0:i.getMinutes())+":"+(null===(s=this.selectedDate)||void 0===s?void 0:s.getSeconds())}),t("div",{class:"datepicker__footer"},t("slot",null))))}adjustPopupPosition(){this.adjustPopupForHoisting(),this.adjustPopupForSmallScreens()}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const t=this.popup.getBoundingClientRect().height,e=this.inputElement.getBoundingClientRect(),i=e.top,s=e.height;this.calcIsDropDownContentUp(),this.popup.style.top=this.isDropDownContentUp?i-t+"px":`${i+s}px`}adjustPopupForSmallScreens(){setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect(),e=()=>{this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}))};t.y<0&&window.innerHeight-t.height>0&&Math.abs(t.y)<=t.height?(e(),this.popup.style.top="0px"):window.innerHeight<t.y+t.height&&window.innerHeight>t.height&&Math.abs(t.y-window.innerHeight)<=t.height&&(e(),this.popup.style.top=window.innerHeight-t.height+"px"),window.innerWidth<t.x+t.width&&window.innerWidth>t.width&&Math.abs(t.x-window.innerWidth)<=t.width&&(e(),this.popup.style.left=window.innerWidth-t.width+"px")}),0)}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const t=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((e=>{this.popup.style[e]=`${t[e]}px`}));const e=this.inputElement.getBoundingClientRect(),i=e.top,s=t.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&i<s&&(this.popup.style.top=s-t.height-e.height+"px")}),0)}connectedCallback(){this.handleClearClick=this.handleClearClick.bind(this)}disconnectedCallback(){this.eventListeners.removeAll()}displayCustomMessage(t){this.inputElement&&this.setCustomValidity(t?"":this.errorText?this.errorText:"Invalid date format")}static getCurrentDateAsPointer(){return{year:v(y()),month:k(y()),day:g(y()),hours:w(y()),minutes:f(y()),seconds:x(y())}}get host(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};Y.style=":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-table-row-background-color-hover)}.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}";export{Y as six_datepicker}

package/dist/ui-library/p-ea781e94.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s}from"./p-30ebc1e7.js";let o=0,h=class{constructor(s){t(this,s),this.sixBlur=i(this,"six-switch-blur",7),this.sixChange=i(this,"six-switch-change",7),this.sixFocus=i(this,"six-switch-focus",7),this.switchId="switch-"+ ++o,this.labelId=`switch-label-${o}`,this.hasFocus=!1,this.disabled=!1,this.required=!1,this.checked=!1,this.invalid=!1,this.defaultValue=""}handleCheckedChange(){this.input.checked=this.checked,this.sixChange.emit(this.checked)}connectedCallback(){this.handleClick=this.handleClick.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseDown=this.handleMouseDown.bind(this)}componentWillLoad(){this.defaultValue=this.value}async setFocus(t){this.input.focus(t)}async removeFocus(){this.input.blur()}async reportValidity(){return this.input.reportValidity()}async checkValidity(){return this.input.validity.valid}async setCustomValidity(t){this.input.setCustomValidity(t),this.invalid=!this.input.checkValidity()}async reset(){this.value=this.defaultValue,this.input.setCustomValidity(""),this.invalid=!1}handleClick(){this.checked=this.input.checked}handleBlur(){this.hasFocus=!1,this.sixBlur.emit(this.checked)}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleKeyDown(t){"ArrowLeft"===t.key&&(t.preventDefault(),this.checked=!1),"ArrowRight"===t.key&&(t.preventDefault(),this.checked=!0)}handleMouseDown(t){t.preventDefault(),this.input.focus()}render(){return s("label",{part:"base",htmlFor:this.switchId,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled,"switch--focused":this.hasFocus},onMouseDown:this.handleMouseDown},s("span",{part:"control",class:"switch__control"},s("span",{part:"thumb",class:"switch__thumb"}),s("input",{ref:t=>this.input=t,id:this.switchId,type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,required:this.required,role:"switch","aria-checked":this.checked?"true":"false","aria-labelledby":this.labelId,onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown})),s("span",{part:"label",id:this.labelId,class:"switch__label"},s("slot",null)))}static get watchers(){return{checked:["handleCheckedChange"]}}};h.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--height:var(--six-selection-control-toggle-size);--thumb-size:calc(var(--six-selection-control-toggle-size) - 4px);--width:calc(var(--height) * 2);display:inline-block}.switch{display:inline-flex;align-items:center;font-family:var(--six-font-family);font-size:var(--six-input-font-size-medium);font-weight:var(--six-input-font-weight);color:var(--six-input-color);vertical-align:middle;cursor:pointer}.switch__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--width);height:var(--height);background-color:var(--six-selection-control-color-disabled);border-radius:var(--height);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color}.switch__control .switch__thumb{width:var(--thumb-size);height:var(--thumb-size);background-color:var(--six-input-background-color);border-radius:50%;transform:translateX(calc(var(--width) / -2 + var(--thumb-size) / 2 - (var(--thumb-size) - var(--height)) / 2));transition:var(--six-transition-fast) transform ease, var(--six-transition-fast) background-color, var(--six-transition-fast) border-color, var(--six-transition-fast) box-shadow}.switch__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.switch:not(.switch--checked):not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-hover)}.switch--checked .switch__control{background-color:var(--six-selection-control-color)}.switch--checked .switch__control .switch__thumb{background-color:var(--six-color-white);transform:translateX(calc(var(--width) / 2 - var(--thumb-size) / 2 + (var(--thumb-size) - var(--height)) / 2))}.switch.switch--checked:not(.switch--disabled) .switch__control:hover{background-color:var(--six-input-border-color-focus)}.switch--disabled{cursor:not-allowed;color:var(--six-selection-control-color-disabled)}.switch--disabled .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch--disabled.switch--checked .switch__control{background-color:var(--six-selection-control-color-disabled)}.switch__label{line-height:var(--height);margin-left:0.5em;user-select:none}";export{h as six_switch}

package/dist/ui-library/p-eae232c3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,g as e}from"./p-30ebc1e7.js";const r=Object.assign(document.createElement("div"),{className:"six-toast-stack"});let a=class{constructor(s){t(this,s),this.sixShow=i(this,"six-alert-show",7),this.sixAfterShow=i(this,"six-alert-after-show",7),this.sixHide=i(this,"six-alert-hide",7),this.sixAfterHide=i(this,"six-alert-after-hide",7),this.isVisible=!1,this.open=!1,this.closable=!1,this.type="primary",this.duration=1/0}handleOpenChange(){this.open?this.show():this.hide()}handleDurationChange(){this.restartAutoHide()}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this),this.handleMouseMove=this.handleMouseMove.bind(this),this.handleTransitionEnd=this.handleTransitionEnd.bind(this)}componentWillLoad(){this.open&&this.show()}async show(){this.isVisible||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.isVisible=!0,this.open=!0,this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))))}async hide(){this.isVisible&&(this.sixHide.emit().defaultPrevented?this.open=!0:(clearTimeout(this.autoHideTimeout),this.isVisible=!1,this.open=!1))}async toast(){return new Promise((t=>{r.parentElement||document.body.append(r),r.append(this.host),requestAnimationFrame((()=>this.show())),this.host.addEventListener("six-alert-after-hide",(()=>{this.host.remove(),t(),null===r.querySelector("six-alert")&&r.remove()}),{once:!0})}))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}handleTransitionEnd(t){"opacity"===t.propertyName&&t.target.classList.contains("alert")&&(this.isVisible=this.open,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit())}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=setTimeout((()=>this.hide()),this.duration))}render(){return s("div",{ref:t=>this.alert=t,part:"base",class:{alert:!0,"alert--open":this.open,"alert--visible":this.isVisible,"alert--closable":this.closable,"alert--primary":"primary"===this.type,"alert--success":"success"===this.type,"alert--info":"info"===this.type,"alert--warning":"warning"===this.type,"alert--danger":"danger"===this.type},role:"alert","aria-live":"assertive","aria-atomic":"true","aria-hidden":this.open?"false":"true",onMouseMove:this.handleMouseMove,onTransitionEnd:this.handleTransitionEnd},s("span",{part:"icon",class:"alert__icon"},s("slot",{name:"icon"})),s("span",{part:"message",class:"alert__message"},s("slot",null)),this.closable&&s("span",{class:"alert__close"},s("six-icon-button",{name:"clear",exportparts:"base:close-button",onClick:this.handleCloseClick})))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"]}}};a.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:contents;margin:0}.alert{position:relative;display:flex;align-items:stretch;background-color:var(--six-color-white);border:solid 1px var(--six-color-web-rock-200);border-top-width:3px;border-radius:var(--six-border-radius-medium);box-shadow:var(--box-shadow);font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:1.6;color:var(--six-color-web-rock-700);opacity:0;transform:scale(0.9);transition:var(--six-transition-medium) opacity ease, var(--six-transition-medium) transform ease;margin:inherit}.alert:not(.alert--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.alert--open{opacity:1;transform:none}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large)}.alert__icon ::slotted(*){margin-left:var(--six-spacing-large)}.alert--primary{border-top-color:var(--six-color-web-rock-900)}.alert--primary .alert__icon{color:var(--six-color-web-rock-900)}.alert--success{border-top-color:var(--six-color-success-600)}.alert--success .alert__icon{color:var(--six-color-success-600)}.alert--info{border-top-color:var(--six-color-action-500)}.alert--info .alert__icon{color:var(--six-color-action-500)}.alert--warning{border-top-color:var(--six-color-warning-800)}.alert--warning .alert__icon{color:var(--six-color-warning-800)}.alert--danger{border-top-color:var(--six-color-danger-900)}.alert--danger .alert__icon{color:var(--six-color-danger-900)}.alert__message{flex:1 1 auto;padding:var(--six-spacing-large);overflow:hidden}.alert__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-large);padding-right:var(--six-spacing-medium)}";export{a as six_alert}

package/dist/ui-library/p-eb0956d2.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i}from"./p-30ebc1e7.js";var t;!function(e){e[e.FORBIDDEN=403]="FORBIDDEN",e[e.NOT_FOUND=404]="NOT_FOUND",e[e.INTERNAL_SERVER_ERROR=500]="INTERNAL_SERVER_ERROR"}(t||(t={}));const r={[t.FORBIDDEN]:{en:"Access Denied",de:"Kein Zugriff"},[t.NOT_FOUND]:{en:"Not Found",de:"Seite nicht gefunden"},[t.INTERNAL_SERVER_ERROR]:{en:"Ooops!",de:"Ups!"}},o={[t.FORBIDDEN]:{en:["You don’t have permission to access this page. ","Please contact an administrator or click the SIX logo on top left."],de:["Sie haben keine Zugriffsberechtigung auf diese Seite.","Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links."]},[t.NOT_FOUND]:{en:["We have not found the page you requested.","Please click the SIX logo on top left."],de:["Wir haben die angeforderte Seite nicht gefunden.","Bitte klicken Sie auf das SIX-Logo oben links."]},[t.INTERNAL_SERVER_ERROR]:{en:["Sorry, we messed up! We try to fix this.","Please click the SIX logo on top left."],de:["Sorry, das war unser Fehler! Wir versuchen das zu beheben.","Bitte klicken Sie auf das SIX-Logo oben links."]}};let s=class{constructor(i){e(this,i),this.language="en"}getIconName(){return void 0!==this.customIcon?this.customIcon:void 0!==this.errorCode?this.errorCode===t.FORBIDDEN?"lock":this.errorCode===t.NOT_FOUND?"find-in-page":this.errorCode===t.INTERNAL_SERVER_ERROR?"sentiment-dissatisfied":void 0:void 0}getErrorTitle(){return void 0!==this.customTitle?this.customTitle:void 0!==this.errorCode?r[this.errorCode][this.language]:void 0}getErrorDescription(){if(void 0!==this.errorCode||void 0!==this.customDescription)return this.getDescriptions().map((e=>i("div",null,e)))}getDescriptions(){return void 0!==this.customDescription?this.customDescription:o[this.errorCode][this.language]}render(){return i("div",{part:"container"},i("div",{class:"six-error-page__icon-container",part:"icon-container"},i("six-picto",{size:"4xl",class:"six-error-page__icon",part:"icon"},this.getIconName())),i("div",{class:"six-error-page__title",part:"title"},this.getErrorTitle()),i("div",{class:"six-error-page__description",part:"description"},this.getErrorDescription()))}};s.style=".six-error-page__title{display:flex;justify-content:center;font-size:var(--six-font-size-xx-large);font-weight:bold;margin-bottom:var(--six-spacing-large)}.six-error-page__description>*{text-align:center}.six-error-page__icon-container{display:flex;justify-content:center}.six-error-page__icon::part(icon){background-color:var(--six-color-web-rock-300)}";export{s as six_error_page}

package/dist/ui-library/p-ebaea182.entry.js

@@ -1 +0,0 @@
-import{r as s,c as i,h as t}from"./p-30ebc1e7.js";import{D as e,a as h}from"./p-c733dead.js";import{E as a}from"./p-7735d99f.js";let o=class{constructor(t){s(this,t),this.searchFieldChange=i(this,"six-search-field-change",7),this.debounce=e,this.disabled=!1,this.value="",this.clearable=!1,this.eventListeners=new a,this.handleInputChange=()=>{this.searchFieldChange.emit({value:this.inputElement.value})}}handleValueChange(){this.inputElement&&(this.inputElement.value=this.value)}componentDidLoad(){this.eventListeners.add(this.inputElement,"six-input-input",h(this.handleInputChange,this.debounce)),this.eventListeners.add(this.inputElement,"keydown",(s=>{"Enter"===s.key&&this.handleInputChange()}))}disconnectedCallback(){this.eventListeners.removeAll()}render(){return t("div",{class:"search-box"},t("six-input",{ref:s=>this.inputElement=s,placeholder:this.placeholder,value:this.value,disabled:this.disabled,clearable:this.clearable},t("six-icon",{class:"search-box__icon",slot:"prefix",size:"small",onClick:this.handleInputChange},"search")),t("slot",null))}static get watchers(){return{value:["handleValueChange"]}}};o.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.search-box{z-index:var(--six-z-index-search-field)}.search-box__icon{cursor:pointer}";export{o as six_search_field}

package/dist/ui-library/p-ec1ecc2a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,g as r}from"./p-30ebc1e7.js";import{u as s,l as a}from"./p-044c6bf9.js";import{h as o}from"./p-c09dc3a9.js";import{i as h,M as n}from"./p-af3d757c.js";const l=h();let d=0,p=class{constructor(e){t(this,e),this.sixShow=i(this,"six-drawer-show",7),this.sixAfterShow=i(this,"six-drawer-after-show",7),this.sixHide=i(this,"six-drawer-hide",7),this.sixAfterHide=i(this,"six-drawer-after-hide",7),this.sixInitialFocus=i(this,"six-drawer-initial-focus",7),this.sixOverlayDismiss=i(this,"six-drawer-overlay-dismiss",7),this.componentId="drawer-"+ ++d,this.willShow=!1,this.willHide=!1,this.hasFooter=!1,this.isVisible=!1,this.open=!1,this.label="",this.placement="right",this.contained=!1,this.noHeader=!1}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this),this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleOverlayClick=this.handleOverlayClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.modal=new n(this.host,{onFocusOut:()=>this.contained?null:this.panel.focus()})}componentWillLoad(){this.handleSlotChange(),this.open&&(this.show(),this.resetTransitionVariables())}disconnectedCallback(){s(this.host)}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0,this.contained||(this.modal.activate(),a(this.host)),this.open&&(l?requestAnimationFrame((()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus({preventScroll:!0})})):this.drawer.addEventListener("transitionend",(()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus()}),{once:!0}))))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1,this.modal.deactivate(),s(this.host)))}handleCloseClick(){this.hide()}handleKeyDown(t){"Escape"===t.key&&this.hide()}handleOverlayClick(){this.sixOverlayDismiss.emit().defaultPrevented||this.hide()}handleSlotChange(){this.hasFooter=o(this.host,"footer")}handleTransitionEnd(t){"transform"===t.propertyName&&t.target.classList.contains("drawer__panel")&&this.resetTransitionVariables()}resetTransitionVariables(){this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit()}render(){return e("div",{ref:t=>this.drawer=t,part:"base",class:{drawer:!0,"drawer--open":this.open,"drawer--visible":this.isVisible,"drawer--top":"top"===this.placement,"drawer--right":"right"===this.placement,"drawer--bottom":"bottom"===this.placement,"drawer--left":"left"===this.placement,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},e("div",{part:"overlay",class:"drawer__overlay",onClick:this.handleOverlayClick,tabIndex:-1}),e("div",{ref:t=>this.panel=t,part:"panel",class:"drawer__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:0},!this.noHeader&&e("header",{part:"header",class:"drawer__header"},e("span",{part:"title",class:"drawer__title",id:`${this.componentId}-title`},e("slot",{name:"label"},this.label||String.fromCharCode(65279))),e("six-icon-button",{exportparts:"base:close-button",class:"drawer__close",name:"x",onClick:this.handleCloseClick})),e("div",{part:"body",class:"drawer__body"},e("slot",null)),e("footer",{part:"footer",class:"drawer__footer"},e("slot",{name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return r(this)}static get watchers(){return{open:["handleOpenChange"]}}};p.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--size:25rem;display:contents}.drawer{top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.drawer:not(.drawer--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.drawer--contained{position:absolute;z-index:initial}.drawer--fixed{position:fixed;z-index:var(--six-z-index-drawer)}.drawer__panel{position:absolute;display:flex;flex-direction:column;z-index:2;max-width:100%;max-height:100%;background-color:var(--six-drawer-background-color);color:var(--six-drawer-color);box-shadow:var(--six-shadow-x-large);transition:var(--six-transition-medium) transform;overflow:auto;pointer-events:all}.drawer__panel:focus{outline:none}.drawer--top .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:100%;height:var(--size);transform:translate(0, -100%)}.drawer--right .drawer__panel{top:0;right:0;bottom:auto;left:auto;width:var(--size);height:100%;transform:translate(100%, 0)}.drawer--bottom .drawer__panel{top:auto;right:auto;bottom:0;left:0;width:100%;height:var(--size);transform:translate(0, 100%)}.drawer--left .drawer__panel{top:0;right:auto;bottom:auto;left:0;width:var(--size);height:100%;transform:translate(-100%, 0)}.drawer--open .drawer__panel{transform:none}.drawer__header{display:flex}.drawer__title{flex:1 1 auto;font-size:var(--six-font-size-large);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large)}.drawer__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-large)}.drawer__body{flex:1 1 auto;padding:var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.drawer__footer{text-align:right;padding:var(--six-spacing-large)}.drawer__footer ::slotted(six-button:not(:last-of-type)){margin-right:var(--six-spacing-x-small)}.drawer:not(.drawer--has-footer) .drawer__footer{display:none}.drawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity;pointer-events:all}.drawer--contained .drawer__overlay{position:absolute}.drawer--open .drawer__overlay{opacity:0.4}";export{p as six_drawer}

package/dist/ui-library/p-ed21cc57.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,g as o}from"./p-30ebc1e7.js";import{F as i}from"./p-572e3690.js";import{h as a}from"./p-c09dc3a9.js";import{E as s}from"./p-7735d99f.js";let l=0,n=class{constructor(r){t(this,r),this.sixChange=e(this,"six-textarea-change",7),this.sixInput=e(this,"six-textarea-input",7),this.sixFocus=e(this,"six-textarea-focus",7),this.sixBlur=e(this,"six-textarea-blur",7),this.sixValueChange=e(this,"six-textarea-value-change",7),this.inputId="textarea-"+ ++l,this.labelId=`textarea-label-${l}`,this.helpTextId=`textarea-help-text-${l}`,this.errorTextId=`input-error-text-${l}`,this.customErrorText="",this.customValidation=!1,this.eventListeners=new s,this.hasFocus=!1,this.hasHelpTextSlot=!1,this.hasErrorTextSlot=!1,this.hasLabelSlot=!1,this.size="medium",this.name="",this.value="",this.label="",this.helpText="",this.errorText="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.invalid=!1,this.errorOnBlur=!1,this.defaultValue=""}handleLabelChange(){this.handleSlotChange()}handleRowsChange(){this.textarea&&this.setTextareaHeight()}handleValueChange(){this.textarea&&(this.textarea.value=this.value,this.invalid=!this.textarea.checkValidity(),this.sixValueChange.emit())}connectedCallback(){this.handleChange=this.handleChange.bind(this),this.handleInput=this.handleInput.bind(this),this.handleInvalid=this.handleInvalid.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.defaultValue=this.value||"",this.handleSlotChange()}componentDidLoad(){this.setTextareaHeight(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.resizeObserver.observe(this.textarea),this.eventListeners.add(this.textarea,"invalid",(t=>{!this.customValidation&&(this.hasErrorTextSlot||this.errorText||this.customErrorText)||(this.customErrorText=this.textarea.validationMessage),t.preventDefault()}))}disconnectedCallback(){this.resizeObserver.unobserve(this.textarea),this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange),this.eventListeners.removeAll()}async setFocus(t){this.textarea.focus(t)}async removeFocus(){this.textarea.blur()}async select(){return this.textarea.select()}async setSelectionRange(t,e,r="none"){return this.textarea.setSelectionRange(t,e,r)}async setRangeText(t,e,r,o="preserve"){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight(),this.sixChange.emit(),this.sixInput.emit())}async reportValidity(){return this.textarea.reportValidity()}async checkValidity(){return this.textarea.validity.valid}async setCustomValidity(t){this.customErrorText="",this.customValidation=""!==t,this.textarea.setCustomValidity(t),this.invalid=!this.textarea.checkValidity()}async reset(){this.value=this.defaultValue,this.customErrorText="",this.customValidation=!1,this.textarea.setCustomValidity(""),this.invalid=!1}handleChange(){this.sixChange.emit()}handleInput(){this.value=this.textarea.value,this.setTextareaHeight(),this.sixInput.emit()}handleInvalid(){this.invalid=!0}handleBlur(){this.hasFocus=!1,this.sixBlur.emit()}handleFocus(){this.hasFocus=!0,this.sixFocus.emit()}handleSlotChange(){this.hasLabelSlot=a(this.host,"label"),this.hasHelpTextSlot=a(this.host,"help-text"),this.hasErrorTextSlot=a(this.host,"error-text")}setTextareaHeight(){"auto"===this.resize?(this.textarea.style.height="auto",this.textarea.style.height=this.textarea.scrollHeight+"px"):this.textarea.style.height=void 0}displayError(){return this.invalid&&(!this.errorOnBlur||!this.hasFocus)}render(){var t;return r(i,{inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,errorTextId:this.errorTextId,errorText:this.customErrorText?this.customErrorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,size:this.size,disabled:this.disabled,required:this.required,displayError:this.displayError()},r("div",{part:"base",class:{textarea:!0,"textarea--small":"small"===this.size,"textarea--medium":"medium"===this.size,"textarea--large":"large"===this.size,"textarea--disabled":this.disabled,"textarea--focused":this.hasFocus,"textarea--empty":0===(null===(t=this.value)||void 0===t?void 0:t.length),"textarea--invalid":this.invalid,"textarea--resize-none":"none"===this.resize,"textarea--resize-vertical":"vertical"===this.resize,"textarea--resize-auto":"auto"===this.resize}},r("textarea",{part:"textarea",ref:t=>this.textarea=t,id:this.inputId,class:"textarea__control",name:this.name,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows,minLength:this.minlength,maxLength:this.maxlength,value:this.value,autoCapitalize:this.autocapitalize,autoCorrect:this.autocorrect,autoFocus:this.autofocus,spellcheck:this.spellcheck,required:this.required,inputMode:this.inputmode,"aria-labelledby":this.labelId,onChange:this.handleChange,onInput:this.handleInput,onInvalid:this.handleInvalid,onFocus:this.handleFocus,onBlur:this.handleBlur})))}get host(){return o(this)}static get watchers(){return{helpText:["handleLabelChange"],errorText:["handleLabelChange"],label:["handleLabelChange"],rows:["handleRowsChange"],value:["handleValueChange"]}}};n.style=':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:block}.textarea{display:flex;align-items:center;position:relative;width:100%;font-family:var(--six-font-family);font-weight:var(--six-input-font-weight);line-height:var(--six-line-height-normal);letter-spacing:var(--six-input-letter-spacing);background-color:var(--six-input-background-color);border:solid var(--six-border-width) var(--six-input-border-color);vertical-align:middle;transition:var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;cursor:text}.textarea:hover:not(.textarea--disabled){background-color:var(--six-input-background-color-hover);border-color:var(--six-input-border-color-hover)}.textarea:hover:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-hover)}.textarea.textarea--focused:not(.textarea--disabled){background-color:var(--six-input-background-color-focus);box-shadow:var(--six-input-focus-shadow);border-color:var(--six-input-border-color-focus);color:var(--six-input-color-focus)}.textarea.textarea--focused:not(.textarea--disabled) .textarea__control{color:var(--six-input-color-focus)}.textarea.textarea--disabled{background-color:var(--six-input-background-color-disabled);border-color:var(--six-input-border-color-disabled);cursor:not-allowed}.textarea.textarea--disabled .textarea__control{color:var(--six-input-color-disabled)}.textarea.textarea--disabled .textarea__control::placeholder{color:var(--six-input-placeholder-color-disabled)}.textarea__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;color:var(--sl-input-color);border:none;background:none;box-shadow:none;cursor:inherit;-webkit-appearance:none}.textarea__control::-webkit-search-decoration,.textarea__control::-webkit-search-cancel-button,.textarea__control::-webkit-search-results-button,.textarea__control::-webkit-search-results-decoration{-webkit-appearance:none}.textarea__control::placeholder{color:var(--six-input-placeholder-color);user-select:none}.textarea__control:focus{outline:none}.textarea--invalid:not(.textarea--disabled):not(.textarea--focused){border-color:var(--six-input-border-color-danger)}.textarea--small{border-radius:var(--six-input-border-radius-small);font-size:var(--six-input-font-size-small)}.textarea--small .textarea__control{padding:0.5em var(--six-input-spacing-small)}.textarea--medium{border-radius:var(--six-input-border-radius-medium);font-size:var(--six-input-font-size-medium)}.textarea--medium .textarea__control{padding:0.5em var(--six-input-spacing-medium)}.textarea--large{border-radius:var(--six-input-border-radius-large);font-size:var(--six-input-font-size-large)}.textarea--large .textarea__control{padding:0.5em var(--six-input-spacing-large)}.textarea--resize-none .textarea__control{resize:none}.textarea--resize-vertical .textarea__control{resize:vertical}.textarea--resize-auto .textarea__control{height:auto;resize:none}';export{n as six_textarea}

package/dist/ui-library/p-f00c1783.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r}from"./p-30ebc1e7.js";let s=class{constructor(r){o(this,r)}render(){return r("footer",{class:"six-footer"},r("slot",null))}};s.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-x-large-top)}";export{s as six_footer}

package/dist/ui-library/p-f0e91e17.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,g as e}from"./p-30ebc1e7.js";import{I as r}from"./p-68d31736.js";import{d as h,T as n,e as o,i as a,S as c}from"./p-34e6d8e8.js";import{D as p,b as l,a as m}from"./p-c733dead.js";import{E as u}from"./p-7735d99f.js";import{h as d}from"./p-c09dc3a9.js";var x;!function(i){i.HHmmss="HH:mm:ss",i.hhmmssaa="hh:mm:ss:aa",i.HHmmssms="HH:mm:ss:ms",i.hhmmssmsaa="hh:mm:ss:ms:aa",i.HHmm="HH:mm",i.hhmmaa="hh:mm:aa",i.HH="HH",i.hhaa="hh:aa",i.mm="mm",i.ss="ss",i.ms="ms"}(x||(x={}));const g=i=>i>12?i-12:i,f=(i,t)=>{const s=i.split(":"),e=t.split(":");return s.length===e.length},k=(i,t)=>{const s=i.split(":"),e=t.split(":");f(i,t)||console.error(`Timestring did not match expected format.\nExpected format: ${t}\nReceived timestring: ${i}`);const r={};return s.forEach(((i,t)=>{const s=e[t],a=o[s];void 0!==a&&(s===n.PERIOD?r.period=i.toUpperCase()===h.PM?h.PM:h.AM:r[a]=Number(i)),s===n.HOUR_24?r.has24Hours=!0:s===n.HOUR_12&&(r.has24Hours=!1)})),r},b=(i,t)=>t.split(":").map((t=>{const s=t===n.MILLISECOND?3:2;return String(i[o[t]]).padStart(s,"0")})).join(":");let v=class{constructor(s){i(this,s),this.sixChange=t(this,"six-timepicker-change",7),this.sixChangeDebounced=t(this,"six-timepicker-change-debounced",7),this.sixClear=t(this,"six-timepicker-clear",7),this.eventListeners=new u,this.format=x.HHmmss,this.separator=":",this.open=!1,this.inline=!1,this.readonly=!1,this.disabled=!1,this.size="medium",this.errorOnBlur=!1,this.errorText="",this.label="",this.name="",this.clearable=!1,this.iconPosition="left",this.hoist=!1,this.timeout=p,this.interval=l,this.debounce=p,this.isPopupContentUp=!1,this.isDropDownContentUp=!1,this.defaultValue=null,this.handleInputChange=i=>{i.stopPropagation();const t=this.inputElement.value;f(t,this.format)?(this.internalValue=k(t,this.format),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})):this.sixChange.emit({value:{},valueAsString:""})},this.handleSixTimepickerChangeDebounced=({detail:i})=>{this.sixChangeDebounced.emit(i)},this.handleChange=(i,t)=>{i.stopPropagation(),this.internalValue[t]=i.detail;const s=b(this.internalValue,this.format);this.sixChange.emit({changedProperty:t,value:this.internalValue,valueAsString:s}),this.value=s},this.handleDocumentMouseDown=i=>{i.composedPath().includes(this.host)||this.closePopup()},this.handleClearClick=i=>{i.stopPropagation(),this.value=void 0,this.sixClear.emit()}}async resizeHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}async scrollHandler(){this.calcIsPopupContentUp(),this.moveOpenHoistedPopup()}debounceChanged(){this.eventListeners.removeByIdentifier("debounced-timepicker"),this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker")}valueChanged(i){this.value!==i&&(this.value=i),this.setupInternalTime(),this.sixChange.emit({value:this.internalValue,valueAsString:b(this.internalValue,this.format)})}async reportValidity(){return this.inputElement.reportValidity()}async checkValidity(){return this.inputElement.checkValidity()}async setCustomValidity(i){await this.inputElement.setCustomValidity(i)}async reset(){this.internalValue=this.defaultValue,this.inputElement.value=b(this.internalValue,this.format),await this.inputElement.reset()}componentWillLoad(){this.setupInternalTime(),this.inline&&(this.open=!0),this.open&&this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown)}componentDidLoad(){this.eventListeners.add(this.host,"six-timepicker-change",m(this.handleSixTimepickerChangeDebounced,this.debounce),"debounced-timepicker"),this.eventListeners.add(this.inputElement,"six-input-input",m(this.handleInputChange,this.debounce))}disconnectedCallback(){this.eventListeners.removeAll()}calcIsPopupContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isPopupContentUp=e&&window.innerHeight<i.bottom+s}moveOpenHoistedPopup(){if(!this.hoist||!this.open)return;const i=this.popup.getBoundingClientRect().height,t=this.inputElement.getBoundingClientRect(),s=t.top,e=t.height;this.calcIsPopupContentUp(),this.popup.style.top=this.isPopupContentUp?s-i+"px":`${s+e}px`}getSixTimeUnitPicker(i){return s("six-item-picker",{class:i.class,timeout:this.timeout,interval:this.interval,padded:!0,min:i.min,max:i.max,value:this.internalValue[i.propertyName],items:i.items,type:i.type||r.NUMBER,"padding-length":i.paddingLength,"onSix-item-picker-change":t=>this.handleChange(t,i.propertyName)})}setupInternalTime(){this.is12HourClock()&&!this.format.includes(n.PERIOD)&&console.error("[SIX-TIMEPICKER] You provided a 12-hour-clock format but are missing the period (am or pm) in the time-format-string!"),this.internalValue=null==this.value?a(this.defaultTime)?((i=!0)=>i?(()=>{const i=new Date;return{hours:i.getHours(),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!0}})():(()=>{const i=new Date,t=i.getHours();return{hours:g(t),minutes:i.getMinutes(),seconds:i.getSeconds(),milliseconds:i.getMilliseconds(),has24Hours:!1,period:t>=12?h.PM:h.AM}})())(this.is24HourClock()):k(this.defaultTime,this.format):k(this.value,this.format),this.defaultValue=this.internalValue}getHour24Picker(){if(this.is24HourClock())return this.getSixTimeUnitPicker({min:0,max:23,propertyName:c.HOURS})}is24HourClock(){return this.format.includes(n.HOUR_24)}getHour12Picker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({min:0,max:11,propertyName:c.HOURS})}is12HourClock(){return this.format.includes(n.HOUR_12)}getAmPmPicker(){if(this.is12HourClock())return this.getSixTimeUnitPicker({items:["AM","PM"],type:r.CUSTOM,propertyName:c.PERIOD})}getMinutePicker(){if(this.format.includes(n.MINUTE))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.MINUTES})}getSecondsPicker(){if(this.format.includes(n.SECOND))return this.getSixTimeUnitPicker({min:0,max:59,propertyName:c.SECONDS})}getMillisecondsPicker(){if(this.format.includes(n.MILLISECOND))return this.getSixTimeUnitPicker({min:0,max:999,class:"timepicker__item--wide",paddingLength:3,propertyName:c.MILLISECONDS})}getSeparator(){return s("div",{class:"timepicker__separator"},s("span",null,this.separator))}getContent(){const i=[this.getHour24Picker(),this.getHour12Picker(),this.getMinutePicker(),this.getSecondsPicker(),this.getMillisecondsPicker()].filter((i=>void 0!==i));return i.map(((t,s)=>s===i.length-1?[t]:[t,this.getSeparator()]))}openPopup(){this.open||this.disabled||(this.open=!0,this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown))}closePopup(){this.inline||(this.open=!1,this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown))}renderClearable(){return this.clearable&&s("button",{slot:"suffix",class:{timepicker_clear:!0,"timepicker_clear--right":"left"===this.iconPosition,"timepicker_clear--left":"right"===this.iconPosition},type:"button",onClick:this.handleClearClick,tabindex:"-1"},s("six-icon",{size:"small"},"clear"))}renderCustomIcon(){const i=d(this.host,"custom-icon")?s("slot",{name:"custom-icon"}):s("six-icon",{size:"large"===this.size?"medium":this.size},"watch_later");return s("span",{slot:"prefix",part:"icon",class:{prefix:!0,"prefix--right":"right"===this.iconPosition}},i)}calcIsDropDownContentUp(){if(!this.inputElement||!this.wrapper)return;const i=this.inputElement.getBoundingClientRect(),t=this.wrapper.getBoundingClientRect(),s=Math.max(t.height,145),e=i.y>window.innerHeight/2;this.isDropDownContentUp=e&&window.innerHeight<i.bottom+s}adjustPopupForHoisting(){this.hoist&&setTimeout((()=>{if(!this.popup)return;const i=this.popup.getBoundingClientRect();this.popup.style.position="fixed",["top","left","width","height"].forEach((t=>{this.popup.style[t]=`${i[t]}px`}));const t=this.inputElement.getBoundingClientRect(),s=t.top,e=i.top;this.calcIsDropDownContentUp(),this.isDropDownContentUp&&s<e&&(this.popup.style.top=e-i.height-t.height+"px")}),0)}render(){return this.adjustPopupForHoisting(),s("div",{part:"container",ref:i=>this.wrapper=i,class:"timepicker__container"},s("six-input",{ref:i=>this.inputElement=i,part:"input",onClick:()=>this.openPopup(),value:this.value,placeholder:this.placeholder,readonly:this.readonly,disabled:this.disabled,size:this.size,name:this.name,label:this.label,required:this.required,"error-text":this.errorText,"error-on-blur":this.errorOnBlur,class:{"input--empty":!this.value,"input--hide":this.inline}},this.renderCustomIcon(),this.renderClearable(),d(this.host,"error-text")?s("span",{slot:"error-text"},s("slot",{name:"error-text"})):null,d(this.host,"label")?s("span",{slot:"label"},s("slot",{name:"label"})):null),this.open&&s("div",{ref:i=>this.popup=i,part:"popup",class:{timepicker__popup:!0,"timepicker__popup--is-up":this.placement?"top"===this.placement:this.isPopupContentUp,"timepicker__popup--is-inline":this.inline}},...this.getContent(),this.getAmPmPicker()))}get host(){return e(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};v.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block;font-family:var(--six-font-family)}.timepicker_clear{display:inline-flex;align-items:center;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;padding:0;transition:var(--six-transition-fast) color;cursor:pointer}.timepicker_clear:hover{color:var(--six-input-icon-color-hover)}.timepicker_clear:focus{outline:none}.timepicker_clear--right{right:0;position:absolute}.timepicker_clear--left{right:35px;position:absolute}.timepicker__container{position:relative}.timepicker__popup{display:flex;justify-content:center;min-width:min-content;min-height:145px;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}.timepicker__popup--is-up{bottom:100%}.timepicker__popup--is-inline{position:initial;box-shadow:none;border:1px solid var(--six-color-web-rock-400)}.timepicker__separator{display:flex;align-items:center}.timepicker__item--wide{padding-left:0.5rem;padding-right:0.5rem}.input--empty .timepicker_clear{visibility:hidden}.input--hide{display:none}.prefix{cursor:pointer}.prefix--right{right:0;display:inline-flex;position:absolute;font-size:inherit;color:var(--six-input-icon-color);border:none;background:none;margin-right:var(--six-input-spacing-medium);transition:var(--six-transition-fast) color}";export{v as six_timepicker}

package/dist/ui-library/p-f9c0cfb7.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s,g as a}from"./p-30ebc1e7.js";import{u as o,l as e}from"./p-044c6bf9.js";import{h as l}from"./p-c09dc3a9.js";import{i as h,M as n}from"./p-af3d757c.js";const r=h();let d=0,g=class{constructor(s){i(this,s),this.sixShow=t(this,"six-dialog-show",7),this.sixAfterShow=t(this,"six-dialog-after-show",7),this.sixHide=t(this,"six-dialog-hide",7),this.sixAfterHide=t(this,"six-dialog-after-hide",7),this.sixInitialFocus=t(this,"six-dialog-initial-focus",7),this.sixOverlayDismiss=t(this,"six-dialog-overlay-dismiss",7),this.componentId="dialog-"+ ++d,this.willShow=!1,this.willHide=!1,this.hasFooter=!1,this.isVisible=!1,this.open=!1,this.label="",this.noHeader=!1}handleOpenChange(){this.open?this.show():this.hide()}connectedCallback(){this.handleCloseClick=this.handleCloseClick.bind(this),this.handleTransitionEnd=this.handleTransitionEnd.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleOverlayClick=this.handleOverlayClick.bind(this),this.handleSlotChange=this.handleSlotChange.bind(this),this.modal=new n(this.host,{onFocusOut:()=>this.panel.focus()})}componentWillLoad(){this.handleSlotChange(),this.open&&this.show()}disconnectedCallback(){o(this.host)}async show(){this.willShow||(this.sixShow.emit().defaultPrevented?this.open=!1:(this.willShow=!0,this.isVisible=!0,this.open=!0,this.modal.activate(),e(this.host),this.open&&(r?requestAnimationFrame((()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus({preventScroll:!0})})):this.dialog.addEventListener("transitionend",(()=>{this.sixInitialFocus.emit().defaultPrevented||this.panel.focus()}),{once:!0}))))}async hide(){this.willHide||(this.sixHide.emit().defaultPrevented?this.open=!0:(this.willHide=!0,this.open=!1,this.modal.deactivate(),o(this.host)))}handleCloseClick(){this.hide()}handleKeyDown(i){"Escape"===i.key&&this.hide()}handleOverlayClick(){this.sixOverlayDismiss.emit().defaultPrevented||this.hide()}handleSlotChange(){this.hasFooter=l(this.host,"footer")}handleTransitionEnd(i){"opacity"===i.propertyName&&i.target.classList.contains("dialog__panel")&&(this.isVisible=this.open,this.willShow=!1,this.willHide=!1,this.open?this.sixAfterShow.emit():this.sixAfterHide.emit())}render(){return s("div",{ref:i=>this.dialog=i,part:"base",class:{dialog:!0,"dialog--open":this.open,"dialog--visible":this.isVisible,"dialog--has-footer":this.hasFooter},onKeyDown:this.handleKeyDown,onTransitionEnd:this.handleTransitionEnd},s("div",{part:"overlay",class:"dialog__overlay",onClick:this.handleOverlayClick}),s("div",{ref:i=>this.panel=i,part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader?this.label:null,"aria-labelledby":this.noHeader?null:`${this.componentId}-title`,tabIndex:0},!this.noHeader&&s("header",{part:"header",class:"dialog__header"},s("span",{part:"title",class:"dialog__title",id:`${this.componentId}-title`},s("slot",{name:"label"},this.label||String.fromCharCode(65279))),s("six-icon-button",{exportparts:"base:close-button",class:"dialog__close",name:"close",onClick:this.handleCloseClick})),s("div",{part:"body",class:"dialog__body"},s("slot",null)),s("footer",{part:"footer",class:"dialog__footer"},s("slot",{name:"footer",onSlotchange:this.handleSlotChange}))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"]}}};g.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{--width:31rem;display:contents}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--six-z-index-dialog);color:var(--six-color-web-rock-900)}.dialog:not(.dialog--visible){position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none;visibility:hidden}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:calc(100% - var(--six-spacing-xx-large));max-height:calc(100% - var(--six-spacing-xx-large));background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);box-shadow:var(--six-shadow-x-large);opacity:0;transform:scale(0.8);transition:var(--six-transition-medium) opacity, var(--six-transition-medium) transform}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex}.dialog__title{flex:1 1 auto;font-size:var(--six-font-size-x-large);font-weight:var(--six-font-weight-bold);line-height:var(--six-line-height-dense);padding:var(--six-spacing-large) var(--six-spacing-large) var(--six-spacing-small)}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--six-font-size-x-large);padding:0 var(--six-spacing-x-small)}.dialog__body{flex:1 1 auto;padding:var(--six-spacing-small) var(--six-spacing-large) var(--six-spacing-large);overflow:auto;-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--six-spacing-large)}.dialog__footer ::slotted(six-button:not(:first-of-type)){margin-left:var(--six-spacing-xx-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--six-overlay-background-color);opacity:0;transition:var(--six-transition-medium) opacity}.dialog--open .dialog__overlay{opacity:0.8}";export{g as six_dialog}

package/dist/ui-library/p-fcd2356c.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as s,c as e}from"./p-30ebc1e7.js";import{S as o,F as r}from"./p-12cc24c3.js";let a=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};a.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium);font-size:var(--six-font-size-small)}";let l=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};l.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-header-group;cursor:pointer;font-family:var(--six-font-family);font-weight:var(--six-font-weight-bold);color:var(--six-table-header-color);border-bottom:solid 2px var(--six-table-header-border-color);padding:0.75rem}";const h=t=>i=>{const s=t.indexOf(i)+1;return t[s<t.length?s:0]},n=h(Object.values(o)),d=h(Object.values(r)),c=(t,i,s)=>({[t]:{[i]:s}}),b={[o.Asc]:"arrow_drop_up",[o.Desc]:"arrow_drop_down",[o.None]:"swap_vert"},x={[r.Equals]:"=",[r.NotEquals]:"&ne;",[r.Includes]:"&isin;",[r.NotIncludes]:"&notin;"};let f=class{constructor(i){t(this,i),this.sortUpdated=e(this,"six-table-header-cell-sort-updated",7),this.filterUpdated=e(this,"six-table-header-cell-filter-updated",7),this.handleSortNext=()=>{this.sortUpdated.emit({[this.name]:n(this.sort)})},this.handleFilterNext=()=>{this.filterUpdated.emit(c(this.name,d(this.filter),this.inputElement.value))},this.handleFilterChange=()=>{this.filterUpdated.emit(c(this.name,this.filter,this.inputElement.value))},this.handleFilterClear=()=>{this.filterUpdated.emit(c(this.name,this.filter,void 0)),this.filterRef.hide()}}render(){const t=this.sort&&i("six-icon",{filled:!0,class:{"header__trigger-icon":this.sort===o.None},onClick:this.handleSortNext,"data-testid":`table-sort-${this.name}`},b[this.sort]),e=this.filter&&i("six-dropdown",{ref:t=>this.filterRef=t,hoist:!0,"data-testid":`table-filter-${this.name}`},i("six-icon",{slot:"trigger",class:"header__trigger-icon"},"filter_alt"),i("six-input",{ref:t=>this.inputElement=t,value:this.value,"onSix-input-input":this.handleFilterChange},i("six-icon-button",{slot:"prefix",html:x[this.filter],onClick:this.handleFilterNext,"data-testid":`table-filter-prefix-${this.name}`}),i("six-icon-button",{slot:"suffix",name:"clear",label:"Clear",onClick:this.handleFilterClear,"data-testid":`table-filter-suffix-${this.name}`})));return i(s,null,i("div",{class:{header:!0,"header--selected":void 0!==this.value}},i("slot",null),i("div",{class:"header__trigger-icon-box"},t,e)))}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);font-size:var(--six-font-size-small)}six-icon{vertical-align:text-top;width:1.5rem}.header:hover .header__trigger-icon,.header--selected .header__trigger-icon{opacity:1}.header__trigger-icon{color:var(--six-color-web-rock-600);opacity:0}.header__trigger-icon-box{float:right}[slot=prefix]{font-size:1.5em}six-dropdown::part(panel){overflow:inherit}";let p=class{constructor(i){t(this,i)}render(){return i(s,null,i("slot",null))}};p.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-row;font-family:var(--six-font-family)}:host(:hover){background-color:var(--six-table-row-background-color-hover)}";export{a as six_table_cell,l as six_table_header,f as six_table_header_cell,p as six_table_row}

package/dist/ui-library/p-fdb455d7.entry.js

@@ -1 +0,0 @@
-import{h as t,F as e,r as o,c as s,H as r,g as i}from"./p-30ebc1e7.js";import{F as n,S as l}from"./p-12cc24c3.js";const a=[t=>"object"==typeof t,t=>"object"==typeof t.columns,t=>Array.isArray(t.rows),t=>void 0===t.sort||"object"==typeof t.sort],c=t=>a.every((t=>e=>e(t))(t)),d=t=>"string"!=typeof t||t.length<1,h={[n.Includes]:(t,e)=>t.includes(e),[n.NotIncludes]:(t,e)=>!t.includes(e),[n.Equals]:(t,e)=>t===e,[n.NotEquals]:(t,e)=>t!==e},b=t=>t===l.None,u=({data:o,handleRowClick:s,handleCellClick:r})=>{if(!c(o))return;const i=Object.keys(o.columns),n=i.map((e=>{const s=(r=e,(t={},e)=>t[r]||e);var r;const i=s(o.sort,void 0),[[n,l]=[]]=Object.entries(s(o.filter,{}));return t("six-table-header-cell",{name:e,sort:i,filter:n,value:l},o.columns[e])})),a=((t,e)=>o=>{if(d(e))return!0;const s=e.toLowerCase();return t.map((t=>{var e;return null!==(e=o[t])&&void 0!==e?e:""})).map(String).join().toLowerCase().includes(s)})(Object.keys(o.columns),o.quickFilter),u=((t={})=>e=>{var o;const s=Object.keys(t);if(0===s.length)return!0;for(const r of s){const s=t[r];if(!s)return!0;for(const[t,i]of Object.entries(s)){if(d(i))continue;const s=String(null!==(o=e[r])&&void 0!==o?o:"");if(!d(s)&&!h[t](s,i))return!1}}return!0})(o.filter),f=((t={},e={})=>o=>{const s=Object.values(t);return 0===s.length||s.every(b)?o:[...o].sort(((o,s)=>Object.entries(t).reduce(((t,[r,i],n)=>{if(i===l.None)return t;const a=e[r],c={[l.Asc]:1,[l.Desc]:-1}[i];return a?t+c*(a(o,s)<<n):t+c*(((t,e)=>String(t).localeCompare(String(e)))(o[r],s[r])<<n)}),0)))})(o.sort,o.compare)(o.rows.filter(a).filter(u)).map(((e,n)=>{const l=i.map((s=>{const i=o.render&&o.render[s],l="function"==typeof i?i(e):String(e[s]);return t("six-table-cell",{onClick:r(e,s),"data-testid":`table-cell-${s}-${n}`,innerHTML:l})}));return t("six-table-row",{onClick:s(e),"data-testid":`table-row-${n}`},l)}));return t(e,null,t("six-table-header",{"data-testid":"table-header"},n),f)};let f=class{constructor(t){o(this,t),this.tableReady=s(this,"six-table-ready",7),this.tableRowClicked=s(this,"six-table-row-clicked",7),this.tableCellClicked=s(this,"six-table-cell-clicked",7),this.striped=!1,this.loading=!1,this.data={columns:{},rows:[]},this.handleRowClick=t=>e=>{this.tableRowClicked.emit({event:e,item:t})},this.handleCellClick=(t,e)=>o=>{this.tableCellClicked.emit({event:o,item:t,key:e})},console.warn("six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler")}handleData({detail:t}){c(t)&&(this.data=t)}async setData(t){c(t)&&(this.data=t)}componentDidLoad(){this.tableReady.emit()}render(){const e=this.loading&&t("div",{class:"loading"},t("six-spinner",{"data-testid":"loading-spinner"}));return t(r,null,t("slot",null,u(this)),e)}get host(){return i(this)}};f.style=":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table;border-collapse:collapse;user-select:none;border:none;width:100%;height:100%}:host([loading]){border-collapse:separate}:host([striped]) six-table-row:nth-child(odd):not(:hover),:host([striped]) ::slotted(six-table-row:nth-child(odd):not(:hover)){background-color:var(--six-table-row-background-color)}:host(:not(striped)) ::slotted(six-table-row){border-bottom:solid 1px var(--six-table-row-border-color)}.loading{position:absolute;background-color:var(--six-table-background-color);top:0;left:0;width:100%;height:100%}.loading six-spinner{top:calc(50% - 0.5em);left:50%;transform:scale(3)}";export{f as six_table}