@ukic/canary-web-components 3.0.0-canary.14 → 3.0.0-canary.16

package/dist/core/p-858dd362.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as a}from"./p-8e4e97b4.js";import{b as h,s as r,v as n,r as o,w as l,x as c,o as d,y as u,z as f,A as b,k as p,l as v}from"./p-7d054704.js";import{b as m,i as w,j as y,s as g,h as k,k as x}from"./p-c86ca475.js";const $=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const D=`<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">\n  <path d="M16.6667 2.50004H15.8334V0.833374H14.1667V2.50004H5.83342V0.833374H4.16675V2.50004H3.33341C2.41675 2.50004 1.66675 3.25004 1.66675 4.16671V17.5C1.66675 18.4167 2.41675 19.1667 3.33341 19.1667H16.6667C17.5834 19.1667 18.3334 18.4167 18.3334 17.5V4.16671C18.3334 3.25004 17.5834 2.50004 16.6667 2.50004ZM16.6667 17.5H3.33341V6.66671H16.6667V17.5Z" fill="currentColor"/>\n</svg>`;const z='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--ic-input-label-helpertext-padding:var(--ic-space-xxs);--input-bg-color:var(--ic-date-input-bg);--ic-input-label-text-color:var(--ic-date-input-label);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle);--border-color:var(--ic-date-input-border);--border-color-disabled:var(--ic-date-input-border-disabled);--border-color-hover:var(--ic-date-input-border-default-hover);--border-color-pressed:var(--ic-date-input-border-default-pressed);--border-error-color:var(--ic-date-input-border-error);--border-error-color-hover:var(--ic-date-input-border-error-hover);--border-error-color-pressed:var(--ic-date-input-border-error-pressed);--border-success-color:var(--ic-date-input-border-success);--border-success-color-hover:var(--ic-date-input-border-success-hover);--border-success-color-pressed:var(--ic-date-input-border-success-pressed);--border-warning-color:var(--ic-date-input-border-warning);--border-warning-color-hover:var(--ic-date-input-border-warning-hover);--border-warning-color-pressed:var(--ic-date-input-border-warning-pressed)}:host(.ic-date-input-disabled){--ic-input-label-text-color:var(--ic-date-input-label-disabled);--ic-input-label-helper-text-color:var(--ic-date-input-subtitle-disabled)}input{border:0;height:100%;padding:0;outline:none;background:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;color:var(--ic-date-input-text-filled);caret-color:var(--ic-date-input-typing-cursor)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input:-webkit-autofill{box-shadow:0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;-webkit-text-fill-color:var(--ic-date-input-text-filled) !important}input::-moz-placeholder{color:var(--ic-date-input-text-placeholder)}input::placeholder{color:var(--ic-date-input-text-placeholder)}ic-input-component-container{cursor:text}ic-input-component-container .focus-indicator{padding:var(--ic-space-xxxs) var(--ic-space-xs);align-items:center}.date-inputs{color:var(--ic-date-input-text-placeholder)}.day-input{width:1.438rem}.month-input{width:1.813rem}.year-input,.year-input.fit-to-value{width:2.313rem}.fit-to-value{width:1.25rem}.sr-only{position:absolute;left:-9999px}.input-container{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.action-buttons{display:flex;align-items:center}.show-calendar-button-wrapper{display:flex;justify-content:center;align-items:center}.clear-button,.calendar-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);margin:0}.clear-button.hidden{display:none}.clear-button:focus,.calendar-button:focus,.clear-button:active,.calendar-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:0.25rem}.calendar-button:focus,.calendar-button:active{--ic-button-tertiary-text-active:var(--ic-atoms-input-clear-button-focus);--ic-button-tertiary-text-hover-active:var(\n    --ic-atoms-input-clear-button-focus\n  );--ic-button-tertiary-text-pressed-active:var(\n    --ic-atoms-input-clear-button-focus\n  )}.clear-button:focus,.calendar-button:focus,.clear-button:active *,.calendar-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button svg{color:var(--ic-date-input-clear-icon)}.clear-button:focus svg{color:var(--ic-atoms-input-clear-button-focus)}.divider{margin:0 var(--ic-space-xxs);width:var(--ic-space-1px);background-color:var(--ic-atoms-input-divider);border-radius:var(--ic-space-1px)}.divider.small{height:var(--ic-space-md)}.divider.medium{height:calc(var(--ic-space-sm) + var(--ic-space-xs))}.divider.large{height:var(--ic-space-lg)}ic-input-validation{--ic-input-validation-status-text-color:var(--ic-date-input-status-text);--ic-input-validation-error:var(--ic-date-input-icon-error);--ic-input-validation-warning-icon-color:var(--ic-date-input-icon-warning);--ic-input-validation-success-icon-color:var(--ic-date-input-icon-success)}';const H=z;let Y=0;const M=class{constructor(e){t(this,e);this.calendarButtonClicked=i(this,"calendarButtonClicked",7);this.icBlur=i(this,"icBlur",7);this.icChange=i(this,"icChange",7);this.icFocus=i(this,"icFocus",7);this.DEFAULT_DATE_FORMAT="DD/MM/YYYY";this.ARIA_INVALID="aria-invalid";this.ARIA_LABEL="aria-label";this.ARIA_LABELLED_BY="aria-labelledby";this.EVENT_OBJECT_STRING="[object Event]";this.FIT_TO_VALUE="fit-to-value";this.initialValue=this.value;this.INPUT_EVENT_OBJECT_STRING="[object InputEvent]";this.inputsInOrder=[];this.isAfterMax=false;this.isBeforeMin=false;this.isDateSetFromKeyboardEvent=false;this.isDisabledDate=false;this.isValidDay=true;this.isValidMonth=true;this.isValidDate=true;this.isZuluTime=false;this.KEYBOARD_EVENT_OBJECT_STRING="[object KeyboardEvent]";this.MAX_DAY=31;this.MAX_MONTH=12;this.previousSelectedDate=null;this.selectedDate=null;this.externalSetDate=false;this.clearInput=false;this.calendarFocused=false;this.clearButtonFocused=false;this.removeLabelledBy=false;this.day="";this.month="";this.year="";this.dateFormat=this.DEFAULT_DATE_FORMAT;this.emitDatePartChange=false;this.disabled=false;this.disableDays=[];this.disableDaysMessage="The date you have selected is on a day of the week that is not allowed. Please select another date.";this.disableFuture=false;this.disableFutureMessage="Dates in the future are not allowed. Please select a date in the past.";this.disablePast=false;this.disablePastMessage="Dates in the past are not allowed. Please select a date in the future.";this.hideHelperText=false;this.hideLabel=false;this.inputId=`ic-date-input-${Y++}`;this.invalidDateMessage="Please enter a valid date.";this.max="";this.min="";this.name=this.inputId;this.required=false;this.showCalendarButton=false;this.showClearButton=true;this.size="medium";this.theme="inherit";this.value="";this.validationStatus="";this.validationText="";this.setInputPasteValue=(t,i)=>{if(t){const s=t;s.value=i;s.classList.add(this.FIT_TO_VALUE)}};this.checkSingleCopiedValueIsValid=(t,i)=>{let s=false;const e=Number(i);switch(t){case this.dayInputEl:s=e>=1&&e<=this.MAX_DAY;break;case this.monthInputEl:s=e>=1&&e<=this.MAX_MONTH;break;case this.yearInputEl:s=true;break}return s};this.isKeyboardOrEvent=t=>Object.prototype.toString.call(t)===this.EVENT_OBJECT_STRING||Object.prototype.toString.call(t)===this.KEYBOARD_EVENT_OBJECT_STRING;this.setDateValidity=()=>{if(!h(this.day)){this.isValidDay=+this.day>this.MAX_DAY?false:true}else{this.isValidDay=true}if(!h(this.month)){this.isValidMonth=+this.month>this.MAX_MONTH?false:true}else{this.isValidMonth=true}};this.handleInput=t=>{const i=t;const s=t.target;if(s!==this.yearInputEl){if(i.inputType!=="deleteContentBackward"&&!this.preventAutoFormatting){if(s.value.length===1&&(s===this.dayInputEl&&+s.value>=4||s===this.monthInputEl&&+s.value>=2)&&+s.value<=9){this.setInputValue(s);this.notifyScreenReader(s,t);this.moveToNextInput(s)}if(s.value.length===2){if(+s.value===0){s.value="01"}this.setInputValue(s);this.setPreventInput(s,true);this.notifyScreenReader(s,t);this.moveToNextInput(s)}else{this.setPreventInput(s,false)}}else if(this.preventAutoFormatting){if(s.value.length===2&&!this.isKeyboardOrEvent(t)){this.setInputValue(s);this.setPreventInput(s,true);this.moveToNextInput(s)}else{this.setInputValue(s)}}if(s.value.length!==2){this.setPreventInput(s,false)}}else{if(s.value.length===4){this.setInputValue(s);if(Object.prototype.toString.call(t)!==this.EVENT_OBJECT_STRING){this.moveToNextInput(s)}this.setPreventInput(s,true)}else{this.setInputValue(s,true);this.setPreventInput(s,false)}}this.setFitToValueStyling(s);if(s.value.length===0){this.setInputValue(s,true);this.setValidationMessage()}this.notifyScreenReader(s,t)};this.handleKeyDown=(t,i)=>{var s;const e=t.target;const a=(s=t.key)===null||s===void 0?void 0:s.toLowerCase();const h=/-?\d*\.?\d+(e[-+]?\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;if(!h.test(a)&&!((t.ctrlKey||t.metaKey)&&(a==="v"||a==="c"))){t.preventDefault()}switch(a){case"/":case"-":case".":t.preventDefault();this.setPasteInvalidText();this.moveToNextInput(e);break;case"arrowright":case"arrowleft":t.preventDefault();this.handleLeftRightArrowKeyPress(e,a);break;case"arrowup":case"arrowdown":this.preventAutoFormatting=true;this.handleUpDownArrowKeyPress(e,t);break;case"backspace":if(e.value.length===0){t.preventDefault();this.moveToPreviousInput(e)}break}this.preventInput(t,i);this.isDateSetFromKeyboardEvent=true};this.handleFocus=t=>{const i=t.target;i.select()};this.handleBlur=t=>{const i=t.target;if(i){this.setPasteInvalidText();this.autocompleteInput(i)}};this.handleLeftRightArrowKeyPress=(t,i)=>{if(i==="arrowright"){this.moveToNextInput(t)}else{this.moveToPreviousInput(t)}this.setPasteInvalidText()};this.notifyScreenReaderSelectedDate=()=>{if(this.selectedDate&&this.selectedDateInfoEl){const t=r(p);const i=r(v);this.selectedDateInfoEl.textContent=`Selected date: ${t[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${i[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`}};this.handleUpDownArrowKeyPress=(t,i)=>{const s=t===this.yearInputEl?0:1;let e=9999;switch(t){case this.dayInputEl:e=this.MAX_DAY;break;case this.monthInputEl:e=this.MAX_MONTH;break;case this.yearInputEl:e=9999}if(t===null||t===void 0?void 0:t.value){if(i.key==="ArrowUp"){if(+t.value===e){i.preventDefault();t.value=`0${s}`}else{t.value=+t.value+1<10?`0${+t.value+1}`:(+t.value+1).toString()}this.notifyScreenReader(t,i)}if(i.key==="ArrowDown"){if(+t.value===s){i.preventDefault();t.value=e.toString()}else{t.value=+t.value-1<10?`0${+t.value-1}`:(+t.value-1).toString()}this.notifyScreenReader(t,i)}}else{if(i.key==="ArrowDown"){i.preventDefault();t.value=t===this.yearInputEl?(new Date).getFullYear().toString():e.toString();this.notifyScreenReader(t,i)}else if(i.key==="ArrowUp"){i.preventDefault();t.value=t===this.yearInputEl?(new Date).getFullYear().toString():`0${s}`;this.notifyScreenReader(t,i)}}this.setInputValue(t);this.setFitToValueStyling(t)};this.handleDateChange=t=>{if(t||!m(this.selectedDate,this.previousSelectedDate)){if(this.value){this.inputsInOrder.forEach((t=>{t.classList.add(this.FIT_TO_VALUE)}))}if(this.day&&this.month&&this.year&&this.invalidDateText===""){this.setValueAndEmitChange(this.selectedDate);this.notifyScreenReaderSelectedDate()}else if(!(this.selectedDate===null&&this.previousSelectedDate===null)&&this.selectedDateInfoEl){this.setValueAndEmitChange(null);this.selectedDateInfoEl.textContent=""}this.previousSelectedDate=this.selectedDate;if(!this.isDateSetFromKeyboardEvent){this.updateInputValues(this.day,this.month,this.year)}}};this.slicePastedDate=(t,i)=>i.length>t?i.slice(0,t):i;this.isPastedStringDateValid=t=>{if(/\d+-\d+-\d+$/.test(t)||/\d+\/\d+\/\d+/.test(t)||/\d+\.\d+\.\d+/.test(t)){return true}if(/[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}(?::[0-9]{2}(?:\.\d+)?)?Z/.test(t)){this.isZuluTime=true;return true}return false};this.handlePaste=t=>{var i;t.preventDefault();const s=((i=t.clipboardData)===null||i===void 0?void 0:i.getData("Text"))||"";const e=this.isPastedStringDateValid(s);this.setPastedValueAndValidation(e,s,t)};this.setDate=t=>{if(t===null||t===""||t===undefined){if(this.day)this.day="";if(this.month)this.month="";if(this.year)this.year="";this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setPreventInput(t,false)}));this.handleDateChange(true)}else{if(w(t)){let i;if(typeof t==="string"){i=new Date(+t)}else{i=t}this.day=y(i.getDate());this.month=y(i.getMonth()+1);this.year=i.getFullYear().toString()}else if(typeof t==="string"){const i=g(t,this.dateFormat);this.selectedDate=new Date(Number(i[0]),Number(i[1])-1,Number(i[2]));this.year=i[0];this.month=i[1];this.day=i[2];this.setValueAndEmitChange(this.selectedDate)}}this.setValidationMessage()};this.formatMinMax=t=>{let i;const s=y(t.getDate());const e=y(t.getMonth()+1);const a=t.getFullYear();switch(this.dateFormat){case this.DEFAULT_DATE_FORMAT:i=`${s}/${e}/${a}`;break;case"MM/DD/YYYY":i=`${e}/${s}/${a}`;break;case"YYYY/MM/DD":i=`${a}/${e}/${s}`;break}return i};this.updateInputValues=(t,i,s)=>{if(this.dayInputEl&&this.monthInputEl&&this.yearInputEl){this.dayInputEl.value=t;this.monthInputEl.value=i;this.yearInputEl.value=s}};this.setInputValue=(t,i=false)=>{const s=i?"":t.value;switch(t){case this.dayInputEl:this.day=s;break;case this.monthInputEl:this.month=s;break;case this.yearInputEl:if(this.year!==s){this.year=s}}this.setValidationMessage()};this.setValidationMessage=()=>{this.setDateValidity();if(!h(this.day)&&!h(this.month)&&!h(this.year)){this.selectedDate=this.convertToDate(this.year,this.month,this.day);this.isValidDate=!!this.selectedDate&&+this.selectedDate!==0&&this.selectedDate.getDate()==+this.day;this.isDisabledDate=this.isSelectedDateDisabled();if(!this.isValidDate||this.isDisabledDate){this.inputsInOrder.forEach((t=>t.setAttribute(this.ARIA_INVALID,"true")))}else{this.inputsInOrder.forEach((t=>t.removeAttribute(this.ARIA_INVALID)))}}else{this.selectedDate=null}if(!(this.isValidDay&&this.isValidMonth&&this.isValidDate)){this.invalidDateText=this.invalidDateMessage}else if(this.isDisabledDate&&this.selectedDate!==null){if(this.isBeforeMin){if(this.disablePast){this.invalidDateText=this.disablePastMessage}else{this.invalidDateText=`Please enter a date after ${this.formatMinMax(this.minDate)}.`}}else if(this.isAfterMax){if(this.disableFuture){this.invalidDateText=this.disableFutureMessage}else{this.invalidDateText=`Please enter a date before ${this.formatMinMax(this.maxDate)}.`}}else if(this.disableDays.length!==0){this.invalidDateText=this.disableDaysMessage}else{if(this.disablePast){this.invalidDateText=this.disablePastMessage}if(this.disableFuture){this.invalidDateText=this.disableFutureMessage}}}else{this.invalidDateText=""}};this.setInputsInOrder=()=>{var t;(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("input").forEach((t=>this.inputsInOrder.push(t)))};this.setAriaLabelledBy=()=>{var t,i,s;if(this.disabled&&!h((t=this.inputCompContainerEl)===null||t===void 0?void 0:t.getAttribute(this.ARIA_LABELLED_BY))){this.removeAriaLabelledBy();return}if(this.disabled){return}const e=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("label");const a=`${this.inputId}-label`;if(e!==null&&e!==undefined){e.id=a}const r=!h(this.validationStatus)||!h(this.invalidDateText);const o=`${(s=e===null||e===void 0?void 0:e.id)!==null&&s!==void 0?s:""} ${this.screenReaderInfoId} ${n(this.inputId,this.helperText!==""&&this.helperText!==this.defaultHelperText,r)} ${this.selectedDate?this.selectedDateInfoId:""} ${this.assistiveHintId}`;this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY,o)};this.setPreventInput=(t,i)=>{switch(t){case this.dayInputEl:this.preventDayInput=i;break;case this.monthInputEl:this.preventMonthInput=i;break;case this.yearInputEl:this.preventYearInput=i}};this.getInputFromDatePart=t=>{const i=s("input",{class:"day-input",id:"day-input",ref:t=>this.dayInputEl=t,"aria-label":"day",placeholder:"DD",disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventDayInput)});const e=s("input",{id:"month-input",class:"month-input",ref:t=>this.monthInputEl=t,"aria-label":"month",placeholder:"MM",disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventMonthInput)});const a=s("input",{id:"year-input",class:"year-input",ref:t=>this.yearInputEl=t,"aria-label":"year",placeholder:"YYYY",maxLength:4,disabled:this.disabled,onPaste:this.handlePaste,inputmode:"number",pattern:"[0-9]*",onKeyDown:t=>this.handleKeyDown(t,this.preventYearInput)});let h;switch(t){case"D":h=i;break;case"M":h=e;break;case"Y":h=a}return h};this.getInputsInOrder=()=>{const t=this.dateFormat.split("/");const i=[];t.forEach((t=>{i.push(this.getInputFromDatePart(t.substring(0,1)))}));return i};this.getDescOfInputsOrder=()=>{let t;switch(this.dateFormat){case this.DEFAULT_DATE_FORMAT:t="day, month, and year";break;case"MM/DD/YYYY":t="month, day, and year";break;case"YYYY/MM/DD":t="year, month, and day"}return t};this.getScreenReaderInfo=t=>{let i="";if(this.required){i+="required"}if(t===f.Error){i+=" invalid data"}return i===""?"":i+", "};this.preventInput=(t,i)=>{const s=t.key;const e=t.target;let a;if(e){a=e.value.substring(e.selectionStart||0,e.selectionEnd||undefined)}if(s==="e"||s==="."||s==="-"||t.key>="0"&&t.key<="9"&&i&&!a){t.preventDefault()}};this.isSelectedDateDisabled=()=>{if(!this.selectedDate)return false;const t=new Date;const i=this.selectedDate.toDateString()!==t.toDateString();this.isAfterMax=this.maxDate&&this.selectedDate>this.maxDate&&i;this.isBeforeMin=this.minDate&&this.selectedDate<this.minDate&&i;return this.isAfterMax||this.isBeforeMin||this.disableDays.includes(this.selectedDate.getDay())||(!!this.disablePast&&this.selectedDate<t||!!this.disableFuture&&this.selectedDate>t)&&i};this.moveToNextInput=t=>{var i;this.preventAutoFormatting=false;(i=this.inputsInOrder[this.inputsInOrder.findIndex((i=>i===t))+1])===null||i===void 0?void 0:i.focus()};this.moveToPreviousInput=t=>{var i;this.preventAutoFormatting=false;(i=this.inputsInOrder[this.inputsInOrder.findIndex((i=>i===t))-1])===null||i===void 0?void 0:i.focus()};this.autocompleteInput=t=>{const i=t.value;if(this.yearInputEl&&t===this.yearInputEl){const t=["2","0","0"];let s="";if(i){t.forEach(((t,e)=>{if(i.length+e<=3){s+=t}}));this.yearInputEl.value=`${s}${i}`}}else if(i.length===1){t.value=+i===0?"01":`0${i}`}if(t.value){this.setInputValue(t)}};this.convertToDate=(t,i,s)=>{if(!h(t)&&!h(i)&&!h(s)){return new Date(+t,+i-1,+s)}else{return null}};this.handleHostBlur=()=>{this.removeLabelledBy=false;this.icBlur.emit({value:this.selectedDate})};this.handleHostFocus=()=>{var t,i;if((i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.activeElement)===null||i===void 0?void 0:i.id.match(/(day|month|year)-input$/)){this.removeLabelledBy=false}else{this.removeLabelledBy=true}this.icFocus.emit({value:this.selectedDate})};this.handleFormReset=()=>{this.setDate(this.initialValue);this.setValidationMessage();this.handleDateChange(false)};this.getAriaLabel=t=>t.getAttribute(this.ARIA_LABEL);this.notifyScreenReaderArrowKeys=t=>{var i;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#live-region");const e=this.getAriaLabel(t);if(s&&t.value&&e){let i="";if(t===this.monthInputEl&&!!v[+t.value-1]){i=`${t.value} - ${v[+t.value-1]}, ${e}`}if(t===this.dayInputEl||t===this.yearInputEl){i=`${t.value}, ${e}`}s.textContent=i}};this.notifyScreenReaderInput=(t,i)=>{const s=this.getAriaLabel(t);const e=t.value;if(s&&e){let a="";const h=v[+e-1];if(t===this.monthInputEl&&!!h&&this.isValidMonth&&e.length===2){a=`${e} - ${h}`}else if(t===this.dayInputEl&&this.isValidDay&&e.length===2||t===this.yearInputEl&&e.length===4){a=e}i.textContent=`${a}, ${s}`}};this.setFitToValueStyling=t=>{if(t.value){t.classList.add(this.FIT_TO_VALUE)}else{t.classList.remove(this.FIT_TO_VALUE)}};this.setAriaInvalid=(t,i,s,e)=>{var a,h;if(this.inputsInOrder.length){this.inputsInOrder.forEach((t=>{t.removeAttribute(this.ARIA_INVALID)}));if(!t){(a=this.dayInputEl)===null||a===void 0?void 0:a.setAttribute(this.ARIA_INVALID,"true")}if(!i){(h=this.monthInputEl)===null||h===void 0?void 0:h.setAttribute(this.ARIA_INVALID,"true")}if(!s||e){this.inputsInOrder.forEach((t=>{t.setAttribute(this.ARIA_INVALID,"true")}))}}};this.handleClear=()=>{this.clearInput=true;this.inputsInOrder.forEach((t=>{t.classList.remove(this.FIT_TO_VALUE);this.setInputValue(t,true);this.setPreventInput(t,false)}));this.clearInput=false;this.isDateSetFromKeyboardEvent=false;this.setValidationMessage();this.handleDateChange(true);this.inputsInOrder[0].focus()};this.handleCalendarOpen=t=>{var i,s,e,a,h,r;t.stopImmediatePropagation();(e=(s=(i=this.calendarButtonEl)===null||i===void 0?void 0:i.shadowRoot)===null||s===void 0?void 0:s.querySelector("ic-tooltip"))===null||e===void 0?void 0:e.displayTooltip(false);this.calendarButtonClicked.emit({value:this.selectedDate});(r=(h=(a=this.calendarButtonEl)===null||a===void 0?void 0:a.shadowRoot)===null||h===void 0?void 0:h.querySelector("ic-tooltip"))===null||r===void 0?void 0:r.displayTooltip(false);this.isDateSetFromKeyboardEvent=false};this.setValueAndEmitChange=t=>{if(!m(this.value?new Date(this.value):null,t)){this.emitIcChange(t);this.value=t}};this.handleCalendarFocus=()=>{this.calendarFocused=true};this.handleCalendarBlur=()=>{this.calendarFocused=false};this.handleClearFocus=()=>{this.removeLabelledBy=true;this.clearButtonFocused=true};this.handleClearBlur=t=>{var i;this.clearButtonFocused=false;if((i=t.relatedTarget)===null||i===void 0?void 0:i.id.match(/(day|year)-input$/)){this.removeLabelledBy=false;return}this.removeLabelledBy=true};this.emitIcChange=t=>{this.selectedDate=t;if(!m(this.selectedDate,t)||this.day!==null||this.month!==null||this.year!==null){let i=null;if(t!==null){i=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate()))}this.icChange.emit({value:t,dateObject:{day:this.day===""?null:this.day,month:this.month===""?null:this.month,year:this.year===""?null:this.year},utcValue:i})}}}watchInputHandler(){if(this.emitDatePartChange&&!this.externalSetDate&&!this.clearInput&&!(this.day&&this.month&&this.year)&&this.selectedDate===null){this.emitIcChange(this.selectedDate)}}watchDisabledHandler(){o(this.disabled,this.el)}watchDisableFutureHandler(){this.watchMaxHandler()}watchDisablePastHandler(){this.watchMinHandler()}watchMaxHandler(){if(this.disableFuture){this.maxDate=new Date}else{this.maxDate=k(this.max,this.dateFormat)}}watchMinHandler(){if(this.disablePast){this.minDate=new Date}else{this.minDate=k(this.min,this.dateFormat)}}watchRequiredHandler(){var t,i;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("label");if(this.required){const t=document.createElement("span");t.setAttribute("id","asterisk-span");t.setAttribute("aria-hidden","true");t.textContent=" *";s===null||s===void 0?void 0:s.appendChild(t)}else{const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#asterisk-span");if(t){t.remove()}}}disconnectedCallback(){l(this.el,this.handleFormReset)}componentWillLoad(){this.defaultHelperText=`Use format ${this.dateFormat}`;if(h(this.helperText))this.helperText=this.defaultHelperText;this.watchMinHandler();this.watchMaxHandler();if(this.value){this.externalSetDate=true;this.setDate(this.value)}this.screenReaderInfoId=`${this.inputId}-screen-reader-info`;this.assistiveHintId=`${this.inputId}-assistive-hint`;this.selectedDateInfoId=`${this.inputId}-selected-date-info`;c(this.el,this.handleFormReset);o(this.disabled,this.el)}componentDidLoad(){this.setInputsInOrder();d([{prop:this.label,propName:"label"}],"Date Input");if(this.value){this.updateInputValues(this.day,this.month,this.year);this.inputsInOrder.forEach((t=>{t.classList.add(this.FIT_TO_VALUE)}))}this.setAriaInvalid(this.isValidDay,this.isValidMonth,this.isValidDate,this.isDisabledDate);if(this.value){this.notifyScreenReaderSelectedDate()}this.inputsInOrder.forEach((t=>{t.addEventListener("input",this.handleInput);t.addEventListener("focus",this.handleFocus);t.addEventListener("blur",this.handleBlur)}));this.watchRequiredHandler()}componentWillUpdate(){if(h(this.helperText))this.helperText=this.defaultHelperText;if(!this.isDateSetFromKeyboardEvent)this.setDate(this.value);this.setAriaInvalid(this.isValidDay,this.isValidMonth,this.isValidDate,this.isDisabledDate);this.handleDateChange(false);this.isDateSetFromKeyboardEvent=false}componentDidRender(){if(this.removeLabelledBy){this.removeAriaLabelledBy();return}this.setAriaLabelledBy()}async getDate(){return this.selectedDate}async setCalendarFocus(){if(this.calendarButtonEl){this.calendarButtonEl.focus()}}async setDisableDays(t){this.disableDays=t}async triggerIcChange(t){this.externalSetDate=true;this.setDate(t);this.emitIcChange(t);this.externalSetDate=false}removeAriaLabelledBy(){this.inputCompContainerEl.removeAttribute(this.ARIA_LABELLED_BY)}setPastedValueAndValidation(t,i,s){switch(true){case t:{const t=this.isZuluTime?x(i):i;const s=t.split(/-|\/|\./);this.inputsInOrder.forEach(((t,i)=>{t.classList.add(this.FIT_TO_VALUE);if(this.isZuluTime){this.pasteZuluDateTime(s,i)}else{let e;if(t===this.dayInputEl||t===this.monthInputEl){e=this.slicePastedDate(2,s[i])}else{e=this.slicePastedDate(4,s[i])}t.value=e;this.setInputValue(t);this.autocompleteInput(t)}}));this.isZuluTime=false;break}case(i.length===1||i.length===2||i.length===4)&&u(i):if(this.checkSingleCopiedValueIsValid(s.target,i)){this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}else{this.displayPastedValidation(s)}break;case i.length===3&&u(i):if(s.target!==this.yearInputEl){this.displayPastedValidation(s)}else{this.setInputPasteValue(s.target,i);this.setInputValue(s.target)}break;case i.length>=5&&u(i):this.displayPastedValidation(s)}}pasteZuluDateTime(t,i){if(i===0&&this.yearInputEl){const s=this.slicePastedDate(4,t[i]);this.yearInputEl.value=s;this.setInputValue(this.yearInputEl)}else if(i===1&&this.monthInputEl){const s=this.slicePastedDate(2,t[i]);this.monthInputEl.value=s;this.setInputValue(this.monthInputEl)}else if(this.dayInputEl){const s=this.slicePastedDate(2,t[i]);this.dayInputEl.value=s;this.setInputValue(this.dayInputEl)}}displayPastedValidation(t){var i;if(((i=this.invalidDateText)===null||i===void 0?void 0:i.length)>0){this.previousInvalidDateTest=this.invalidDateText}this.invalidDateText=`Please paste a valid ${this.getAriaLabel(t.target)}`;this.validationStatus=f.Error;this.isPasteValidationDisplayed=true}setPasteInvalidText(){var t;if(this.isPasteValidationDisplayed){this.invalidDateText=(t=this.previousInvalidDateTest)!==null&&t!==void 0?t:"";this.isPasteValidationDisplayed=false;this.isDateSetFromKeyboardEvent=true}}notifyScreenReader(t,i){var s;const e=(s=this.el.shadowRoot)===null||s===void 0?void 0:s.querySelector("#live-region");if(e){if(this.isKeyboardOrEvent(i)){this.notifyScreenReaderArrowKeys(t)}else if(Object.prototype.toString.call(i)===this.INPUT_EVENT_OBJECT_STRING){this.notifyScreenReaderInput(t,e)}}}render(){const{inputId:t,label:i,disabled:a,helperText:r,hideHelperText:n,hideLabel:o,showClearButton:l,showCalendarButton:c,size:d,theme:u}=this;const p=!h(this.validationStatus);const v=p?this.validationStatus:!h(this.invalidDateText)?f.Error:"";const m=`Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;b(true,this.el,this.name,this.convertToDate(this.year,this.month,this.day),this.disabled);return s(e,{key:"5e9f71b2a1c5dbc55f615ea389121c300ed68fd4",class:{[`ic-theme-${u}`]:u!=="inherit",[`ic-date-input-disabled`]:a},onBlur:this.handleHostBlur,onFocus:this.handleHostFocus},s("ic-input-container",{key:"64fe93a68d17f2b84e296efb2d9602876628d972",disabled:a},!(o&&n)&&s("ic-input-label",{key:"69bb1722d84504483a7691fe713c86639025765f",for:t,label:i,hideLabel:o,helperText:!n?r:"",disabled:a}),s("span",{key:"3ef289406284d077b47db67d8b5d45919fdaad0e",id:this.screenReaderInfoId,class:"sr-only","aria-hidden":"true"},this.getScreenReaderInfo(v),o&&`${i}\n`,n&&`${r}\n`,`${this.defaultHelperText}.`),s("span",{key:"20222a2534cf00d15fe40610412babb302fc0e7a",id:this.assistiveHintId,class:"sr-only","aria-hidden":"true"},m),s("span",{key:"5d4346a0fec1b1ee9d22057b7f2f1aa3b98f9693",id:"live-region","aria-live":"assertive",class:"sr-only"}),s("ic-input-component-container",{key:"1a2adcdeaf2e5cb437f77dd76054dcd872937bfc",id:t,ref:t=>this.inputCompContainerEl=t,disabled:a,validationStatus:v,size:d,role:"group",class:{[`ic-theme-${u}`]:u!=="inherit"}},s("div",{key:"ad5c42cec33b39329bde1975b094f3f13e974191",class:"input-container"},s("div",{key:"5bc9b871e605562b50306d5bb6bcc078892bafc5",class:"date-inputs"},this.getInputsInOrder()[0],"/",this.getInputsInOrder()[1],"/",this.getInputsInOrder()[2]),s("div",{key:"6efb1d64b2eeab1c3da78d1e0b95f3df987fedcc",class:"action-buttons"},l&&s("ic-button",{key:"39a73d58a6814d3fac7425050291e3f2f821cd72",id:"clear-button","aria-label":"Clear input",class:{["clear-button"]:true,["hidden"]:h(this.day)&&h(this.month)&&h(this.year)},disabled:this.disabled,innerHTML:$,onClick:this.handleClear,onFocus:this.handleClearFocus,onBlur:this.handleClearBlur,variant:"icon-tertiary",theme:this.clearButtonFocused?"light":"dark",size:d}),c&&s("div",{key:"6d05e11943d6bd56f9dd6d20b8306a45062ac3f2",class:"show-calendar-button-wrapper"},s("div",{key:"c04cdf2665700c19fdc323bf92435d2b0d710016",class:{divider:true,[d]:true}}),s("ic-button",{key:"1a88f2b979c6c1569bb5bff797ea28e86526ff69",id:"calendar-button",ref:t=>this.calendarButtonEl=t,"aria-label":"Display calendar","aria-haspopup":"dialog",class:"calendar-button",disabled:this.disabled,innerHTML:D,onClick:this.handleCalendarOpen,variant:"icon-tertiary",size:d,onFocus:this.handleCalendarFocus,onBlur:this.handleCalendarBlur,theme:this.calendarFocused?"light":"dark"}))))),s("span",{key:"49dc06b59b4ecbee2899842a1dc63d5bbde70cc3",id:this.selectedDateInfoId,class:"sr-only","aria-live":"polite"},s("span",{key:"bd2d89299077ceaf51b03fc5f22e6d0ff2f1550a",ref:t=>this.selectedDateInfoEl=t,role:"status"})),(p||!h(this.invalidDateText))&&s("ic-input-validation",{key:"d1502e42604239e61c7ec08840c258d2ea4d07e8",status:v,message:p?this.validationText:this.invalidDateText,for:t})))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{day:["watchInputHandler"],month:["watchInputHandler"],year:["watchInputHandler"],disabled:["watchDisabledHandler"],disableFuture:["watchDisableFutureHandler"],disablePast:["watchDisablePastHandler"],max:["watchMaxHandler"],min:["watchMinHandler"],required:["watchRequiredHandler"]}}};M.style=H;export{M as ic_date_input};
+//# sourceMappingURL=p-858dd362.entry.js.map

package/dist/core/p-858dd362.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icDateInputCss","IcDateInputStyle0","inputIds","DateInput","constructor","hostRef","this","DEFAULT_DATE_FORMAT","ARIA_INVALID","ARIA_LABEL","ARIA_LABELLED_BY","EVENT_OBJECT_STRING","FIT_TO_VALUE","initialValue","value","INPUT_EVENT_OBJECT_STRING","inputsInOrder","isAfterMax","isBeforeMin","isDateSetFromKeyboardEvent","isDisabledDate","isValidDay","isValidMonth","isValidDate","isZuluTime","KEYBOARD_EVENT_OBJECT_STRING","MAX_DAY","MAX_MONTH","previousSelectedDate","selectedDate","externalSetDate","clearInput","calendarFocused","clearButtonFocused","removeLabelledBy","day","month","year","dateFormat","emitDatePartChange","disabled","disableDays","disableDaysMessage","disableFuture","disableFutureMessage","disablePast","disablePastMessage","hideHelperText","hideLabel","inputId","invalidDateMessage","max","min","name","required","showCalendarButton","showClearButton","size","theme","validationStatus","validationText","setInputPasteValue","input","pastedValue","inputEl","classList","add","checkSingleCopiedValueIsValid","isValid","Number","dayInputEl","monthInputEl","yearInputEl","isKeyboardOrEvent","event","Object","prototype","toString","call","setDateValidity","isEmptyString","handleInput","inputEvent","target","inputType","preventAutoFormatting","length","setInputValue","notifyScreenReader","moveToNextInput","setPreventInput","setFitToValueStyling","setValidationMessage","handleKeyDown","isInputPrevented","eventKey","_a","key","toLowerCase","regex","test","ctrlKey","metaKey","preventDefault","setPasteInvalidText","handleLeftRightArrowKeyPress","handleUpDownArrowKeyPress","moveToPreviousInput","preventInput","handleFocus","select","handleBlur","autocompleteInput","notifyScreenReaderSelectedDate","selectedDateInfoEl","dayNames","stringEnumToArray","IcDayNames","months","IcDateInputMonths","textContent","getDay","getDate","getMonth","getFullYear","minValue","maxValue","Date","handleDateChange","force","dateMatches","forEach","invalidDateText","setValueAndEmitChange","updateInputValues","slicePastedDate","valueLength","datePart","slice","isPastedStringDateValid","handlePaste","clipboardData","getData","setPastedValueAndValidation","setDate","date","undefined","remove","isDateOrEpoch","newDate","convertToDoubleDigits","defaultDateArray","splitStringDate","formatMinMax","formattedDate","clear","newValue","convertToDate","isSelectedDateDisabled","setAttribute","removeAttribute","minDate","maxDate","setInputsInOrder","el","shadowRoot","querySelectorAll","push","setAriaLabelledBy","inputCompContainerEl","getAttribute","removeAriaLabelledBy","labelEl","_b","querySelector","labelId","id","hasValidation","labelledBy","_c","screenReaderInfoId","getInputDescribedByText","helperText","defaultHelperText","selectedDateInfoId","assistiveHintId","isPrevented","preventDayInput","preventMonthInput","preventYearInput","getInputFromDatePart","dayInput","h","class","ref","placeholder","onPaste","inputmode","pattern","onKeyDown","monthInput","yearInput","maxLength","getInputsInOrder","dateParts","split","part","substring","getDescOfInputsOrder","description","getScreenReaderInfo","inputDescriptors","IcInformationStatus","Error","selectedString","selectionStart","selectionEnd","currentDate","isNotToday","toDateString","includes","currentInput","findIndex","focus","inputValue","yearNumbers","autocompletedInput","number","index","handleHostBlur","icBlur","emit","handleHostFocus","activeElement","match","icFocus","handleFormReset","getAriaLabel","notifyScreenReaderArrowKeys","liveRegion","ariaLabel","announcement","notifyScreenReaderInput","monthValue","setAriaInvalid","validDay","validMonth","validDate","disabledDate","handleClear","handleCalendarOpen","ev","stopImmediatePropagation","calendarButtonEl","displayTooltip","calendarButtonClicked","_f","_e","_d","emitIcChange","handleCalendarFocus","handleCalendarBlur","handleClearFocus","handleClearBlur","relatedTarget","d","UTCDate","UTC","icChange","dateObject","utcValue","watchInputHandler","watchDisabledHandler","removeDisabledFalse","watchDisableFutureHandler","watchMaxHandler","watchDisablePastHandler","watchMinHandler","createDate","watchRequiredHandler","asteriskSpan","document","createElement","appendChild","disconnectedCallback","removeFormResetListener","componentWillLoad","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","addEventListener","componentWillUpdate","componentDidRender","setCalendarFocus","setDisableDays","days","triggerIcChange","nextParsedValue","extractDateFromZuluDateTime","pasteZuluDateTime","dateValue","isNumeric","displayPastedValidation","previousInvalidDateTest","isPasteValidationDisplayed","render","hasCustomValidation","assistiveHint","renderHiddenInput","Host","onBlur","onFocus","for","role","innerHTML","Clear","onClick","variant","divider","Calendar","status","message"],"sources":["src/components/ic-date-input/ic-date-input.css?tag=ic-date-input&encapsulation=shadow","src/components/ic-date-input/ic-date-input.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --input-bg-color: var(--ic-date-input-bg);\n  --ic-input-label-text-color: var(--ic-date-input-label);\n  --ic-input-label-helper-text-color: var(--ic-date-input-subtitle);\n  --border-color: var(--ic-date-input-border);\n  --border-color-disabled: var(--ic-date-input-border-disabled);\n  --border-color-hover: var(--ic-date-input-border-default-hover);\n  --border-color-pressed: var(--ic-date-input-border-default-pressed);\n  --border-error-color: var(--ic-date-input-border-error);\n  --border-error-color-hover: var(--ic-date-input-border-error-hover);\n  --border-error-color-pressed: var(--ic-date-input-border-error-pressed);\n  --border-success-color: var(--ic-date-input-border-success);\n  --border-success-color-hover: var(--ic-date-input-border-success-hover);\n  --border-success-color-pressed: var(--ic-date-input-border-success-pressed);\n  --border-warning-color: var(--ic-date-input-border-warning);\n  --border-warning-color-hover: var(--ic-date-input-border-warning-hover);\n  --border-warning-color-pressed: var(--ic-date-input-border-warning-pressed);\n}\n\n:host(.ic-date-input-disabled) {\n  --ic-input-label-text-color: var(--ic-date-input-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-date-input-subtitle-disabled);\n}\n\ninput {\n  border: 0;\n  height: 100%;\n  padding: 0;\n  outline: none;\n  background: none;\n  -moz-appearance: textfield;\n  appearance: textfield;\n  color: var(--ic-date-input-text-filled);\n  caret-color: var(--ic-date-input-typing-cursor);\n}\n\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\ninput:-webkit-autofill {\n  box-shadow: 0 0 0 var(--ic-space-sm) var(--ic-color-background-primary) inset;\n  -webkit-text-fill-color: var(--ic-date-input-text-filled) !important;\n}\n\ninput::placeholder {\n  color: var(--ic-date-input-text-placeholder);\n}\n\nic-input-component-container {\n  cursor: text;\n}\n\nic-input-component-container .focus-indicator {\n  padding: var(--ic-space-xxxs) var(--ic-space-xs);\n  align-items: center;\n}\n\n.date-inputs {\n  color: var(--ic-date-input-text-placeholder);\n}\n\n.day-input {\n  width: 1.438rem;\n}\n\n.month-input {\n  width: 1.813rem;\n}\n\n.year-input,\n.year-input.fit-to-value {\n  width: 2.313rem;\n}\n\n.fit-to-value {\n  width: 1.25rem;\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.input-container {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n}\n\n.action-buttons {\n  display: flex;\n  align-items: center;\n}\n\n.show-calendar-button-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.clear-button,\n.calendar-button {\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n  margin: 0;\n}\n\n.clear-button.hidden {\n  display: none;\n}\n\n.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active,\n.calendar-button:active {\n  background-color: var(--ic-color-focus-inner) !important;\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;\n  border-radius: 0.25rem;\n}\n\n.calendar-button:focus,\n.calendar-button:active {\n  --ic-button-tertiary-text-active: var(--ic-atoms-input-clear-button-focus);\n  --ic-button-tertiary-text-hover-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n  --ic-button-tertiary-text-pressed-active: var(\n    --ic-atoms-input-clear-button-focus\n  );\n}\n\n.clear-button:focus,\n.calendar-button:focus,\n.clear-button:active *,\n.calendar-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button svg {\n  color: var(--ic-date-input-clear-icon);\n}\n\n.clear-button:focus svg {\n  color: var(--ic-atoms-input-clear-button-focus);\n}\n\n.divider {\n  margin: 0 var(--ic-space-xxs);\n  width: var(--ic-space-1px);\n  background-color: var(--ic-atoms-input-divider);\n  border-radius: var(--ic-space-1px);\n}\n\n.divider.small {\n  height: var(--ic-space-md);\n}\n\n.divider.medium {\n  height: calc(var(--ic-space-sm) + var(--ic-space-xs));\n}\n\n.divider.large {\n  height: var(--ic-space-lg);\n}\n\nic-input-validation {\n  --ic-input-validation-status-text-color: var(--ic-date-input-status-text);\n  --ic-input-validation-error: var(--ic-date-input-icon-error);\n  --ic-input-validation-warning-icon-color: var(--ic-date-input-icon-warning);\n  --ic-input-validation-success-icon-color: var(--ic-date-input-icon-success);\n}\n","/* eslint-disable react/jsx-no-bind */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Prop,\n  State,\n  Host,\n  Method,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n  IcDateFormat,\n  IcDateInputMonths,\n  IcDayNames,\n  IcWeekDays,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  convertToDoubleDigits,\n  createDate,\n  dateMatches,\n  extractDateFromZuluDateTime,\n  isDateOrEpoch,\n  splitStringDate,\n} from \"../../utils/date-helpers\";\nimport {\n  addFormResetListener,\n  getInputDescribedByText,\n  isEmptyString,\n  isNumeric,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  removeFormResetListener,\n  renderHiddenInput,\n  stringEnumToArray,\n} from \"../../utils/helpers\";\nimport Clear from \"../../assets/clear-icon.svg\";\nimport Calendar from \"../../assets/calendar.svg\";\n\nlet inputIds = 0;\n\n@Component({\n  tag: \"ic-date-input\",\n  styleUrl: \"ic-date-input.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class DateInput {\n  private DEFAULT_DATE_FORMAT: IcDateFormat = \"DD/MM/YYYY\";\n  private ARIA_INVALID = \"aria-invalid\";\n  private ARIA_LABEL = \"aria-label\";\n  private ARIA_LABELLED_BY = \"aria-labelledby\";\n  private assistiveHintId: string;\n  private calendarButtonEl: HTMLIcButtonElement;\n  private dayInputEl?: HTMLInputElement;\n  private defaultHelperText: string;\n  private EVENT_OBJECT_STRING = \"[object Event]\";\n  private FIT_TO_VALUE = \"fit-to-value\";\n\n  private initialValue = this.value;\n  private inputCompContainerEl: HTMLIcInputComponentContainerElement;\n  private INPUT_EVENT_OBJECT_STRING = \"[object InputEvent]\";\n  private inputsInOrder: HTMLInputElement[] = [];\n\n  private isAfterMax: boolean = false;\n  private isBeforeMin: boolean = false;\n  private isDateSetFromKeyboardEvent: boolean = false;\n  private isDisabledDate: boolean = false;\n  private isPasteValidationDisplayed: boolean;\n  private isValidDay: boolean = true;\n  private isValidMonth: boolean = true;\n  private isValidDate: boolean = true;\n  private isZuluTime: boolean = false;\n\n  private KEYBOARD_EVENT_OBJECT_STRING = \"[object KeyboardEvent]\";\n  private MAX_DAY = 31;\n  private MAX_MONTH = 12;\n  private monthInputEl?: HTMLInputElement;\n\n  private preventAutoFormatting: boolean;\n  private preventDayInput: boolean;\n  private preventMonthInput: boolean;\n  private preventYearInput: boolean;\n\n  private previousInvalidDateTest: string;\n  private previousSelectedDate: Date | null = null;\n\n  private selectedDate: Date | null = null;\n  private selectedDateInfoEl?: HTMLSpanElement;\n  private screenReaderInfoId: string;\n  private selectedDateInfoId: string;\n\n  private yearInputEl?: HTMLInputElement;\n\n  private externalSetDate: boolean = false;\n  private clearInput: boolean = false;\n\n  @Element() el: HTMLIcDateInputElement;\n\n  @State() invalidDateText: string;\n  @State() maxDate: Date;\n  @State() minDate: Date;\n  @State() calendarFocused: boolean = false;\n  @State() clearButtonFocused: boolean = false;\n  @State() removeLabelledBy: boolean = false;\n\n  @State() day: string = \"\";\n  @State() month: string = \"\";\n  @State() year: string = \"\";\n\n  @Watch(\"day\")\n  @Watch(\"month\")\n  @Watch(\"year\")\n  watchInputHandler(): void {\n    if (\n      this.emitDatePartChange &&\n      !this.externalSetDate &&\n      !this.clearInput &&\n      !(this.day && this.month && this.year) &&\n      this.selectedDate === null\n    ) {\n      this.emitIcChange(this.selectedDate);\n    }\n  }\n\n  /**\n   * The format in which the date will be displayed.\n   */\n  @Prop() dateFormat: IcDateFormat = this.DEFAULT_DATE_FORMAT;\n  /**\n   * If `true`, every individual input field completed will emit an icChange event.\n   */\n  @Prop() emitDatePartChange?: boolean = false;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * The days of the week to disable.\n   */\n  @Prop({ mutable: true }) disableDays: IcWeekDays[] = [];\n\n  /**\n   * The text to display as the validation message when `disableDays` is set and a disabled date is entered.\n   */\n  @Prop() disableDaysMessage: string =\n    \"The date you have selected is on a day of the week that is not allowed. Please select another date.\";\n\n  /**\n   * If `true`, dates in the future are not allowed. A validation message will appear if a date in the future is entered.\n   */\n  @Prop() disableFuture?: boolean = false;\n\n  @Watch(\"disableFuture\")\n  watchDisableFutureHandler(): void {\n    this.watchMaxHandler();\n  }\n\n  /**\n   * The text to display as the validation message when `disableFuture` is true and a date in the future is entered.\n   */\n  @Prop() disableFutureMessage: string =\n    \"Dates in the future are not allowed. Please select a date in the past.\";\n\n  /**\n   * If `true`, dates in the past are not allowed. A validation message will appear if a date in the past is entered.\n   */\n  @Prop() disablePast?: boolean = false;\n\n  @Watch(\"disablePast\")\n  watchDisablePastHandler(): void {\n    this.watchMinHandler();\n  }\n\n  /**\n   * The text to display as the validation message when `disablePast` is true and a date in the past is entered.\n   */\n  @Prop() disablePastMessage: string =\n    \"Dates in the past are not allowed. Please select a date in the future.\";\n\n  /**\n   * The helper text that will be displayed for additional field guidance. This will default to the text \"Use format\" along with the `dateFormat` value.\n   */\n  @Prop({ mutable: true }) helperText: string | null;\n\n  /**\n   * If `true`, the helper text will be visually hidden, but still read out by screenreaders.\n   */\n  @Prop() hideHelperText: boolean = false;\n\n  /**\n   * If `true`, the label will be visually hidden, but will still be read out by screen readers.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * The ID for the input.\n   */\n  @Prop() inputId: string = `ic-date-input-${inputIds++}`;\n\n  /**\n   * The text to display as the validation message when an invalid date is entered.\n   */\n  @Prop() invalidDateMessage: string = \"Please enter a valid date.\";\n\n  /**\n   * The label for the date input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The latest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   * The value of this prop is ignored if `disableFuture` is set to `true`.\n   */\n  @Prop() max: string | Date = \"\";\n\n  @Watch(\"max\")\n  watchMaxHandler(): void {\n    if (this.disableFuture) {\n      this.maxDate = new Date();\n    } else {\n      this.maxDate = createDate(this.max, this.dateFormat);\n    }\n  }\n\n  /**\n   * The earliest date that will be allowed. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   * The value of this prop is ignored if `disablePast` is set to `true`.\n   */\n  @Prop() min: string | Date = \"\";\n\n  @Watch(\"min\")\n  watchMinHandler(): void {\n    if (this.disablePast) {\n      this.minDate = new Date();\n    } else {\n      this.minDate = createDate(this.min, this.dateFormat);\n    }\n  }\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.inputId;\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  @Watch(\"required\")\n  watchRequiredHandler(): void {\n    // Prevent asterisk being read out after the label by screen reader (by applying aria-hidden)\n    // Needed because label is included in 'aria-labelledby' instead of using 'aria-label'\n    const labelEl = this.el.shadowRoot?.querySelector(\"label\");\n    if (this.required) {\n      const asteriskSpan = document.createElement(\"span\");\n      asteriskSpan.setAttribute(\"id\", \"asterisk-span\");\n      asteriskSpan.setAttribute(\"aria-hidden\", \"true\");\n      asteriskSpan.textContent = \" *\";\n      labelEl?.appendChild(asteriskSpan);\n    } else {\n      const asteriskSpan = this.el.shadowRoot?.querySelector(\"#asterisk-span\");\n      if (asteriskSpan) {\n        asteriskSpan.remove();\n      }\n    }\n  }\n\n  /**\n   * @internal If `true`, a button which displays the calendar view when clicked will be displayed.\n   */\n  @Prop() showCalendarButton?: boolean = false;\n\n  /**\n   * If `true`, a button which clears the date input when clicked will be displayed.\n   */\n  @Prop() showClearButton?: boolean = true;\n\n  /**\n   * The size of the date input to be displayed.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * Sets the date picker to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The value of the date input. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.\n   */\n  @Prop({ mutable: true }) value?: string | Date | null | undefined = \"\";\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'. This will override the built-in date validation.\n   */\n  @Prop({ mutable: true }) validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message. This will override the built-in date validation.\n   */\n  @Prop() validationText?: string = \"\";\n\n  /**\n   * @internal Emitted when the calendar is opened.\n   */\n  @Event() calendarButtonClicked: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() icBlur: EventEmitter<{ value: Date | null }>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<{\n    value: Date | null;\n    dateObject: {\n      day: string | null;\n      month: string | null;\n      year: string | null;\n    };\n    utcValue: Date | null;\n  }>;\n\n  /**\n   * Emitted when the input gains focus.\n   */\n  @Event() icFocus: EventEmitter<{ value: Date | null }>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n  }\n\n  componentWillLoad(): void {\n    this.defaultHelperText = `Use format ${this.dateFormat}`;\n\n    if (isEmptyString(this.helperText))\n      this.helperText = this.defaultHelperText;\n\n    this.watchMinHandler();\n    this.watchMaxHandler();\n\n    if (this.value) {\n      this.externalSetDate = true;\n      this.setDate(this.value);\n    }\n\n    this.screenReaderInfoId = `${this.inputId}-screen-reader-info`;\n    this.assistiveHintId = `${this.inputId}-assistive-hint`;\n    this.selectedDateInfoId = `${this.inputId}-selected-date-info`;\n\n    addFormResetListener(this.el, this.handleFormReset);\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.setInputsInOrder();\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Date Input\"\n    );\n\n    if (this.value) {\n      this.updateInputValues(this.day, this.month, this.year);\n      this.inputsInOrder.forEach((input) => {\n        input.classList.add(this.FIT_TO_VALUE);\n      });\n    }\n\n    this.setAriaInvalid(\n      this.isValidDay,\n      this.isValidMonth,\n      this.isValidDate,\n      this.isDisabledDate\n    );\n\n    if (this.value) {\n      this.notifyScreenReaderSelectedDate();\n    }\n\n    this.inputsInOrder.forEach((input) => {\n      input.addEventListener(\"input\", this.handleInput);\n      input.addEventListener(\"focus\", this.handleFocus);\n      input.addEventListener(\"blur\", this.handleBlur);\n    });\n\n    this.watchRequiredHandler();\n  }\n\n  componentWillUpdate(): void {\n    if (isEmptyString(this.helperText))\n      this.helperText = this.defaultHelperText;\n\n    if (!this.isDateSetFromKeyboardEvent) this.setDate(this.value);\n\n    this.setAriaInvalid(\n      this.isValidDay,\n      this.isValidMonth,\n      this.isValidDate,\n      this.isDisabledDate\n    );\n    this.handleDateChange(false);\n    this.isDateSetFromKeyboardEvent = false;\n  }\n\n  componentDidRender(): void {\n    if (this.removeLabelledBy) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n\n    this.setAriaLabelledBy();\n  }\n\n  /**\n   * Returns the value as a Date object\n   * @returns Date\n   */\n  @Method()\n  async getDate(): Promise<Date | null> {\n    return this.selectedDate;\n  }\n\n  /**\n   * @internal Sets focus on the calendar button.\n   */\n  @Method()\n  async setCalendarFocus(): Promise<void> {\n    if (this.calendarButtonEl) {\n      this.calendarButtonEl.focus();\n    }\n  }\n\n  /**\n   * @internal Used to pass disabledDays from parent component.\n   */\n  @Method()\n  async setDisableDays(days: IcWeekDays[]): Promise<void> {\n    this.disableDays = days;\n  }\n\n  /**\n   * @internal Used to enable other components to invoke an IcChange event from the input.\n   */\n  @Method()\n  async triggerIcChange(d: Date | null): Promise<void> {\n    this.externalSetDate = true;\n    this.setDate(d);\n    this.emitIcChange(d);\n    this.externalSetDate = false;\n  }\n\n  private setInputPasteValue = (\n    input: EventTarget | null,\n    pastedValue: string\n  ) => {\n    if (input) {\n      const inputEl = input as HTMLInputElement;\n\n      inputEl.value = pastedValue;\n      inputEl.classList.add(this.FIT_TO_VALUE);\n    }\n  };\n\n  private checkSingleCopiedValueIsValid = (\n    input: EventTarget | null,\n    pastedValue: string\n  ) => {\n    let isValid = false;\n    const value = Number(pastedValue);\n\n    switch (input) {\n      case this.dayInputEl:\n        isValid = value >= 1 && value <= this.MAX_DAY;\n        break;\n      case this.monthInputEl:\n        isValid = value >= 1 && value <= this.MAX_MONTH;\n        break;\n      case this.yearInputEl:\n        isValid = true;\n        break;\n    }\n\n    return isValid;\n  };\n\n  /**\n   * Using Object.prototype.string to determine type if event from user\n   * @param event - event object used to differentiate keyboard, generic or input event\n   * @returns boolean\n   */\n  private isKeyboardOrEvent = (event: Event) => {\n    return (\n      Object.prototype.toString.call(event) === this.EVENT_OBJECT_STRING ||\n      Object.prototype.toString.call(event) ===\n        this.KEYBOARD_EVENT_OBJECT_STRING\n    );\n  };\n\n  private setDateValidity = () => {\n    if (!isEmptyString(this.day)) {\n      this.isValidDay = +this.day > this.MAX_DAY ? false : true;\n    } else {\n      this.isValidDay = true;\n    }\n\n    if (!isEmptyString(this.month)) {\n      this.isValidMonth = +this.month > this.MAX_MONTH ? false : true;\n    } else {\n      this.isValidMonth = true;\n    }\n  };\n\n  private handleInput = (event: Event) => {\n    const inputEvent = event as InputEvent;\n    const input = event.target as HTMLInputElement;\n\n    if (input !== this.yearInputEl) {\n      // Only auto-format if input event is not a character being deleted\n      // and not as user is changing value using up / down keys\n      if (\n        inputEvent.inputType !== \"deleteContentBackward\" &&\n        !this.preventAutoFormatting\n      ) {\n        if (\n          input.value.length === 1 &&\n          ((input === this.dayInputEl && +input.value >= 4) ||\n            (input === this.monthInputEl && +input.value >= 2)) &&\n          +input.value <= 9\n        ) {\n          this.setInputValue(input);\n          this.notifyScreenReader(input, event);\n          this.moveToNextInput(input);\n        }\n\n        if (input.value.length === 2) {\n          if (+input.value === 0) {\n            input.value = \"01\";\n          }\n          this.setInputValue(input);\n          this.setPreventInput(input, true);\n          this.notifyScreenReader(input, event);\n          this.moveToNextInput(input);\n        } else {\n          this.setPreventInput(input, false);\n        }\n      } else if (this.preventAutoFormatting) {\n        /**\n         * Using arrow keys prevents auto formatting so need to deal with\n         * switching from arrow keys to inputting numbers\n         **/\n        if (input.value.length === 2 && !this.isKeyboardOrEvent(event)) {\n          this.setInputValue(input);\n          this.setPreventInput(input, true);\n          this.moveToNextInput(input);\n        } else {\n          this.setInputValue(input);\n        }\n      }\n\n      if (input.value.length !== 2) {\n        this.setPreventInput(input, false);\n      }\n    } else {\n      if (input.value.length === 4) {\n        this.setInputValue(input);\n        if (\n          Object.prototype.toString.call(event) !== this.EVENT_OBJECT_STRING\n        ) {\n          this.moveToNextInput(input);\n        }\n        this.setPreventInput(input, true);\n      } else {\n        this.setInputValue(input, true);\n        this.setPreventInput(input, false);\n      }\n    }\n\n    // Add / remove class to make input width match size of value i.e. 2 digits' width for day / month, 4 for year\n    this.setFitToValueStyling(input);\n\n    if (input.value.length === 0) {\n      this.setInputValue(input, true);\n      this.setValidationMessage();\n    }\n\n    this.notifyScreenReader(input, event);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const input = event.target as HTMLInputElement;\n\n    const eventKey = event.key?.toLowerCase();\n    // Regex required due to FF allowing all characters as values for number text field.\n    const regex =\n      /-?\\d*\\.?\\d+(e[-+]?\\d+)?|[/-]|arrowup|arrowdown|arrowleft|arrowright|shift|tab|backspace|delete/;\n    if (\n      !regex.test(eventKey) &&\n      !(\n        (event.ctrlKey || event.metaKey) &&\n        (eventKey === \"v\" || eventKey === \"c\")\n      )\n    ) {\n      event.preventDefault();\n    }\n\n    switch (eventKey) {\n      case \"/\":\n      case \"-\":\n      case \".\":\n        event.preventDefault();\n        this.setPasteInvalidText();\n        this.moveToNextInput(input);\n        break;\n      case \"arrowright\":\n      case \"arrowleft\":\n        event.preventDefault();\n        this.handleLeftRightArrowKeyPress(input, eventKey);\n        break;\n      case \"arrowup\":\n      case \"arrowdown\":\n        this.preventAutoFormatting = true;\n        this.handleUpDownArrowKeyPress(input, event);\n        break;\n      case \"backspace\":\n        if (input.value.length === 0) {\n          event.preventDefault();\n          this.moveToPreviousInput(input);\n        }\n        break;\n      default:\n        break;\n    }\n\n    this.preventInput(event, isInputPrevented);\n    this.isDateSetFromKeyboardEvent = true;\n  };\n\n  private handleFocus = (event: FocusEvent) => {\n    // Highlight / select all characters in input for easy replacement\n    const input = event.target as HTMLInputElement;\n\n    input.select();\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    const input = event.target;\n    if (input) {\n      this.setPasteInvalidText();\n      this.autocompleteInput(input as HTMLInputElement);\n    }\n  };\n\n  private handleLeftRightArrowKeyPress = (\n    input: HTMLInputElement,\n    key: string\n  ) => {\n    if (key === \"arrowright\") {\n      this.moveToNextInput(input);\n    } else {\n      this.moveToPreviousInput(input);\n    }\n\n    this.setPasteInvalidText();\n  };\n\n  private notifyScreenReaderSelectedDate = () => {\n    if (this.selectedDate && this.selectedDateInfoEl) {\n      const dayNames = stringEnumToArray(IcDayNames);\n      const months = stringEnumToArray(IcDateInputMonths);\n\n      this.selectedDateInfoEl.textContent = `Selected date: ${\n        dayNames[this.selectedDate.getDay()]\n      }, ${this.selectedDate.getDate()} ${\n        months[this.selectedDate.getMonth()]\n      } ${this.selectedDate.getFullYear()}`;\n    }\n  };\n\n  private handleUpDownArrowKeyPress = (\n    input: HTMLInputElement,\n    event: KeyboardEvent\n  ) => {\n    const minValue = input === this.yearInputEl ? 0 : 1;\n\n    let maxValue = 9999;\n\n    switch (input) {\n      case this.dayInputEl:\n        maxValue = this.MAX_DAY;\n        break;\n      case this.monthInputEl:\n        maxValue = this.MAX_MONTH;\n        break;\n      case this.yearInputEl:\n        maxValue = 9999;\n    }\n\n    // Make value loop round when min / max reached\n    if (input?.value) {\n      if (event.key === \"ArrowUp\") {\n        if (+input.value === maxValue) {\n          event.preventDefault();\n          input.value = `0${minValue}`;\n        } else {\n          input.value =\n            +input.value + 1 < 10\n              ? `0${+input.value + 1}`\n              : (+input.value + 1).toString();\n        }\n        this.notifyScreenReader(input, event);\n      }\n\n      if (event.key === \"ArrowDown\") {\n        if (+input.value === minValue) {\n          event.preventDefault();\n          input.value = maxValue.toString();\n        } else {\n          input.value =\n            +input.value - 1 < 10\n              ? `0${+input.value - 1}`\n              : (+input.value - 1).toString();\n        }\n        this.notifyScreenReader(input, event);\n      }\n    } else {\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        input.value =\n          input === this.yearInputEl\n            ? new Date().getFullYear().toString()\n            : maxValue.toString();\n        this.notifyScreenReader(input, event);\n      } else if (event.key === \"ArrowUp\") {\n        event.preventDefault();\n        input.value =\n          input === this.yearInputEl\n            ? new Date().getFullYear().toString()\n            : `0${minValue}`;\n        this.notifyScreenReader(input, event);\n      }\n    }\n\n    this.setInputValue(input);\n    this.setFitToValueStyling(input);\n  };\n\n  private handleDateChange = (force: boolean) => {\n    // Prevent icChange being emitted when each individual input is changed\n    // This method is used within componentWillUpdate instead of using @Watch('value');\n    if (force || !dateMatches(this.selectedDate, this.previousSelectedDate)) {\n      if (this.value) {\n        this.inputsInOrder.forEach((input) => {\n          input.classList.add(this.FIT_TO_VALUE);\n        });\n      }\n      if (this.day && this.month && this.year && this.invalidDateText === \"\") {\n        this.setValueAndEmitChange(this.selectedDate);\n        this.notifyScreenReaderSelectedDate();\n      } else if (\n        !(this.selectedDate === null && this.previousSelectedDate === null) &&\n        this.selectedDateInfoEl\n      ) {\n        this.setValueAndEmitChange(null);\n        this.selectedDateInfoEl.textContent = \"\";\n      }\n      this.previousSelectedDate = this.selectedDate;\n\n      if (!this.isDateSetFromKeyboardEvent) {\n        this.updateInputValues(this.day, this.month, this.year);\n      }\n    }\n  };\n\n  private slicePastedDate = (valueLength: number, datePart: string): string => {\n    return datePart.length > valueLength\n      ? datePart.slice(0, valueLength)\n      : datePart;\n  };\n\n  private isPastedStringDateValid = (value: string) => {\n    if (\n      /\\d+-\\d+-\\d+$/.test(value) ||\n      /\\d+\\/\\d+\\/\\d+/.test(value) ||\n      /\\d+\\.\\d+\\.\\d+/.test(value)\n    ) {\n      return true;\n    }\n\n    if (\n      /[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}(?::[0-9]{2}(?:\\.\\d+)?)?Z/.test(\n        value\n      )\n    ) {\n      this.isZuluTime = true;\n      return true;\n    }\n\n    return false;\n  };\n\n  // Set value of each input to value of pasted date part\n  // Allows formats separated by '-' or '/'\n  private handlePaste = (event: ClipboardEvent) => {\n    event.preventDefault();\n\n    const pastedValue = event.clipboardData?.getData(\"Text\") || \"\";\n    const isValidDate = this.isPastedStringDateValid(pastedValue);\n\n    this.setPastedValueAndValidation(isValidDate, pastedValue, event);\n  };\n\n  private setDate = (date?: string | Date | null) => {\n    if (date === null || date === \"\" || date === undefined) {\n      if (this.day) this.day = \"\";\n      if (this.month) this.month = \"\";\n      if (this.year) this.year = \"\";\n      this.inputsInOrder.forEach((input) => {\n        input.classList.remove(this.FIT_TO_VALUE);\n        this.setPreventInput(input, false);\n      });\n      this.handleDateChange(true);\n    } else {\n      if (isDateOrEpoch(date)) {\n        let newDate;\n        if (typeof date === \"string\") {\n          // Checking if epoch date time\n          newDate = new Date(+date);\n        } else {\n          newDate = date;\n        }\n\n        this.day = convertToDoubleDigits(newDate.getDate());\n        this.month = convertToDoubleDigits(newDate.getMonth() + 1);\n        this.year = newDate.getFullYear().toString();\n      } else if (typeof date === \"string\") {\n        const defaultDateArray = splitStringDate(date, this.dateFormat);\n        this.selectedDate = new Date(\n          Number(defaultDateArray[0]),\n          Number(defaultDateArray[1]) - 1,\n          Number(defaultDateArray[2])\n        );\n        this.year = defaultDateArray[0];\n        this.month = defaultDateArray[1];\n        this.day = defaultDateArray[2];\n        this.setValueAndEmitChange(this.selectedDate);\n      }\n    }\n\n    this.setValidationMessage();\n  };\n\n  private formatMinMax = (date: Date) => {\n    let formattedDate;\n\n    const day = convertToDoubleDigits(date.getDate());\n    const month = convertToDoubleDigits(date.getMonth() + 1);\n    const year = date.getFullYear();\n\n    switch (this.dateFormat) {\n      case this.DEFAULT_DATE_FORMAT:\n        formattedDate = `${day}/${month}/${year}`;\n        break;\n      case \"MM/DD/YYYY\":\n        formattedDate = `${month}/${day}/${year}`;\n        break;\n      case \"YYYY/MM/DD\":\n        formattedDate = `${year}/${month}/${day}`;\n        break;\n      default:\n        break;\n    }\n    return formattedDate;\n  };\n  private updateInputValues = (day: string, month: string, year: string) => {\n    if (this.dayInputEl && this.monthInputEl && this.yearInputEl) {\n      this.dayInputEl.value = day;\n      this.monthInputEl.value = month;\n      this.yearInputEl.value = year;\n    }\n  };\n\n  // Set value in state based on input\n  private setInputValue = (input: HTMLInputElement, clear = false) => {\n    const newValue = clear ? \"\" : input.value;\n\n    switch (input) {\n      case this.dayInputEl:\n        this.day = newValue;\n        break;\n      case this.monthInputEl:\n        this.month = newValue;\n        break;\n      case this.yearInputEl:\n        if (this.year !== newValue) {\n          this.year = newValue;\n        }\n    }\n\n    this.setValidationMessage();\n  };\n\n  private setValidationMessage = () => {\n    this.setDateValidity();\n\n    if (\n      !isEmptyString(this.day) &&\n      !isEmptyString(this.month) &&\n      !isEmptyString(this.year)\n    ) {\n      // Check whether date actually exists\n      // (used https://www.hectane.com/blog/javascript-date-validation-with-leap-year)\n      this.selectedDate = this.convertToDate(this.year, this.month, this.day);\n      this.isValidDate =\n        !!this.selectedDate &&\n        +this.selectedDate !== 0 &&\n        this.selectedDate.getDate() == +this.day;\n      this.isDisabledDate = this.isSelectedDateDisabled();\n\n      if (!this.isValidDate || this.isDisabledDate) {\n        this.inputsInOrder.forEach((input) =>\n          input.setAttribute(this.ARIA_INVALID, \"true\")\n        );\n      } else {\n        this.inputsInOrder.forEach((input) =>\n          input.removeAttribute(this.ARIA_INVALID)\n        );\n      }\n    } else {\n      this.selectedDate = null;\n    }\n\n    if (!(this.isValidDay && this.isValidMonth && this.isValidDate)) {\n      this.invalidDateText = this.invalidDateMessage;\n    } else if (this.isDisabledDate && this.selectedDate !== null) {\n      if (this.isBeforeMin) {\n        if (this.disablePast) {\n          this.invalidDateText = this.disablePastMessage;\n        } else {\n          this.invalidDateText = `Please enter a date after ${this.formatMinMax(\n            this.minDate\n          )}.`;\n        }\n      } else if (this.isAfterMax) {\n        if (this.disableFuture) {\n          this.invalidDateText = this.disableFutureMessage;\n        } else {\n          this.invalidDateText = `Please enter a date before ${this.formatMinMax(\n            this.maxDate\n          )}.`;\n        }\n      } else if (this.disableDays.length !== 0) {\n        this.invalidDateText = this.disableDaysMessage;\n      } else {\n        if (this.disablePast) {\n          this.invalidDateText = this.disablePastMessage;\n        }\n        if (this.disableFuture) {\n          this.invalidDateText = this.disableFutureMessage;\n        }\n      }\n    } else {\n      this.invalidDateText = \"\";\n    }\n  };\n\n  // Set refs to the input elements in the order they are displayed (based on the dateFormat)\n  private setInputsInOrder = () => {\n    this.el.shadowRoot\n      ?.querySelectorAll(\"input\")\n      .forEach((input) => this.inputsInOrder.push(input));\n  };\n\n  // Includes text usually added using aria-describedby\n  // (which doesn't work on input component container)\n  private setAriaLabelledBy = () => {\n    if (\n      this.disabled &&\n      !isEmptyString(\n        this.inputCompContainerEl?.getAttribute(this.ARIA_LABELLED_BY)\n      )\n    ) {\n      this.removeAriaLabelledBy();\n      return;\n    }\n\n    if (this.disabled) {\n      return;\n    }\n\n    const labelEl = this.el.shadowRoot?.querySelector(\"label\");\n    const labelId = `${this.inputId}-label`;\n\n    if (labelEl !== null && labelEl !== undefined) {\n      labelEl.id = labelId;\n    }\n\n    const hasValidation =\n      !isEmptyString(this.validationStatus) ||\n      !isEmptyString(this.invalidDateText);\n\n    const labelledBy = `${labelEl?.id ?? \"\"} ${\n      this.screenReaderInfoId\n    } ${getInputDescribedByText(\n      this.inputId,\n      this.helperText !== \"\" && this.helperText !== this.defaultHelperText,\n      hasValidation\n    )} ${this.selectedDate ? this.selectedDateInfoId : \"\"} ${\n      this.assistiveHintId\n    }`;\n\n    this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);\n  };\n\n  // Sets boolean for each input, used to limit the number of characters within each field (2 for day / month, 4 for year)\n  private setPreventInput = (input: HTMLInputElement, isPrevented: boolean) => {\n    switch (input) {\n      case this.dayInputEl:\n        this.preventDayInput = isPrevented;\n        break;\n      case this.monthInputEl:\n        this.preventMonthInput = isPrevented;\n        break;\n      case this.yearInputEl:\n        this.preventYearInput = isPrevented;\n    }\n  };\n\n  // Get input based on letter representing each date part (\"D\", \"M\" or \"Y\")\n  // (retrieved from dateFormat)\n  private getInputFromDatePart = (datePart: string) => {\n    const dayInput = (\n      <input\n        class=\"day-input\"\n        id=\"day-input\"\n        ref={(el) => (this.dayInputEl = el)}\n        aria-label=\"day\"\n        placeholder=\"DD\"\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventDayInput)}\n      ></input>\n    );\n\n    const monthInput = (\n      <input\n        id=\"month-input\"\n        class=\"month-input\"\n        ref={(el) => (this.monthInputEl = el)}\n        aria-label=\"month\"\n        placeholder=\"MM\"\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventMonthInput)}\n      ></input>\n    );\n\n    const yearInput = (\n      <input\n        id=\"year-input\"\n        class=\"year-input\"\n        ref={(el) => (this.yearInputEl = el)}\n        aria-label=\"year\"\n        placeholder=\"YYYY\"\n        maxLength={4}\n        disabled={this.disabled}\n        onPaste={this.handlePaste}\n        inputmode=\"number\"\n        pattern=\"[0-9]*\"\n        onKeyDown={(event) => this.handleKeyDown(event, this.preventYearInput)}\n      ></input>\n    );\n\n    let input;\n\n    switch (datePart) {\n      case \"D\":\n        input = dayInput;\n        break;\n      case \"M\":\n        input = monthInput;\n        break;\n      case \"Y\":\n        input = yearInput;\n    }\n\n    return input;\n  };\n\n  // Get input elements in order of chosen date format\n  private getInputsInOrder = () => {\n    const dateParts = this.dateFormat.split(\"/\");\n\n    const inputsInOrder: HTMLInputElement[] = [];\n\n    dateParts.forEach((part: string) => {\n      inputsInOrder.push(this.getInputFromDatePart(part.substring(0, 1)));\n    });\n\n    return inputsInOrder;\n  };\n\n  // To add to the end of assistive hint to make it clearer that each date part has its own input\n  // that can be changed individually\n  private getDescOfInputsOrder = () => {\n    let description;\n\n    switch (this.dateFormat) {\n      case this.DEFAULT_DATE_FORMAT:\n        description = \"day, month, and year\";\n        break;\n      case \"MM/DD/YYYY\":\n        description = \"month, day, and year\";\n        break;\n      case \"YYYY/MM/DD\":\n        description = \"year, month, and day\";\n    }\n\n    return description;\n  };\n\n  // Add 'required' or 'invalid data' to span used in aria-labelledby\n  // Many ARIA attributes aren't read out by screen reader when on the input component container\n  private getScreenReaderInfo = (validationStatus: string) => {\n    let inputDescriptors = \"\";\n\n    if (this.required) {\n      inputDescriptors += \"required\";\n    }\n\n    if (validationStatus === IcInformationStatus.Error) {\n      inputDescriptors += \" invalid data\";\n    }\n\n    return inputDescriptors === \"\" ? \"\" : inputDescriptors + \", \";\n  };\n\n  // Prevent non-number characters being entered\n  // ('e' or '.' - which are usually allowed in <input type=\"number\">)\n  // And limit the number of characters within each field (2 for day / month, 4 for year)\n  // (because 'maxlength' doesn't work on <input type=\"number\">)\n  private preventInput = (event: KeyboardEvent, isInputPrevented: boolean) => {\n    const key = event.key;\n    const input = event.target as HTMLInputElement;\n    let selectedString;\n\n    if (input) {\n      selectedString = input.value.substring(\n        input.selectionStart || 0,\n        input.selectionEnd || undefined\n      );\n    }\n\n    if (\n      key === \"e\" ||\n      key === \".\" ||\n      key === \"-\" ||\n      (event.key >= \"0\" &&\n        event.key <= \"9\" &&\n        isInputPrevented &&\n        !selectedString)\n    ) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Get whether date has been disabled using disableFuture or disablePast prop, but always allow current day\n   * Consider using dateClamp and inDateRange\n   * @returns `boolean`\n   */\n  private isSelectedDateDisabled = () => {\n    if (!this.selectedDate) return false;\n\n    const currentDate = new Date();\n    const isNotToday =\n      this.selectedDate.toDateString() !== currentDate.toDateString();\n\n    this.isAfterMax =\n      this.maxDate && this.selectedDate > this.maxDate && isNotToday;\n    this.isBeforeMin =\n      this.minDate && this.selectedDate < this.minDate && isNotToday;\n\n    return (\n      this.isAfterMax ||\n      this.isBeforeMin ||\n      this.disableDays.includes(this.selectedDate.getDay()) ||\n      (((!!this.disablePast && this.selectedDate < currentDate) ||\n        (!!this.disableFuture && this.selectedDate > currentDate)) &&\n        isNotToday)\n    );\n  };\n\n  private moveToNextInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) + 1\n    ]?.focus();\n  };\n\n  private moveToPreviousInput = (currentInput: HTMLInputElement) => {\n    this.preventAutoFormatting = false;\n\n    this.inputsInOrder[\n      this.inputsInOrder.findIndex((input) => input === currentInput) - 1\n    ]?.focus();\n  };\n\n  private autocompleteInput = (input: HTMLInputElement) => {\n    const inputValue = input.value;\n    if (this.yearInputEl && input === this.yearInputEl) {\n      // Autocomplete year as current millennium when fewer than 4 characters entered\n      const yearNumbers = [\"2\", \"0\", \"0\"];\n\n      let autocompletedInput = \"\";\n\n      if (inputValue) {\n        yearNumbers.forEach((number, index) => {\n          if (inputValue.length + index <= 3) {\n            autocompletedInput += number;\n          }\n        });\n\n        this.yearInputEl.value = `${autocompletedInput}${inputValue}`;\n      }\n    } else if (inputValue.length === 1) {\n      // Autocomplete input as 2 characters (leading zero) when only 1 character entered (for day and month)\n      input.value = +inputValue === 0 ? \"01\" : `0${inputValue}`;\n    }\n\n    if (input.value) {\n      this.setInputValue(input);\n    }\n  };\n\n  private convertToDate = (\n    year: string,\n    month: string,\n    day: string\n  ): Date | null => {\n    if (!isEmptyString(year) && !isEmptyString(month) && !isEmptyString(day)) {\n      return new Date(+year, +month - 1, +day);\n    } else {\n      return null;\n    }\n  };\n\n  private handleHostBlur = () => {\n    this.removeLabelledBy = false;\n    this.icBlur.emit({ value: this.selectedDate });\n  };\n\n  private handleHostFocus = () => {\n    if (\n      this.el.shadowRoot?.activeElement?.id.match(/(day|month|year)-input$/)\n    ) {\n      this.removeLabelledBy = false;\n    } else {\n      this.removeLabelledBy = true;\n    }\n    this.icFocus.emit({ value: this.selectedDate });\n  };\n\n  private handleFormReset = () => {\n    // Get the initial value and populate day, month and year again.\n    this.setDate(this.initialValue);\n    this.setValidationMessage();\n    this.handleDateChange(false);\n  };\n\n  private getAriaLabel = (input: HTMLInputElement) =>\n    input.getAttribute(this.ARIA_LABEL);\n\n  private notifyScreenReaderArrowKeys = (input: HTMLInputElement) => {\n    const liveRegion = this.el.shadowRoot?.querySelector(\"#live-region\");\n    const ariaLabel = this.getAriaLabel(input);\n\n    if (liveRegion && input.value && ariaLabel) {\n      let announcement = \"\";\n\n      if (\n        input === this.monthInputEl &&\n        !!IcDateInputMonths[+input.value - 1]\n      ) {\n        announcement = `${input.value} - ${\n          IcDateInputMonths[+input.value - 1]\n        }, ${ariaLabel}`;\n      }\n\n      if (input === this.dayInputEl || input === this.yearInputEl) {\n        announcement = `${input.value}, ${ariaLabel}`;\n      }\n\n      liveRegion.textContent = announcement;\n    }\n  };\n\n  private removeAriaLabelledBy() {\n    this.inputCompContainerEl.removeAttribute(this.ARIA_LABELLED_BY);\n  }\n\n  private setPastedValueAndValidation(\n    isValidDate: boolean,\n    pastedValue: string,\n    event: ClipboardEvent\n  ) {\n    switch (true) {\n      case isValidDate: {\n        const nextParsedValue = this.isZuluTime\n          ? extractDateFromZuluDateTime(pastedValue)\n          : pastedValue;\n        const dateParts = nextParsedValue.split(/-|\\/|\\./);\n        this.inputsInOrder.forEach((input, index) => {\n          input.classList.add(this.FIT_TO_VALUE);\n\n          if (this.isZuluTime) {\n            this.pasteZuluDateTime(dateParts, index);\n          } else {\n            let dateValue;\n\n            if (input === this.dayInputEl || input === this.monthInputEl) {\n              dateValue = this.slicePastedDate(2, dateParts[index]);\n            } else {\n              dateValue = this.slicePastedDate(4, dateParts[index]);\n            }\n\n            input.value = dateValue;\n\n            this.setInputValue(input);\n            this.autocompleteInput(input);\n          }\n        });\n        this.isZuluTime = false;\n        break;\n      }\n\n      case (pastedValue.length === 1 ||\n        pastedValue.length === 2 ||\n        pastedValue.length === 4) &&\n        isNumeric(pastedValue):\n        if (this.checkSingleCopiedValueIsValid(event.target, pastedValue)) {\n          // Check if copied value can be pasted into input\n          this.setInputPasteValue(event.target, pastedValue);\n          this.setInputValue(event.target as HTMLInputElement);\n        } else {\n          this.displayPastedValidation(event);\n        }\n        break;\n\n      case pastedValue.length === 3 && isNumeric(pastedValue):\n        if (event.target !== this.yearInputEl) {\n          this.displayPastedValidation(event);\n        } else {\n          this.setInputPasteValue(event.target, pastedValue);\n          this.setInputValue(event.target as HTMLInputElement);\n        }\n        break;\n\n      case pastedValue.length >= 5 && isNumeric(pastedValue):\n        this.displayPastedValidation(event);\n    }\n  }\n\n  private pasteZuluDateTime(dateParts: string[], index: number) {\n    // ['YYYY', 'MM', 'DD']\n    if (index === 0 && this.yearInputEl) {\n      const dateValue = this.slicePastedDate(4, dateParts[index]);\n      this.yearInputEl.value = dateValue;\n      this.setInputValue(this.yearInputEl);\n    } else if (index === 1 && this.monthInputEl) {\n      // The month value is the second item in the array\n      const dateValue = this.slicePastedDate(2, dateParts[index]);\n      this.monthInputEl.value = dateValue;\n      this.setInputValue(this.monthInputEl);\n    } else if (this.dayInputEl) {\n      const dateValue = this.slicePastedDate(2, dateParts[index]);\n      this.dayInputEl.value = dateValue;\n      this.setInputValue(this.dayInputEl);\n    }\n  }\n\n  private displayPastedValidation(event: ClipboardEvent) {\n    if (this.invalidDateText?.length > 0) {\n      this.previousInvalidDateTest = this.invalidDateText;\n    }\n\n    this.invalidDateText = `Please paste a valid ${this.getAriaLabel(\n      event.target as HTMLInputElement\n    )}`;\n\n    this.validationStatus = IcInformationStatus.Error;\n    this.isPasteValidationDisplayed = true;\n  }\n\n  private setPasteInvalidText() {\n    if (this.isPasteValidationDisplayed) {\n      this.invalidDateText = this.previousInvalidDateTest ?? \"\";\n      this.isPasteValidationDisplayed = false;\n\n      // This is to prevent setDate from triggering within componentWillUpdate\n      this.isDateSetFromKeyboardEvent = true;\n    }\n  }\n\n  private notifyScreenReader(input: HTMLInputElement, event: Event) {\n    const liveRegion = this.el.shadowRoot?.querySelector(\"#live-region\");\n\n    if (liveRegion) {\n      if (this.isKeyboardOrEvent(event)) {\n        this.notifyScreenReaderArrowKeys(input);\n      } else if (\n        Object.prototype.toString.call(event) === this.INPUT_EVENT_OBJECT_STRING\n      ) {\n        this.notifyScreenReaderInput(input, liveRegion as HTMLElement);\n      }\n    }\n  }\n\n  private notifyScreenReaderInput = (\n    input: HTMLInputElement,\n    liveRegion: HTMLElement\n  ) => {\n    const ariaLabel = this.getAriaLabel(input);\n    const value = input.value;\n\n    if (ariaLabel && value) {\n      let announcement = \"\";\n\n      const monthValue = IcDateInputMonths[+value - 1];\n      if (\n        input === this.monthInputEl &&\n        !!monthValue &&\n        this.isValidMonth &&\n        value.length === 2\n      ) {\n        announcement = `${value} - ${monthValue}`;\n      } else if (\n        (input === this.dayInputEl && this.isValidDay && value.length === 2) ||\n        (input === this.yearInputEl && value.length === 4)\n      ) {\n        announcement = value;\n      }\n\n      liveRegion.textContent = `${announcement}, ${ariaLabel}`;\n    }\n  };\n\n  private setFitToValueStyling = (input: HTMLInputElement) => {\n    if (input.value) {\n      input.classList.add(this.FIT_TO_VALUE);\n    } else {\n      input.classList.remove(this.FIT_TO_VALUE);\n    }\n  };\n\n  private setAriaInvalid = (\n    validDay: boolean,\n    validMonth: boolean,\n    validDate: boolean,\n    disabledDate: boolean\n  ) => {\n    if (this.inputsInOrder.length) {\n      this.inputsInOrder.forEach((input) => {\n        input.removeAttribute(this.ARIA_INVALID);\n      });\n\n      if (!validDay) {\n        this.dayInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n\n      if (!validMonth) {\n        this.monthInputEl?.setAttribute(this.ARIA_INVALID, \"true\");\n      }\n\n      if (!validDate || disabledDate) {\n        this.inputsInOrder.forEach((input) => {\n          input.setAttribute(this.ARIA_INVALID, \"true\");\n        });\n      }\n    }\n  };\n\n  private handleClear = () => {\n    this.clearInput = true;\n    this.inputsInOrder.forEach((input) => {\n      input.classList.remove(this.FIT_TO_VALUE);\n      this.setInputValue(input, true);\n      this.setPreventInput(input, false);\n    });\n    this.clearInput = false;\n    this.isDateSetFromKeyboardEvent = false;\n    this.setValidationMessage();\n    this.handleDateChange(true);\n\n    this.inputsInOrder[0].focus();\n  };\n\n  private handleCalendarOpen = (ev: MouseEvent) => {\n    ev.stopImmediatePropagation();\n    this.calendarButtonEl?.shadowRoot\n      ?.querySelector(\"ic-tooltip\")\n      ?.displayTooltip(false);\n    this.calendarButtonClicked.emit({ value: this.selectedDate });\n    this.calendarButtonEl?.shadowRoot\n      ?.querySelector(\"ic-tooltip\")\n      ?.displayTooltip(false);\n    this.isDateSetFromKeyboardEvent = false;\n  };\n\n  private setValueAndEmitChange = (value: Date | null) => {\n    if (!dateMatches(this.value ? new Date(this.value) : null, value)) {\n      this.emitIcChange(value);\n      this.value = value;\n    }\n  };\n\n  private handleCalendarFocus = () => {\n    this.calendarFocused = true;\n  };\n\n  private handleCalendarBlur = () => {\n    this.calendarFocused = false;\n  };\n\n  private handleClearFocus = () => {\n    this.removeLabelledBy = true;\n    this.clearButtonFocused = true;\n  };\n\n  private handleClearBlur = (ev: FocusEvent) => {\n    this.clearButtonFocused = false;\n    if ((ev.relatedTarget as HTMLElement)?.id.match(/(day|year)-input$/)) {\n      this.removeLabelledBy = false;\n      return;\n    }\n\n    this.removeLabelledBy = true;\n  };\n\n  private emitIcChange = (d: Date | null) => {\n    this.selectedDate = d;\n    if (\n      !dateMatches(this.selectedDate, d) ||\n      this.day !== null ||\n      this.month !== null ||\n      this.year !== null\n    ) {\n      let UTCDate = null;\n      if (d !== null) {\n        UTCDate = new Date(\n          Date.UTC(d.getFullYear(), d.getMonth(), d.getDate())\n        );\n      }\n      this.icChange.emit({\n        value: d,\n        dateObject: {\n          day: this.day === \"\" ? null : this.day,\n          month: this.month === \"\" ? null : this.month,\n          year: this.year === \"\" ? null : this.year,\n        },\n        utcValue: UTCDate,\n      });\n    }\n  };\n\n  render() {\n    const {\n      inputId,\n      label,\n      disabled,\n      helperText,\n      hideHelperText,\n      hideLabel,\n      showClearButton,\n      showCalendarButton,\n      size,\n      theme,\n    } = this;\n\n    const hasCustomValidation = !isEmptyString(this.validationStatus);\n\n    const validationStatus = hasCustomValidation\n      ? this.validationStatus\n      : !isEmptyString(this.invalidDateText)\n      ? IcInformationStatus.Error\n      : \"\";\n\n    const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;\n\n    renderHiddenInput(\n      true,\n      this.el,\n      this.name,\n      this.convertToDate(this.year, this.month, this.day),\n      this.disabled\n    );\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-date-input-disabled`]: disabled,\n        }}\n        onBlur={this.handleHostBlur}\n        onFocus={this.handleHostFocus}\n      >\n        <ic-input-container disabled={disabled}>\n          {!(hideLabel && hideHelperText) && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              hideLabel={hideLabel}\n              helperText={!hideHelperText ? helperText : \"\"}\n              disabled={disabled}\n            ></ic-input-label>\n          )}\n          <span id={this.screenReaderInfoId} class=\"sr-only\" aria-hidden=\"true\">\n            {this.getScreenReaderInfo(validationStatus)}\n            {hideLabel && `${label}\\n`}\n            {hideHelperText && `${helperText}\\n`}\n            {`${this.defaultHelperText}.`}\n          </span>\n          <span id={this.assistiveHintId} class=\"sr-only\" aria-hidden=\"true\">\n            {assistiveHint}\n          </span>\n          <span id=\"live-region\" aria-live=\"assertive\" class=\"sr-only\"></span>\n          <ic-input-component-container\n            id={inputId}\n            ref={(el: HTMLIcInputComponentContainerElement) =>\n              (this.inputCompContainerEl = el)\n            }\n            disabled={disabled}\n            validationStatus={validationStatus}\n            size={size}\n            role=\"group\"\n            class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n          >\n            <div class=\"input-container\">\n              <div class=\"date-inputs\">\n                {this.getInputsInOrder()[0]}/{this.getInputsInOrder()[1]}/\n                {this.getInputsInOrder()[2]}\n              </div>\n              <div class=\"action-buttons\">\n                {showClearButton && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"Clear input\"\n                    class={{\n                      [\"clear-button\"]: true,\n                      [\"hidden\"]:\n                        isEmptyString(this.day) &&\n                        isEmptyString(this.month) &&\n                        isEmptyString(this.year),\n                    }}\n                    disabled={this.disabled}\n                    innerHTML={Clear}\n                    onClick={this.handleClear}\n                    onFocus={this.handleClearFocus}\n                    onBlur={this.handleClearBlur}\n                    variant=\"icon-tertiary\"\n                    theme={this.clearButtonFocused ? \"light\" : \"dark\"}\n                    size={size}\n                  ></ic-button>\n                )}\n                {showCalendarButton && (\n                  <div class=\"show-calendar-button-wrapper\">\n                    <div class={{ divider: true, [size]: true }}></div>\n                    <ic-button\n                      id=\"calendar-button\"\n                      ref={(el: HTMLIcButtonElement) =>\n                        (this.calendarButtonEl = el)\n                      }\n                      aria-label=\"Display calendar\"\n                      aria-haspopup=\"dialog\"\n                      class=\"calendar-button\"\n                      disabled={this.disabled}\n                      innerHTML={Calendar}\n                      onClick={this.handleCalendarOpen}\n                      variant=\"icon-tertiary\"\n                      size={size}\n                      onFocus={this.handleCalendarFocus}\n                      onBlur={this.handleCalendarBlur}\n                      theme={this.calendarFocused ? \"light\" : \"dark\"}\n                    ></ic-button>\n                  </div>\n                )}\n              </div>\n            </div>\n          </ic-input-component-container>\n          <span id={this.selectedDateInfoId} class=\"sr-only\" aria-live=\"polite\">\n            <span\n              ref={(el) => (this.selectedDateInfoEl = el)}\n              role=\"status\"\n            ></span>\n          </span>\n          {(hasCustomValidation || !isEmptyString(this.invalidDateText)) && (\n            <ic-input-validation\n              status={validationStatus}\n              message={\n                hasCustomValidation ? this.validationText : this.invalidDateText\n              }\n              for={inputId}\n            ></ic-input-validation>\n          )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-87c92ab1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{y as r,z as h,r as o,A as n,B as c,b as l,j as d,C as u}from"./p-b9e73154.js";const b=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M15.8327 5.34199L14.6577 4.16699L9.99935 8.82533L5.34102 4.16699L4.16602 5.34199L8.82435 10.0003L4.16602 14.6587L5.34102 15.8337L9.99935 11.1753L14.6577 15.8337L15.8327 14.6587L11.1743 10.0003L15.8327 5.34199Z" fill="currentColor"/>\n</svg>\n`;const f=`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">\n    <path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>\n</svg>`;const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-search-bar-search){display:block;--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}:host(.ic-search-bar-disabled){--ic-input-label-text-color:var(--ic-search-bar-label-disabled);--ic-input-label-helper-text-color:var(--ic-search-bar-subtitle-disabled)}:host(.ic-search-bar-search:hover){--border-color:var(--ic-search-bar-outline-hover)}:host(.ic-search-bar-search:active){--border-color:var(--ic-search-bar-outline-pressed)}:host(.ic-search-bar-search.ic-search-bar-small){--divider-height:1rem}:host(.ic-search-bar-full-width){width:100%}::-moz-placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}::placeholder{color:var(--ic-search-bar-placeholder-text);opacity:1}input{border:0;border-radius:var(--ic-border-radius);color:var(--ic-search-bar-filled-text);background-color:var(--input-bg-color);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(--ic-search-bar-filled-text-cursor)}input:focus{border:0;outline:0}input:disabled::-moz-placeholder{color:var(--ic-search-bar-disabled-text)}input:disabled,input:disabled::placeholder{color:var(--ic-search-bar-disabled-text)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-left-pad{padding-left:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.clear-button-container{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}.clear-button{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button-unfocused *{fill:var(--ic-search-bar-clear-button)}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button-visible{visibility:visible;display:flex}.search-submit-button-container{display:flex;align-items:center}.search-submit-button-unfocused *{fill:var(--ic-search-bar-filled-icon)}.search-submit-button-disabled *{fill:var(--ic-search-bar-icon-disabled)}.search-submit-button-disabled .ic-tooltip-container{display:none !important}.search-submit-button:focus,.search-submit-button:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}.search-submit-button:focus,.search-submit-button:active *{fill:white}.divider{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}.menu-container{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}.menu-container.fullwidth{width:100%}.no-results{cursor:not-allowed}.search-results-status{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){.search-submit-button-unfocused *{fill:canvastext}.search-submit-button-disabled *{fill:GrayText}}';const m=p;let v=0;const g=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.icClear=i(this,"icClear",7);this.icInput=i(this,"icInput",7);this.icOptionSelect=i(this,"icOptionSelect",7);this.icMenuChange=i(this,"icMenuChange",7);this.icClearBlur=i(this,"icClearBlur",7);this.icRetryLoad=i(this,"icRetryLoad",7);this.icSubmitSearch=i(this,"icSubmitSearch",7);this.icSubmitSearchBlur=i(this,"icSubmitSearchBlur",7);this.icSearchBarBlur=i(this,"icSearchBarBlur",7);this.icSearchBarFocus=i(this,"icSearchBarFocus",7);this.icKeydown=i(this,"icKeydown",7);this.assistiveHintEl=null;this.hasTimedOut=false;this.inputId=`ic-search-bar-input-${v++}`;this.menuCloseFromMenuChangeEvent=false;this.menuId=`${this.inputId}-menu`;this.preLoad=true;this.preventSubmit=false;this.prevNoOption=false;this.retryButtonClick=false;this.truncateValue=false;this.clearButtonFocused=false;this.open=false;this.searchSubmitFocused=false;this.showClearButton=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.charactersUntilSuggestion=2;this.disabled=false;this.disableAutoFiltering=false;this.debounce=0;this.emptyOptionListText="No results found";this.focusOnLoad=false;this.fullWidth=false;this.helperText="";this.hideLabel=false;this.assistiveHintText="When autocomplete results are available use the up and down arrows to choose and press enter to select";this.labelField="label";this.loading=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.name=this.inputId;this.placeholder="Search";this.readonly=false;this.required=false;this.searchMode="navigation";this.size="medium";this.spellcheck=false;this.theme="inherit";this.valueField="value";this.filteredOptions=[];this.options=[];this.value="";this.handleClear=t=>{var i;const e=t;const s=t;if(s.type==="click"||e.code==="Enter"||e.code==="Space"){this.value="";(i=this.inputEl)===null||i===void 0?void 0:i.setAttribute("value","");this.loading=false;clearTimeout(this.timeoutTimer);this.filteredOptions=this.options;this.el.setFocus();this.icClear.emit();t.preventDefault();this.preventSubmit=true}};this.onInput=t=>{this.value=t.target.value;this.icInput.emit({value:this.value});const i=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}];if(this.options.length>0){this.setMenuChange(true);this.preLoad=false;if(this.disableAutoFiltering===false){const t=r(this.options,false,this.value,"anywhere",this.labelField);this.filteredOptions=t.length>0?t:i}}if(!this.showClearButton){this.handleShowClearButton(true)}this.debounceAriaLiveUpdate()};this.onInputBlur=t=>{const i=t.target.value;const e=t.relatedTarget;this.icSearchBarBlur.emit({value:i,relatedTarget:e})};this.onInputFocus=t=>{const i=t.target.value;this.icSearchBarFocus.emit({value:i});this.handleShowClearButton(true)};this.handleClearBlur=t=>{const i=t.relatedTarget;this.icClearBlur.emit({relatedTarget:i});this.clearButtonFocused=false};this.handleSubmitSearchBlur=t=>{const i=t.relatedTarget;this.icSubmitSearchBlur.emit({relatedTarget:i});this.searchSubmitFocused=false};this.handleMouseDown=t=>{t.preventDefault()};this.handleSubmitSearchFocus=()=>{this.searchSubmitFocused=true};this.handleSubmitSearch=()=>{this.highlightedValue&&(this.value=this.highlightedValue);this.highlightedValue=undefined;this.icSubmitSearch.emit({value:this.value});const t=this.el.closest("FORM");if(this.searchSubmitButton&&!!t&&!this.preventSubmit){h(t,this.searchSubmitButton)}};this.handleSubmitSearchKeyDown=t=>{if(t.key===" "){t.preventDefault();this.handleSubmitSearch()}};this.handleRetry=t=>{this.retryViaKeyPress=t.detail.keyPressed==="Enter";this.icRetryLoad.emit({value:t.detail.value});this.triggerLoading();this.retryButtonClick=true};this.triggerLoading=()=>{const t=[{[this.labelField]:this.loadingLabel,[this.valueField]:"",loading:true}];if(this.filteredOptions!==t)this.filteredOptions=t;if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.filteredOptions=[{[this.labelField]:this.loadingErrorLabel,[this.valueField]:"",timedOut:true}]}),this.timeout)}};this.handleOptionSelect=t=>{if(t.detail.label===this.emptyOptionListText){this.el.setFocus();return}this.value=t.detail.value;this.icOptionSelect.emit({value:this.value})};this.handleMenuOptionHighlight=t=>{var i;const e=(i=t.detail.optionId)===null||i===void 0?void 0:i.replace(`${this.menuId}-`,"");e&&(this.highlightedValue=e);if(t.detail.optionId){this.ariaActiveDescendant=t.detail.optionId}else{this.ariaActiveDescendant=""}};this.handleMenuChange=t=>{this.setMenuChange(t.detail.open);if(!t.detail.open){this.menuCloseFromMenuChangeEvent=true}};this.setMenuChange=t=>{if(this.open!==t){this.open=t;this.icMenuChange.emit({open:t})}};this.handleHostFocus=()=>{if(this.options&&this.value&&!this.menuCloseFromMenuChangeEvent){this.setMenuChange(true)}this.handleTruncateValue(false);this.icSearchBarFocus.emit()};this.handleHostBlur=t=>{var i;const e=t.relatedTarget;if(this.open&&this.options&&e!==this.menu&&!this.retryViaKeyPress&&!this.retryButtonClick){this.setMenuChange(false)}if(this.retryButtonClick||this.retryViaKeyPress){(i=this.inputEl)===null||i===void 0?void 0:i.focus()}this.handleShowClearButton(false);this.menuCloseFromMenuChangeEvent=false;this.handleTruncateValue(true);this.icSearchBarBlur.emit({relatedTarget:e,value:this.value});this.retryViaKeyPress=false;this.retryButtonClick=false};this.handleShowClearButton=t=>{this.showClearButton=t};this.handleFocusClearButton=()=>{this.clearButtonFocused=true};this.handleTruncateValue=t=>{this.truncateValue=t};this.renderAssistiveHintEl=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`#${this.inputId}`);if(i&&Object.keys(i).length>0&&this.hasOptionsOrFilterDisabled()){this.assistiveHintEl=document.createElement("span");this.assistiveHintEl.innerText=this.assistiveHintText||"";this.assistiveHintEl.id=`${this.inputId}-assistive-hint`;this.assistiveHintEl.style.display="none";if(i.after!==undefined){i.after(this.assistiveHintEl)}}};this.updateSearchResultAriaLive=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".search-results-status");if(i){if(!this.open||this.value===""||this.value.length<this.charactersUntilSuggestion){i.innerText=""}else if(this.hasOptionsOrFilterDisabled()&&this.filteredOptions.length>0&&this.open&&!this.filteredOptions[0].loading){if(this.hadNoOptions()){i.innerText=this.emptyOptionListText}else{i.innerText=`${this.filteredOptions.length} result${this.filteredOptions.length>1?"s":""} available`}}}};this.hasOptionsOrFilterDisabled=()=>this.options.length>0||!!this.disableAutoFiltering;this.hadNoOptions=()=>this.filteredOptions.length===1&&this.filteredOptions[0][this.labelField]===this.emptyOptionListText&&this.searchMode==="navigation";this.isSubmitDisabled=()=>{const t=this.value===undefined||this.value===null||this.value==="";const i=this.value.length<this.charactersUntilSuggestion;return t||i||this.disabled||this.hadNoOptions()||this.hasTimedOut||!!this.loading};this.highlightFirstOptionAfterNoResults=()=>{if(this.prevNoOption&&this.menu&&!this.hasTimedOut){this.menu.handleSetFirstOption();this.prevNoOption=false}const t=this.filteredOptions.find((t=>t[this.labelField]===this.emptyOptionListText||t[this.labelField]===this.loadingErrorLabel||t[this.labelField]===this.loadingLabel));if(t){this.prevNoOption=true}}}watchDisabledHandler(){o(this.disabled,this.el)}debounceChanged(){this.icChange=n(this.icChange,this.debounce)}loadingHandler(t){if(t&&!this.hasTimedOut){this.preLoad=false;this.triggerLoading()}}filteredOptionsHandler(t){this.hasTimedOut=t.some((t=>t.timedOut))}watchOptionsHandler(t){if(this.disableAutoFiltering&&!this.hasTimedOut){this.loading=false;clearTimeout(this.timeoutTimer);if(t.length>0){this.filteredOptions=t}else{if(this.hadNoOptions()){return}this.setMenuChange(true);!this.preLoad&&(this.filteredOptions=[{[this.labelField]:this.emptyOptionListText,[this.valueField]:""}]);this.preLoad=true}}this.debounceAriaLiveUpdate()}watchValueHandler(t){if(this.inputEl&&this.options&&!!c(t,this.options,this.valueField,this.labelField)){this.inputEl.value=c(t,this.options,this.valueField,this.labelField)||""}else if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){if(this.assistiveHintEl){this.assistiveHintEl.remove()}}componentWillLoad(){this.watchValueHandler(this.value);o(this.disabled,this.el)}componentDidLoad(){if(this.focusOnLoad){this.el.setFocus()}if(this.hasOptionsOrFilterDisabled()){this.renderAssistiveHintEl();if(this.disableAutoFiltering){this.filteredOptions=this.options}}l([{prop:this.label,propName:"label"}],"Search Bar")}componentWillRender(){this.highlightFirstOptionAfterNoResults()}handleKeyDown(t){this.icKeydown.emit({event:t});if(this.menu&&this.open){this.menu.handleKeyboardOpen(t)}}handleKeyUp(t){if(t.key==="Enter"){if(this.preventSubmit||this.isSubmitDisabled()){return}this.handleSubmitSearch();this.setMenuChange(false)}if(t.key==="Escape"){this.setMenuChange(false)}if(this.preventSubmit){this.preventSubmit=false}}async setFocus(){var t;this.retryViaKeyPress=false;this.retryButtonClick=false;(t=this.inputEl)===null||t===void 0?void 0:t.focus()}debounceAriaLiveUpdate(){clearTimeout(this.debounceAriaLive);this.debounceAriaLive=window.setTimeout((()=>{this.updateSearchResultAriaLive()}),500)}render(){const{inputId:t,name:i,label:a,required:r,size:h,placeholder:o,helperText:n,disabled:l,value:p,readonly:m,spellcheck:v,fullWidth:g,options:w,open:y,hideLabel:x,menuId:k,ariaActiveDescendant:z,truncateValue:L,autofocus:C,autocapitalize:B,autocomplete:T,filteredOptions:H,theme:M}=this;const S=m||l;const O=d(t,n!=="",false).trim();let $;if(O!==""&&this.hasOptionsOrFilterDisabled()){$=`${O} ${this.inputId}-assistive-hint`}else if(this.hasOptionsOrFilterDisabled()){$=`${this.inputId}-assistive-hint`}else if(O!==""){$=O}else{$=undefined}const F=!!p&&this.hasOptionsOrFilterDisabled();const D=F&&y&&H.length>0;const E=D&&p.length>=this.charactersUntilSuggestion;const I=c(p,w,this.valueField,this.labelField);u(true,this.el,i,p,S);return e(s,{key:"a1e560e97f324268abb887ac3b8188acc1c6d42f",class:{["ic-search-bar-search"]:true,["ic-search-bar-full-width"]:!!g,["ic-search-bar-disabled"]:!!l,["ic-search-bar-small"]:h==="small",[`ic-theme-${M}`]:M!=="inherit"},onFocus:this.handleHostFocus,onBlur:this.handleHostBlur},e("ic-input-container",{key:"327a761189705de2cd7b4f4163f494701a34276c",readonly:m,disabled:S},!x&&e("ic-input-label",{key:"80f4bb67acb9232b36014d34f320471bedcc1ad3",for:t,label:a,helperText:n,required:r,disabled:S&&!m,readonly:m}),e("ic-input-component-container",{key:"0fb2a97aad0bd1f185ed3fc456c589dbcb7ce99d",ref:t=>this.anchorEl=t,size:h,disabled:S,readonly:m,fullWidth:g},e("input",{key:"3af78e40aa89ce0bad6693f6371015486c1cd103",id:t,name:i,ref:t=>this.inputEl=t,value:w&&!!I?I:p,class:{"no-left-pad":!!m,readonly:!!m,"truncate-value":L},placeholder:o,required:r,disabled:S,readonly:m,onInput:this.onInput,onBlur:this.onInputBlur,onFocus:this.onInputFocus,"aria-label":a,"aria-activedescendant":z,"aria-expanded":w.length>0&&E?`${D}`:undefined,"aria-owns":E?k:undefined,"aria-describedby":$,"aria-controls":E?k:undefined,"aria-haspopup":w.length>0?"listbox":undefined,"aria-autocomplete":F?"list":undefined,role:w.length>0&&E?"combobox":undefined,autocomplete:T,autocapitalize:B,autoFocus:C,spellcheck:v,inputmode:"search"}),e("div",{key:"23d4349d4b0f905bbf90bf1826a3a90559c62b9d",class:{"clear-button-container":true,"clear-button-visible":!!p&&!S&&this.showClearButton}},e("ic-button",{key:"90cd4ab4601fabfca86d92d9c6cb7d5751d43758",id:"clear-button",class:{"clear-button":true,"clear-button-unfocused":!this.clearButtonFocused},"aria-label":"Clear",innerHTML:b,onClick:this.handleClear,onMouseDown:this.handleMouseDown,size:h,onFocus:this.handleFocusClearButton,onBlur:this.handleClearBlur,onKeyDown:this.handleClear,type:"submit",variant:"icon",theme:this.clearButtonFocused?"light":"dark"}),e("div",{key:"79c1bb38267e6ebef413f7f9a6ba0ac8a28b5f12",class:"divider"})),e("div",{key:"91b16ca2d959cf2d36cbbe75eb210fd254cff723",class:{"search-submit-button-container":true,"search-submit-button-disabled":this.isSubmitDisabled()}},e("ic-button",{key:"3b2aac9b7ae9ba4e78979d5ecc64a8aa2035e23a",id:"search-submit-button","aria-label":"Search",ref:t=>this.searchSubmitButton=t,class:{["search-submit-button"]:true,["search-submit-button-small"]:h==="small",["search-submit-button-unfocused"]:!this.searchSubmitFocused,["search-submit-button-disabled"]:this.isSubmitDisabled()},disabled:this.isSubmitDisabled(),innerHTML:f,size:h,onClick:this.handleSubmitSearch,onMouseDown:this.handleMouseDown,onBlur:this.handleSubmitSearchBlur,onFocus:this.handleSubmitSearchFocus,onKeyDown:this.handleSubmitSearchKeyDown,type:"submit",variant:"icon",theme:this.searchSubmitFocused?"light":"dark"}))),e("div",{key:"548b4ee1e050efd6a8d50d7640e3cad32ac3002c",class:{"menu-container":true,fullwidth:!!g}},E&&e("ic-menu",{key:"3d495b2ee381d30984316f0143c148731b179304",class:{"no-results":this.hadNoOptions()||H.length===1&&(H[0][this.labelField]===this.loadingLabel||H[0][this.labelField]===this.loadingErrorLabel)},activationType:"manual",anchorEl:this.anchorEl,autofocusOnSelected:false,searchMode:this.searchMode,inputEl:this.inputEl,inputLabel:a,ref:t=>this.menu=t,fullWidth:g,menuId:k,open:!!E,options:H,onMenuOptionSelect:this.handleOptionSelect,onMenuStateChange:this.handleMenuChange,onMenuOptionId:this.handleMenuOptionHighlight,onRetryButtonClicked:this.handleRetry,parentEl:this.el,value:p,labelField:this.labelField,valueField:this.valueField}))),e("div",{key:"d3a4abf5d1d7ca686b696c283e86a6c84ff39f92","aria-live":"polite",role:"status",class:"search-results-status"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],loading:["loadingHandler"],filteredOptions:["filteredOptionsHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};g.style=m;export{g as ic_search_bar};
+//# sourceMappingURL=p-87c92ab1.entry.js.map